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.
Files changed (175) hide show
  1. package/README.md +1 -1
  2. package/dist/assets/icons/index.d.ts +1 -1
  3. package/dist/assets/icons/svg/ArrowDownIcon.d.ts +1 -1
  4. package/dist/assets/icons/svg/ArrowUpIcon.d.ts +1 -1
  5. package/dist/assets/icons/svg/BackIcon.d.ts +1 -1
  6. package/dist/assets/icons/svg/CancelIcon.d.ts +1 -1
  7. package/dist/assets/icons/svg/CheckMarkIcon.d.ts +1 -1
  8. package/dist/assets/icons/svg/CheckboxCheckedIcon.d.ts +1 -1
  9. package/dist/assets/icons/svg/CheckboxUncheckedIcon.d.ts +1 -1
  10. package/dist/assets/icons/svg/ChevronDownIcon.d.ts +1 -1
  11. package/dist/assets/icons/svg/ChevronLeftIcon.d.ts +1 -1
  12. package/dist/assets/icons/svg/ChevronRightIcon.d.ts +1 -1
  13. package/dist/assets/icons/svg/ChevronUpIcon.d.ts +1 -1
  14. package/dist/assets/icons/svg/ClearIcon.d.ts +1 -1
  15. package/dist/assets/icons/svg/CopyIcon.d.ts +1 -1
  16. package/dist/assets/icons/svg/CutIcon.d.ts +1 -1
  17. package/dist/assets/icons/svg/DeleteIcon.d.ts +1 -1
  18. package/dist/assets/icons/svg/DownloadIcon.d.ts +1 -1
  19. package/dist/assets/icons/svg/ErrorIcon.d.ts +1 -1
  20. package/dist/assets/icons/svg/ForwardIcon.d.ts +1 -1
  21. package/dist/assets/icons/svg/GraduateIcon.d.ts +1 -1
  22. package/dist/assets/icons/svg/HelpIcon.d.ts +1 -1
  23. package/dist/assets/icons/svg/HideIcon.d.ts +1 -1
  24. package/dist/assets/icons/svg/HomeIcon.d.ts +1 -1
  25. package/dist/assets/icons/svg/InfoIcon.d.ts +1 -1
  26. package/dist/assets/icons/svg/LoginIcon.d.ts +1 -1
  27. package/dist/assets/icons/svg/PasteIcon.d.ts +1 -1
  28. package/dist/assets/icons/svg/QuestionIcon.d.ts +1 -1
  29. package/dist/assets/icons/svg/RemoveIcon.d.ts +1 -1
  30. package/dist/assets/icons/svg/SaveIcon.d.ts +1 -1
  31. package/dist/assets/icons/svg/ShowIcon.d.ts +1 -1
  32. package/dist/assets/icons/svg/UploadIcon.d.ts +1 -1
  33. package/dist/assets/icons/svg/WarningIcon.d.ts +1 -1
  34. package/dist/atoms/editable-text/EditView.d.ts +14 -0
  35. package/dist/atoms/editable-text/EditableText.d.ts +4 -0
  36. package/dist/atoms/editable-text/ReadView.d.ts +10 -0
  37. package/dist/atoms/editable-text/__docs__/EditableText.stories.d.ts +6 -0
  38. package/dist/atoms/editable-text/useEditModeState.d.ts +6 -0
  39. package/dist/atoms/editable-text/useInputFocus.d.ts +2 -0
  40. package/dist/atoms/editable-text/useValueState.d.ts +6 -0
  41. package/dist/atoms/icon/Icon.d.ts +2 -2
  42. package/dist/atoms/index.d.ts +2 -17
  43. package/dist/atoms/{input/label → label}/Label.d.ts +2 -2
  44. package/dist/atoms/label/__docs__/Label.stories.d.ts +9 -0
  45. package/dist/atoms/loader/Loader.d.ts +2 -2
  46. package/dist/atoms/loader/__docs__/Loader.example.d.ts +2 -2
  47. package/dist/atoms/portal/Portal.d.ts +3 -3
  48. package/dist/atoms/portal/__docs__/Portal.example.d.ts +2 -2
  49. package/dist/atoms/tooltip/Tooltip.controller.d.ts +4 -4
  50. package/dist/atoms/tooltip/Tooltip.d.ts +2 -2
  51. package/dist/atoms/tooltip/__docs__/Tooltip.example.d.ts +2 -2
  52. package/dist/chop-logic-components.css +1 -1
  53. package/dist/contexts/form/context.d.ts +1 -2
  54. package/dist/hocs/with-tooltip/with-tooltip.d.ts +2 -2
  55. package/dist/hooks/use-auto-close/__docs__/use-auto-close.example.d.ts +2 -2
  56. package/dist/hooks/use-click-outside/use-click-outside.d.ts +3 -3
  57. package/dist/hooks/use-container-dimensions/use-container-dimensions.d.ts +2 -2
  58. package/dist/hooks/use-is-overflow/use-is-overflow.d.ts +5 -1
  59. package/dist/hooks/use-key-press/use-key-press.d.ts +2 -2
  60. package/dist/hooks/use-modal-focus-trap/use-modal-focus-trap.d.ts +2 -2
  61. package/dist/hooks/use-tooltip-position/use-tooltip-position.d.ts +3 -3
  62. package/dist/index.cjs.js +3 -3
  63. package/dist/index.cjs.js.map +1 -1
  64. package/dist/index.es.js +1102 -1116
  65. package/dist/index.es.js.map +1 -1
  66. package/dist/models/editable-text.d.ts +12 -0
  67. package/dist/models/icon.d.ts +2 -2
  68. package/dist/models/index.d.ts +1 -0
  69. package/dist/{atoms/input → molecules/inputs/__elements__}/error-message/ErrorMessage.d.ts +2 -2
  70. package/dist/molecules/inputs/__elements__/index.d.ts +10 -0
  71. package/dist/molecules/inputs/__elements__/inner-button/InnerButton.d.ts +9 -0
  72. package/dist/{atoms/input → molecules/inputs/__elements__}/multi-select/Combobox.d.ts +3 -3
  73. package/dist/{atoms/input → molecules/inputs/__elements__}/multi-select/Dropdown.d.ts +3 -3
  74. package/dist/molecules/inputs/__elements__/multi-select/Option.d.ts +8 -0
  75. package/dist/{atoms/input → molecules/inputs/__elements__}/select/combobox/Combobox.d.ts +3 -3
  76. package/dist/{atoms/input → molecules/inputs/__elements__}/select/dropdown/Dropdown.d.ts +3 -3
  77. package/dist/molecules/inputs/__elements__/select/option/Option.d.ts +10 -0
  78. package/dist/molecules/inputs/button/Button.d.ts +2 -2
  79. package/dist/molecules/inputs/button/__docs__/Button.example.d.ts +2 -2
  80. package/dist/molecules/inputs/checkbox/Checkbox.controller.d.ts +3 -3
  81. package/dist/molecules/inputs/checkbox/Checkbox.d.ts +2 -2
  82. package/dist/molecules/inputs/checkbox/__docs__/Checkbox.example.d.ts +2 -2
  83. package/dist/molecules/inputs/multi-select/MultiSelect.d.ts +2 -2
  84. package/dist/molecules/inputs/multi-select/__docs__/MultiSelect.example.d.ts +2 -2
  85. package/dist/molecules/inputs/numeric/NumericInput.controller.d.ts +2 -2
  86. package/dist/molecules/inputs/numeric/__docs__/NumericInput.example.d.ts +2 -2
  87. package/dist/molecules/inputs/select/Select.d.ts +2 -2
  88. package/dist/molecules/inputs/select/__docs__/Select.example.d.ts +2 -2
  89. package/dist/molecules/inputs/text/TextInput.controller.d.ts +2 -2
  90. package/dist/molecules/inputs/text/TextInput.d.ts +2 -2
  91. package/dist/molecules/inputs/text/__docs__/TextInput.example.d.ts +2 -2
  92. package/dist/organisms/alert/Alert.d.ts +2 -2
  93. package/dist/organisms/alert/__docs__/Alert.example.d.ts +2 -2
  94. package/dist/organisms/dialog/Dialog.d.ts +2 -2
  95. package/dist/organisms/dialog/__docs__/Dialog.example.d.ts +2 -2
  96. package/dist/organisms/form/Form.controller.d.ts +3 -3
  97. package/dist/organisms/form/Form.d.ts +2 -2
  98. package/dist/organisms/form/__docs__/Form.example.d.ts +2 -2
  99. package/dist/organisms/grid/Grid.d.ts +2 -2
  100. package/dist/organisms/grid/Grid.helpers.d.ts +2 -2
  101. package/dist/organisms/grid/__docs__/Grid.example.d.ts +2 -2
  102. package/dist/{atoms/grid → organisms/grid/__elements__}/body/GridBody.d.ts +3 -3
  103. package/dist/organisms/grid/__elements__/checkbox/GridCheckbox.d.ts +6 -0
  104. package/dist/organisms/grid/__elements__/column-group/GridColumnGroup.d.ts +6 -0
  105. package/dist/organisms/grid/__elements__/data-cell/GridDataCell.d.ts +4 -0
  106. package/dist/{atoms/grid → organisms/grid/__elements__}/grid-row/GridRow.d.ts +3 -3
  107. package/dist/{atoms/grid → organisms/grid/__elements__}/head/GridHead.d.ts +3 -3
  108. package/dist/organisms/grid/__elements__/header-cell/HeaderCell.d.ts +5 -0
  109. package/dist/organisms/grid/__elements__/index.d.ts +3 -0
  110. package/dist/{atoms/grid → organisms/grid/__elements__}/select-all-grid-rows-cell/SelectAllGridRowsCell.d.ts +2 -2
  111. package/dist/{atoms/grid → organisms/grid/__elements__}/select-grid-row-cell/SelectGridRowCell.d.ts +2 -2
  112. package/dist/organisms/grid/__elements__/select-grid-row-cell/SelectGridRowCell.test.d.ts +1 -0
  113. package/dist/organisms/menu/Menu.d.ts +2 -2
  114. package/dist/organisms/menu/__docs__/Menu.example.d.ts +2 -2
  115. package/dist/organisms/menu/__elements__/index.d.ts +1 -0
  116. package/dist/organisms/menu/__elements__/item/MenuItem.d.ts +10 -0
  117. package/dist/organisms/menu/__elements__/item/MenuItem.test.d.ts +1 -0
  118. package/dist/organisms/menu/__elements__/leaf/MenuLeaf.d.ts +5 -0
  119. package/dist/organisms/menu/__elements__/leaf/MenuLeaf.test.d.ts +1 -0
  120. package/dist/{atoms/menu → organisms/menu/__elements__}/sub-menu/SubMenu.d.ts +4 -4
  121. package/dist/organisms/menu/__elements__/sub-menu/SubMenu.test.d.ts +1 -0
  122. package/dist/organisms/tabs/Tabs.d.ts +2 -2
  123. package/dist/organisms/tabs/__docs__/Tabs.example.d.ts +2 -2
  124. package/dist/{atoms/tabs → organisms/tabs/__elements__}/button/TabButton.d.ts +3 -3
  125. package/dist/organisms/tabs/__elements__/button/TabButton.test.d.ts +1 -0
  126. package/dist/organisms/tabs/__elements__/content/TabContent.d.ts +6 -0
  127. package/dist/organisms/tabs/__elements__/content/TabContent.test.d.ts +1 -0
  128. package/dist/organisms/tabs/__elements__/index.d.ts +2 -0
  129. package/dist/{atoms/tabs → organisms/tabs/__elements__}/list/TabList.d.ts +4 -4
  130. package/dist/organisms/tabs/__elements__/list/TabList.test.d.ts +1 -0
  131. package/package.json +6 -6
  132. package/dist/atoms/grid/checkbox/GridCheckbox.d.ts +0 -6
  133. package/dist/atoms/grid/column-group/GridColumnGroup.d.ts +0 -6
  134. package/dist/atoms/grid/data-cell/GridDataCell.d.ts +0 -4
  135. package/dist/atoms/grid/header-cell/HeaderCell.d.ts +0 -5
  136. package/dist/atoms/input/inner-button/InnerButton.d.ts +0 -9
  137. package/dist/atoms/input/multi-select/Option.d.ts +0 -8
  138. package/dist/atoms/input/select/option/Option.d.ts +0 -10
  139. package/dist/atoms/menu/item/MenuItem.d.ts +0 -10
  140. package/dist/atoms/menu/leaf/MenuLeaf.d.ts +0 -5
  141. package/dist/atoms/tabs/content/TabContent.d.ts +0 -6
  142. /package/dist/atoms/{grid/body/GridBody.test.d.ts → editable-text/__tests__/EditView.test.d.ts} +0 -0
  143. /package/dist/atoms/{grid/column-group/GridColumnGroup.test.d.ts → editable-text/__tests__/EditableText.test.d.ts} +0 -0
  144. /package/dist/atoms/{grid/grid-row/GridRow.test.d.ts → editable-text/__tests__/ReadView.test.d.ts} +0 -0
  145. /package/dist/atoms/{grid/head/GridHead.test.d.ts → editable-text/__tests__/useEditModeState.test.d.ts} +0 -0
  146. /package/dist/atoms/{grid/select-all-grid-rows-cell/SelectAllGridRowsCell.test.d.ts → editable-text/__tests__/useInputFocus.test.d.ts} +0 -0
  147. /package/dist/atoms/{grid/select-grid-row-cell/SelectGridRowCell.test.d.ts → editable-text/__tests__/useValueState.test.d.ts} +0 -0
  148. /package/dist/atoms/{input/label → label}/Label.test.d.ts +0 -0
  149. /package/dist/{atoms/input/error-message/ErrorMessage.test.d.ts → contexts/theme/provider.test.d.ts} +0 -0
  150. /package/dist/{atoms/input/icon-button/IconButton.test.d.ts → molecules/inputs/__elements__/error-message/ErrorMessage.test.d.ts} +0 -0
  151. /package/dist/{atoms/input → molecules/inputs/__elements__}/icon-button/IconButton.d.ts +0 -0
  152. /package/dist/{atoms/input/inner-button/InnerButton.test.d.ts → molecules/inputs/__elements__/icon-button/IconButton.test.d.ts} +0 -0
  153. /package/dist/{atoms/input/primary-button/PrimaryButton.test.d.ts → molecules/inputs/__elements__/inner-button/InnerButton.test.d.ts} +0 -0
  154. /package/dist/{atoms/input → molecules/inputs/__elements__}/input/Input.d.ts +0 -0
  155. /package/dist/{atoms/input → molecules/inputs/__elements__}/primary-button/PrimaryButton.d.ts +0 -0
  156. /package/dist/{atoms/input/secondary-button/SecondaryButton.test.d.ts → molecules/inputs/__elements__/primary-button/PrimaryButton.test.d.ts} +0 -0
  157. /package/dist/{atoms/input → molecules/inputs/__elements__}/secondary-button/SecondaryButton.d.ts +0 -0
  158. /package/dist/{atoms/menu/item/MenuItem.test.d.ts → molecules/inputs/__elements__/secondary-button/SecondaryButton.test.d.ts} +0 -0
  159. /package/dist/molecules/inputs/checkbox/{__tests__/Checkbox.test.d.ts → Checkbox.test.d.ts} +0 -0
  160. /package/dist/molecules/inputs/multi-select/{__tests__/MultiSelect.test.d.ts → MultiSelect.test.d.ts} +0 -0
  161. /package/dist/{atoms/menu/leaf/MenuLeaf.test.d.ts → molecules/inputs/multi-select/Multiselect.helpers.test.d.ts} +0 -0
  162. /package/dist/{atoms/menu/sub-menu/SubMenu.test.d.ts → molecules/inputs/numeric/NumericInput.helpers.test.d.ts} +0 -0
  163. /package/dist/molecules/inputs/numeric/{__tests__/NumericInput.test.d.ts → NumericInput.test.d.ts} +0 -0
  164. /package/dist/{atoms/tabs/button/TabButton.test.d.ts → molecules/inputs/select/Select.helpers.test.d.ts} +0 -0
  165. /package/dist/molecules/inputs/select/{__tests__/Select.test.d.ts → Select.test.d.ts} +0 -0
  166. /package/dist/{atoms/tabs/content/TabContent.test.d.ts → molecules/inputs/text/TextInput.helpers.test.d.ts} +0 -0
  167. /package/dist/molecules/inputs/text/{__tests__/TextInput.test.d.ts → TextInput.test.d.ts} +0 -0
  168. /package/dist/organisms/form/{__tests__/Form.test.d.ts → Form.test.d.ts} +0 -0
  169. /package/dist/{atoms/tabs/list/TabList.test.d.ts → organisms/grid/Grid.helpers.test.d.ts} +0 -0
  170. /package/dist/organisms/grid/{__tests__/Grid.test.d.ts → Grid.test.d.ts} +0 -0
  171. /package/dist/{molecules/inputs/multi-select/__tests__/helpers.test.d.ts → organisms/grid/__elements__/body/GridBody.test.d.ts} +0 -0
  172. /package/dist/{molecules/inputs/numeric/__tests__/helpers.test.d.ts → organisms/grid/__elements__/column-group/GridColumnGroup.test.d.ts} +0 -0
  173. /package/dist/{molecules/inputs/select/__tests__/helpers.test.d.ts → organisms/grid/__elements__/grid-row/GridRow.test.d.ts} +0 -0
  174. /package/dist/{molecules/inputs/text/__tests__/helpers.test.d.ts → organisms/grid/__elements__/head/GridHead.test.d.ts} +0 -0
  175. /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
+ }
@@ -1,11 +1,11 @@
1
1
  import { ChopLogicIconName } from '../enums';
2
- import { default as React, HTMLAttributes } from 'react';
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 React.SVGProps<SVGSVGElement> {
9
+ export interface ChopLogicSVGElementProps extends SVGProps<SVGSVGElement> {
10
10
  title?: string;
11
11
  }
@@ -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 { default as React } from 'react';
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: React.FC<ErrorMessageProps>;
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 '../../../models';
2
- import { default as React } from 'react';
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: React.FC<Props>;
14
+ export declare const MultiSelectCombobox: FC<Props>;
15
15
  export {};
@@ -1,5 +1,5 @@
1
- import { ChopLogicMultiSelectValue } from '../../../models';
2
- import { default as React } from 'react';
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: React.FC<Props>;
10
+ export declare const MultiSelectDropdown: FC<Props>;
11
11
  export {};
@@ -0,0 +1,8 @@
1
+ import { ChopLogicMultiSelectValue } from '../../../../models';
2
+ import { FC } from 'react';
3
+ type Props = {
4
+ value: ChopLogicMultiSelectValue;
5
+ onSelect: (id: string) => void;
6
+ };
7
+ export declare const MultiSelectOption: FC<Props>;
8
+ export {};
@@ -1,5 +1,5 @@
1
- import { ChopLogicSelectValue } from '../../../../models';
2
- import { default as React } from 'react';
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: React.FC<Props>;
14
+ export declare const SelectCombobox: FC<Props>;
15
15
  export {};
@@ -1,5 +1,5 @@
1
- import { ChopLogicSelectValue } from '../../../../models';
2
- import { default as React } from 'react';
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: React.FC<Props>;
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 { default as React } from 'react';
3
- declare const ChopLogicButton: React.FC<ChopLogicButtonProps & {
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 { default as React } from 'react';
3
- export declare const ChopLogicButtonExample: React.FC<ChopLogicButtonProps>;
2
+ import { FC } from 'react';
3
+ export declare const ChopLogicButtonExample: FC<ChopLogicButtonProps>;
@@ -1,9 +1,9 @@
1
- import { default as React } from 'react';
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?: React.ChangeEventHandler<HTMLInputElement>;
5
+ onChange?: ChangeEventHandler<HTMLInputElement>;
6
6
  }): {
7
- handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
7
+ handleChange: (e: ChangeEvent<HTMLInputElement>) => void;
8
8
  checked: boolean;
9
9
  };
@@ -1,4 +1,4 @@
1
1
  import { ChopLogicCheckboxProps } from '../../../models';
2
- import { default as React } from 'react';
3
- declare const ChopLogicCheckbox: React.FC<ChopLogicCheckboxProps>;
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 { default as React } from 'react';
3
- export declare const CheckboxExample: React.FC<ChopLogicCheckboxProps>;
2
+ import { FC } from 'react';
3
+ export declare const CheckboxExample: FC<ChopLogicCheckboxProps>;
@@ -1,4 +1,4 @@
1
1
  import { ChopLogicMultiSelectProps } from '../../../models';
2
- import { default as React } from 'react';
3
- declare const ChopLogicMultiSelect: React.FC<ChopLogicMultiSelectProps>;
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 { default as React } from 'react';
3
- export declare const MultiSelectExample: React.FC<ChopLogicMultiSelectProps>;
2
+ import { FC } from 'react';
3
+ export declare const MultiSelectExample: FC<ChopLogicMultiSelectProps>;
@@ -1,5 +1,5 @@
1
1
  import { ChopLogicNumericInputValidator } from '../../../models';
2
- import { default as React, ChangeEventHandler } from 'react';
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: React.ChangeEvent<HTMLInputElement>) => void;
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 { default as React } from 'react';
3
- export declare const NumericInputExample: React.FC<ChopLogicNumericInputProps>;
2
+ import { FC } from 'react';
3
+ export declare const NumericInputExample: FC<ChopLogicNumericInputProps>;
@@ -1,4 +1,4 @@
1
1
  import { ChopLogicSelectProps } from '../../../models';
2
- import { default as React } from 'react';
3
- declare const ChopLogicSelect: React.FC<ChopLogicSelectProps>;
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 { default as React } from 'react';
3
- export declare const ChopLogicSelectExample: React.FC<ChopLogicSelectProps>;
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 { default as React, ChangeEventHandler } from 'react';
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: React.ChangeEvent<HTMLInputElement>) => void;
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 { default as React } from 'react';
3
- declare const ChopLogicTextInput: React.FC<ChopLogicTextInputProps>;
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 { default as React } from 'react';
3
- export declare const TextInputExample: React.FC<ChopLogicTextInputProps>;
2
+ import { FC } from 'react';
3
+ export declare const TextInputExample: FC<ChopLogicTextInputProps>;
@@ -1,4 +1,4 @@
1
1
  import { ChopLogicAlertProps } from '../../models';
2
- import { default as React } from 'react';
3
- declare const ChopLogicAlert: React.FC<ChopLogicAlertProps>;
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 { default as React } from 'react';
3
- export declare const AlertExample: React.FC<ChopLogicAlertProps>;
2
+ import { FC } from 'react';
3
+ export declare const AlertExample: FC<ChopLogicAlertProps>;
@@ -1,4 +1,4 @@
1
1
  import { ChopLogicDialogProps } from '../../models';
2
- import { default as React } from 'react';
3
- declare const ChopLogicDialog: React.FC<ChopLogicDialogProps>;
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 { default as React } from 'react';
3
- export declare const ChopLogicDialogExample: React.FC<ChopLogicDialogProps>;
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 { default as React, FormEvent } from 'react';
2
+ import { FormEvent, FormEventHandler } from 'react';
3
3
  export declare function useChopLogicFormController({ initialValues, onReset, onSubmit, onClickSubmit, }: {
4
4
  initialValues?: ChopLogicFormData;
5
- onReset?: React.FormEventHandler<HTMLFormElement>;
6
- onSubmit?: React.FormEventHandler<HTMLFormElement>;
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 { default as React } from 'react';
3
- declare const ChopLogicForm: React.FC<ChopLogicFormProps>;
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 { default as React } from 'react';
3
- export declare const FormExample: React.FC<ChopLogicFormProps>;
2
+ import { FC } from 'react';
3
+ export declare const FormExample: FC<ChopLogicFormProps>;
@@ -1,4 +1,4 @@
1
1
  import { ChopLogicGridProps } from '../../models';
2
- import { default as React } from 'react';
3
- declare const ChopLogicGrid: React.FC<ChopLogicGridProps>;
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 { default as React } from 'react';
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 | React.ReactElement)[];
7
+ }): (string | ReactElement)[];
@@ -1,3 +1,3 @@
1
1
  import { ChopLogicGridProps } from '../../../models';
2
- import { default as React } from 'react';
3
- export declare const GridExample: React.FC<ChopLogicGridProps>;
2
+ import { FC } from 'react';
3
+ export declare const GridExample: FC<ChopLogicGridProps>;
@@ -1,5 +1,5 @@
1
- import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '../../../models';
2
- import { default as React } from 'react';
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: React.FC<Props>;
12
+ export declare const GridBody: FC<Props>;
13
13
  export {};
@@ -0,0 +1,6 @@
1
+ import { FC, InputHTMLAttributes } from 'react';
2
+ type Props = InputHTMLAttributes<HTMLInputElement> & {
3
+ label: string;
4
+ };
5
+ export declare const GridCheckbox: FC<Props>;
6
+ export {};
@@ -0,0 +1,6 @@
1
+ import { ChopLogicGridColumn } from '../../../../models';
2
+ import { FC } from 'react';
3
+ export declare const GridColumnGroup: FC<{
4
+ columns: ChopLogicGridColumn[];
5
+ selectable: boolean;
6
+ }>;
@@ -0,0 +1,4 @@
1
+ import { FC, ReactElement } from 'react';
2
+ export declare const GridDataCell: FC<{
3
+ value: ReactElement | string;
4
+ }>;
@@ -1,12 +1,12 @@
1
- import { default as React } from 'react';
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 | React.ReactElement)[];
8
+ values: (string | ReactElement)[];
9
9
  disabled?: boolean;
10
10
  };
11
- export declare const GridRow: React.FC<Props>;
11
+ export declare const GridRow: FC<Props>;
12
12
  export {};
@@ -1,5 +1,5 @@
1
- import { ChopLogicGridColumn } from '../../../models';
2
- import { default as React } from 'react';
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: React.FC<ChopLogicGridHeadProps>;
12
+ export declare const GridHead: FC<ChopLogicGridHeadProps>;
13
13
  export {};
@@ -0,0 +1,5 @@
1
+ import { FC } from 'react';
2
+ export declare const GridHeaderCell: FC<{
3
+ title?: string;
4
+ component?: React.ReactElement;
5
+ }>;
@@ -0,0 +1,3 @@
1
+ export { GridBody } from './body/GridBody';
2
+ export { GridColumnGroup } from './column-group/GridColumnGroup';
3
+ export { GridHead } from './head/GridHead';
@@ -1,4 +1,4 @@
1
- import { default as React } from 'react';
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: React.FC<Props>;
9
+ export declare const SelectAllGridRowsCell: FC<Props>;
10
10
  export {};
@@ -1,4 +1,4 @@
1
- import { default as React } from 'react';
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: React.FC<Props>;
9
+ export declare const SelectGridRowCell: FC<Props>;
10
10
  export {};
@@ -1,4 +1,4 @@
1
1
  import { ChopLogicMenuProps } from '../../models';
2
- import { default as React } from 'react';
3
- declare const ChopLogicMenu: React.FC<ChopLogicMenuProps>;
2
+ import { FC } from 'react';
3
+ declare const ChopLogicMenu: FC<ChopLogicMenuProps>;
4
4
  export default ChopLogicMenu;
@@ -1,4 +1,4 @@
1
1
  import { ChopLogicMenuProps } from '../../../models';
2
- import { default as React } from 'react';
3
- declare const MenuExample: React.FC<ChopLogicMenuProps>;
2
+ import { FC } from 'react';
3
+ declare const MenuExample: FC<ChopLogicMenuProps>;
4
4
  export default MenuExample;
@@ -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,5 @@
1
+ import { ChopLogicMenuItem } from '../../../../models';
2
+ import { ReactElement } from 'react';
3
+ export declare const MenuLeaf: ({ item }: {
4
+ item: ChopLogicMenuItem;
5
+ }) => ReactElement;
@@ -1,6 +1,6 @@
1
- import { ChopLogicOrientationMode } from '../../../enums';
2
- import { ChopLogicMenuItem } from '../../../models';
3
- import { default as React, PropsWithChildren } from 'react';
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: React.FC<Props>;
13
+ export declare const SubMenu: FC<Props>;
14
14
  export {};
@@ -1,4 +1,4 @@
1
1
  import { ChopLogicTabsProps } from '../../models';
2
- import { default as React } from 'react';
3
- declare const ChopLogicTabs: React.FC<ChopLogicTabsProps>;
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 { default as React } from 'react';
3
- export declare const TabsExample: React.FC<ChopLogicTabsProps>;
2
+ import { FC } from 'react';
3
+ export declare const TabsExample: FC<ChopLogicTabsProps>;
@@ -1,5 +1,5 @@
1
- import { ChopLogicOrientationMode } from '../../../enums';
2
- import { default as React } from 'react';
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: React.FC<Props>;
12
+ export declare const TabButton: FC<Props>;
13
13
  export {};
@@ -0,0 +1,6 @@
1
+ import { ChopLogicTabItem } from '../../../../models';
2
+ import { FC } from 'react';
3
+ export declare const TabContent: FC<{
4
+ tabs: ChopLogicTabItem[];
5
+ selectedTabId: string;
6
+ }>;
@@ -0,0 +1,2 @@
1
+ export { TabContent } from './content/TabContent';
2
+ export { TabList } from './list/TabList';