chop-logic-components 1.0.5 → 1.0.7

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 (149) hide show
  1. package/dist/components/containers/form/Form.d.ts +1 -1
  2. package/dist/components/containers/form/__docs__/FormExample.d.ts +2 -1
  3. package/dist/components/containers/form/controller.d.ts +2 -2
  4. package/dist/components/containers/form/helpers.d.ts +1 -1
  5. package/dist/components/containers/grid/Grid.d.ts +2 -1
  6. package/dist/components/containers/grid/__docs__/GridExample.d.ts +2 -1
  7. package/dist/components/containers/grid/controller.d.ts +1 -1
  8. package/dist/components/containers/grid/elements/Body.d.ts +2 -1
  9. package/dist/components/containers/grid/elements/ColumnGroup.d.ts +1 -1
  10. package/dist/components/containers/grid/elements/DataCell.d.ts +1 -1
  11. package/dist/components/containers/grid/elements/Head.d.ts +2 -1
  12. package/dist/components/containers/grid/elements/Row.d.ts +1 -1
  13. package/dist/components/containers/grid/helpers.d.ts +3 -2
  14. package/dist/components/containers/tabs/Tabs.d.ts +1 -1
  15. package/dist/components/containers/tabs/Tabs.styled.d.ts +1 -1
  16. package/dist/components/containers/tabs/__docs__/Tabs.stories.d.ts +1 -1
  17. package/dist/components/containers/tabs/__docs__/TabsExample.d.ts +4 -1
  18. package/dist/components/containers/tabs/elements/TabButton.d.ts +1 -1
  19. package/dist/components/containers/tabs/elements/TabContent.d.ts +1 -1
  20. package/dist/components/containers/tabs/elements/TabList.d.ts +1 -1
  21. package/dist/components/index.d.ts +1 -0
  22. package/dist/components/inputs/button/Button.d.ts +1 -1
  23. package/dist/components/inputs/button/Button.styled.d.ts +5 -6
  24. package/dist/components/inputs/button/__docs__/Button.stories.d.ts +2 -4
  25. package/dist/components/inputs/button/__docs__/ButtonExample.d.ts +1 -1
  26. package/dist/components/inputs/checkbox/Checkbox.d.ts +1 -1
  27. package/dist/components/inputs/checkbox/Checkbox.styled.d.ts +1 -2
  28. package/dist/components/inputs/checkbox/__docs__/CheckboxExample.d.ts +1 -1
  29. package/dist/components/inputs/checkbox/controller.d.ts +2 -0
  30. package/dist/components/inputs/checkbox/helpers.d.ts +1 -1
  31. package/dist/components/inputs/multi-select/MultiSelect.d.ts +2 -1
  32. package/dist/components/inputs/multi-select/__docs__/MultiSelectExample.d.ts +1 -1
  33. package/dist/components/inputs/multi-select/controller.d.ts +1 -2
  34. package/dist/components/inputs/multi-select/elements/Combobox.d.ts +2 -1
  35. package/dist/components/inputs/multi-select/elements/Dropdown.d.ts +2 -1
  36. package/dist/components/inputs/multi-select/elements/Option.d.ts +2 -1
  37. package/dist/components/inputs/multi-select/helpers.d.ts +1 -3
  38. package/dist/components/inputs/numeric/NumericInput.d.ts +1 -1
  39. package/dist/components/inputs/numeric/NumericInput.styled.d.ts +1 -8
  40. package/dist/components/inputs/numeric/__docs__/NumericInputExample.d.ts +1 -1
  41. package/dist/components/inputs/numeric/controller.d.ts +2 -2
  42. package/dist/components/inputs/numeric/helpers.d.ts +1 -2
  43. package/dist/components/inputs/select/Select.d.ts +2 -1
  44. package/dist/components/inputs/select/__docs__/SelectExample.d.ts +1 -1
  45. package/dist/components/inputs/select/controller.d.ts +1 -1
  46. package/dist/components/inputs/select/elements/Combobox.d.ts +2 -1
  47. package/dist/components/inputs/select/elements/Dropdown.d.ts +2 -1
  48. package/dist/components/inputs/select/elements/Option.d.ts +2 -1
  49. package/dist/components/inputs/select/helpers.d.ts +1 -2
  50. package/dist/components/inputs/text/TextInput.d.ts +1 -1
  51. package/dist/components/inputs/text/TextInput.styled.d.ts +1 -8
  52. package/dist/components/inputs/text/__docs__/TextInputExample.d.ts +1 -1
  53. package/dist/components/inputs/text/controller.d.ts +2 -2
  54. package/dist/components/inputs/text/helpers.d.ts +1 -2
  55. package/dist/components/modals/alert/Alert.d.ts +2 -1
  56. package/dist/components/modals/alert/__docs__/Alert.stories.d.ts +1 -1
  57. package/dist/components/modals/alert/elements/Header.d.ts +1 -1
  58. package/dist/components/modals/alert/helpers.d.ts +2 -2
  59. package/dist/components/modals/dialog/Dialog.d.ts +2 -1
  60. package/dist/components/modals/dialog/__docs__/DialogExample.d.ts +1 -1
  61. package/dist/components/modals/dialog/elements/Layout.d.ts +1 -1
  62. package/dist/components/modals/tooltip/Tooltip.d.ts +2 -1
  63. package/dist/components/modals/tooltip/__docs__/TooltipExample.d.ts +1 -1
  64. package/dist/components/modals/tooltip/controller.d.ts +4 -2
  65. package/dist/{components/containers/form/FormContext.d.ts → contexts/chop-logic-form-context.d.ts} +1 -1
  66. package/dist/contexts/index.d.ts +1 -0
  67. package/dist/css/index.d.ts +3 -0
  68. package/dist/css/screen-breakpoints.d.ts +7 -0
  69. package/dist/css/themes.d.ts +4 -0
  70. package/dist/elements/icon/Icon.d.ts +7 -0
  71. package/dist/elements/index.d.ts +4 -0
  72. package/dist/{components/inputs/_common → elements}/input-inner-button/InputInnerButton.d.ts +2 -1
  73. package/dist/elements/label/Label.styled.d.ts +1 -0
  74. package/dist/{components/inputs/select → elements/styled}/Select.styled.d.ts +4 -5
  75. package/dist/enums/chop-logic-alert-mode.d.ts +7 -0
  76. package/dist/{components/misc/icon/Icon.d.ts → enums/chop-logic-icon-name.d.ts} +0 -6
  77. package/dist/enums/index.d.ts +2 -0
  78. package/dist/hooks/index.d.ts +2 -0
  79. package/dist/hooks/use-container-dimensions/index.d.ts +1 -0
  80. package/dist/hooks/use-modal-focus-trap/index.d.ts +2 -0
  81. package/dist/hooks/use-tooltip-position/index.d.ts +2 -0
  82. package/dist/index.cjs.js +705 -769
  83. package/dist/index.cjs.js.map +1 -1
  84. package/dist/index.es.js +11318 -11294
  85. package/dist/index.es.js.map +1 -1
  86. package/dist/types/chop-logic-theme.d.ts +31 -0
  87. package/dist/{utils/types.d.ts → types/components/_common.d.ts} +10 -7
  88. package/dist/{components/modals/alert/types.d.ts → types/components/alert.d.ts} +2 -3
  89. package/dist/types/components/button.d.ts +13 -0
  90. package/dist/{components/inputs/checkbox/types.d.ts → types/components/checkbox.d.ts} +3 -2
  91. package/dist/{components/modals/dialog/types.d.ts → types/components/dialog.d.ts} +3 -3
  92. package/dist/{components/containers/form/types.d.ts → types/components/form.d.ts} +4 -5
  93. package/dist/{components/containers/grid/types.d.ts → types/components/grid.d.ts} +4 -3
  94. package/dist/{components/inputs/multi-select/types.d.ts → types/components/multi-select.d.ts} +2 -2
  95. package/dist/{components/inputs/numeric/types.d.ts → types/components/numeric.d.ts} +5 -4
  96. package/dist/{components/inputs/select/types.d.ts → types/components/select.d.ts} +7 -7
  97. package/dist/{components/containers/tabs/types.d.ts → types/components/tabs.d.ts} +3 -2
  98. package/dist/{components/inputs/text/types.d.ts → types/components/text.d.ts} +7 -8
  99. package/dist/{components/modals/tooltip/types.d.ts → types/components/tooltip.d.ts} +3 -3
  100. package/dist/types/index.d.ts +13 -0
  101. package/dist/utils/__tests__/handle-dropdown-list-key-press.test.d.ts +1 -0
  102. package/dist/utils/get-chop-logic-theme.d.ts +3 -0
  103. package/dist/utils/handle-dropdown-list-key-press.d.ts +8 -0
  104. package/dist/utils/index.d.ts +3 -0
  105. package/package.json +19 -15
  106. package/dist/components/inputs/_common/label/Label.styled.d.ts +0 -3
  107. package/dist/components/inputs/button/types.d.ts +0 -13
  108. package/dist/components/inputs/multi-select/MultiSelect.styled.d.ts +0 -10
  109. package/dist/constants/style-variables.d.ts +0 -51
  110. package/dist/utils/get-initial-color-mode.d.ts +0 -1
  111. /package/dist/components/containers/portal/{index.d.ts → Portal.d.ts} +0 -0
  112. /package/dist/{constants → css}/animations.d.ts +0 -0
  113. /package/dist/{components/inputs/_common → elements}/error-message/ErrorMessage.d.ts +0 -0
  114. /package/dist/{components/inputs/_common → elements}/error-message/ErrorMessage.styled.d.ts +0 -0
  115. /package/dist/{components/inputs/_common → elements}/error-message/__tests__/ErrorMessage.test.d.ts +0 -0
  116. /package/dist/{components/inputs/_common → elements}/input-inner-button/InputInnerButton.styled.d.ts +0 -0
  117. /package/dist/{components/inputs/_common → elements}/input-inner-button/__tests__/InputInnerButton.test.d.ts +0 -0
  118. /package/dist/{components/inputs/_common → elements}/label/Label.d.ts +0 -0
  119. /package/dist/{components/inputs/_common → elements}/label/__tests__/Label.test.d.ts +0 -0
  120. /package/dist/{components/misc/icon/elements/ArrowDown.d.ts → icons/ArrowDownIcon.d.ts} +0 -0
  121. /package/dist/{components/misc/icon/elements/ArrowUp.d.ts → icons/ArrowUpIcon.d.ts} +0 -0
  122. /package/dist/{components/misc/icon/elements/Back.d.ts → icons/BackIcon.d.ts} +0 -0
  123. /package/dist/{components/misc/icon/elements/Cancel.d.ts → icons/CancelIcon.d.ts} +0 -0
  124. /package/dist/{components/misc/icon/elements/CheckMark.d.ts → icons/CheckMarkIcon.d.ts} +0 -0
  125. /package/dist/{components/misc/icon/elements/CheckboxChecked.d.ts → icons/CheckboxCheckedIcon.d.ts} +0 -0
  126. /package/dist/{components/misc/icon/elements/CheckboxUnchecked.d.ts → icons/CheckboxUncheckedIcon.d.ts} +0 -0
  127. /package/dist/{components/misc/icon/elements/ChevronDown.d.ts → icons/ChevronDownIcon.d.ts} +0 -0
  128. /package/dist/{components/misc/icon/elements/ChevronLeft.d.ts → icons/ChevronLeftIcon.d.ts} +0 -0
  129. /package/dist/{components/misc/icon/elements/ChevronRight.d.ts → icons/ChevronRightIcon.d.ts} +0 -0
  130. /package/dist/{components/misc/icon/elements/ChevronUp.d.ts → icons/ChevronUpIcon.d.ts} +0 -0
  131. /package/dist/{components/misc/icon/elements/Clear.d.ts → icons/ClearIcon.d.ts} +0 -0
  132. /package/dist/{components/misc/icon/elements/Copy.d.ts → icons/CopyIcon.d.ts} +0 -0
  133. /package/dist/{components/misc/icon/elements/Cut.d.ts → icons/CutIcon.d.ts} +0 -0
  134. /package/dist/{components/misc/icon/elements/Delete.d.ts → icons/DeleteIcon.d.ts} +0 -0
  135. /package/dist/{components/misc/icon/elements/Download.d.ts → icons/DownloadIcon.d.ts} +0 -0
  136. /package/dist/{components/misc/icon/elements/Error.d.ts → icons/ErrorIcon.d.ts} +0 -0
  137. /package/dist/{components/misc/icon/elements/Forward.d.ts → icons/ForwardIcon.d.ts} +0 -0
  138. /package/dist/{components/misc/icon/elements/Help.d.ts → icons/HelpIcon.d.ts} +0 -0
  139. /package/dist/{components/misc/icon/elements/Hide.d.ts → icons/HideIcon.d.ts} +0 -0
  140. /package/dist/{components/misc/icon/elements/Info.d.ts → icons/InfoIcon.d.ts} +0 -0
  141. /package/dist/{components/misc/icon/elements/Paste.d.ts → icons/PasteIcon.d.ts} +0 -0
  142. /package/dist/{components/misc/icon/elements/Question.d.ts → icons/QuestionIcon.d.ts} +0 -0
  143. /package/dist/{components/misc/icon/elements/Remove.d.ts → icons/RemoveIcon.d.ts} +0 -0
  144. /package/dist/{components/misc/icon/elements/Save.d.ts → icons/SaveIcon.d.ts} +0 -0
  145. /package/dist/{components/misc/icon/elements/Show.d.ts → icons/ShowIcon.d.ts} +0 -0
  146. /package/dist/{components/misc/icon/elements/Upload.d.ts → icons/UploadIcon.d.ts} +0 -0
  147. /package/dist/{components/misc/icon/elements/Warning.d.ts → icons/WarningIcon.d.ts} +0 -0
  148. /package/dist/{components/misc/icon → icons}/__tests__/Icons.test.d.ts +0 -0
  149. /package/dist/utils/__tests__/{get-initial-color-mode.test.d.ts → get-chop-logic-theme.test.d.ts} +0 -0
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ import { ChopLogicIconName } from '../../enums';
3
+
4
+ declare const ChopLogicIcon: React.FC<{
5
+ name?: ChopLogicIconName;
6
+ }>;
7
+ export default ChopLogicIcon;
@@ -0,0 +1,4 @@
1
+ export { default as ChopLogicErrorMessage } from './error-message/ErrorMessage';
2
+ export { default as ChopLogicIcon } from './icon/Icon';
3
+ export { default as ChopLogicInputInnerButton } from './input-inner-button/InputInnerButton';
4
+ export { default as ChopLogicLabel } from './label/Label';
@@ -1,10 +1,11 @@
1
1
  import { default as React } from 'react';
2
- import { ChopLogicIconName } from '../../../../../../../../../../src/components/misc/icon/Icon';
2
+ import { ChopLogicIconName } from '../../enums';
3
3
 
4
4
  type ClearInputButtonProps = {
5
5
  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
6
6
  label: string;
7
7
  icon: ChopLogicIconName;
8
+ disabled?: boolean;
8
9
  };
9
10
  declare const InputInnerButton: React.FC<ClearInputButtonProps>;
10
11
  export default InputInnerButton;
@@ -0,0 +1 @@
1
+ export declare const StyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
@@ -1,10 +1,9 @@
1
- export declare const StyledSelectWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
2
- $disabled: boolean;
3
- }>> & string;
1
+ export declare const StyledSelect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
2
  export declare const StyledSelectCombobox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
5
- export declare const StyledSelectPlaceholder: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
6
- export declare const StyledSelectLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
7
3
  export declare const StyledSelectDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
8
4
  $opened: boolean;
9
5
  }>> & string;
10
6
  export declare const StyledSelectOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
7
+ export declare const StyledMultiSelectOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>, "ref"> & {
8
+ ref?: ((instance: HTMLLIElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLLIElement> | null | undefined;
9
+ }, never>> & string;
@@ -0,0 +1,7 @@
1
+ export declare enum ChopLogicAlertMode {
2
+ Success = "success",
3
+ Error = "error",
4
+ Warning = "warning",
5
+ Info = "info",
6
+ Help = "help"
7
+ }
@@ -1,5 +1,3 @@
1
- import { default as React } from 'react';
2
-
3
1
  export declare enum ChopLogicIconName {
4
2
  ArrowDown = "arrow-down",
5
3
  ArrowUp = "arrow-up",
@@ -30,7 +28,3 @@ export declare enum ChopLogicIconName {
30
28
  Warning = "warning",
31
29
  Remove = "remove"
32
30
  }
33
- declare const ChopLogicIcon: React.FC<{
34
- name?: ChopLogicIconName;
35
- }>;
36
- export default ChopLogicIcon;
@@ -0,0 +1,2 @@
1
+ export { ChopLogicAlertMode } from './chop-logic-alert-mode';
2
+ export { ChopLogicIconName } from './chop-logic-icon-name';
@@ -1,7 +1,9 @@
1
1
  export { useClickOutside } from './use-click-outside';
2
2
  export { useContainerDimensions } from './use-container-dimensions';
3
+ export { useElementIds } from './use-element-ids';
3
4
  export { useKeyPress } from './use-key-press';
4
5
  export { useModalFocusTrap } from './use-modal-focus-trap';
5
6
  export { useMount } from './use-mount';
7
+ export { useResetFormInput } from './use-reset-form-input';
6
8
  export { useTooltipPosition } from './use-tooltip-position';
7
9
  export { useWindowDimensions } from './use-window-dimensions';
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { Dimensions } from '../use-window-dimensions';
2
3
 
3
4
  type useContainerDimensionsParams = {
@@ -1,3 +1,5 @@
1
+ import { default as React } from 'react';
2
+
1
3
  type ModalFocusTrapParams = {
2
4
  modalRef: React.RefObject<HTMLDivElement>;
3
5
  isOpened: boolean;
@@ -1,3 +1,5 @@
1
+ import { default as React } from 'react';
2
+
1
3
  type useTooltipPositionParams = {
2
4
  wrapperRef: React.RefObject<HTMLSpanElement | HTMLDivElement>;
3
5
  tooltipRef: React.RefObject<HTMLSpanElement | HTMLDivElement>;