chop-logic-components 2.5.2 → 2.6.0
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 +1 -1
- package/dist/assets/icons/index.d.ts +1 -1
- package/dist/assets/icons/svg/ArrowDownIcon.d.ts +1 -1
- package/dist/assets/icons/svg/ArrowUpIcon.d.ts +1 -1
- package/dist/assets/icons/svg/BackIcon.d.ts +1 -1
- package/dist/assets/icons/svg/CancelIcon.d.ts +1 -1
- package/dist/assets/icons/svg/CheckMarkIcon.d.ts +1 -1
- package/dist/assets/icons/svg/CheckboxCheckedIcon.d.ts +1 -1
- package/dist/assets/icons/svg/CheckboxUncheckedIcon.d.ts +1 -1
- package/dist/assets/icons/svg/ChevronDownIcon.d.ts +1 -1
- package/dist/assets/icons/svg/ChevronLeftIcon.d.ts +1 -1
- package/dist/assets/icons/svg/ChevronRightIcon.d.ts +1 -1
- package/dist/assets/icons/svg/ChevronUpIcon.d.ts +1 -1
- package/dist/assets/icons/svg/ClearIcon.d.ts +1 -1
- package/dist/assets/icons/svg/CopyIcon.d.ts +1 -1
- package/dist/assets/icons/svg/CutIcon.d.ts +1 -1
- package/dist/assets/icons/svg/DeleteIcon.d.ts +1 -1
- package/dist/assets/icons/svg/DownloadIcon.d.ts +1 -1
- package/dist/assets/icons/svg/ErrorIcon.d.ts +1 -1
- package/dist/assets/icons/svg/ForwardIcon.d.ts +1 -1
- package/dist/assets/icons/svg/GraduateIcon.d.ts +1 -1
- package/dist/assets/icons/svg/HelpIcon.d.ts +1 -1
- package/dist/assets/icons/svg/HideIcon.d.ts +1 -1
- package/dist/assets/icons/svg/HomeIcon.d.ts +1 -1
- package/dist/assets/icons/svg/InfoIcon.d.ts +1 -1
- package/dist/assets/icons/svg/LoginIcon.d.ts +1 -1
- package/dist/assets/icons/svg/PasteIcon.d.ts +1 -1
- package/dist/assets/icons/svg/QuestionIcon.d.ts +1 -1
- package/dist/assets/icons/svg/RemoveIcon.d.ts +1 -1
- package/dist/assets/icons/svg/SaveIcon.d.ts +1 -1
- package/dist/assets/icons/svg/ShowIcon.d.ts +1 -1
- package/dist/assets/icons/svg/UploadIcon.d.ts +1 -1
- package/dist/assets/icons/svg/WarningIcon.d.ts +1 -1
- package/dist/atoms/editable-text/EditView.d.ts +14 -0
- package/dist/atoms/editable-text/EditableText.d.ts +4 -0
- package/dist/atoms/editable-text/ReadView.d.ts +10 -0
- package/dist/atoms/editable-text/__docs__/EditableText.stories.d.ts +6 -0
- package/dist/atoms/editable-text/useEditModeState.d.ts +6 -0
- package/dist/atoms/editable-text/useInputFocus.d.ts +2 -0
- package/dist/atoms/editable-text/useValueState.d.ts +6 -0
- package/dist/atoms/icon/Icon.d.ts +2 -2
- package/dist/atoms/index.d.ts +2 -17
- package/dist/atoms/{input/label → label}/Label.d.ts +2 -2
- package/dist/atoms/label/__docs__/Label.stories.d.ts +9 -0
- package/dist/atoms/loader/Loader.d.ts +2 -2
- package/dist/atoms/loader/__docs__/Loader.example.d.ts +2 -2
- package/dist/atoms/portal/Portal.d.ts +3 -3
- package/dist/atoms/portal/__docs__/Portal.example.d.ts +2 -2
- package/dist/atoms/tooltip/Tooltip.controller.d.ts +4 -4
- package/dist/atoms/tooltip/Tooltip.d.ts +2 -2
- package/dist/atoms/tooltip/__docs__/Tooltip.example.d.ts +2 -2
- package/dist/chop-logic-components.css +1 -1
- package/dist/contexts/form/context.d.ts +1 -2
- package/dist/hocs/with-tooltip/with-tooltip.d.ts +2 -2
- package/dist/hooks/use-auto-close/__docs__/use-auto-close.example.d.ts +2 -2
- package/dist/hooks/use-click-outside/use-click-outside.d.ts +3 -3
- package/dist/hooks/use-container-dimensions/use-container-dimensions.d.ts +2 -2
- package/dist/hooks/use-is-overflow/use-is-overflow.d.ts +5 -1
- package/dist/hooks/use-key-press/use-key-press.d.ts +2 -2
- package/dist/hooks/use-modal-focus-trap/use-modal-focus-trap.d.ts +2 -2
- package/dist/hooks/use-tooltip-position/use-tooltip-position.d.ts +3 -3
- package/dist/index.cjs.js +3 -3
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +1102 -1116
- package/dist/index.es.js.map +1 -1
- package/dist/models/editable-text.d.ts +12 -0
- package/dist/models/icon.d.ts +2 -2
- package/dist/models/index.d.ts +1 -0
- package/dist/{atoms/input → molecules/inputs/__elements__}/error-message/ErrorMessage.d.ts +2 -2
- package/dist/molecules/inputs/__elements__/index.d.ts +10 -0
- package/dist/molecules/inputs/__elements__/inner-button/InnerButton.d.ts +9 -0
- package/dist/{atoms/input → molecules/inputs/__elements__}/multi-select/Combobox.d.ts +3 -3
- package/dist/{atoms/input → molecules/inputs/__elements__}/multi-select/Dropdown.d.ts +3 -3
- package/dist/molecules/inputs/__elements__/multi-select/Option.d.ts +8 -0
- package/dist/{atoms/input → molecules/inputs/__elements__}/select/combobox/Combobox.d.ts +3 -3
- package/dist/{atoms/input → molecules/inputs/__elements__}/select/dropdown/Dropdown.d.ts +3 -3
- package/dist/molecules/inputs/__elements__/select/option/Option.d.ts +10 -0
- package/dist/molecules/inputs/button/Button.d.ts +2 -2
- package/dist/molecules/inputs/button/__docs__/Button.example.d.ts +2 -2
- package/dist/molecules/inputs/checkbox/Checkbox.controller.d.ts +3 -3
- package/dist/molecules/inputs/checkbox/Checkbox.d.ts +2 -2
- package/dist/molecules/inputs/checkbox/__docs__/Checkbox.example.d.ts +2 -2
- package/dist/molecules/inputs/multi-select/MultiSelect.d.ts +2 -2
- package/dist/molecules/inputs/multi-select/__docs__/MultiSelect.example.d.ts +2 -2
- package/dist/molecules/inputs/numeric/NumericInput.controller.d.ts +2 -2
- package/dist/molecules/inputs/numeric/__docs__/NumericInput.example.d.ts +2 -2
- package/dist/molecules/inputs/select/Select.d.ts +2 -2
- package/dist/molecules/inputs/select/__docs__/Select.example.d.ts +2 -2
- package/dist/molecules/inputs/text/TextInput.controller.d.ts +2 -2
- package/dist/molecules/inputs/text/TextInput.d.ts +2 -2
- package/dist/molecules/inputs/text/__docs__/TextInput.example.d.ts +2 -2
- package/dist/organisms/alert/Alert.d.ts +2 -2
- package/dist/organisms/alert/__docs__/Alert.example.d.ts +2 -2
- package/dist/organisms/dialog/Dialog.d.ts +2 -2
- package/dist/organisms/dialog/__docs__/Dialog.example.d.ts +2 -2
- package/dist/organisms/form/Form.controller.d.ts +3 -3
- package/dist/organisms/form/Form.d.ts +2 -2
- package/dist/organisms/form/__docs__/Form.example.d.ts +2 -2
- package/dist/organisms/grid/Grid.d.ts +2 -2
- package/dist/organisms/grid/Grid.helpers.d.ts +2 -2
- package/dist/organisms/grid/__docs__/Grid.example.d.ts +2 -2
- package/dist/{atoms/grid → organisms/grid/__elements__}/body/GridBody.d.ts +3 -3
- package/dist/organisms/grid/__elements__/checkbox/GridCheckbox.d.ts +6 -0
- package/dist/organisms/grid/__elements__/column-group/GridColumnGroup.d.ts +6 -0
- package/dist/organisms/grid/__elements__/data-cell/GridDataCell.d.ts +4 -0
- package/dist/{atoms/grid → organisms/grid/__elements__}/grid-row/GridRow.d.ts +3 -3
- package/dist/{atoms/grid → organisms/grid/__elements__}/head/GridHead.d.ts +3 -3
- package/dist/organisms/grid/__elements__/header-cell/HeaderCell.d.ts +5 -0
- package/dist/organisms/grid/__elements__/index.d.ts +3 -0
- package/dist/{atoms/grid → organisms/grid/__elements__}/select-all-grid-rows-cell/SelectAllGridRowsCell.d.ts +2 -2
- package/dist/{atoms/grid → organisms/grid/__elements__}/select-grid-row-cell/SelectGridRowCell.d.ts +2 -2
- package/dist/organisms/grid/__elements__/select-grid-row-cell/SelectGridRowCell.test.d.ts +1 -0
- package/dist/organisms/menu/Menu.d.ts +2 -2
- package/dist/organisms/menu/__docs__/Menu.example.d.ts +2 -2
- package/dist/organisms/menu/__elements__/index.d.ts +1 -0
- package/dist/organisms/menu/__elements__/item/MenuItem.d.ts +10 -0
- package/dist/organisms/menu/__elements__/item/MenuItem.test.d.ts +1 -0
- package/dist/organisms/menu/__elements__/leaf/MenuLeaf.d.ts +5 -0
- package/dist/organisms/menu/__elements__/leaf/MenuLeaf.test.d.ts +1 -0
- package/dist/{atoms/menu → organisms/menu/__elements__}/sub-menu/SubMenu.d.ts +4 -4
- package/dist/organisms/menu/__elements__/sub-menu/SubMenu.test.d.ts +1 -0
- package/dist/organisms/tabs/Tabs.d.ts +2 -2
- package/dist/organisms/tabs/__docs__/Tabs.example.d.ts +2 -2
- package/dist/{atoms/tabs → organisms/tabs/__elements__}/button/TabButton.d.ts +3 -3
- package/dist/organisms/tabs/__elements__/button/TabButton.test.d.ts +1 -0
- package/dist/organisms/tabs/__elements__/content/TabContent.d.ts +6 -0
- package/dist/organisms/tabs/__elements__/content/TabContent.test.d.ts +1 -0
- package/dist/organisms/tabs/__elements__/index.d.ts +2 -0
- package/dist/{atoms/tabs → organisms/tabs/__elements__}/list/TabList.d.ts +4 -4
- package/dist/organisms/tabs/__elements__/list/TabList.test.d.ts +1 -0
- package/package.json +6 -6
- package/dist/atoms/grid/checkbox/GridCheckbox.d.ts +0 -6
- package/dist/atoms/grid/column-group/GridColumnGroup.d.ts +0 -6
- package/dist/atoms/grid/data-cell/GridDataCell.d.ts +0 -4
- package/dist/atoms/grid/header-cell/HeaderCell.d.ts +0 -5
- package/dist/atoms/input/inner-button/InnerButton.d.ts +0 -9
- package/dist/atoms/input/multi-select/Option.d.ts +0 -8
- package/dist/atoms/input/select/option/Option.d.ts +0 -10
- package/dist/atoms/menu/item/MenuItem.d.ts +0 -10
- package/dist/atoms/menu/leaf/MenuLeaf.d.ts +0 -5
- package/dist/atoms/tabs/content/TabContent.d.ts +0 -6
- /package/dist/atoms/{grid/body/GridBody.test.d.ts → editable-text/__tests__/EditView.test.d.ts} +0 -0
- /package/dist/atoms/{grid/column-group/GridColumnGroup.test.d.ts → editable-text/__tests__/EditableText.test.d.ts} +0 -0
- /package/dist/atoms/{grid/grid-row/GridRow.test.d.ts → editable-text/__tests__/ReadView.test.d.ts} +0 -0
- /package/dist/atoms/{grid/head/GridHead.test.d.ts → editable-text/__tests__/useEditModeState.test.d.ts} +0 -0
- /package/dist/atoms/{grid/select-all-grid-rows-cell/SelectAllGridRowsCell.test.d.ts → editable-text/__tests__/useInputFocus.test.d.ts} +0 -0
- /package/dist/atoms/{grid/select-grid-row-cell/SelectGridRowCell.test.d.ts → editable-text/__tests__/useValueState.test.d.ts} +0 -0
- /package/dist/atoms/{input/label → label}/Label.test.d.ts +0 -0
- /package/dist/{atoms/input/error-message/ErrorMessage.test.d.ts → contexts/theme/provider.test.d.ts} +0 -0
- /package/dist/{atoms/input/icon-button/IconButton.test.d.ts → molecules/inputs/__elements__/error-message/ErrorMessage.test.d.ts} +0 -0
- /package/dist/{atoms/input → molecules/inputs/__elements__}/icon-button/IconButton.d.ts +0 -0
- /package/dist/{atoms/input/inner-button/InnerButton.test.d.ts → molecules/inputs/__elements__/icon-button/IconButton.test.d.ts} +0 -0
- /package/dist/{atoms/input/primary-button/PrimaryButton.test.d.ts → molecules/inputs/__elements__/inner-button/InnerButton.test.d.ts} +0 -0
- /package/dist/{atoms/input → molecules/inputs/__elements__}/input/Input.d.ts +0 -0
- /package/dist/{atoms/input → molecules/inputs/__elements__}/primary-button/PrimaryButton.d.ts +0 -0
- /package/dist/{atoms/input/secondary-button/SecondaryButton.test.d.ts → molecules/inputs/__elements__/primary-button/PrimaryButton.test.d.ts} +0 -0
- /package/dist/{atoms/input → molecules/inputs/__elements__}/secondary-button/SecondaryButton.d.ts +0 -0
- /package/dist/{atoms/menu/item/MenuItem.test.d.ts → molecules/inputs/__elements__/secondary-button/SecondaryButton.test.d.ts} +0 -0
- /package/dist/molecules/inputs/checkbox/{__tests__/Checkbox.test.d.ts → Checkbox.test.d.ts} +0 -0
- /package/dist/molecules/inputs/multi-select/{__tests__/MultiSelect.test.d.ts → MultiSelect.test.d.ts} +0 -0
- /package/dist/{atoms/menu/leaf/MenuLeaf.test.d.ts → molecules/inputs/multi-select/Multiselect.helpers.test.d.ts} +0 -0
- /package/dist/{atoms/menu/sub-menu/SubMenu.test.d.ts → molecules/inputs/numeric/NumericInput.helpers.test.d.ts} +0 -0
- /package/dist/molecules/inputs/numeric/{__tests__/NumericInput.test.d.ts → NumericInput.test.d.ts} +0 -0
- /package/dist/{atoms/tabs/button/TabButton.test.d.ts → molecules/inputs/select/Select.helpers.test.d.ts} +0 -0
- /package/dist/molecules/inputs/select/{__tests__/Select.test.d.ts → Select.test.d.ts} +0 -0
- /package/dist/{atoms/tabs/content/TabContent.test.d.ts → molecules/inputs/text/TextInput.helpers.test.d.ts} +0 -0
- /package/dist/molecules/inputs/text/{__tests__/TextInput.test.d.ts → TextInput.test.d.ts} +0 -0
- /package/dist/organisms/form/{__tests__/Form.test.d.ts → Form.test.d.ts} +0 -0
- /package/dist/{atoms/tabs/list/TabList.test.d.ts → organisms/grid/Grid.helpers.test.d.ts} +0 -0
- /package/dist/organisms/grid/{__tests__/Grid.test.d.ts → Grid.test.d.ts} +0 -0
- /package/dist/{molecules/inputs/multi-select/__tests__/helpers.test.d.ts → organisms/grid/__elements__/body/GridBody.test.d.ts} +0 -0
- /package/dist/{molecules/inputs/numeric/__tests__/helpers.test.d.ts → organisms/grid/__elements__/column-group/GridColumnGroup.test.d.ts} +0 -0
- /package/dist/{molecules/inputs/select/__tests__/helpers.test.d.ts → organisms/grid/__elements__/grid-row/GridRow.test.d.ts} +0 -0
- /package/dist/{molecules/inputs/text/__tests__/helpers.test.d.ts → organisms/grid/__elements__/head/GridHead.test.d.ts} +0 -0
- /package/dist/organisms/grid/{__tests__/helpers.test.d.ts → __elements__/select-all-grid-rows-cell/SelectAllGridRowsCell.test.d.ts} +0 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { MouseEvent } from 'react';
|
|
2
|
+
import { ChopLogicComponentProps } from './_common';
|
|
3
|
+
export interface EditableTextProps extends ChopLogicComponentProps {
|
|
4
|
+
value: string;
|
|
5
|
+
autoSelectTextOnEditMode?: boolean;
|
|
6
|
+
isEditMode?: boolean;
|
|
7
|
+
multiline?: boolean;
|
|
8
|
+
onChange?: (value: string) => void;
|
|
9
|
+
onClick?: (event: MouseEvent) => void;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
readOnly?: boolean;
|
|
12
|
+
}
|
package/dist/models/icon.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { ChopLogicIconName } from '../enums';
|
|
2
|
-
import {
|
|
2
|
+
import { HTMLAttributes, SVGProps } from 'react';
|
|
3
3
|
import { ChopLogicComponentProps } from './_common';
|
|
4
4
|
export interface ChopLogicIconProps extends ChopLogicComponentProps, HTMLAttributes<SVGSVGElement> {
|
|
5
5
|
name?: ChopLogicIconName;
|
|
6
6
|
testId?: string;
|
|
7
7
|
title?: string;
|
|
8
8
|
}
|
|
9
|
-
export interface ChopLogicSVGElementProps extends
|
|
9
|
+
export interface ChopLogicSVGElementProps extends SVGProps<SVGSVGElement> {
|
|
10
10
|
title?: string;
|
|
11
11
|
}
|
package/dist/models/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ export type { ChopLogicAlertProps } from './alert';
|
|
|
3
3
|
export type { ChopLogicButtonProps } from './button';
|
|
4
4
|
export type { ChopLogicCheckboxProps } from './checkbox';
|
|
5
5
|
export type { ChopLogicDialogProps } from './dialog';
|
|
6
|
+
export type { EditableTextProps } from './editable-text';
|
|
6
7
|
export type { ChopLogicFormData, ChopLogicFormInputParams, ChopLogicFormProps, ChopLogicFormValidationState } from './form';
|
|
7
8
|
export type { ChopLogicGridColumn, ChopLogicGridItem, ChopLogicGridProps, RenderDataItemCallback } from './grid';
|
|
8
9
|
export type { ChopLogicHeaderProps } from './header';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
type ErrorMessageProps = {
|
|
3
3
|
errorId: string;
|
|
4
4
|
visible?: boolean;
|
|
@@ -6,5 +6,5 @@ type ErrorMessageProps = {
|
|
|
6
6
|
testId?: string;
|
|
7
7
|
className?: string;
|
|
8
8
|
};
|
|
9
|
-
export declare const ErrorMessage:
|
|
9
|
+
export declare const ErrorMessage: FC<ErrorMessageProps>;
|
|
10
10
|
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { ErrorMessage } from './error-message/ErrorMessage';
|
|
2
|
+
export { IconButton } from './icon-button/IconButton';
|
|
3
|
+
export { InnerButton } from './inner-button/InnerButton';
|
|
4
|
+
export { Input } from './input/Input';
|
|
5
|
+
export { MultiSelectCombobox } from './multi-select/Combobox';
|
|
6
|
+
export { MultiSelectDropdown } from './multi-select/Dropdown';
|
|
7
|
+
export { PrimaryButton } from './primary-button/PrimaryButton';
|
|
8
|
+
export { SecondaryButton } from './secondary-button/SecondaryButton';
|
|
9
|
+
export { SelectCombobox } from './select/combobox/Combobox';
|
|
10
|
+
export { SelectDropdown } from './select/dropdown/Dropdown';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ChopLogicIconName } from '../../../../enums';
|
|
2
|
+
import { ButtonHTMLAttributes, FC, MouseEvent } from 'react';
|
|
3
|
+
type Props = {
|
|
4
|
+
label?: string;
|
|
5
|
+
icon?: ChopLogicIconName;
|
|
6
|
+
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
7
|
+
} & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
8
|
+
export declare const InnerButton: FC<Props>;
|
|
9
|
+
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ChopLogicMultiSelectValue } from '
|
|
2
|
-
import {
|
|
1
|
+
import { ChopLogicMultiSelectValue } from '../../../../models';
|
|
2
|
+
import { FC } from 'react';
|
|
3
3
|
type Props = {
|
|
4
4
|
opened: boolean;
|
|
5
5
|
disabled: boolean;
|
|
@@ -11,5 +11,5 @@ type Props = {
|
|
|
11
11
|
placeholder?: string;
|
|
12
12
|
name: string;
|
|
13
13
|
};
|
|
14
|
-
export declare const MultiSelectCombobox:
|
|
14
|
+
export declare const MultiSelectCombobox: FC<Props>;
|
|
15
15
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ChopLogicMultiSelectValue } from '
|
|
2
|
-
import {
|
|
1
|
+
import { ChopLogicMultiSelectValue } from '../../../../models';
|
|
2
|
+
import { FC } from 'react';
|
|
3
3
|
type Props = {
|
|
4
4
|
options: ChopLogicMultiSelectValue[];
|
|
5
5
|
opened: boolean;
|
|
@@ -7,5 +7,5 @@ type Props = {
|
|
|
7
7
|
onClose: () => void;
|
|
8
8
|
onSelect: (id: string) => void;
|
|
9
9
|
};
|
|
10
|
-
export declare const MultiSelectDropdown:
|
|
10
|
+
export declare const MultiSelectDropdown: FC<Props>;
|
|
11
11
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ChopLogicSelectValue } from '
|
|
2
|
-
import {
|
|
1
|
+
import { ChopLogicSelectValue } from '../../../../../models';
|
|
2
|
+
import { FC } from 'react';
|
|
3
3
|
type Props = {
|
|
4
4
|
opened: boolean;
|
|
5
5
|
disabled: boolean;
|
|
@@ -11,5 +11,5 @@ type Props = {
|
|
|
11
11
|
placeholder?: string;
|
|
12
12
|
name: string;
|
|
13
13
|
};
|
|
14
|
-
export declare const SelectCombobox:
|
|
14
|
+
export declare const SelectCombobox: FC<Props>;
|
|
15
15
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ChopLogicSelectValue } from '
|
|
2
|
-
import {
|
|
1
|
+
import { ChopLogicSelectValue } from '../../../../../models';
|
|
2
|
+
import { FC } from 'react';
|
|
3
3
|
type Props = {
|
|
4
4
|
options: ChopLogicSelectValue[];
|
|
5
5
|
opened: boolean;
|
|
@@ -10,5 +10,5 @@ type Props = {
|
|
|
10
10
|
onSelect: (id: string) => void;
|
|
11
11
|
onClear: () => void;
|
|
12
12
|
};
|
|
13
|
-
export declare const SelectDropdown:
|
|
13
|
+
export declare const SelectDropdown: FC<Props>;
|
|
14
14
|
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ChopLogicSelectValue } from '../../../../../models';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
type Props = {
|
|
4
|
+
value: ChopLogicSelectValue;
|
|
5
|
+
selected: boolean;
|
|
6
|
+
onSelect: (id: string) => void;
|
|
7
|
+
onClear: () => void;
|
|
8
|
+
};
|
|
9
|
+
export declare const SelectOption: FC<Props>;
|
|
10
|
+
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ChopLogicButtonProps } from '../../../models';
|
|
2
|
-
import {
|
|
3
|
-
declare const ChopLogicButton:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
declare const ChopLogicButton: FC<ChopLogicButtonProps & {
|
|
4
4
|
tooltip?: string;
|
|
5
5
|
visibleOn?: "hover" | "click" | "focus" | "contextmenu";
|
|
6
6
|
}>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChopLogicButtonProps } from '../../../../models';
|
|
2
|
-
import {
|
|
3
|
-
export declare const ChopLogicButtonExample:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export declare const ChopLogicButtonExample: FC<ChopLogicButtonProps>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ChangeEvent, ChangeEventHandler } from 'react';
|
|
2
2
|
export declare function useChopLogicCheckboxController({ name, defaultChecked, onChange, }: {
|
|
3
3
|
name: string;
|
|
4
4
|
defaultChecked?: boolean;
|
|
5
|
-
onChange?:
|
|
5
|
+
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
6
6
|
}): {
|
|
7
|
-
handleChange: (e:
|
|
7
|
+
handleChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
8
8
|
checked: boolean;
|
|
9
9
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ChopLogicCheckboxProps } from '../../../models';
|
|
2
|
-
import {
|
|
3
|
-
declare const ChopLogicCheckbox:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
declare const ChopLogicCheckbox: FC<ChopLogicCheckboxProps>;
|
|
4
4
|
export default ChopLogicCheckbox;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChopLogicCheckboxProps } from '../../../../models';
|
|
2
|
-
import {
|
|
3
|
-
export declare const CheckboxExample:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export declare const CheckboxExample: FC<ChopLogicCheckboxProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ChopLogicMultiSelectProps } from '../../../models';
|
|
2
|
-
import {
|
|
3
|
-
declare const ChopLogicMultiSelect:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
declare const ChopLogicMultiSelect: FC<ChopLogicMultiSelectProps>;
|
|
4
4
|
export default ChopLogicMultiSelect;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChopLogicMultiSelectProps } from '../../../../models';
|
|
2
|
-
import {
|
|
3
|
-
export declare const MultiSelectExample:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export declare const MultiSelectExample: FC<ChopLogicMultiSelectProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChopLogicNumericInputValidator } from '../../../models';
|
|
2
|
-
import {
|
|
2
|
+
import { ChangeEvent, ChangeEventHandler } from 'react';
|
|
3
3
|
export declare function useChopLogicNumericInputController({ name, defaultValue, onChange, onSpinButtonClick, min, max, step, required, validator, }: {
|
|
4
4
|
name: string;
|
|
5
5
|
defaultValue?: string | number | readonly string[];
|
|
@@ -11,7 +11,7 @@ export declare function useChopLogicNumericInputController({ name, defaultValue,
|
|
|
11
11
|
required: boolean;
|
|
12
12
|
validator?: ChopLogicNumericInputValidator;
|
|
13
13
|
}): {
|
|
14
|
-
handleChange: (event:
|
|
14
|
+
handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
15
15
|
value: number;
|
|
16
16
|
valid: boolean;
|
|
17
17
|
minValue: number;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChopLogicNumericInputProps } from '../../../../models';
|
|
2
|
-
import {
|
|
3
|
-
export declare const NumericInputExample:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export declare const NumericInputExample: FC<ChopLogicNumericInputProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ChopLogicSelectProps } from '../../../models';
|
|
2
|
-
import {
|
|
3
|
-
declare const ChopLogicSelect:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
declare const ChopLogicSelect: FC<ChopLogicSelectProps>;
|
|
4
4
|
export default ChopLogicSelect;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChopLogicSelectProps } from '../../../../models';
|
|
2
|
-
import {
|
|
3
|
-
export declare const ChopLogicSelectExample:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export declare const ChopLogicSelectExample: FC<ChopLogicSelectProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChopLogicRegExpWithFlags, ChopLogicTextInputValidator } from '../../../models';
|
|
2
|
-
import {
|
|
2
|
+
import { ChangeEvent, ChangeEventHandler } from 'react';
|
|
3
3
|
export declare function useChopLogicTextInputController({ name, defaultValue, onChange, onClear, required, validator, }: {
|
|
4
4
|
name: string;
|
|
5
5
|
required: boolean;
|
|
@@ -11,7 +11,7 @@ export declare function useChopLogicTextInputController({ name, defaultValue, on
|
|
|
11
11
|
value: string;
|
|
12
12
|
valid: boolean;
|
|
13
13
|
passwordShown: boolean;
|
|
14
|
-
handleChange: (event:
|
|
14
|
+
handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
15
15
|
handleClear: () => void;
|
|
16
16
|
togglePassword: () => void;
|
|
17
17
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ChopLogicTextInputProps } from '../../../models';
|
|
2
|
-
import {
|
|
3
|
-
declare const ChopLogicTextInput:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
declare const ChopLogicTextInput: FC<ChopLogicTextInputProps>;
|
|
4
4
|
export default ChopLogicTextInput;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChopLogicTextInputProps } from '../../../../models';
|
|
2
|
-
import {
|
|
3
|
-
export declare const TextInputExample:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export declare const TextInputExample: FC<ChopLogicTextInputProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ChopLogicAlertProps } from '../../models';
|
|
2
|
-
import {
|
|
3
|
-
declare const ChopLogicAlert:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
declare const ChopLogicAlert: FC<ChopLogicAlertProps>;
|
|
4
4
|
export default ChopLogicAlert;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChopLogicAlertProps } from '../../../models';
|
|
2
|
-
import {
|
|
3
|
-
export declare const AlertExample:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export declare const AlertExample: FC<ChopLogicAlertProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ChopLogicDialogProps } from '../../models';
|
|
2
|
-
import {
|
|
3
|
-
declare const ChopLogicDialog:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
declare const ChopLogicDialog: FC<ChopLogicDialogProps>;
|
|
4
4
|
export default ChopLogicDialog;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChopLogicDialogProps } from '../../../models';
|
|
2
|
-
import {
|
|
3
|
-
export declare const ChopLogicDialogExample:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export declare const ChopLogicDialogExample: FC<ChopLogicDialogProps>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ChopLogicFormData, ChopLogicFormInputParams } from '../../models';
|
|
2
|
-
import {
|
|
2
|
+
import { FormEvent, FormEventHandler } from 'react';
|
|
3
3
|
export declare function useChopLogicFormController({ initialValues, onReset, onSubmit, onClickSubmit, }: {
|
|
4
4
|
initialValues?: ChopLogicFormData;
|
|
5
|
-
onReset?:
|
|
6
|
-
onSubmit?:
|
|
5
|
+
onReset?: FormEventHandler<HTMLFormElement>;
|
|
6
|
+
onSubmit?: FormEventHandler<HTMLFormElement>;
|
|
7
7
|
onClickSubmit?: (data: ChopLogicFormData) => void;
|
|
8
8
|
}): {
|
|
9
9
|
handleInputChange: (params: ChopLogicFormInputParams) => void;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ChopLogicFormProps } from '../../models';
|
|
2
|
-
import {
|
|
3
|
-
declare const ChopLogicForm:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
declare const ChopLogicForm: FC<ChopLogicFormProps>;
|
|
4
4
|
export default ChopLogicForm;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChopLogicFormProps } from '../../../models';
|
|
2
|
-
import {
|
|
3
|
-
export declare const FormExample:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export declare const FormExample: FC<ChopLogicFormProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ChopLogicGridProps } from '../../models';
|
|
2
|
-
import {
|
|
3
|
-
declare const ChopLogicGrid:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
declare const ChopLogicGrid: FC<ChopLogicGridProps>;
|
|
4
4
|
export default ChopLogicGrid;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '../../models';
|
|
2
|
-
import {
|
|
2
|
+
import { ReactElement } from 'react';
|
|
3
3
|
export declare function getGridRowValues({ item, columns, renderDataItem, }: {
|
|
4
4
|
item: ChopLogicGridItem;
|
|
5
5
|
columns: ChopLogicGridColumn[];
|
|
6
6
|
renderDataItem?: RenderDataItemCallback;
|
|
7
|
-
}): (string |
|
|
7
|
+
}): (string | ReactElement)[];
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChopLogicGridProps } from '../../../models';
|
|
2
|
-
import {
|
|
3
|
-
export declare const GridExample:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export declare const GridExample: FC<ChopLogicGridProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '
|
|
2
|
-
import {
|
|
1
|
+
import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '../../../../models';
|
|
2
|
+
import { FC } from 'react';
|
|
3
3
|
type Props = {
|
|
4
4
|
data: ChopLogicGridItem[];
|
|
5
5
|
columns: ChopLogicGridColumn[];
|
|
@@ -9,5 +9,5 @@ type Props = {
|
|
|
9
9
|
renderDataItem?: RenderDataItemCallback;
|
|
10
10
|
selectable: boolean;
|
|
11
11
|
};
|
|
12
|
-
export declare const GridBody:
|
|
12
|
+
export declare const GridBody: FC<Props>;
|
|
13
13
|
export {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FC, ReactElement } from 'react';
|
|
2
2
|
type Props = {
|
|
3
3
|
rowId: string;
|
|
4
4
|
selectedIds: string[];
|
|
5
5
|
selectRowById: (id: string) => void;
|
|
6
6
|
deselectRowById: (id: string) => void;
|
|
7
7
|
selectable: boolean;
|
|
8
|
-
values: (string |
|
|
8
|
+
values: (string | ReactElement)[];
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
};
|
|
11
|
-
export declare const GridRow:
|
|
11
|
+
export declare const GridRow: FC<Props>;
|
|
12
12
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ChopLogicGridColumn } from '
|
|
2
|
-
import {
|
|
1
|
+
import { ChopLogicGridColumn } from '../../../../models';
|
|
2
|
+
import { FC } from 'react';
|
|
3
3
|
type ChopLogicGridHeadProps = {
|
|
4
4
|
columns: ChopLogicGridColumn[];
|
|
5
5
|
gridId: string;
|
|
@@ -9,5 +9,5 @@ type ChopLogicGridHeadProps = {
|
|
|
9
9
|
selectAll: () => void;
|
|
10
10
|
deselectAll: () => void;
|
|
11
11
|
};
|
|
12
|
-
export declare const GridHead:
|
|
12
|
+
export declare const GridHead: FC<ChopLogicGridHeadProps>;
|
|
13
13
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
type Props = {
|
|
3
3
|
gridId: string;
|
|
4
4
|
isAllSelected: boolean;
|
|
@@ -6,5 +6,5 @@ type Props = {
|
|
|
6
6
|
deselectAll: () => void;
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
};
|
|
9
|
-
export declare const SelectAllGridRowsCell:
|
|
9
|
+
export declare const SelectAllGridRowsCell: FC<Props>;
|
|
10
10
|
export {};
|
package/dist/{atoms/grid → organisms/grid/__elements__}/select-grid-row-cell/SelectGridRowCell.d.ts
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
type Props = {
|
|
3
3
|
rowId: string;
|
|
4
4
|
isRowSelected: boolean;
|
|
@@ -6,5 +6,5 @@ type Props = {
|
|
|
6
6
|
deselectRowById: (id: string) => void;
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
};
|
|
9
|
-
export declare const SelectGridRowCell:
|
|
9
|
+
export declare const SelectGridRowCell: FC<Props>;
|
|
10
10
|
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ChopLogicMenuProps } from '../../models';
|
|
2
|
-
import {
|
|
3
|
-
declare const ChopLogicMenu:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
declare const ChopLogicMenu: FC<ChopLogicMenuProps>;
|
|
4
4
|
export default ChopLogicMenu;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { MenuItem } from './item/MenuItem';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ChopLogicOrientationMode } from '../../../../enums';
|
|
2
|
+
import { ChopLogicMenuItem } from '../../../../models';
|
|
3
|
+
import { FC, PropsWithChildren } from 'react';
|
|
4
|
+
type Props = PropsWithChildren & {
|
|
5
|
+
item: ChopLogicMenuItem;
|
|
6
|
+
mode: ChopLogicOrientationMode;
|
|
7
|
+
openedOn?: 'hover' | 'click';
|
|
8
|
+
};
|
|
9
|
+
export declare const MenuItem: FC<Props>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ChopLogicOrientationMode } from '
|
|
2
|
-
import { ChopLogicMenuItem } from '
|
|
3
|
-
import {
|
|
1
|
+
import { ChopLogicOrientationMode } from '../../../../enums';
|
|
2
|
+
import { ChopLogicMenuItem } from '../../../../models';
|
|
3
|
+
import { FC, PropsWithChildren } from 'react';
|
|
4
4
|
type Props = PropsWithChildren & {
|
|
5
5
|
item: ChopLogicMenuItem;
|
|
6
6
|
isSubMenuOpened: boolean;
|
|
@@ -10,5 +10,5 @@ type Props = PropsWithChildren & {
|
|
|
10
10
|
openSubMenu: () => void;
|
|
11
11
|
openedOn?: 'hover' | 'click';
|
|
12
12
|
};
|
|
13
|
-
export declare const SubMenu:
|
|
13
|
+
export declare const SubMenu: FC<Props>;
|
|
14
14
|
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ChopLogicTabsProps } from '../../models';
|
|
2
|
-
import {
|
|
3
|
-
declare const ChopLogicTabs:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
declare const ChopLogicTabs: FC<ChopLogicTabsProps>;
|
|
4
4
|
export default ChopLogicTabs;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChopLogicTabsProps } from '../../../models';
|
|
2
|
-
import {
|
|
3
|
-
export declare const TabsExample:
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export declare const TabsExample: FC<ChopLogicTabsProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ChopLogicOrientationMode } from '
|
|
2
|
-
import {
|
|
1
|
+
import { ChopLogicOrientationMode } from '../../../../enums';
|
|
2
|
+
import { FC } from 'react';
|
|
3
3
|
type Props = {
|
|
4
4
|
title: string;
|
|
5
5
|
tabId: string;
|
|
@@ -9,5 +9,5 @@ type Props = {
|
|
|
9
9
|
mode: ChopLogicOrientationMode;
|
|
10
10
|
isDisabled?: boolean;
|
|
11
11
|
};
|
|
12
|
-
export declare const TabButton:
|
|
12
|
+
export declare const TabButton: FC<Props>;
|
|
13
13
|
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|