@agility/plenum-ui 1.1.0 → 1.1.3
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/lib/components/Combobox/Combobox.d.ts +9 -9
- package/lib/components/Combobox/Combobox.stories.d.ts +9 -6
- package/lib/components/TreeView/TreeItem/TreeItem.d.ts +2 -11
- package/lib/components/TreeView/TreeItem/TreeItem.stories.d.ts +1 -4
- package/lib/components/TreeView/context.d.ts +8 -5
- package/lib/components/TreeView/sampleData.d.ts +5 -5
- package/lib/index.esm.js +3174 -370
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +3173 -369
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/coverage/Forms/TextInputSelect/InputSelect/InputSelect.tsx.html +0 -204
- package/coverage/Forms/TextInputSelect/InputSelect/index.html +0 -155
- package/coverage/Select/Select.tsx.html +0 -264
- package/coverage/Select/index.html +0 -153
- package/coverage/Select.tsx.html +0 -261
- package/coverage/agility-component-lib-react/index.html +0 -116
- package/coverage/agility-component-lib-react/src/components/Button/Button.tsx.html +0 -343
- package/coverage/agility-component-lib-react/src/components/Button/index.html +0 -116
- package/coverage/agility-component-lib-react/src/components/Checkbox/Checkbox.tsx.html +0 -235
- package/coverage/agility-component-lib-react/src/components/Checkbox/index.html +0 -156
- package/coverage/agility-component-lib-react/src/components/Forms/BaseField/BaseField.tsx.html +0 -406
- package/coverage/agility-component-lib-react/src/components/Forms/BaseField/index.html +0 -116
- package/coverage/agility-component-lib-react/src/components/Forms/Checkbox/Checkbox.tsx.html +0 -283
- package/coverage/agility-component-lib-react/src/components/Forms/Checkbox/index.html +0 -116
- package/coverage/agility-component-lib-react/src/components/Forms/InputCounter/InputCounter.tsx.html +0 -139
- package/coverage/agility-component-lib-react/src/components/Forms/InputCounter/index.html +0 -116
- package/coverage/agility-component-lib-react/src/components/Forms/InputLabel/InputLabel.tsx.html +0 -211
- package/coverage/agility-component-lib-react/src/components/Forms/InputLabel/index.html +0 -131
- package/coverage/agility-component-lib-react/src/components/Forms/InputLabel/index.ts.html +0 -94
- package/coverage/agility-component-lib-react/src/components/Forms/Radio/Radio.tsx.html +0 -271
- package/coverage/agility-component-lib-react/src/components/Forms/Radio/index.html +0 -116
- package/coverage/agility-component-lib-react/src/components/Forms/Select/Select.tsx.html +0 -337
- package/coverage/agility-component-lib-react/src/components/Forms/Select/index.html +0 -116
- package/coverage/agility-component-lib-react/src/components/Forms/TextInputAddon/InputCta/InputCta.tsx.html +0 -271
- package/coverage/agility-component-lib-react/src/components/Forms/TextInputAddon/InputCta/index.html +0 -116
- package/coverage/agility-component-lib-react/src/components/Forms/TextInputSelect/InputSelect/InputSelect.tsx.html +0 -217
- package/coverage/agility-component-lib-react/src/components/Forms/TextInputSelect/InputSelect/index.html +0 -116
- package/coverage/agility-component-lib-react/src/components/Radio/Radio.tsx.html +0 -243
- package/coverage/agility-component-lib-react/src/components/Radio/index.html +0 -156
- package/coverage/agility-component-lib-react/src/components/Switch/Switch.tsx.html +0 -214
- package/coverage/agility-component-lib-react/src/components/Switch/index.html +0 -116
- package/coverage/agility-component-lib-react/src/util/DynamicIcons.tsx.html +0 -151
- package/coverage/agility-component-lib-react/src/util/Loader.tsx.html +0 -139
- package/coverage/agility-component-lib-react/src/util/index.html +0 -131
- package/coverage/agility-component-lib-react/styleMock.js.html +0 -91
- package/coverage/base.css +0 -224
- package/coverage/block-navigation.js +0 -87
- package/coverage/clover.xml +0 -145
- package/coverage/coverage-final.json +0 -5
- package/coverage/favicon.png +0 -0
- package/coverage/index.html +0 -146
- package/coverage/lcov-report/agility-component-lib-react/index.html +0 -153
- package/coverage/lcov-report/agility-component-lib-react/src/components/Button/Button.tsx.html +0 -255
- package/coverage/lcov-report/agility-component-lib-react/src/components/Button/index.html +0 -156
- package/coverage/lcov-report/agility-component-lib-react/src/components/Checkbox/Checkbox.tsx.html +0 -235
- package/coverage/lcov-report/agility-component-lib-react/src/components/Checkbox/index.html +0 -156
- package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/BaseField/BaseField.tsx.html +0 -330
- package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/BaseField/index.html +0 -158
- package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/InputCounter/InputCounter.tsx.html +0 -147
- package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/InputCounter/index.html +0 -158
- package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/TextInputAddon/InputCta/InputCta.tsx.html +0 -258
- package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/TextInputAddon/InputCta/index.html +0 -159
- package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/TextInputSelect/InputSelect/InputSelect.tsx.html +0 -210
- package/coverage/lcov-report/agility-component-lib-react/src/components/Forms/TextInputSelect/InputSelect/index.html +0 -159
- package/coverage/lcov-report/agility-component-lib-react/src/components/Radio/Radio.tsx.html +0 -243
- package/coverage/lcov-report/agility-component-lib-react/src/components/Radio/index.html +0 -156
- package/coverage/lcov-report/agility-component-lib-react/src/components/Switch/Switch.tsx.html +0 -225
- package/coverage/lcov-report/agility-component-lib-react/src/components/Switch/index.html +0 -156
- package/coverage/lcov-report/agility-component-lib-react/src/util/DynamicIcons.tsx.html +0 -137
- package/coverage/lcov-report/agility-component-lib-react/src/util/index.html +0 -155
- package/coverage/lcov-report/agility-component-lib-react/styleMock.js.html +0 -90
- package/coverage/lcov-report/base.css +0 -354
- package/coverage/lcov-report/block-navigation.js +0 -82
- package/coverage/lcov-report/favicon.png +0 -0
- package/coverage/lcov-report/index.html +0 -385
- package/coverage/lcov-report/prettify.css +0 -101
- package/coverage/lcov-report/prettify.js +0 -955
- package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
- package/coverage/lcov-report/sorter.js +0 -189
- package/coverage/lcov.info +0 -267
- package/coverage/prettify.css +0 -1
- package/coverage/prettify.js +0 -2
- package/coverage/sort-arrow-sprite.png +0 -0
- package/coverage/sorter.js +0 -196
- package/lib/components/Checkbox/Checkbox.d.ts +0 -19
- package/lib/components/Checkbox/Checkbox.stories.d.ts +0 -12
- package/lib/components/Checkbox/Checkbox.test.d.ts +0 -1
- package/lib/components/Checkbox/index.d.ts +0 -1
- package/lib/components/DatePicker/DatePicker.d.ts +0 -7
- package/lib/components/DatePicker/DatePicker.stories.d.ts +0 -6
- package/lib/components/DatePicker/DatePicker.test.d.ts +0 -1
- package/lib/components/DatePicker/index.d.ts +0 -1
- package/lib/components/Forms/InputCta/InputCta.d.ts +0 -16
- package/lib/components/Forms/InputCta/InputCta.stories.d.ts +0 -6
- package/lib/components/Forms/InputCta/InputCta.test.d.ts +0 -1
- package/lib/components/Forms/InputCta/index.d.ts +0 -1
- package/lib/components/InputCounter/InputCounter.d.ts +0 -16
- package/lib/components/InputCounter/InputCounter.stories.d.ts +0 -6
- package/lib/components/InputCounter/InputCounter.test.d.ts +0 -1
- package/lib/components/InputCounter/index.d.ts +0 -1
- package/lib/components/Radio/Radio.d.ts +0 -21
- package/lib/components/Radio/Radio.stories.d.ts +0 -12
- package/lib/components/Radio/Radio.test.d.ts +0 -1
- package/lib/components/Radio/index.d.ts +0 -1
- package/lib/components/Select/Select.d.ts +0 -25
- package/lib/components/Select/Select.stories.d.ts +0 -11
- package/lib/components/Select/Select.test.d.ts +0 -1
- package/lib/components/Select/index.d.ts +0 -1
- package/lib/components/TextInput/TextInput.d.ts +0 -46
- package/lib/components/TextInput/TextInput.stories.d.ts +0 -10
- package/lib/components/TextInput/index.d.ts +0 -1
- package/lib/components/TextInputAddon/TextInputAddon.d.ts +0 -51
- package/lib/components/TextInputAddon/TextInputAddon.stories.d.ts +0 -6
- package/lib/components/TextInputAddon/index.d.ts +0 -1
- package/lib/components/TreeView/types/tree.types.d.ts +0 -21
- package/yarn-error.log +0 -12463
|
@@ -1,18 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
value: string;
|
|
4
|
-
};
|
|
5
|
-
export interface ComboboxProps {
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface ComboboxProps<T extends Record<string, unknown>> {
|
|
6
3
|
/** Label */
|
|
7
4
|
label?: string;
|
|
8
5
|
/** ID */
|
|
9
6
|
id: string;
|
|
10
7
|
/** Array of items to display */
|
|
11
|
-
items:
|
|
8
|
+
items: T[];
|
|
9
|
+
/** the item property to use as the key */
|
|
10
|
+
keyProperty: string;
|
|
11
|
+
/** the item property to use as the display */
|
|
12
|
+
displayProperty: string;
|
|
12
13
|
/** Placeholder */
|
|
13
14
|
placeholder?: string;
|
|
14
15
|
/** Callback to trigger on change */
|
|
15
|
-
onChange?(value:
|
|
16
|
+
onChange?(value: T): void;
|
|
16
17
|
/** Select disabled state */
|
|
17
18
|
isDisabled?: boolean;
|
|
18
19
|
/** Select error state */
|
|
@@ -20,5 +21,4 @@ export interface ComboboxProps {
|
|
|
20
21
|
/** Select required state */
|
|
21
22
|
isRequired?: boolean;
|
|
22
23
|
}
|
|
23
|
-
|
|
24
|
-
export declare const Combobox: FC<ComboboxProps>;
|
|
24
|
+
export declare const Combobox: <T extends Record<string, unknown>>({ label, items, displayProperty, keyProperty, onChange, placeholder, isDisabled, isError, isRequired, id }: ComboboxProps<T>) => JSX.Element;
|
|
@@ -3,9 +3,12 @@ import { Story } from '@storybook/react';
|
|
|
3
3
|
import { ComboboxProps } from './Combobox';
|
|
4
4
|
declare const _default: Meta<import("@storybook/react").Args>;
|
|
5
5
|
export default _default;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
6
|
+
interface ComboItem {
|
|
7
|
+
[value: string]: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const AllVariations: Story<ComboboxProps<ComboItem>>;
|
|
10
|
+
export declare const Default: Story<ComboboxProps<ComboItem>>;
|
|
11
|
+
export declare const Label: Story<ComboboxProps<ComboItem>>;
|
|
12
|
+
export declare const Disabled: Story<ComboboxProps<ComboItem>>;
|
|
13
|
+
export declare const Required: Story<ComboboxProps<ComboItem>>;
|
|
14
|
+
export declare const Error: Story<ComboboxProps<ComboItem>>;
|
|
@@ -1,16 +1,7 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { TreeItemChildrenProps } from '../types/tree.types';
|
|
3
2
|
export interface TreeItemProps {
|
|
4
|
-
/**
|
|
5
|
-
|
|
6
|
-
/** title of the tree item */
|
|
7
|
-
title?: string;
|
|
8
|
-
/** If tree item is expanded */
|
|
9
|
-
isExpanded?: boolean;
|
|
10
|
-
/** inner nodes within the tree item */
|
|
11
|
-
childNodes?: Partial<TreeItemChildrenProps[] | null>;
|
|
12
|
-
/** A Check to know if item is a root value */
|
|
13
|
-
isRoot?: boolean;
|
|
3
|
+
/** Prop comment */
|
|
4
|
+
prop: string;
|
|
14
5
|
}
|
|
15
6
|
/** Comment */
|
|
16
7
|
export declare const TreeItem: FC<TreeItemProps>;
|
|
@@ -3,7 +3,4 @@ import { Story } from '@storybook/react';
|
|
|
3
3
|
import { TreeItemProps } from './TreeItem';
|
|
4
4
|
declare const _default: Meta<import("@storybook/react").Args>;
|
|
5
5
|
export default _default;
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const Active: Story<TreeItemProps>;
|
|
8
|
-
export declare const Expanded: Story<TreeItemProps>;
|
|
9
|
-
export declare const WithChildren: Story<TreeItemProps>;
|
|
6
|
+
export declare const TreeItemComponent: Story<TreeItemProps>;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
|
|
1
|
+
import React, { Dispatch, SetStateAction } from 'react';
|
|
2
|
+
export interface TreeViewContextProps {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
setIsOpen: Dispatch<SetStateAction<boolean>>;
|
|
5
|
+
}
|
|
3
6
|
export interface TreeViewProviderProps {
|
|
4
|
-
children?: JSX.Element | HTMLDivElement
|
|
7
|
+
children?: JSX.Element | HTMLDivElement;
|
|
5
8
|
}
|
|
6
|
-
declare const TreeViewContext: React.Context<TreeViewContextProps | null
|
|
9
|
+
declare const TreeViewContext: React.Context<Partial<TreeViewContextProps | null>>;
|
|
7
10
|
declare const TreeViewProvider: ({ children }: TreeViewProviderProps) => JSX.Element;
|
|
8
|
-
export declare const useTreeViewContext: () => TreeViewContextProps | null
|
|
11
|
+
export declare const useTreeViewContext: () => Partial<TreeViewContextProps | null>;
|
|
9
12
|
export { TreeViewContext, TreeViewProvider };
|
|
@@ -11,7 +11,7 @@ export declare const data: ({
|
|
|
11
11
|
galleryFolderID: number;
|
|
12
12
|
assetID: number;
|
|
13
13
|
folderID: number;
|
|
14
|
-
|
|
14
|
+
children: null;
|
|
15
15
|
} | {
|
|
16
16
|
key: string;
|
|
17
17
|
type: string;
|
|
@@ -25,7 +25,7 @@ export declare const data: ({
|
|
|
25
25
|
galleryFolderID: number;
|
|
26
26
|
assetID: number;
|
|
27
27
|
folderID: number;
|
|
28
|
-
|
|
28
|
+
children: ({
|
|
29
29
|
key: string;
|
|
30
30
|
type: string;
|
|
31
31
|
title: string;
|
|
@@ -38,7 +38,7 @@ export declare const data: ({
|
|
|
38
38
|
galleryFolderID: number;
|
|
39
39
|
assetID: number;
|
|
40
40
|
folderID: number;
|
|
41
|
-
|
|
41
|
+
children: {
|
|
42
42
|
key: string;
|
|
43
43
|
type: string;
|
|
44
44
|
title: string;
|
|
@@ -51,7 +51,7 @@ export declare const data: ({
|
|
|
51
51
|
galleryFolderID: number;
|
|
52
52
|
assetID: number;
|
|
53
53
|
folderID: number;
|
|
54
|
-
|
|
54
|
+
children: null;
|
|
55
55
|
}[];
|
|
56
56
|
} | {
|
|
57
57
|
key: string;
|
|
@@ -66,6 +66,6 @@ export declare const data: ({
|
|
|
66
66
|
galleryFolderID: number;
|
|
67
67
|
assetID: number;
|
|
68
68
|
folderID: number;
|
|
69
|
-
|
|
69
|
+
children: null;
|
|
70
70
|
})[];
|
|
71
71
|
})[];
|