open-index/open-npm huggingface dataset:
npm package: @pallassystems/react-bootstrap-table
Description: Library to build responsive tables using the Bootstrap framework and React.
Latest version: 0.7.9

# React Bootstrap Table Libary

[![Maintainability Rating](https://sonarcloud.io/api/project_badges/measure?project=PallasSystems_react-bootstrap-table&metric=sqale_rating)](https://sonarcloud.io/summary/new_code?id=PallasSystems_react-bootstrap-table)[![Reliability Rating](https://sonarcloud.io/api/project_badges/measure?project=PallasSystems_react-bootstrap-table&metric=reliability_rating)](https://sonarcloud.io/summary/new_code?id=PallasSystems_react-bootstrap-table)[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=PallasSystems_react-bootstrap-table&metric=coverage)](https://sonarcloud.io/summary/new_code?id=PallasSystems_react-bootstrap-table)![Apache License, Version 2.0, January 2004](https://img.shields.io/github/license/apache/maven.svg?label=License)[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://makeapullrequest.com)

A library to create a data grid using React, Bootstrap & Bootstrap Icons. This was written as other Bootstrap libraries were written against old versions of React/Bootstrap and everything else was based on the Material UI framework.

![Image of the Table](https://github.com/PallasSystems/react-bootstrap-table/blob/main/docs/react-bootstrap-table.png?raw=true)

## Getting Started

1. Ensure that you have React 18 or later installed
2. Install Peer Dependencies

```bash
npm install react-bootstrap react-bootstrap-icons
```

3. Install react-bootstrap-table

```bash
npm install @pallassystems/react-bootstrap-table
```

### Usage

```javascript
import React, { useMemo, useRef, useState, useEffect } from 'react';
import type { RBTColumnDefs } from '@pallassystems/react-bootstrap-table';
import { RBTable } from '@pallassystems/react-bootstrap-table';

type Person = {
  name: string;
  age: number;
};

const data: Person[] = [
  {
    name: 'John',
    age: 30,
  },
  {
    name: 'Sara',
    age: 25,
  },
];

export default function App() {
  const columns = useMemo<RBTColumnDefs<Person>[]>(
    () => [
      {
        accessorKey: 'name', //simple recommended way to define a column
        header: 'Name',
      },
      {
        accessorFn: (row) => row.age, //alternate way
        id: 'age', //id required if you use accessorFn instead of accessorKey
        header: 'Age',
        Header: () => <i>Age</i>, //optional custom header render
      },
    ],
    [],
  );

  return <RBTable columns={columns} data={data} />;
}
```

## Develop and Contribute

We welcome questions, ideas, issues and code contributions to this project.

Use the [issues page](https://github.com/PallasSystems/typr/issues) to get in touch with the community.

If you would like to make a code contribution please fork the repository and create a
[GitHub pull request](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests) to the `main` branch.
npm package: @pallassystems/react-security-classification-banner
Description: A library to generate  UK Security Classification Banners based on UK Government Guidance.
Latest version: 1.2.2

# React UK Security Classification Banner
A library to generate  UK Security Classification Banners based on [UK Government Guidance](https://www.gov.uk/government/publications/government-security-classifications/government-security-classifications-policy-html). The UK has 3 Classification levels and various rules on handling instructions, this library provides a TSX Component which will generate a banner in the correct colours, with text laid out correctly and accessibility features incorporated.

The UK government guidance has sections for each part of a security classification banner, the library allows users to define a `SecurityClassification` object which has variables for each section. It will parse the object in order to generate a valid result. For example the descriptor 'FOR PUBLIC RELEASE' can't be used above 'OFFICIAL' and so will be dropped on 

## Getting Started

1. Ensure that you have React 18 or later installed
2. Install Peer Dependencies

```bash
npm install react
```

3. Install The Security Classification Banner

```bash
npm install @pallassystems/react-security-classification-banner
```

### Usage

## Develop and Contribute

We welcome questions, ideas, issues and code contributions to this project.

Use the [issues page](https://github.com/PallasSystems/react-security-classification-banner/issues) to get in touch with the community.

If you would like to make a code contribution please fork the repository and create a
[GitHub pull request](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests) to the `main` branch.