@oliasoft-open-source/react-ui-library 3.12.0-beta-15 → 3.12.0-beta-16
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/dist/index.d.ts +1466 -78
- package/package.json +10 -11
- package/dist/common-enum.d.ts +0 -73
- package/dist/components/accordion/accordion.d.ts +0 -5
- package/dist/components/accordion/accordion.interface.d.ts +0 -17
- package/dist/components/accordion/accordion.stories.d.ts +0 -11
- package/dist/components/accordion/chevron/chevron.d.ts +0 -6
- package/dist/components/accordion/enum.d.ts +0 -4
- package/dist/components/accordion/helpers/accordion-with-default-toggle.d.ts +0 -12
- package/dist/components/actions/actions.d.ts +0 -14
- package/dist/components/actions/actions.interface.d.ts +0 -25
- package/dist/components/actions/actions.stories.d.ts +0 -25
- package/dist/components/badge/badge.d.ts +0 -10
- package/dist/components/badge/badge.stories.d.ts +0 -7
- package/dist/components/breadcrumb/breadcrumb.d.ts +0 -7
- package/dist/components/breadcrumb/breadcrumb.stories.d.ts +0 -5
- package/dist/components/breadcrumb/enum.d.ts +0 -5
- package/dist/components/breadcrumb/link.d.ts +0 -12
- package/dist/components/button/button.d.ts +0 -31
- package/dist/components/button/button.stories.d.ts +0 -13
- package/dist/components/button/enum.d.ts +0 -5
- package/dist/components/button-group/button-group.d.ts +0 -38
- package/dist/components/button-group/button-group.stories-data.d.ts +0 -6
- package/dist/components/button-group/button-group.stories.d.ts +0 -9
- package/dist/components/card/card.d.ts +0 -10
- package/dist/components/card/card.stories.d.ts +0 -8
- package/dist/components/check-box/check-box.d.ts +0 -19
- package/dist/components/check-box/check-box.stories.d.ts +0 -6
- package/dist/components/color/color.stories-data.d.ts +0 -9
- package/dist/components/dialog/dialog.d.ts +0 -17
- package/dist/components/divider/divider.d.ts +0 -9
- package/dist/components/divider/divider.stories.d.ts +0 -7
- package/dist/components/drawer/drawer-resize-wrapper.d.ts +0 -3
- package/dist/components/drawer/drawer-tabs.d.ts +0 -3
- package/dist/components/drawer/drawer.constants.d.ts +0 -2
- package/dist/components/drawer/drawer.d.ts +0 -3
- package/dist/components/drawer/drawer.interface.d.ts +0 -55
- package/dist/components/drawer/drawer.stories.d.ts +0 -41
- package/dist/components/empty/empty.d.ts +0 -8
- package/dist/components/empty/empty.stories.d.ts +0 -5
- package/dist/components/file-input/enum.d.ts +0 -6
- package/dist/components/file-input/file-input.d.ts +0 -18
- package/dist/components/file-input/file-input.stories.d.ts +0 -8
- package/dist/components/form/field.d.ts +0 -16
- package/dist/components/form/field.stories.d.ts +0 -13
- package/dist/components/form/form.stories.d.ts +0 -27
- package/dist/components/heading/heading.d.ts +0 -19
- package/dist/components/heading/heading.stories.d.ts +0 -10
- package/dist/components/help-icon/help-icon.d.ts +0 -10
- package/dist/components/help-icon/help-icon.stories.d.ts +0 -11
- package/dist/components/icon/icon.d.ts +0 -16
- package/dist/components/icon/icon.stories.d.ts +0 -26
- package/dist/components/icon/named-icon.d.ts +0 -7
- package/dist/components/input/input.d.ts +0 -26
- package/dist/components/input/input.stories.d.ts +0 -5
- package/dist/components/input-group/input-group-addon/input-group-addon.d.ts +0 -8
- package/dist/components/input-group/input-group.d.ts +0 -7
- package/dist/components/input-group/input-group.stories.d.ts +0 -8
- package/dist/components/label/label.d.ts +0 -24
- package/dist/components/label/label.stories.d.ts +0 -10
- package/dist/components/layout/column/column.d.ts +0 -18
- package/dist/components/layout/column/styles.d.ts +0 -15
- package/dist/components/layout/column.stories.d.ts +0 -20
- package/dist/components/layout/flex/flex.d.ts +0 -11
- package/dist/components/layout/flex/flex.stories.d.ts +0 -10
- package/dist/components/layout/form-row/form-row.d.ts +0 -5
- package/dist/components/layout/grid/grid.d.ts +0 -11
- package/dist/components/layout/grid/grid.stories.d.ts +0 -9
- package/dist/components/layout/page/page.d.ts +0 -9
- package/dist/components/layout/page.stories.d.ts +0 -10
- package/dist/components/layout/placeholder.d.ts +0 -1
- package/dist/components/layout/print-header/print-header.d.ts +0 -8
- package/dist/components/layout/row/row.d.ts +0 -15
- package/dist/components/layout/spacer/spacer.d.ts +0 -7
- package/dist/components/list/list-row/item-content.d.ts +0 -3
- package/dist/components/list/list-row/label.d.ts +0 -3
- package/dist/components/list/list-row/list-heading.d.ts +0 -3
- package/dist/components/list/list-row/list-row.d.ts +0 -3
- package/dist/components/list/list-row/list-row.interface.d.ts +0 -105
- package/dist/components/list/list-row/list-subheading.d.ts +0 -3
- package/dist/components/list/list-row/meta-content.d.ts +0 -3
- package/dist/components/list/list-row/meta-count.d.ts +0 -3
- package/dist/components/list/list-row/name.d.ts +0 -4
- package/dist/components/list/list.d.ts +0 -3
- package/dist/components/list/list.interface.d.ts +0 -55
- package/dist/components/list/list.stories-data.d.ts +0 -310
- package/dist/components/list/list.stories.d.ts +0 -23
- package/dist/components/list/toggle-narrow.d.ts +0 -3
- package/dist/components/loader/loader.d.ts +0 -14
- package/dist/components/loader/loader.stories.d.ts +0 -33
- package/dist/components/menu/enum.d.ts +0 -11
- package/dist/components/menu/index.d.ts +0 -4
- package/dist/components/menu/layer/divider.d.ts +0 -2
- package/dist/components/menu/layer/heading.d.ts +0 -8
- package/dist/components/menu/layer/layer.d.ts +0 -15
- package/dist/components/menu/layer/option.d.ts +0 -19
- package/dist/components/menu/layer/path.d.ts +0 -5
- package/dist/components/menu/layer/placementOptions.d.ts +0 -3
- package/dist/components/menu/layer/section.d.ts +0 -11
- package/dist/components/menu/menu.d.ts +0 -4
- package/dist/components/menu/menu.interface.d.ts +0 -82
- package/dist/components/menu/menu.stories-data.d.ts +0 -101
- package/dist/components/menu/menu.stories.d.ts +0 -31
- package/dist/components/menu/menu.test.d.ts +0 -1
- package/dist/components/menu/trigger/button.d.ts +0 -15
- package/dist/components/menu/trigger/component.d.ts +0 -8
- package/dist/components/menu/trigger/text.d.ts +0 -11
- package/dist/components/menu/trigger/trigger.d.ts +0 -27
- package/dist/components/message/dismiss.d.ts +0 -8
- package/dist/components/message/enum.d.ts +0 -9
- package/dist/components/message/message.d.ts +0 -19
- package/dist/components/message/message.stories.d.ts +0 -11
- package/dist/components/modal/modal.d.ts +0 -8
- package/dist/components/modal/modal.stories.d.ts +0 -12
- package/dist/components/number-input/number-input.d.ts +0 -26
- package/dist/components/number-input/number-input.stories.d.ts +0 -14
- package/dist/components/option-dropdown/enum.d.ts +0 -5
- package/dist/components/option-dropdown/heading.d.ts +0 -5
- package/dist/components/option-dropdown/layer.d.ts +0 -16
- package/dist/components/option-dropdown/option-dropdown.d.ts +0 -19
- package/dist/components/option-dropdown/option-dropdown.stories.d.ts +0 -5
- package/dist/components/option-dropdown/option.d.ts +0 -10
- package/dist/components/pagination/pagination.d.ts +0 -14
- package/dist/components/pagination/pagination.interface.d.ts +0 -15
- package/dist/components/pagination/pagination.stories.d.ts +0 -8
- package/dist/components/pagination/pagination.test.d.ts +0 -1
- package/dist/components/pagination/pagination.viewdata.d.ts +0 -17
- package/dist/components/pop-confirm/content.d.ts +0 -10
- package/dist/components/pop-confirm/pop-confirm.d.ts +0 -14
- package/dist/components/pop-confirm/pop-confirm.stories.d.ts +0 -4
- package/dist/components/popover/popover.d.ts +0 -14
- package/dist/components/popover/popover.stories.d.ts +0 -7
- package/dist/components/portal/portal.d.ts +0 -6
- package/dist/components/portal/portal.stories.d.ts +0 -7
- package/dist/components/progress-bar/progress-bar.d.ts +0 -10
- package/dist/components/progress-bar/progress-bar.stories.d.ts +0 -4
- package/dist/components/radio-button/radio-button.d.ts +0 -27
- package/dist/components/radio-button/radio-button.stories.d.ts +0 -5
- package/dist/components/radio-button/radio-input.d.ts +0 -16
- package/dist/components/rich-text-input/rich-text-input.d.ts +0 -9
- package/dist/components/rich-text-input/rich-text-input.stories.d.ts +0 -10
- package/dist/components/rich-text-input/rich-text-toolbar/enum.d.ts +0 -7
- package/dist/components/rich-text-input/rich-text-toolbar/rich-text-toolbar.d.ts +0 -6
- package/dist/components/select/custom-select/custom-select.d.ts +0 -3
- package/dist/components/select/custom-select/custom-select.interface.d.ts +0 -47
- package/dist/components/select/custom-select/custom-select.reducer.d.ts +0 -6
- package/dist/components/select/custom-select/enum.d.ts +0 -11
- package/dist/components/select/custom-select/helper.d.ts +0 -3
- package/dist/components/select/custom-select/hooks/enum.d.ts +0 -20
- package/dist/components/select/custom-select/hooks/use-custom-select-logic.d.ts +0 -39
- package/dist/components/select/custom-select/layer/heading.d.ts +0 -4
- package/dist/components/select/custom-select/layer/layer.d.ts +0 -17
- package/dist/components/select/custom-select/layer/option.d.ts +0 -15
- package/dist/components/select/custom-select/layer/placementOptions.d.ts +0 -10
- package/dist/components/select/custom-select/layer/section.d.ts +0 -15
- package/dist/components/select/custom-select/reducer.interface.d.ts +0 -34
- package/dist/components/select/custom-select/trigger/input.d.ts +0 -14
- package/dist/components/select/custom-select/trigger/multi-selected-options.d.ts +0 -9
- package/dist/components/select/custom-select/trigger/trigger.d.ts +0 -34
- package/dist/components/select/native-select/native-select.d.ts +0 -29
- package/dist/components/select/select.d.ts +0 -3
- package/dist/components/select/select.input.d.ts +0 -21
- package/dist/components/select/select.interface.d.ts +0 -39
- package/dist/components/select/select.stories-data.d.ts +0 -25
- package/dist/components/select/select.stories.d.ts +0 -30
- package/dist/components/select/select.test.d.ts +0 -1
- package/dist/components/side-bar/link.d.ts +0 -17
- package/dist/components/side-bar/sections.d.ts +0 -21
- package/dist/components/side-bar/side-bar.d.ts +0 -26
- package/dist/components/side-bar/side-bar.stories.d.ts +0 -5
- package/dist/components/slider/slider-tooltip.d.ts +0 -5
- package/dist/components/slider/slider.d.ts +0 -36
- package/dist/components/slider/slider.stories.d.ts +0 -16
- package/dist/components/spinner/spinner.d.ts +0 -8
- package/dist/components/spinner/spinner.stories.d.ts +0 -4
- package/dist/components/table/cell/cell-types/action-cell.d.ts +0 -6
- package/dist/components/table/cell/cell-types/cell-help-icon.d.ts +0 -6
- package/dist/components/table/cell/cell-types/cell-library-icon.d.ts +0 -6
- package/dist/components/table/cell/cell-types/cell-types.interface.d.ts +0 -150
- package/dist/components/table/cell/cell-types/check-box-cell.d.ts +0 -8
- package/dist/components/table/cell/cell-types/icon-cell.d.ts +0 -6
- package/dist/components/table/cell/cell-types/input-cell.d.ts +0 -9
- package/dist/components/table/cell/cell-types/link-cell.d.ts +0 -8
- package/dist/components/table/cell/cell-types/number-input-cell.d.ts +0 -8
- package/dist/components/table/cell/cell-types/popover-cell.d.ts +0 -7
- package/dist/components/table/cell/cell-types/select-cell.d.ts +0 -9
- package/dist/components/table/cell/cell-types/slider-cell.d.ts +0 -7
- package/dist/components/table/cell/cell-types/sort-cell.d.ts +0 -6
- package/dist/components/table/cell/cell-types/static-cell.d.ts +0 -8
- package/dist/components/table/cell/cell-wrapper.d.ts +0 -9
- package/dist/components/table/cell/cell.d.ts +0 -13
- package/dist/components/table/cell/cell.stories.d.ts +0 -22
- package/dist/components/table/cell/input-cell-wrapper.d.ts +0 -8
- package/dist/components/table/enum.d.ts +0 -9
- package/dist/components/table/footer/footer.d.ts +0 -10
- package/dist/components/table/footer/footer.stories.d.ts +0 -3
- package/dist/components/table/helper.d.ts +0 -22
- package/dist/components/table/helper.test.d.ts +0 -1
- package/dist/components/table/row/expanded-content-row.d.ts +0 -7
- package/dist/components/table/row/row.d.ts +0 -37
- package/dist/components/table/row/row.stories.d.ts +0 -9
- package/dist/components/table/table-scroll-wrapper.d.ts +0 -13
- package/dist/components/table/table.d.ts +0 -34
- package/dist/components/table/table.stories-data.d.ts +0 -1971
- package/dist/components/table/table.stories.d.ts +0 -18
- package/dist/components/table/table.test.d.ts +0 -1
- package/dist/components/table/table.viewdata.d.ts +0 -16
- package/dist/components/table/title/title.d.ts +0 -8
- package/dist/components/table/title/title.stories.d.ts +0 -11
- package/dist/components/tabs/content.d.ts +0 -7
- package/dist/components/tabs/label.d.ts +0 -14
- package/dist/components/tabs/tabs.d.ts +0 -33
- package/dist/components/tabs/tabs.stories.d.ts +0 -11
- package/dist/components/text/text.d.ts +0 -15
- package/dist/components/text/text.stories.d.ts +0 -6
- package/dist/components/text-link/text-link.d.ts +0 -9
- package/dist/components/text-link/text-link.stories.d.ts +0 -5
- package/dist/components/textarea/textarea.d.ts +0 -22
- package/dist/components/textarea/textarea.stories.d.ts +0 -4
- package/dist/components/toaster/toaster.d.ts +0 -18
- package/dist/components/toaster/toaster.stories.d.ts +0 -16
- package/dist/components/toggle/toggle.d.ts +0 -14
- package/dist/components/toggle/toggle.stories.d.ts +0 -10
- package/dist/components/tooltip/tooltip-layer.d.ts +0 -16
- package/dist/components/tooltip/tooltip.d.ts +0 -19
- package/dist/components/tooltip/tooltip.stories.d.ts +0 -11
- package/dist/components/tooltip/tooltip.test-case.stories.d.ts +0 -4
- package/dist/components/top-bar/element/element.d.ts +0 -32
- package/dist/components/top-bar/element/enum.d.ts +0 -6
- package/dist/components/top-bar/element/link.d.ts +0 -11
- package/dist/components/top-bar/title.d.ts +0 -9
- package/dist/components/top-bar/top-bar.d.ts +0 -12
- package/dist/components/top-bar/top-bar.stories.d.ts +0 -6
- package/dist/components/top-bar/top-bar.testcase.stories.d.ts +0 -5
- package/dist/components/top-bar/warning.d.ts +0 -5
- package/dist/components/tree/tree-item.d.ts +0 -11
- package/dist/components/tree/tree-placeholder.d.ts +0 -5
- package/dist/components/tree/tree.d.ts +0 -42
- package/dist/components/tree/tree.stories-data.d.ts +0 -126
- package/dist/components/tree/tree.stories.d.ts +0 -12
- package/dist/helpers/disabled-context.d.ts +0 -2
- package/dist/helpers/text.d.ts +0 -1
- package/dist/helpers/types.d.ts +0 -3
- package/dist/hooks/index.d.ts +0 -4
- package/dist/hooks/use-focus.d.ts +0 -4
- package/dist/hooks/use-fonts-ready.d.ts +0 -1
- package/dist/hooks/use-keyboard-event.d.ts +0 -2
- package/dist/hooks/use-window-width.d.ts +0 -1
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React, { ChangeEvent, MouseEvent } from 'react';
|
|
2
|
-
export interface IRadioButtonOption {
|
|
3
|
-
label: string | number;
|
|
4
|
-
value: string | number;
|
|
5
|
-
testId?: string;
|
|
6
|
-
helpText?: string;
|
|
7
|
-
onClickHelp?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
8
|
-
name?: string;
|
|
9
|
-
checked?: boolean;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export interface IRadioButtonProps {
|
|
13
|
-
name?: string;
|
|
14
|
-
label?: string;
|
|
15
|
-
options: IRadioButtonOption[];
|
|
16
|
-
value: IRadioButtonOption;
|
|
17
|
-
inline?: boolean;
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
small?: boolean;
|
|
20
|
-
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
-
noMargin?: boolean;
|
|
22
|
-
mainLabel?: string;
|
|
23
|
-
onClick?: (target: HTMLInputElement) => void;
|
|
24
|
-
radioButtonsData?: IRadioButtonOption[];
|
|
25
|
-
classForContainer?: 'grouped fields' | 'inline fields';
|
|
26
|
-
}
|
|
27
|
-
export declare const RadioButton: ({ name, label: rawLabel, options: rawOptions, value: rawValue, onChange, disabled, small, noMargin, onClick, inline, mainLabel, radioButtonsData, classForContainer, }: IRadioButtonProps) => React.JSX.Element;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
|
2
|
-
export default _default;
|
|
3
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
|
|
4
|
-
export declare const HelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
|
|
5
|
-
export declare const OnClickHelp: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface IRadioInputProps {
|
|
3
|
-
name: string | number;
|
|
4
|
-
label: string | number;
|
|
5
|
-
value: string | number;
|
|
6
|
-
selected: boolean;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
small?: boolean;
|
|
9
|
-
onChange?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
10
|
-
noMargin?: boolean;
|
|
11
|
-
testId?: string;
|
|
12
|
-
helpText?: string;
|
|
13
|
-
onClickHelp?: (event?: any) => void;
|
|
14
|
-
}
|
|
15
|
-
export declare const RadioInput: ({ name, label, value, selected, disabled, small, onChange, noMargin, testId, helpText, onClickHelp, }: IRadioInputProps) => React.JSX.Element;
|
|
16
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
export interface IRichTextInputProps {
|
|
3
|
-
disabled?: boolean;
|
|
4
|
-
onChange?: (markdown: string) => void;
|
|
5
|
-
placeholder?: string;
|
|
6
|
-
value?: string;
|
|
7
|
-
toolbarComponent?: ReactNode;
|
|
8
|
-
}
|
|
9
|
-
export declare const RichTextInput: React.ForwardRefExoticComponent<IRichTextInputProps & React.RefAttributes<any>>;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IRichTextInputProps } from './rich-text-input';
|
|
3
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IRichTextInputProps>;
|
|
6
|
-
export declare const Filled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IRichTextInputProps>;
|
|
7
|
-
export declare const Placeholder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IRichTextInputProps>;
|
|
8
|
-
export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IRichTextInputProps>;
|
|
9
|
-
export declare const HandlingStateExternallyWithRef: () => React.JSX.Element;
|
|
10
|
-
export declare const WithToolbarComponent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IRichTextInputProps>;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { ChangeEvent, ReactNode } from 'react';
|
|
2
|
-
import { ISelectSelectedOption } from '../select.interface';
|
|
3
|
-
import { GroupOrder } from "../../../common-enum";
|
|
4
|
-
interface Heading {
|
|
5
|
-
label: string | number;
|
|
6
|
-
type: string;
|
|
7
|
-
}
|
|
8
|
-
export type TCustomSelectSelectOption = ISelectSelectedOption | Heading;
|
|
9
|
-
export type TSelectedOptionsIndexType = keyof ISelectSelectedOption;
|
|
10
|
-
export type ICustomSelectOptionType = {
|
|
11
|
-
createAble?: boolean;
|
|
12
|
-
label?: string;
|
|
13
|
-
value?: string | number;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
details?: string;
|
|
16
|
-
};
|
|
17
|
-
export type ICustomSelectScrollableComponent = {
|
|
18
|
-
scrollToItem: (index: number) => void;
|
|
19
|
-
};
|
|
20
|
-
export interface ICustomSelectProps {
|
|
21
|
-
multi?: boolean;
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
error?: string | number | ReactNode;
|
|
24
|
-
warning?: string | number | ReactNode;
|
|
25
|
-
tooltip?: string | number | ReactNode;
|
|
26
|
-
options: TCustomSelectSelectOption[];
|
|
27
|
-
selectedOptions: ISelectSelectedOption | ISelectSelectedOption[];
|
|
28
|
-
onChange?: (event: ChangeEvent<HTMLInputElement>, newSelectedOptions: ISelectSelectedOption) => void;
|
|
29
|
-
onCreate?: (value: string) => void;
|
|
30
|
-
placeholder?: string;
|
|
31
|
-
small?: boolean;
|
|
32
|
-
tabIndex?: number;
|
|
33
|
-
width?: string | number | null;
|
|
34
|
-
autoLayerWidth?: boolean;
|
|
35
|
-
onFocus?: () => void;
|
|
36
|
-
onBlur?: () => void;
|
|
37
|
-
searchable?: boolean;
|
|
38
|
-
clearable?: boolean;
|
|
39
|
-
isInTable?: boolean;
|
|
40
|
-
groupOrder?: GroupOrder;
|
|
41
|
-
firstSelectedOptionIndex: number | null;
|
|
42
|
-
right?: boolean;
|
|
43
|
-
maxTooltipWidth?: string | number;
|
|
44
|
-
closeOnOptionActionClick?: boolean;
|
|
45
|
-
testId?: string | undefined;
|
|
46
|
-
}
|
|
47
|
-
export {};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { ICustomSelectAction, ICustomSelectDirection, ICustomSelectLayerFocus, ICustomSelectState, ICustomSelectTriggerFocus } from "./reducer.interface";
|
|
2
|
-
import { TCustomSelectSelectOption } from "./custom-select.interface";
|
|
3
|
-
export declare const initialTriggerFocus: ICustomSelectTriggerFocus;
|
|
4
|
-
export declare const initialLayerFocus: (options: TCustomSelectSelectOption[], firstSelectedOptionIndex: number) => ICustomSelectLayerFocus;
|
|
5
|
-
export declare const nextLayerFocus: (direction: ICustomSelectDirection, layerFocus: ICustomSelectLayerFocus) => ICustomSelectLayerFocus;
|
|
6
|
-
export declare const reducer: (state: ICustomSelectState, action: ICustomSelectAction) => ICustomSelectState;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export declare enum ReducerAction {
|
|
2
|
-
SET_VISIBLE_OPTIONS = "SET_VISIBLE_OPTIONS",
|
|
3
|
-
RESET_LAYER_FOCUS = "RESET_LAYER_FOCUS",
|
|
4
|
-
CLEAR_SEARCH = "CLEAR_SEARCH",
|
|
5
|
-
ON_CHANGE_SEARCH = "ON_CHANGE_SEARCH",
|
|
6
|
-
FOCUS_TRIGGER_INPUTS = "FOCUS_TRIGGER_INPUTS",
|
|
7
|
-
BLUR_TRIGGER_INPUTS = "BLUR_TRIGGER_INPUTS",
|
|
8
|
-
FOCUS_LAYER_OPTIONS = "FOCUS_LAYER_OPTIONS",
|
|
9
|
-
OPEN_LAYER = "OPEN_LAYER",
|
|
10
|
-
CLOSE_LAYER = "CLOSE_LAYER"
|
|
11
|
-
}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { ISelectSelectedOption } from '../select.interface';
|
|
2
|
-
export declare const getWidestOptionWidth: (options: ISelectSelectedOption[], small: boolean, isFontLoaded: boolean, placeholder?: string) => number;
|
|
3
|
-
export declare const getMultiOptionWidth: (option: ISelectSelectedOption, small?: boolean, isFontLoaded?: boolean) => number;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export declare enum ActionTypes {
|
|
2
|
-
CLOSE_LAYER = "CLOSE_LAYER",
|
|
3
|
-
OPEN_LAYER = "OPEN_LAYER",
|
|
4
|
-
SET_VISIBLE_OPTIONS = "SET_VISIBLE_OPTIONS",
|
|
5
|
-
CLEAR_SEARCH = "CLEAR_SEARCH",
|
|
6
|
-
RESET_LAYER_FOCUS = "RESET_LAYER_FOCUS",
|
|
7
|
-
FOCUS_LAYER_OPTIONS = "FOCUS_LAYER_OPTIONS",
|
|
8
|
-
BLUR_TRIGGER_INPUTS = "BLUR_TRIGGER_INPUTS",
|
|
9
|
-
FOCUS_TRIGGER_INPUTS = "FOCUS_TRIGGER_INPUTS",
|
|
10
|
-
ON_CHANGE_SEARCH = "ON_CHANGE_SEARCH"
|
|
11
|
-
}
|
|
12
|
-
export declare enum EventKey {
|
|
13
|
-
RIGHT = "right",
|
|
14
|
-
LEFT = "left",
|
|
15
|
-
UP = "up",
|
|
16
|
-
DOWN = "down",
|
|
17
|
-
ENTER = "enter",
|
|
18
|
-
ESC = "esc",
|
|
19
|
-
TAB = "tab"
|
|
20
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import React, { ChangeEvent } from "react";
|
|
2
|
-
import { ISelectSelectedOption } from "../../select.interface";
|
|
3
|
-
import { ICustomSelectDirection, ICustomSelectState } from "../reducer.interface";
|
|
4
|
-
import { TCustomSelectSelectOption } from "../custom-select.interface";
|
|
5
|
-
export interface UseCustomSelectLogicProps {
|
|
6
|
-
state: ICustomSelectState;
|
|
7
|
-
dispatch: (action: any) => void;
|
|
8
|
-
options: TCustomSelectSelectOption[];
|
|
9
|
-
setTriggerFocus: () => void;
|
|
10
|
-
disabled: boolean;
|
|
11
|
-
disabledContext: boolean;
|
|
12
|
-
onCreate: ((value: string) => void) | null;
|
|
13
|
-
onChange: ((evt: any, selected: any) => void) | null;
|
|
14
|
-
selectedOptions: ISelectSelectedOption | ISelectSelectedOption[];
|
|
15
|
-
width: string | number | null;
|
|
16
|
-
small: boolean;
|
|
17
|
-
isFontLoaded: boolean;
|
|
18
|
-
placeholder: string;
|
|
19
|
-
firstSelectedOptionIndex: number;
|
|
20
|
-
createAble: boolean;
|
|
21
|
-
listRef: React.RefObject<any>;
|
|
22
|
-
autoLayerWidth: boolean;
|
|
23
|
-
}
|
|
24
|
-
export declare const useCustomSelectLogic: ({ state, dispatch, options, setTriggerFocus, disabled, disabledContext, onCreate, onChange, selectedOptions, width, small, isFontLoaded, placeholder, firstSelectedOptionIndex, createAble, listRef, autoLayerWidth, }: UseCustomSelectLogicProps) => {
|
|
25
|
-
getTriggerWidth: () => string | number;
|
|
26
|
-
onKeyEvent: (key: string | ICustomSelectDirection, evt: KeyboardEvent) => void;
|
|
27
|
-
clearAllIsFocused: boolean;
|
|
28
|
-
triggerProps: import("react-laag").TriggerProps;
|
|
29
|
-
onClickTrigger: () => void;
|
|
30
|
-
onChangeSearch: (value: any) => void;
|
|
31
|
-
onClickDeselectOption: (evt: any, options?: any) => void;
|
|
32
|
-
onClickClearAll: (evt: ChangeEvent<any>) => void;
|
|
33
|
-
renderLayer: (children: React.ReactNode) => React.ReactPortal | null;
|
|
34
|
-
layerProps: import("react-laag").LayerProps;
|
|
35
|
-
closeLayer: () => void;
|
|
36
|
-
onSelectOption: (evt: any, option?: any, close?: () => void) => void;
|
|
37
|
-
getLayerWidth: (triggerBounds: any) => any;
|
|
38
|
-
triggerBounds: ClientRect | null;
|
|
39
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React, { RefObject } from 'react';
|
|
2
|
-
import { ISelectSection } from './section';
|
|
3
|
-
import { ISelectSelectedOption } from '../../select.interface';
|
|
4
|
-
export interface ISelectLayerProps {
|
|
5
|
-
listRef: RefObject<any>;
|
|
6
|
-
isMulti?: boolean;
|
|
7
|
-
sections: ISelectSection[];
|
|
8
|
-
selectedOptions: ISelectSelectedOption | ISelectSelectedOption[];
|
|
9
|
-
onSelectOption: (event?: React.MouseEvent<HTMLDivElement, MouseEvent>, section?: ISelectSection) => void;
|
|
10
|
-
focusedOptionIndex?: number;
|
|
11
|
-
width: number;
|
|
12
|
-
small?: boolean;
|
|
13
|
-
firstSelectedOptionIndex?: number;
|
|
14
|
-
closeLayer: () => void;
|
|
15
|
-
testId?: string;
|
|
16
|
-
}
|
|
17
|
-
export declare const Layer: ({ listRef, isMulti, sections, selectedOptions, onSelectOption, focusedOptionIndex, width, small, firstSelectedOptionIndex, closeLayer, testId, }: ISelectLayerProps) => React.JSX.Element;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import { ISelectSectionProps } from './section';
|
|
3
|
-
export interface ISelectOptionProps {
|
|
4
|
-
details?: string;
|
|
5
|
-
label: string;
|
|
6
|
-
icon?: ReactNode;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
selected?: boolean;
|
|
9
|
-
focused?: boolean;
|
|
10
|
-
onSelectOption?: (event?: React.MouseEvent<HTMLDivElement, MouseEvent>, section?: ISelectSectionProps) => void;
|
|
11
|
-
actions?: any[];
|
|
12
|
-
closeLayer?: () => void;
|
|
13
|
-
testId?: string;
|
|
14
|
-
}
|
|
15
|
-
export declare const Option: ({ details, label, icon, disabled, selected, focused, onSelectOption, actions, closeLayer, testId, }: ISelectOptionProps) => React.JSX.Element;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
type PlacementType = 'bottom-start' | 'top-start';
|
|
2
|
-
export interface PlacementOptions {
|
|
3
|
-
auto: boolean;
|
|
4
|
-
possiblePlacements: PlacementType[];
|
|
5
|
-
placement: PlacementType;
|
|
6
|
-
preferX: 'right';
|
|
7
|
-
preferY: 'bottom';
|
|
8
|
-
}
|
|
9
|
-
export declare const placementOptions: PlacementOptions;
|
|
10
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ISelectOptionProps } from './option';
|
|
3
|
-
import { MenuType } from "../../../menu/enum";
|
|
4
|
-
export interface ISelectSection extends ISelectOptionProps {
|
|
5
|
-
type: MenuType.HEADING | MenuType.OPTION;
|
|
6
|
-
value?: string | number;
|
|
7
|
-
}
|
|
8
|
-
export type ISelectSectionProps = {
|
|
9
|
-
section: ISelectSection;
|
|
10
|
-
selected?: boolean;
|
|
11
|
-
focused?: boolean;
|
|
12
|
-
onSelectOption?: (event?: React.MouseEvent<HTMLDivElement, MouseEvent>, section?: ISelectSectionProps) => void;
|
|
13
|
-
closeLayer?: () => void;
|
|
14
|
-
};
|
|
15
|
-
export declare const Section: ({ section, selected, focused, onSelectOption, closeLayer, }: ISelectSectionProps) => React.JSX.Element;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { ICustomSelectOptionType } from './custom-select.interface';
|
|
2
|
-
import { ReducerAction } from "./enum";
|
|
3
|
-
export type ICustomSelectDirection = 'right' | 'left' | 'up' | 'down';
|
|
4
|
-
export interface ICustomSelectTriggerFocus {
|
|
5
|
-
options: Array<'none' | 'clearAll' | number>;
|
|
6
|
-
currentIndex: number;
|
|
7
|
-
currentOption: boolean | 'none' | 'clearAll' | number;
|
|
8
|
-
clearAll: boolean;
|
|
9
|
-
}
|
|
10
|
-
export interface ICustomSelectLayerFocus {
|
|
11
|
-
options: (number | 'none')[];
|
|
12
|
-
currentIndex: number;
|
|
13
|
-
current: number | 'none';
|
|
14
|
-
}
|
|
15
|
-
export interface ICustomSelectState {
|
|
16
|
-
visibleOptions?: ICustomSelectOptionType[];
|
|
17
|
-
searchValue?: string;
|
|
18
|
-
layerFocus: ICustomSelectLayerFocus;
|
|
19
|
-
triggerFocus: ICustomSelectTriggerFocus;
|
|
20
|
-
isLayerOpen?: boolean;
|
|
21
|
-
}
|
|
22
|
-
export interface ICustomSelectAction {
|
|
23
|
-
type: ReducerAction;
|
|
24
|
-
options?: ICustomSelectOptionType[];
|
|
25
|
-
firstSelectedOptionIndex: number;
|
|
26
|
-
value?: string;
|
|
27
|
-
createAble?: boolean;
|
|
28
|
-
direction?: ICustomSelectDirection;
|
|
29
|
-
selectedOptions?: Array<string | number | {
|
|
30
|
-
label: string | number;
|
|
31
|
-
value: string | number | boolean;
|
|
32
|
-
}>;
|
|
33
|
-
nextLayerFocus?: ICustomSelectLayerFocus;
|
|
34
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React, { MutableRefObject, ReactNode } from 'react';
|
|
2
|
-
import { ISelectSelectedOption } from '../../select.interface';
|
|
3
|
-
interface ISelectInputProps {
|
|
4
|
-
selectedOptions?: ISelectSelectedOption | ISelectSelectedOption[];
|
|
5
|
-
searchable?: boolean;
|
|
6
|
-
searchValue?: string;
|
|
7
|
-
inputRef: MutableRefObject<HTMLInputElement | null>;
|
|
8
|
-
onChange?: (value: string) => void;
|
|
9
|
-
error?: string | ReactNode;
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
small?: boolean;
|
|
12
|
-
}
|
|
13
|
-
export declare const Input: ({ selectedOptions, searchable, searchValue, onChange, inputRef, error, placeholder, small, }: ISelectInputProps) => React.JSX.Element;
|
|
14
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ISelectSelectedOption } from '../../select.interface';
|
|
3
|
-
interface ISelectMultiSelectedOptionsProps {
|
|
4
|
-
selectedOptions: ISelectSelectedOption[];
|
|
5
|
-
small?: boolean;
|
|
6
|
-
width: number;
|
|
7
|
-
}
|
|
8
|
-
export declare const MultiSelectedOptions: ({ selectedOptions, small, width }: ISelectMultiSelectedOptionsProps) => React.JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode, RefObject } from "react";
|
|
2
|
-
import { ISelectSelectedOption } from "../../select.interface";
|
|
3
|
-
import { GroupOrder } from "../../../../common-enum";
|
|
4
|
-
interface ISelectTriggerProps {
|
|
5
|
-
selectedOptions?: ISelectSelectedOption;
|
|
6
|
-
searchValue?: string;
|
|
7
|
-
searchable?: boolean;
|
|
8
|
-
clearable?: boolean;
|
|
9
|
-
onClickTrigger: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
10
|
-
element?: ReactNode;
|
|
11
|
-
error?: string | ReactNode;
|
|
12
|
-
warning?: string | ReactNode;
|
|
13
|
-
tooltip?: string | ReactNode;
|
|
14
|
-
small?: boolean;
|
|
15
|
-
isInTable?: boolean;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
onChangeSearch?: (value: string) => void;
|
|
18
|
-
onClickDeselect?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
19
|
-
onClickClear?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
|
|
20
|
-
tabIndex?: number;
|
|
21
|
-
isOpen?: boolean;
|
|
22
|
-
triggerRef?: RefObject<HTMLDivElement>;
|
|
23
|
-
clearAllIsFocused?: boolean;
|
|
24
|
-
focusedSelectedOptionIndex?: number;
|
|
25
|
-
onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
|
|
26
|
-
onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
|
|
27
|
-
groupOrder?: GroupOrder;
|
|
28
|
-
maxTooltipWidth?: string | number;
|
|
29
|
-
placeholder?: string;
|
|
30
|
-
right?: boolean;
|
|
31
|
-
testId?: string;
|
|
32
|
-
}
|
|
33
|
-
export declare const Trigger: ({ selectedOptions, searchValue, searchable, clearable, onClickTrigger, element, error, warning, tooltip, small, isInTable, disabled, onChangeSearch, onClickDeselect, onClickClear, tabIndex, isOpen, triggerRef, clearAllIsFocused, focusedSelectedOptionIndex, onFocus, onBlur, groupOrder, maxTooltipWidth, placeholder, right, testId, }: ISelectTriggerProps) => React.JSX.Element;
|
|
34
|
-
export {};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import React, { ChangeEvent } from 'react';
|
|
2
|
-
import { ISelectSelectedOption } from '../select.interface';
|
|
3
|
-
interface NativeSelectProps {
|
|
4
|
-
borderRadius?: string | number;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
error?: string | number | React.ReactNode | null;
|
|
7
|
-
warning?: string | number | React.ReactNode | null;
|
|
8
|
-
tooltip?: string | number | React.ReactNode | null;
|
|
9
|
-
options: ISelectSelectedOption[];
|
|
10
|
-
onChange?: (event: ChangeEvent<HTMLSelectElement>, value: ISelectSelectedOption | {
|
|
11
|
-
value: null;
|
|
12
|
-
}) => void;
|
|
13
|
-
onFocus?: () => void;
|
|
14
|
-
onBlur?: () => void;
|
|
15
|
-
right?: boolean;
|
|
16
|
-
small?: boolean;
|
|
17
|
-
tabIndex?: number;
|
|
18
|
-
selectedOption?: ISelectSelectedOption;
|
|
19
|
-
width?: string | number | null;
|
|
20
|
-
groupOrder?: string | null;
|
|
21
|
-
testId?: string | undefined;
|
|
22
|
-
isInTable?: boolean;
|
|
23
|
-
clearable?: boolean;
|
|
24
|
-
placeholder?: string;
|
|
25
|
-
hasNonExistentValue?: boolean;
|
|
26
|
-
maxTooltipWidth?: string | number;
|
|
27
|
-
}
|
|
28
|
-
export declare const NativeSelect: ({ disabled, error, warning, tooltip, options, onChange, onFocus, onBlur, right, small, tabIndex, selectedOption, width, groupOrder, testId, isInTable, clearable, placeholder, hasNonExistentValue, maxTooltipWidth, borderRadius, }: NativeSelectProps) => React.JSX.Element;
|
|
29
|
-
export {};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { ISelectSelectedOption } from './select.interface';
|
|
2
|
-
type Option = ISelectSelectedOption;
|
|
3
|
-
type SimpleOption = string | number;
|
|
4
|
-
type SelectedOption = Option | SimpleOption;
|
|
5
|
-
export declare const isMulti: (selectedOptions: any) => boolean;
|
|
6
|
-
export declare const standardizeOptions: (options: any[], simple: boolean) => Option[];
|
|
7
|
-
export declare const standardizeSelectedOption: (standardizedOptions: Option[], selectedOption: SelectedOption) => Option | undefined;
|
|
8
|
-
export declare const standardizeSelectedOptions: (standardizedOptions: Option[], selectedOptions: SelectedOption[] | SelectedOption) => Option[] | Option | undefined;
|
|
9
|
-
export declare const isSimpleOptions: (options: Option[]) => boolean;
|
|
10
|
-
export declare const isSimpleSelectedOptions: (selectedOptions: SelectedOption | SelectedOption[]) => boolean;
|
|
11
|
-
export declare const getFirstSelectedOptionIndex: (options: Option[], selectedOptions: SelectedOption | SelectedOption[]) => number | null;
|
|
12
|
-
export declare const nonExistentValue: (options: Option[], selectedOptions: SelectedOption | SelectedOption[]) => boolean;
|
|
13
|
-
export declare const standardizeInputs: (options: Option[], selectedOptions: SelectedOption | SelectedOption[], enableAutoScroll?: boolean, checkNonExistentValues?: boolean) => {
|
|
14
|
-
options: ISelectSelectedOption[];
|
|
15
|
-
selectedOptions: ISelectSelectedOption | ISelectSelectedOption[] | undefined;
|
|
16
|
-
multi: boolean;
|
|
17
|
-
simpleInputs: boolean;
|
|
18
|
-
firstSelectedOptionIndex: number | null;
|
|
19
|
-
hasNonExistentValue: boolean;
|
|
20
|
-
};
|
|
21
|
-
export {};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface ISelectSelectedOption {
|
|
3
|
-
value?: string | number | boolean;
|
|
4
|
-
label?: string | ReactNode;
|
|
5
|
-
details?: string;
|
|
6
|
-
actions?: any[];
|
|
7
|
-
icon?: boolean | ReactNode;
|
|
8
|
-
type?: string;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
testId?: string;
|
|
11
|
-
}
|
|
12
|
-
export interface ISelectProps {
|
|
13
|
-
name?: string;
|
|
14
|
-
multi?: boolean;
|
|
15
|
-
options?: ISelectSelectedOption[];
|
|
16
|
-
value?: any;
|
|
17
|
-
native?: boolean;
|
|
18
|
-
onChange?: (value: any) => void;
|
|
19
|
-
deprecatedEventHandler?: boolean;
|
|
20
|
-
autoScroll?: boolean;
|
|
21
|
-
warning?: string | number | ReactNode;
|
|
22
|
-
error?: string | number | ReactNode;
|
|
23
|
-
checkNonExistentValues?: boolean;
|
|
24
|
-
closeOnOptionActionClick?: boolean;
|
|
25
|
-
small?: boolean;
|
|
26
|
-
width?: string | number | null;
|
|
27
|
-
borderRadius?: string | number;
|
|
28
|
-
onCreate?: (evt: any) => any;
|
|
29
|
-
disabled?: boolean;
|
|
30
|
-
placeholder?: string;
|
|
31
|
-
isInTable?: boolean;
|
|
32
|
-
clearable?: boolean;
|
|
33
|
-
searchable?: boolean;
|
|
34
|
-
maxTooltipWidth?: string | number;
|
|
35
|
-
autoLayerWidth?: boolean;
|
|
36
|
-
right?: boolean;
|
|
37
|
-
tabIndex?: number;
|
|
38
|
-
testId?: string;
|
|
39
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
import { ISelectSelectedOption } from './select.interface';
|
|
3
|
-
type Action = {
|
|
4
|
-
label: string;
|
|
5
|
-
icon: string | ReactElement;
|
|
6
|
-
onClick: () => void;
|
|
7
|
-
};
|
|
8
|
-
type Option = ISelectSelectedOption;
|
|
9
|
-
type Heading = {
|
|
10
|
-
type: 'Heading';
|
|
11
|
-
label: string;
|
|
12
|
-
};
|
|
13
|
-
type OptionOrHeading = Option | Heading;
|
|
14
|
-
export declare const options: Option[];
|
|
15
|
-
export declare const optionsWithDetails: Option[];
|
|
16
|
-
export declare const optionsWithHeadings: OptionOrHeading[];
|
|
17
|
-
export declare const optionsNumeric: Option[];
|
|
18
|
-
export declare const optionsBoolean: Option[];
|
|
19
|
-
export declare const optionsWithIcons: Option[];
|
|
20
|
-
export declare const actions: Action[];
|
|
21
|
-
export declare const optionsWithActions: Option[];
|
|
22
|
-
export declare const optionsWithEverything: Option[];
|
|
23
|
-
export declare const optionsLong: Option[];
|
|
24
|
-
export declare const optionsSimple: string[];
|
|
25
|
-
export {};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { StoryFn } from '@storybook/react';
|
|
2
|
-
import { ISelectProps } from './select.interface';
|
|
3
|
-
import { ICustomSelectProps } from './custom-select/custom-select.interface';
|
|
4
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
|
5
|
-
export default _default;
|
|
6
|
-
type TSelectType = ISelectProps | ICustomSelectProps;
|
|
7
|
-
export declare const Default: StoryFn<TSelectType>;
|
|
8
|
-
export declare const Native: StoryFn<TSelectType>;
|
|
9
|
-
export declare const Multiselect: StoryFn<TSelectType>;
|
|
10
|
-
export declare const Empty: StoryFn<TSelectType>;
|
|
11
|
-
export declare const Clearable: StoryFn<TSelectType>;
|
|
12
|
-
export declare const NonExistentValue: StoryFn<TSelectType>;
|
|
13
|
-
export declare const CustomPlaceholder: StoryFn<TSelectType>;
|
|
14
|
-
export declare const OptionsWithHeadings: StoryFn<TSelectType>;
|
|
15
|
-
export declare const OptionsWithDetails: StoryFn<TSelectType>;
|
|
16
|
-
export declare const OptionsWithIcons: StoryFn<TSelectType>;
|
|
17
|
-
export declare const OptionsWithActions: StoryFn<TSelectType>;
|
|
18
|
-
export declare const OptionsWithEverything: StoryFn<TSelectType>;
|
|
19
|
-
export declare const NotSearchable: StoryFn<TSelectType>;
|
|
20
|
-
export declare const RightAligned: StoryFn<TSelectType>;
|
|
21
|
-
export declare const AutoLayerWidth: StoryFn<TSelectType>;
|
|
22
|
-
export declare const Tooltip: StoryFn<TSelectType>;
|
|
23
|
-
export declare const Error: StoryFn<TSelectType>;
|
|
24
|
-
export declare const Warning: StoryFn<TSelectType>;
|
|
25
|
-
export declare const Disabled: StoryFn<TSelectType>;
|
|
26
|
-
export declare const NumericOptions: StoryFn<TSelectType>;
|
|
27
|
-
export declare const BooleanOptions: StoryFn<TSelectType>;
|
|
28
|
-
export declare const SimpleOptions: StoryFn<TSelectType>;
|
|
29
|
-
export declare const VeryLongList: StoryFn<TSelectType>;
|
|
30
|
-
export declare const DeprecatedEventHandler: StoryFn<TSelectType>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
export interface ISideBarLinkProps {
|
|
3
|
-
isOpen: boolean;
|
|
4
|
-
items: {
|
|
5
|
-
value: string;
|
|
6
|
-
isActive?: boolean;
|
|
7
|
-
isExperimental?: boolean;
|
|
8
|
-
label: string | ReactNode;
|
|
9
|
-
icon: any;
|
|
10
|
-
invalid?: boolean;
|
|
11
|
-
onClick?: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
|
|
12
|
-
}[];
|
|
13
|
-
sectionIndex: number;
|
|
14
|
-
onClick: (evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: string | ReactNode, onClickCallback?: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void) => void;
|
|
15
|
-
testId?: string;
|
|
16
|
-
}
|
|
17
|
-
export declare const Link: ({ isOpen, items, sectionIndex, onClick, testId, }: ISideBarLinkProps) => React.JSX.Element;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
interface ISection {
|
|
3
|
-
heading: string;
|
|
4
|
-
items: {
|
|
5
|
-
value: string;
|
|
6
|
-
isActive?: boolean;
|
|
7
|
-
isExperimental?: boolean;
|
|
8
|
-
label: string | ReactNode;
|
|
9
|
-
icon: any;
|
|
10
|
-
invalid?: boolean;
|
|
11
|
-
onClick?: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
|
|
12
|
-
}[];
|
|
13
|
-
testId?: string;
|
|
14
|
-
}
|
|
15
|
-
export interface ISideBarSectionsProps {
|
|
16
|
-
isOpen: boolean;
|
|
17
|
-
sections: ISection[];
|
|
18
|
-
onClick: (evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: string | ReactNode, onClickCallback?: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void) => void;
|
|
19
|
-
}
|
|
20
|
-
export declare const Sections: ({ isOpen, sections, onClick, }: ISideBarSectionsProps) => React.JSX.Element;
|
|
21
|
-
export {};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React, { MouseEvent, ReactNode } from "react";
|
|
2
|
-
interface IOptionItem {
|
|
3
|
-
label: ReactNode;
|
|
4
|
-
value: string;
|
|
5
|
-
icon: ReactNode;
|
|
6
|
-
onClick: (event: MouseEvent<HTMLAnchorElement, globalThis.MouseEvent>) => void;
|
|
7
|
-
isActive?: boolean;
|
|
8
|
-
isExperimental?: boolean;
|
|
9
|
-
invalid?: boolean;
|
|
10
|
-
testId?: string;
|
|
11
|
-
}
|
|
12
|
-
interface IOptionSection {
|
|
13
|
-
heading: string;
|
|
14
|
-
items: IOptionItem[];
|
|
15
|
-
}
|
|
16
|
-
export interface ISideBarProps {
|
|
17
|
-
options: {
|
|
18
|
-
title: string;
|
|
19
|
-
sections: IOptionSection[];
|
|
20
|
-
};
|
|
21
|
-
startOpen?: boolean;
|
|
22
|
-
onShiftClickToggleOpen?: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void;
|
|
23
|
-
top?: string | number;
|
|
24
|
-
}
|
|
25
|
-
export declare const SideBar: React.MemoExoticComponent<({ options, startOpen, onShiftClickToggleOpen, top }: ISideBarProps) => React.JSX.Element>;
|
|
26
|
-
export {};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { ISideBarProps } from './side-bar';
|
|
2
|
-
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
|
3
|
-
export default _default;
|
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ISideBarProps>;
|
|
5
|
-
export declare const StartOpen: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ISideBarProps>;
|