@agility/plenum-ui 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -7
- package/lib/components/Forms/Select/Select.d.ts +4 -4
- package/lib/components/Forms/Select/Select.stories.d.ts +7 -7
- package/lib/components/Forms/TextInputSelect/TextInputSelect.d.ts +2 -1
- package/lib/index.d.ts +9 -0
- package/lib/index.esm.js +6740 -20
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +6748 -18
- package/lib/index.js.map +1 -1
- package/package.json +6 -1
package/README.md
CHANGED
|
@@ -1,17 +1,46 @@
|
|
|
1
1
|
# Agility CMS Component Library for React
|
|
2
2
|
|
|
3
|
-
##
|
|
3
|
+
## Features
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
- Button | [view](https://plenum-ui.vercel.app/?path=/story/plenum-ui-components-button)
|
|
6
|
+
- Combobox | [view](https://plenum-ui.vercel.app/?path=/story/plenum-ui-components-combobox--all-variations)
|
|
7
|
+
- Dropdown | [view](https://plenum-ui.vercel.app/?path=/story/plenum-ui-components-dropdown--default)
|
|
8
|
+
- Switch | [view](https://plenum-ui.vercel.app/?path=/story/plenum-ui-components-atoms--switch-component)
|
|
9
|
+
- TreeView | [view](https://plenum-ui.vercel.app/?path=/story/plenum-ui-components-treeview-v2--tree-view-component)
|
|
10
|
+
- TextInput | [view](https://plenum-ui.vercel.app/?path=/story/plenum-ui-components-textinput--all-variations)
|
|
11
|
+
- TextInputAddon | [view](https://plenum-ui.vercel.app/?path=/story/plenum-ui-components-textinputaddon--all-variations)
|
|
12
|
+
- TextInputSelect | [view](https://plenum-ui.vercel.app/?path=/story/plenum-ui-components-textinputselect--all-variations)
|
|
13
|
+
- Radio | [view](https://plenum-ui.vercel.app/?path=/story/plenum-ui-components-radio--all-variations)
|
|
14
|
+
- Checkbox | [view](https://plenum-ui.vercel.app/?path=/story/plenum-ui-components-checkbox--all-variations)
|
|
15
|
+
- Textarea | [view](https://plenum-ui.vercel.app/?path=/story/plenum-ui-components-textarea--all-variations)
|
|
16
|
+
- Select | [view](https://plenum-ui.vercel.app/?path=/story/plenum-ui-components-select--all-variations)
|
|
6
17
|
|
|
7
|
-
Build for distribution
|
|
8
18
|
|
|
9
|
-
|
|
10
|
-
|
|
19
|
+
## Installing
|
|
20
|
+
|
|
21
|
+
Using npm:
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
$ npm install @agility/plenum-ui
|
|
11
25
|
```
|
|
12
26
|
|
|
13
|
-
|
|
27
|
+
Using bower:
|
|
14
28
|
|
|
29
|
+
```bash
|
|
30
|
+
$ bower install @agility/plenum-ui
|
|
15
31
|
```
|
|
16
|
-
|
|
32
|
+
|
|
33
|
+
Using yarn:
|
|
34
|
+
|
|
35
|
+
```bash
|
|
36
|
+
$ yarn add @agility/plenum-ui
|
|
17
37
|
```
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
## Usage
|
|
41
|
+
|
|
42
|
+
```js
|
|
43
|
+
import { Button } from '@agility/plenum-ui';
|
|
44
|
+
|
|
45
|
+
<Button label='Primary' type='primary' size='base' icon='BellIcon'>
|
|
46
|
+
```
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
export declare type
|
|
2
|
+
export declare type SimpleSelectOptions = {
|
|
3
3
|
label: string;
|
|
4
4
|
value: string;
|
|
5
5
|
};
|
|
6
|
-
export interface
|
|
6
|
+
export interface SimpleSelectProps {
|
|
7
7
|
/** Label */
|
|
8
8
|
label?: string;
|
|
9
9
|
/** Select ID prop */
|
|
@@ -11,7 +11,7 @@ export interface SelectProps {
|
|
|
11
11
|
/** Select name prop */
|
|
12
12
|
name: string;
|
|
13
13
|
/** List of options to display in the select menu */
|
|
14
|
-
options:
|
|
14
|
+
options: SimpleSelectOptions[];
|
|
15
15
|
/** Select name prop */
|
|
16
16
|
onChange?(value: string): void;
|
|
17
17
|
/** Select disabled state */
|
|
@@ -22,4 +22,4 @@ export interface SelectProps {
|
|
|
22
22
|
isRequired?: boolean;
|
|
23
23
|
}
|
|
24
24
|
/** Comment */
|
|
25
|
-
export declare const Select: FC<
|
|
25
|
+
export declare const Select: FC<SimpleSelectProps>;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { Meta } from '@storybook/react/types-6-0';
|
|
2
2
|
import { Story } from '@storybook/react';
|
|
3
|
-
import {
|
|
3
|
+
import { SimpleSelectProps } from './Select';
|
|
4
4
|
declare const _default: Meta<import("@storybook/react").Args>;
|
|
5
5
|
export default _default;
|
|
6
|
-
export declare const AllVariations: Story<
|
|
7
|
-
export declare const Base: Story<
|
|
8
|
-
export declare const Label: Story<
|
|
9
|
-
export declare const Disabled: Story<
|
|
10
|
-
export declare const Required: Story<
|
|
11
|
-
export declare const Error: Story<
|
|
6
|
+
export declare const AllVariations: Story<SimpleSelectProps>;
|
|
7
|
+
export declare const Base: Story<SimpleSelectProps>;
|
|
8
|
+
export declare const Label: Story<SimpleSelectProps>;
|
|
9
|
+
export declare const Disabled: Story<SimpleSelectProps>;
|
|
10
|
+
export declare const Required: Story<SimpleSelectProps>;
|
|
11
|
+
export declare const Error: Story<SimpleSelectProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import '../../../tailwind.css';
|
|
3
|
-
|
|
3
|
+
declare type Type = 'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'currency';
|
|
4
4
|
export declare type SelectOptions = {
|
|
5
5
|
label: string;
|
|
6
6
|
value: string;
|
|
@@ -44,3 +44,4 @@ export interface TextInputSelectProps {
|
|
|
44
44
|
onSelectOption?(value: string): void;
|
|
45
45
|
}
|
|
46
46
|
export declare const TextInputSelect: FC<TextInputSelectProps>;
|
|
47
|
+
export {};
|
package/lib/index.d.ts
CHANGED
|
@@ -1,3 +1,12 @@
|
|
|
1
1
|
export * from './components/Button';
|
|
2
|
+
export * from './components/Combobox';
|
|
3
|
+
export * from './components/Dropdown';
|
|
4
|
+
export * from './components/Switch';
|
|
5
|
+
export * from './components/TreeView';
|
|
2
6
|
export * from './components/Forms/TextInput';
|
|
3
7
|
export * from './components/Forms/TextInputAddon';
|
|
8
|
+
export * from './components/Forms/TextInputSelect';
|
|
9
|
+
export * from './components/Forms/Radio';
|
|
10
|
+
export * from './components/Forms/Textarea';
|
|
11
|
+
export * from './components/Forms/Select';
|
|
12
|
+
export * from './components/Forms/Checkbox';
|