open-index/open-npm huggingface dataset:
npm package: @stolostron/react-data-view
Description: A react component for viewing items as a table or catalog card view.
Latest version: 3.4.0

# Stolostron / React Item View [![GitHub package.json version](https://img.shields.io/github/package-json/v/stolostron/react-data-view)](https://www.npmjs.com/package/@stolostron/react-data-view)

A react component for viewing items as a table or catalog card view.

[DEMO](https://stolostron.github.io/react-data-view/)

## Installation

```
npm i @stolostron/react-data-view
```

## Goals

### PatternFly

- Use PatternFly guidelines
- Support small screens using PatternFly responsive designs
  - Toolbar collapsing
  - Filters collapsing
- Use shadows as a visual indication that one surface has slid behind another surface
  - Work with PatternFly to adopt shadows

### Table

- Support table only view (no catalog)
- Support horizontal scrolling with sticky headers and columns
- Support column management
  - Support custom columns based on data labels
  - Persist column configuration to local storage
  - Save multiple column configurations and switch between
- Virtualized table rendering (performance)

### Catalog

- Support catalog only view (no table)
- Virtualized catalog rendering (performance)
- Card click supporting details drawer or navigation

### Search & Filter

- Filtering, Searching, Sorting of 1,000 items (performance - previously 100,000 with PF4)
- Fuzzy search (Fuse.js)
  - Search on fields with weights
- Persist search and filters to url query string
  - Allows saving a URL with preselected search & filters
  - Allow reload of page without losing filter & search
npm package: @stolostron/security-middleware
Description: Security middleware for authentication
Latest version: 1.0.6

[comment]: # ( Copyright Contributors to the Open Cluster Management project )

# security-middleware

Security middleware for the Openshift OAuth server

## Usage

### Production

No configuration is required to run it in production mode.

### Development

To run it locally, you will need to set following environment variables:
```bash
OAUTH2_CLIENT_ID      # OAuth Client ID
OAUTH2_CLIENT_SECRET  # OAuth Client Secret
OAUTH2_REDIRECT_URL   # Redirect URL
API_SERVER_URL        # Kubernetes API URL
SERVICEACCT_TOKEN     # Kubernetes Access Token
```
For more information about Openshift OAuth, see the [Openshift documentation](https://docs.openshift.com/container-platform/latest/authentication/configuring-internal-oauth.html#oauth-register-additional-client_configuring-internal-oauth)

### Use it

- To protect the `ui`:
  ```javascript
  const inspect = require('security-middleware')
  router.all(['/', '/*'], inspect.ui(), app)
  ```

- To protect the `api`:
  ```javascript
  const inspect = require('security-middleware')
  router.all(['/', '/*'], inspect.app, app)
  ```
npm package: @stolostron/ui-components
Description: UI component library for open cluster management
Latest version: 1.79.0

[comment]: # ( Copyright Contributors to the Open Cluster Management project )

# Open Cluster Management UI Components

## * *DEPRECATED* * - Code was merged with console: https://github.com/stolostron/console
React shared UI component library for open cluster management.

[![Build Status](https://travis-ci.com/stolostron/ui-components.svg?branch=main)](https://travis-ci.com/stolostron/ui-components)
[![npm version](https://badge.fury.io/js/%40stolostron%2Fui-components.svg)](https://badge.fury.io/js/%40stolostron%2Fui-components)
[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=open-cluster-management_ui-components&metric=coverage&token=64149a11d78bff9de4105c800b8ec2219dae4ea4)](https://sonarcloud.io/dashboard?id=open-cluster-management_ui-components)
[![Vulnerabilities](https://sonarcloud.io/api/project_badges/measure?project=open-cluster-management_ui-components&metric=vulnerabilities&token=64149a11d78bff9de4105c800b8ec2219dae4ea4)](https://sonarcloud.io/dashboard?id=open-cluster-management_ui-components)

[Storybook of Components](https://stolostron.github.io/ui-components/index.html)

## Prerequisites

- [node.js](https://nodejs.org/) version 14.x

## Installation

1. Install dependencies

   ```
   npm ci
   ```

2. Run tests

   ```
   npm test
   ```

3. Start the storybook

   ```
   npm start
   ```

## Adding a new component

1. Add a new component directory to src with

      - Component
      - Tests
      - Storybook

2. Export the component in src/index.ts