open-index/open-npm huggingface dataset:
npm package: @srph/react-timesheet
Description: An opinionated timesheet component for React
Author: Kier Borromeo
Latest version: 0.0.16

## React Timesheet
[WIP] Timesheets for you, and you, and for everybody!

## Note
No plans to make this flexible. Rather, you can *fork* or get ideas from this project!

## Features
Currently ad-hoc for a private school application I'm working on.

- [x] New schedule
- [x] Edit schedule
- [x] Drag-n-drop schedule
- [x] Schedule validation
- [x] Typehead
- [x] Schedule status (on-going, done)
- [x] Scale

## Installing
```bash
npm i --save @srph/react-timesheet
```

## Usage
```js
<Timesheet time={{
  start: '10:00 AM',
  end: '10:00 PM',
  increment: { hours: 1, minutes: 30 }
}} schedules={{
  'Monday': [{
  	start: '10:00 AM',
  	end: '11:30 AM',
  	data: {}
  }]
}} />
```

See [example](examples).
npm package: @srph/tofd2
Description: tofd2 converts an object to a FormData representation.
Author: srph
Latest version: 1.0.0

# tofd2 [![npm version](https://img.shields.io/npm/v/@srph/tofd2.svg?style=flat-square)](https://npmjs.com/packages/@srph/tofd2) [![Build Status](https://img.shields.io/travis/srph/tofd2.svg?style=flat-square)](https://travis-ci.org/srph/tofd2?branch=master)

Converts an object to a `FormData` representation. Also supports nested arrays, objects, `File`, and `Buffer`s.

Fork of [tugorez/tofd](https://github.com/tugorez/tofd/pull/1).

## Installation
```bash
npm i @srph/tofd2 --save
```

## Why
This library allows you to declaratively create a `FormData` instead of having to `append` each property.

```diff
- const payload = new FormData()
- payload.append('first_name', firstName)
- payload.append('last_name', lastName)
+ const payload = tofd({
+   first_name: firstName,
+   last_name: lastName
+ })
fetch('/user', { method: 'POST', body: payload })
```

## Usage
```js
const payload = tofd({
  // Basic data types
  first_name: 'hello',
  last_name: 'hello',
  // Nested arrays and objects
  tags: [{ id: 1 } , { id: 2 }],
  // Files and Buffers
  attachments: [File, File],
  avatar: File
})
```

## API
```
tofd(obj: Object): FormData
```
Accepts an object that gets converted into `FormData`.

## Contributing
### Formatting
Run [Prettier](https://github.com/prettier/prettier) on the codebase.
```bash
yarn fmt
```

### Running tests
```bash
yarn test
```
npm package: @srsnew/ui
Description: A beautiful, production-ready React component library with TypeScript support and Tailwind CSS styling.
Author: StackBlitz
Latest version: 0.1.0

## @stackblitz/ui

A beautiful, production-ready React component library with TypeScript support and Tailwind CSS styling.

### Installation

```bash
npm install @stackblitz/ui
```

### Requirements

This package has the following peer dependencies:
- react
- react-dom
- lucide-react
- tailwindcss

### Usage

```jsx
import { Button, Card, Input, Avatar } from '@stackblitz/ui';

function App() {
  return (
    <Card>
      <Card.Header>
        <h2>Welcome</h2>
      </Card.Header>
      <Card.Content>
        <Input
          label="Email"
          placeholder="Enter your email"
        />
        <Button variant="primary">
          Submit
        </Button>
      </Card.Content>
    </Card>
  );
}
```

### Components

- **Button**: Versatile button component with multiple variants and states
- **Card**: Flexible card layout with Header, Content, and Footer components
- **Input**: Form input with label, error, and icon support
- **Avatar**: User avatar with image support and fallback initials

### Tailwind CSS Setup

Add the following to your `tailwind.config.js`:

```js
module.exports = {
  content: [
    './src/**/*.{js,ts,jsx,tsx}',
    './node_modules/@stackblitz/ui/**/*.{js,ts,jsx,tsx}'
  ],
  // ... rest of your config
}
```

### License

MIT
npm package: @srssoft/react-pdfjs
Description: A React component to wrap PDF.js
Author: Erik Rasmussen
Latest version: 2.0.0

# react-pdfjs
---
[![NPM Version](https://img.shields.io/npm/v/@srssoft/react-pdfjs.svg?style=flat-square)](https://www.npmjs.com/package/@srssoft/react-pdfjs) 
[![NPM Downloads](https://img.shields.io/npm/dm/@srssoft/react-pdfjs.svg?style=flat-square)](https://www.npmjs.com/package/@srssoft/react-pdfjs)
[![Build Status](https://img.shields.io/travis/SRSsoft/react-pdfjs/master.svg?style=flat-square)](https://travis-ci.org/SRSsoft/react-pdfjs)
[![devDependency Status](https://david-dm.org/srssoft/react-pdfjs/dev-status.svg)](https://david-dm.org/srssoft/react-pdfjs#info=devDependencies)

`react-pdfjs` provides a component for rendering PDF documents using [PDF.js](http://mozilla.github.io/pdf.js/).

---

## Installation

```bash
npm install --save @srssoft/react-pdfjs
```

## Support

This project will not be supported. It is a port of [react-pdf](https://github.com/nnarhinen/react-pdf) to ES6 and 
React 0.14. Don't expect any response if you submit an issue, but if you submit a well-written pull request, it _might_ 
be merged in.

## Credit

As stated above, this is a port of [react-pdf](https://github.com/nnarhinen/react-pdf), so thank you to
[its authors](https://github.com/nnarhinen/react-pdf#author).
npm package: @srubio131/vue-script-loader
Description: Inject external scripts dynamicatly on youtr Vue projects
Author: Sergio Rubio
Latest version: 1.0.4

<br>
<br>
<br>

## Introduction

**Vue Script Loader** is a library to inject external scripts dynamicatly on youtr Vue projects

## Install

  ``` bash
  npm install @srubio131/vue-script-loader --save
  ```
  or
  ``` bash
  yarn add @srubio131/vue-script-loader
  ```

## Install

  ``` js
  import VueScriptLoader from '@srubio131/vue-script-loader'

  Vue.use(VueScriptLoader)
  // Or you can specify any other options
  Vue.use(VueScriptLoader, {
    name: 'myScriptLoader',
    extraAttrs: {
        id: 10
    },
    parentElement: 'head',
    insertAsLastElement: false, // Add script to the bottom of parentElement; true by default
  })
  ```

## Usage

  - Global instance

  ```js
  Vue.scriptLoader.injectScript('<script></script>')
  Vue.scriptLoader.injectScript('<script></script>', {
      parentElement: 'body',
      insertAsLastElement: 'false'
  })
  ```

## License
  MIT Licensed | Copyright © 2021-present s.rubio131