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
@@ -1,6 +1,6 @@
1
- import { ChopLogicOrientationMode } from '../../../enums';
2
- import { ChopLogicTabItem } from '../../../models';
3
- import { default as React } from 'react';
1
+ import { ChopLogicOrientationMode } from '../../../../enums';
2
+ import { ChopLogicTabItem } from '../../../../models';
3
+ import { FC } from 'react';
4
4
  type ChopLogicTabListProps = {
5
5
  tabs: ChopLogicTabItem[];
6
6
  tabIds: string[];
@@ -9,5 +9,5 @@ type ChopLogicTabListProps = {
9
9
  tabPanelIds: string[];
10
10
  mode: ChopLogicOrientationMode;
11
11
  };
12
- export declare const TabList: React.FC<ChopLogicTabListProps>;
12
+ export declare const TabList: FC<ChopLogicTabListProps>;
13
13
  export {};
package/package.json CHANGED
@@ -4,8 +4,8 @@
4
4
  "type": "git",
5
5
  "url": "git+https://github.com/ChopLogic/chop-logic-components.git"
6
6
  },
7
- "version": "2.5.2",
8
- "description": "React UI components library for Chop Logic project",
7
+ "version": "2.6.0",
8
+ "description": "Reusable React components and hooks for the Chop Logic project",
9
9
  "type": "module",
10
10
  "main": "dist/index.cjs.js",
11
11
  "module": "dist/index.es.js",
@@ -58,8 +58,8 @@
58
58
  "@commitlint/cli": "^19.7.1",
59
59
  "@commitlint/config-conventional": "^19.7.1",
60
60
  "@eslint/js": "^9.20.0",
61
- "@storybook/addon-docs": "^9.1.0",
62
- "@storybook/react-vite": "^9.1.0",
61
+ "@storybook/addon-docs": "^9.1.5",
62
+ "@storybook/react-vite": "^9.1.5",
63
63
  "@testing-library/jest-dom": "^6.6.3",
64
64
  "@testing-library/react": "^16.2.0",
65
65
  "@types/node": "^22.13.0",
@@ -71,7 +71,7 @@
71
71
  "eslint-plugin-react-hooks": "^5.1.0",
72
72
  "eslint-plugin-react-refresh": "^0.4.18",
73
73
  "eslint-plugin-simple-import-sort": "^12.1.1",
74
- "eslint-plugin-storybook": "^9.1.0",
74
+ "eslint-plugin-storybook": "^9.1.5",
75
75
  "globals": "^15.14.0",
76
76
  "husky": "^9.1.7",
77
77
  "husky-init": "^8.0.0",
@@ -79,7 +79,7 @@
79
79
  "prettier": "^3.4.2",
80
80
  "remark-gfm": "^4.0.1",
81
81
  "sass": "^1.87.0",
82
- "storybook": "^9.1.0",
82
+ "storybook": "^9.1.5",
83
83
  "typescript": "^5.7.3",
84
84
  "typescript-eslint": "^8.23.0",
85
85
  "vite": "^6.0.11",
@@ -1,6 +0,0 @@
1
- import { default as React } from 'react';
2
- type Props = React.InputHTMLAttributes<HTMLInputElement> & {
3
- label: string;
4
- };
5
- export declare const GridCheckbox: React.FC<Props>;
6
- export {};
@@ -1,6 +0,0 @@
1
- import { ChopLogicGridColumn } from '../../../models';
2
- import { default as React } from 'react';
3
- export declare const GridColumnGroup: React.FC<{
4
- columns: ChopLogicGridColumn[];
5
- selectable: boolean;
6
- }>;
@@ -1,4 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const GridDataCell: React.FC<{
3
- value: React.ReactElement | string;
4
- }>;
@@ -1,5 +0,0 @@
1
- import { default as React } from 'react';
2
- export declare const GridHeaderCell: React.FC<{
3
- title?: string;
4
- component?: React.ReactElement;
5
- }>;
@@ -1,9 +0,0 @@
1
- import { ChopLogicIconName } from '../../../enums';
2
- import { default as React, ButtonHTMLAttributes } from 'react';
3
- type Props = {
4
- label?: string;
5
- icon?: ChopLogicIconName;
6
- onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
7
- } & ButtonHTMLAttributes<HTMLButtonElement>;
8
- export declare const InnerButton: React.FC<Props>;
9
- export {};
@@ -1,8 +0,0 @@
1
- import { ChopLogicMultiSelectValue } from '../../../models';
2
- import { default as React } from 'react';
3
- type Props = {
4
- value: ChopLogicMultiSelectValue;
5
- onSelect: (id: string) => void;
6
- };
7
- export declare const MultiSelectOption: React.FC<Props>;
8
- export {};
@@ -1,10 +0,0 @@
1
- import { ChopLogicSelectValue } from '../../../../models';
2
- import { default as React } 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: React.FC<Props>;
10
- export {};
@@ -1,10 +0,0 @@
1
- import { ChopLogicOrientationMode } from '../../../enums';
2
- import { ChopLogicMenuItem } from '../../../models';
3
- import { default as React, PropsWithChildren } from 'react';
4
- type Props = PropsWithChildren & {
5
- item: ChopLogicMenuItem;
6
- mode: ChopLogicOrientationMode;
7
- openedOn?: 'hover' | 'click';
8
- };
9
- export declare const MenuItem: React.FC<Props>;
10
- export {};
@@ -1,5 +0,0 @@
1
- import { ChopLogicMenuItem } from '../../../models';
2
- import { default as React } from 'react';
3
- export declare const MenuLeaf: ({ item }: {
4
- item: ChopLogicMenuItem;
5
- }) => React.ReactElement;
@@ -1,6 +0,0 @@
1
- import { ChopLogicTabItem } from '../../../models';
2
- import { default as React } from 'react';
3
- export declare const TabContent: React.FC<{
4
- tabs: ChopLogicTabItem[];
5
- selectedTabId: string;
6
- }>;