open-index/open-npm huggingface dataset:
npm package: @sandercamp/ui-components
Description: Component set to easily build settings screens.
Author: Sander Camp
Latest version: 0.0.35

# Dashboard UI Components

Component set to easily build settings screens.

# Running storybook

```sh
yarn storybook
```

# Using components from this package

In your project:

```sh
yarn add @dashboard-platform/ui-components
```

In your Widget Settings Renderer:

```ts
import { SlideToggle } from "@dashboard-platform/ui-components";
```

# Components / Elements list:

## Done

_Nothing yet_

## Usable, no styling

- Slide Toggle

## Missing

- Label
- Orderable list
- List card
- Select

# How to build components

Most of the components could be simple wrappers around standard HTML components, mainly adding a consistent styling or more easy to use technical interface.

For more complex components please check out if there is a suitable 'headless' component available, that we can style to our needs.

Sites to check out for nice components:

- https://reactjsexample.com/

Some components I really liked and would recommend when needed:

- Tree component: https://github.com/brimdata/react-arborist
- Menu system: https://szhsin.github.io/react-menu/
npm package: @sanderhelleso/cit
Description: Quick git for branch controll and speed
Author: Sander Hellesø
Latest version: 1.0.7

<h1 align="center">CIT</h1>

<p align="center">
<b>Automatically add branch to commit message | add, commit and push in one command | quick git.</b><br>
<sub>cit c "npm install me" -n</sub>
</p>

<br>

<p align="center">
<a href="https://www.npmjs.com/package/@sanderhelleso/cit">
<img src="https://firebasestorage.googleapis.com/v0/b/semanta-dabd0.appspot.com/o/semanta%2Fpreview.gif?alt=media&token=4c818c7f-3551-4e6d-9f55-aba2794f1f1b" alt="version">
</a>

<br>
<br>

CIT is tiny and easy to use. It aims to increase the git flow where structured commits and branches are required. 

<br>

## ❯ Install

Install with [npm](https://www.npmjs.com/):

```sh
$ npm install @sanderhelleso/cit -g
```

<br>

## ❯ Usage


### Commit

<p>Commit to current branch with branch name prefixed to commit message</p>

<br>

<sub>Commit</sub>
```sh
$ cit c "message"
```

<sub>Commit and add</sub> 
```sh
$ cit c "message" -a
```

<sub>Commit, add and push</sub>
```sh
$ cit c "message" -a -p "branch"
```

<br>


### Checkout branch

<p>Checkout to provided branch or create a new branch</p>

<br>

<sub>Checkout existing branch</sub>
```sh
$ cit b "name"
```

<sub>Checkout new branch</sub>
```sh
$ cit b "name" -n
```

<br>

### Add all changes to current branch

<p>Add all new git changes in current directory to current branch</p>

<br>

```sh
$ cit a
```

<br>


### Push all commits to branch

<p>Pushes all commits to specified branch from the current branch</p>

<br>

```sh
$ cit p "name"
```

<br>


### Show current branch

<p>Shows the current git branch of the current git project</p>

<br>

```sh
$ cit l
```

<br>

## ❯ LICENCE
MIT
npm package: @sanderronde/write-buffer
Description: A log write buffering package meant to reduce file writes
Author: Sander Ronde
Latest version: 1.0.7

# Write-buffer

A log write buffering package meant to reduce file writes

## Installation

Run `npm install @sanderronde/write-buffer --save` or `yarn add @sanderronde/write-buffer`

## How to use

Call `writeBufferInit()` with the following options:

-   `maxSeconds` the maximum amount of seconds before the contents should be written.
-   `maxLogs` the maximum amount of log entries before the contents should be written.
-   `onLog` the function to be called when logging should occur
-   `(disabled)` optional parameter that disables the buffering altogether
-   `(shouldBeEnabled())` an optional function that is called every iteration. Can be used to disable or enable. Can return a promise for a boolean or a boolean.

After that you can call the `stdout(...)` function to write buffer anything you write to it. You can force a flush by calling the `flush()` function.

Call `enable()` or `disable()` to enable or disable the buffering respectively.

## License

```text
The MIT License (MIT)

Copyright (c) 2020 Sander Ronde

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
```
npm package: @sanders.king/r-table
Description: A faster alternative to DataTables
Author: Sanders King
Latest version: 1.1.8

# r-table
r-table is a JavaScript tool to create HTML tables from an array of data objects and an array of column definitions.  It provides searching, sorting, and grouping functionality.

r-table can display millions of rows, without paging, with minimal loss of performance.  An initial render of 3 million rows is likely to take less than a second.

## Credit to DataTables
r-table was inspired by [DataTables](https://www.npmjs.com/package/datatables).  r-table is a faster replacement for DataTables when displaying thousands or millions of rows (without paging).  r-table provides a simple implementation of the DataTables render interface.  

r-table does not implement the advanced functionality or extensibility of DataTables.  The author of r-table gives all credit to DataTables for being a brilliant product.

## Internet Explorer 11 - ES5
r-table is ES5 compatible as it was written for an embedded IE11 target environment.

## Installation
r-table is installed using the NPM package manager: 
	npm install @sanders.king/r-table
	
## Usage
The JavaScript file r-table/dist/js/rtable-bundle.js must be included in a script tag in your HTML file, or included via a require("") statement.
The CSS file r-table/dist/css/r-table.css bundle must be linked in your HTML file.
The CSS file r-table/dist/css/font-awesome.css bundle must be linked in your HTML file.

Use RTable.tools to create a collection of columns:
	
	...
	column = RTable.tools.createColumn("Name", "name", "string");
    column.groupable = true;
    columns.push(column);

    column = RTable.tools.createColumn("Birth date", "DOB", "date");
    columns.push(column);
	
	column = RTable.tools.createColumn("Special", "special", "string", null, null, null, specialColumnRenderFunction);
    columns.push(column);
    ...
	
Use RTable.init to append an r-table to a target element:

	var options = {};
    options.selectMode = "single";
    options.drawRowCount = 40;
    var rTable = RTable.init($("#rtable"), columns, rows, options, function (event) {
        console.log(event.event);
        if (event.event === "row-select" || event.event === "row-deselect") {
            ...
        }
    });

Refer to r-table/html/test_rtable.html for an example.

## Detailed usage documentation
Unfortunately detailed documentation is not yet available.  I will clean up the code and provide proper documentation if it seems to become necessary.  Contact me at feedback@mupanda.com.