@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 CHANGED
@@ -1,17 +1,46 @@
1
1
  # Agility CMS Component Library for React
2
2
 
3
- ## PRE-RELEASE!
3
+ ## Features
4
4
 
5
- ## Commands
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
- yarn build
19
+ ## Installing
20
+
21
+ Using npm:
22
+
23
+ ```bash
24
+ $ npm install @agility/plenum-ui
11
25
  ```
12
26
 
13
- Run storybook
27
+ Using bower:
14
28
 
29
+ ```bash
30
+ $ bower install @agility/plenum-ui
15
31
  ```
16
- yarn start-tw & yarn storybook
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 SelectOptions = {
2
+ export declare type SimpleSelectOptions = {
3
3
  label: string;
4
4
  value: string;
5
5
  };
6
- export interface SelectProps {
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: SelectOptions[];
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<SelectProps>;
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 { SelectProps } from './Select';
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<SelectProps>;
7
- export declare const Base: Story<SelectProps>;
8
- export declare const Label: Story<SelectProps>;
9
- export declare const Disabled: Story<SelectProps>;
10
- export declare const Required: Story<SelectProps>;
11
- export declare const Error: Story<SelectProps>;
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
- export declare type Type = 'text' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'time' | 'week' | 'currency';
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';