open-index/open-npm huggingface dataset:
npm package: @mpajunen/sceletor
Description: A declarative selector library
Author: Mikael Pajunen
Latest version: 0.6.0

# Sceletor

A declarative logic library written in TypeScript.

## Installing

```
npm install @mpajunen/sceletor
```
or
```
yarn add @mpajunen/sceletor
```

## Motivation

Sometimes a simple, structured format is optimal for representing conditions.
Structured rules are easy to serialize and reasonably manipulable.

A limited set of structured rules also makes it possible to easily combine and
simplify conditions.

## License

MIT, see [LICENSE](./LICENSE).
npm package: @mpal9000/ts-web-storage
Description: Typesafe localStorage/sessionStorage wrapper
Author: Michael Palimetakis
Latest version: 0.1.0

# @mpal9000/ts-web-storage

Typesafe localStorage/sessionStorage wrapper (_WIP_)

## Installation

```sh
npm install @mpal9000/ts-web-storage
```

## Usage

TODO

## License

[MIT License](./LICENSE)
npm package: @mpalmerlee/stitches-react
Description: The modern CSS-in-JS library
Latest version: 1.3.2

# @stitches/react

**@stitches/react** is a react implementation of [stitches](https://stitches.dev), a CSS-in-JS library with a best-in-class developer experience.

<p><br /></p>

```sh
# with npm
npm install @stitches/react

# with yarn
yarn add @stitches/react
```

<p><br /></p>

<a href="https://codepen.io/embed/prefill?editable=true&default-tab=js%2Cresult&data=%7B%22js%22%3A%22import+%7B+styled+%7D+from+%27https%3A%2F%2Fcdn.skypack.dev%2F%40stitches%2Freact%27%3B%5Cn%5Cn%2F%2F+add+your+code+here%21%5Cn%2F%2F+see+https%3A%2F%2Fstitches.dev+for+documentation%22%7D"><img src="https://img.shields.io/badge/-open_in_codepen-2b354f?logo=codepen&style=flat-square" alt="open in codepen" valign="middle" align="right"></a>

<br />

```html
<script type="module">

import { styled } from 'https://cdn.skypack.dev/@stitches/react'

</script>
```

<p><br /></p>

<a href="https://codepen.io/embed/prefill?editable=true&default-tab=js%2Cresult&data=%7B%22js%22%3A%22const+%7B+styled+%7D+%3D+stitches%5Cn%5Cn%2F%2F+add+your+code+here%21%5Cn%2F%2F+see+https%3A%2F%2Fstitches.dev+for+documentation%22%2C%22js_external%22%3A%22https%3A%2F%2Funpkg.com%2Freact%2Fumd%2Freact.development.js%3Bhttps%3A%2F%2Funpkg.com%2Freact-dom%2Fumd%2Freact-dom.development.js%3Bhttps%3A%2F%2Funpkg.com%2F%40stitches%2Freact%2Fdist%2Findex.global.js%22%7D"><img src="https://img.shields.io/badge/-open_in_codepen-2b354f?logo=codepen&style=flat-square" alt="open in codepen" valign="middle" align="right"></a>

<br />

```js
<script src="https://unpkg.com/@stitches/react/dist/index.global.js"></script>
<script>

const { styled } = stitches

</script>
```

<p><br /></p>

## Documentation

For full documentation, visit [stitches.dev](https://stitches.dev).

## Contributing

Please follow our [contributing guidelines](https://github.com/stitchesjs/stitches/blob/canary/CONTRIBUTING.md).

## Authors

- Pedro Duarte ([@peduarte](https://twitter.com/peduarte))
- Jonathan Neal ([@jon_neal](https://twitter.com/jon_neal))
- Abdulhadi Alhallak ([@hadi_hlk](https://twitter.com/hadi_hlk)) - [WorkOS](https://workos.com)

## License

Licensed under the MIT License, Copyright © 2022-present WorkOS.

See [LICENSE](./LICENSE.md) for more information.
npm package: @mpalola/apex-sankey-react
Description: SankeyChart react component for rendering ApexSankey JS chart
Author: Marko Palola
Latest version: 1.0.2

# apex-sankey-react

React component for displaying ApexSankey charts.

https://www.npmjs.com/package/@mpalola/apex-sankey-react

## Installation

```bash

npm install react
npm install apexsankey@1.1.2
npm install @mpalola/apex-sankey-react

```

## Development environment installation

Example code is on demo directory.


1. copy package.json in root and two other files to src directory.

2. Install dependencies:
```bash
npm install
```

3. Start development server:
```bash
npm start

```

Development server starts at http://localhost:3000 and opens the browser automatically.

## Example

```jsx
import { SankeyChart } from 'apex-sankey-react';

const Example = () => {
  const data = {
    nodes: [
      { id: "a", name: "AAA" },
      { id: "b", name: "BBB" },
      { id: "c", name: "CCC" }
    ],
    links: [
      { source: "a", target: "c", value: 1 },
      { source: "b", target: "c", value: 2 }
    ]
  };

  const options = {
    width: 800,
    height: 600,
    nodeWidth: 20,
    nodePadding: 10,
    linkOpacity: 0.5,
    colors: ['#4CAF50', '#2196F3', '#FFC107', '#F44336']
  };

  return (
    <SankeyChart
      data={data}
      {...options}
    />
  );
};
```

## Props

| Prop | Type | Default | Description |
|------|---------|------------|---------|
| data | object | - | Sankey diagram data (nodes and links) |
| width | number | 800 | Chart width in pixels |
| height | number | 600 | Chart height in pixels |
| nodeWidth | number | 20 | Width of nodes |
| nodePadding | number | 10 | Padding between nodes |
| linkOpacity | number | 0.5 | Opacity of links |
| colors | string[] | ['#4CAF50',...] | Color palette |
| enableTooltip | boolean | true | Show tooltip |
| showValues | boolean | true | Show values |
| showLabels | boolean | true | Show labels |
| showLegend | boolean | true | Show legend |
| legendPosition | string | 'bottom' | Legend position |
| canvasStyle | string | '' | Canvas element styles |

## License

MIT
npm package: @mpampin/machinepack-mssql
Description: Structured Node.js bindings for MSSQL.
Author: Dave Preston
Latest version: 1.2.4

<h1>
  <a href="http://node-machine.org" title="Node-Machine public registry"><img alt="node-machine logo" title="Node-Machine Project" src="http://node-machine.org/images/machine-anthropomorph-for-white-bg.png" width="50" /></a>
  machinepack-mssql
</h1>

Structured Node.js bindings for MSSQL.

> See https://github.com/node-machine/driver-interface for more background information about this package.


## Installation &nbsp; [![NPM version](https://badge.fury.io/js/machinepack-mssql.svg)](http://badge.fury.io/js/machinepack-mssql) [![Build Status](https://travis-ci.org/sailshq/machinepack-mssql.png?branch=master)](https://travis-ci.org/sailshq/machinepack-mssql)

```sh
$ npm install machinepack-mssql
```


## Usage

For the latest usage documentation, version information, and test status of this module, see <a href="http://node-machine.org/machinepack-mssql" title="Structured Node.js bindings for MSSQL. (for node.js)">http://node-machine.org/machinepack-mssql</a>.  The generated manpages for each machine contain a complete reference of all expected inputs, possible exit states, and example return values.


## Help

For more examples, or if you get stuck or have questions, click [here](http://sailsjs.com/support).


## Bugs &nbsp; [![NPM version](https://badge.fury.io/js/machinepack-mssql.svg)](http://npmjs.com/package/machinepack-mssql)

To report a bug, add an [issue](https://github.com/intel/machinepack-mssql/issues) in github.

## Acknowledgements

This module is largely a port of the [machinepack-mysql](https://github.com/sailshq/machinepack-mysql) module. Thanks to the folks at sailshq for all they do!

## License

MIT

This package is free and open-source under the MIT License.
npm package: @mpampin/react-admin-date-inputs
Description: react-admin-date-inputs
Author: mpampin
Latest version: 1.1.5

# react-admin-date-inputs

\<DateInput>, \<TimeInput> and \<DateTimeInput> components for [React-Admin](https://github.com/marmelab/react-admin).

![date-time-picker.gif](date-time-picker.gif)

## Installation

```
npm install react-admin-date-inputs --save
```

## Usage

You have to include an icon font to display the icons on the picker. This is mentioned on the bottom of the [material-ui-pickers installation page](https://material-ui-pickers.firebaseapp.com/installation).

```html
// on index.html
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
```

```jsx
import React from 'react';
import {
    Edit,
    TextInput,
    TabbedForm,
    FormTab,
} from 'react-admin'
import { DateInput, TimeInput, DateTimeInput } from 'react-admin-date-inputs';

export const NewsEdit = (props) => (
  <Edit title={<NewsTitle />} {...props}>
    <TabbedForm>
      <FormTab>
        <LongTextInput source="title" validate={required} />
        <DateInput source="startDate" label="Start date" options={{ format: 'DD/MM/YYYY' }} />
        <TimeInput source="startTime" label="Start time" options={{ format: 'HH:mm:ss' }} />
        <DateTimeInput source="endDate" label="End time" options={{ format: 'DD/MM/YYYY, HH:mm:ss', ampm: false, clearable: true }} />
      </FormTab>
    </TabbedForm>
  </Edit>
);

```

## Options prop

The options prop is passed down to the pickers. Documentation for these options can be found in the [material-ui-pickers documentation](https://material-ui-pickers.firebaseapp.com/demo/datepicker) for the component you're trying to use.

## providerOptions prop

If you want to use a date parser utils library other than `date-fns` or you want a locale other than english, you can pass the `providerOptions` prop:

```jsx
import DateFnsUtils from '@date-io/date-fns';
import MomentUtils from 'material-ui-pickers/utils/moment-utils';
import frLocale from "date-fns/locale/fr";

...
<DateInput source="date" label="Date using moment" providerOptions={{ utils: MomentUtils }} />
<DateInput source="date" label="Date in French!" providerOptions={{ utils: DateFnsUtils, locale: frLocale }} />
```

**NOTE:** When specifying a locale you must also specify the utils, even if it's the default `DateFnsUtils`.

## Development

You can build sources:

```
npm run build
```

## License

This library is licensed under the [MIT Licence](https://github.com/vascofg/react-admin-date-inputs/blob/master/LICENSE).
npm package: @mpan-wework/jekyll-theme-dummy-react
Description: [![npm version](https://badge.fury.io/js/%40mpan-wework%2Fjekyll-theme-dummy-react.svg)](https://www.npmjs.com/package/@mpan-wework/jekyll-theme-dummy-react)
Latest version: 0.1.35

# jekyll-theme-dummy-react

[![npm version](https://badge.fury.io/js/%40mpan-wework%2Fjekyll-theme-dummy-react.svg)](https://www.npmjs.com/package/@mpan-wework/jekyll-theme-dummy-react)

### Dependencies

* `sitemap.xml`
* `site.json`
npm package: @mpan-wework/jekyll-theme-dummy-vue
Description: [![Npm version](https://badge.fury.io/js/%40mpan-wework%2Fjekyll-theme-dummy-vue.svg)](https://www.npmjs.com/package/@mpan-wework/jekyll-theme-dummy-vue)
Latest version: 0.1.32

# jekyll-theme-dummy-vue

[![Npm version](https://badge.fury.io/js/%40mpan-wework%2Fjekyll-theme-dummy-vue.svg)](https://www.npmjs.com/package/@mpan-wework/jekyll-theme-dummy-vue)

### Dependencies

* `sitemap.xml`
* `site.json`
npm package: @mpan-wework/react-store
Description: React Store
Author: Mike Pan
Latest version: 0.2.1

# react-store
React Store

[![npm version](https://badge.fury.io/js/%40mpan-wework%2Freact-store.svg)](https://badge.fury.io/js/%40mpan-wework%2Freact-store)
[![CircleCI](https://circleci.com/gh/mpan-wework/react-store.svg?style=svg)](https://circleci.com/gh/mpan-wework/react-store)
![](https://github.com/mpan-wework/react-store/workflows/ESLint/badge.svg)
![](https://github.com/mpan-wework/react-store/workflows/Example/badge.svg)
[![Build Status](https://travis-ci.org/mpan-wework/react-store.svg?branch=master)](https://travis-ci.org/mpan-wework/react-store)
[![buddy pipeline](https://app.buddy.works/wework-2/react-store/pipelines/pipeline/243838/badge.svg?token=d3dde3a9d01af1ae9b6e25193f51b193db96e5ac5fc1e03f0fda845542b5d3eb "buddy pipeline")](https://app.buddy.works/wework-2/react-store/pipelines/pipeline/243838)
[![Build Status](https://cloud.drone.io/api/badges/mpan-wework/react-store/status.svg)](https://cloud.drone.io/mpan-wework/react-store)
[![Codeship Status for mpan-wework/react-store](https://app.codeship.com/projects/b876d910-43e8-0138-9af6-3254ac54cb05/status?branch=master)](https://app.codeship.com/projects/388222)

[Example](https://github.com/mpan-wework/react-store/tree/master/example)
npm package: @mpanda/mpc
Description: ## Installation ``` npm install @mpanda/mpc -S ``` ## Usage ```js import Vue from 'vue' import MPC from '@mpanda/mpc'  Vue.use(MPC) ``` ## Browser Support > Modern browsers except IE
Author: HamHwong
Latest version: 0.1.6-5.17

# MPC(MpandaComponents) for Vue3

## Installation
```
npm install @mpanda/mpc -S
```
## Usage
```js
import Vue from 'vue'
import MPC from '@mpanda/mpc' 
Vue.use(MPC)
```
## Browser Support
> Modern browsers except IE

## Documentation
> [Document site]('https://MPC.Mpanda.Studio/')
## Licence
> MPC is open source and released under the MIT Licence.
> Copyright (c) 2021 Ham