open-index/open-npm huggingface dataset:
npm package: @ondrejrohon/material-ui-next-responsive-table
Description: Responsive read-only table <-> expandable list for material-ui 1.0-beta.
Author: lehaSVV2009@gmail.com
Latest version: 0.5.1

# material-ui-next-responsive-table
[![npm Package](https://img.shields.io/npm/v/material-ui-next-responsive-table.svg)](https://www.npmjs.com/package/material-ui-next-responsive-table)

This project provides read-only responsive table for [Material-UI][material-ui].

Table is shown for desktop screen, list of expandable items - for tablet and mobile.

![Demo](demo.gif)

## Installation
```
npm i --save material-ui-next-responsive-table
```

## Usage

```jsx
import ResponsiveTable from 'material-ui-next-responsive-table'

const columns = [
  {
    key: 'id',
    label: 'ID',
    primary: true,
  },
  {
    key: 'name',
    label: 'Name',
  },
  {
    key: 'authors',
    label: 'Author(s)',
    render: (value) => value.join(', ')
  },
]

const data = [
  {
    id: '1234',
    name: 'Foo',
    authors: ['Andy'],
  },
  {
    id: '4567',
    name: 'Bar',
    authors: ['Joe', 'Mike'],
  }
]

<ResponsiveTable
  columns={columns}
  data={data}
/>
```

## ResponsiveTable Properties
| Name              | Type      | Default        | Description                                            |
| ----------------- | --------- | -------------- | ------------------------------------------------------ |
| columns           | `array`   |                | Array of objects with <br/> * Required column id (`key`) - used for detecting value for body cells <br/> * Required column name (`name`) - shown in table header <br/> * Optional render function (`render: (value, column, row, data)`) - allows to customize cell value for all cells in specific column <br/> * Optional primary boolean (`primary`) - detects the column, which value has to be shown in the expandable list item summary (can be marked for 2 or more columns - in summary they are divided by ` `.|
| data              | `array`   |                | Array of objects with keys that corresponds column id and value that should be shown in cell.|
| noContentText     | `string`  | `'No Content'` | Override the default text if no columns/rows presented.|

## License
The files included in this repository are licensed under the MIT license.

[material-ui]: https://material-ui-next.com/
npm package: @one-account/one-tap-sign-in
Description: Frontend library for One Account authentication.
Author: Tim Tisak
Latest version: 1.0.5
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# One Account: One Tap Sign in

1. Register your app at https://www.one-account.io/developers.
2. Show One Tap Sign In dialog.
3. Implement One Account Client on your backend.

```html
<script>
  showOneAccountOneTapSignIn({
    clientId: 'YOUR_CLIENT_ID',
    redirectURI: 'YOUR_REDIRECT_URI',
  });
</script>
```
npm package: @one-am/expo-ios-color-picker
Description: A module that wraps iOS' native color picker.
Author: one-am
Latest version: 0.3.1

# expo-ios-color-picker

A module that wraps iOS' native color picker.

**Warning: This module only works with Expo projects and iOS versions 14.0 and above. 
On Android, this module will do nothing.**

## Installation

```bash
npx expo install @one-am/expo-ios-color-picker expo-build-properties
```

You also need to set the iOS deployment target to 14.0 or higher in your `app.json`:

```json
{
    "expo": {
      "plugins": [
        [
          "expo-build-properties",
          {
            "ios": {
              "deploymentTarget": "14.0"
            }
          }
        ]
      ]
    }
}
```

## Sample Usage

```tsx
import {
    ExpoIosColorPicker,
    type ColorPickerValue,
} from '@one-am/expo-ios-color-picker';
import { useState } from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default function App() {
    const [color, setColor] = useState<ColorPickerValue>(undefined);

    return (
        <View style={styles.container}>
            <Text style={{ alignSelf: 'center' }}>
                Selected color:{' '}
                <Text style={{ fontWeight: 'bold' }}>{String(color)}</Text>
            </Text>
            <ExpoIosColorPicker
                label={'Color'}
                defaultValue={'rgba(255, 0, 0, 1)'}
                style={{ height: 100 }}
                onChange={({ nativeEvent: { color } }) => {
                    setColor(color);
                }}
            />
        </View>
    );
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#fff',
        alignItems: 'stretch',
        justifyContent: 'center',
        padding: 20,
    },
});
```
npm package: @one-am/react-native-rheostat-slider
Description: OneAM React Native Rheostat slider
Author: one-am
Latest version: 0.1.2

# react-native-rheostat-slider

OneAM React Native Rheostat slider

## Installation

TODO

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @one-broker-services/express-session-logger
Description: A simple way for add custom context to all logs into you express session
Author: David Estevez
Latest version: 0.1.0

# express-session-logger

  A simple way for add custom context to all logs into you express session

  Comes with a pre configured winston logger

  Support for custom loggers. Any logger with `.child` interface should work.

  Manage log verbosity with environment variable: `process.env.LOG_LEVEL`

## Module interface

* `contextMiddleware => (opt) => (req,res,next)`: express middleware

```jsdoc
 * @param {*} opt options
 * @param {string=} opt.idField - idField
 * @param {string=} opt.ontextField - contextField
 * @param {function=} opt.id - id mapper
 * @param {function=} opt.context - context mapper
 * @param {Object=} opt.loggerInstance - custom loggerInstance
```

> Example:
>
>
>
```js
app.use(contextMiddleware({
  loggerInstance: //ex. winston logger, pino logger or undefined for default logger
  idField: '_id',
  id: (req) => req.header.x-request-id, // or uuid.v4()
  contextField: '_context',
  context: (req) => ({
    stage: process.env.STAGE,
    service: process.env.SERVICE,
    reqContext: req.someInterestingRequestInfo
  }),
}));
```

* `logger`: A logger instance (pre configured winston logger by default)

> NOTE: `logger` is equal to `loggerInstance` if its defined in `contextMiddleware`, or default logger in other case

In this example, all logs via logger for this express request have the structure

```json
{
  "_id": //id value
  "_context": {
    "stage": "...", //stage
    "service": "...",//service name
    "reqContext": {
      // someInterestingRequestInfo
    }

  }
  //....remaining info, depends on log instance
}
```

**So, you can correlate easily all logs in one session**

## Default logger

WIP:...