@hybr1d-tech/charizard 0.6.108 → 0.7.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 (218) hide show
  1. package/dist/hybr1d-ui.js +3636 -3635
  2. package/dist/hybr1d-ui.umd.cjs +14 -14
  3. package/dist/index.d.ts +2941 -1
  4. package/package.json +17 -16
  5. package/dist/components/alert/Alert.d.ts +0 -24
  6. package/dist/components/alert/index.d.ts +0 -1
  7. package/dist/components/asyncImage/AsyncImage.d.ts +0 -14
  8. package/dist/components/asyncImage/index.d.ts +0 -1
  9. package/dist/components/asyncImage/types.d.ts +0 -4
  10. package/dist/components/avatar/Avatar.d.ts +0 -6
  11. package/dist/components/avatar/index.d.ts +0 -1
  12. package/dist/components/badge/Badge.d.ts +0 -50
  13. package/dist/components/badge/index.d.ts +0 -1
  14. package/dist/components/breadcrumbs/BreadCrumbs.d.ts +0 -1
  15. package/dist/components/breadcrumbs/index.d.ts +0 -3
  16. package/dist/components/breadcrumbs/store.d.ts +0 -11
  17. package/dist/components/breadcrumbs/useBreadCrumbs.d.ts +0 -7
  18. package/dist/components/button/Button.d.ts +0 -55
  19. package/dist/components/button/actions-dropdown.stories.d.ts +0 -7
  20. package/dist/components/button/button.stories.d.ts +0 -11
  21. package/dist/components/button/index.d.ts +0 -1
  22. package/dist/components/button/menu-button.stories.d.ts +0 -7
  23. package/dist/components/button-v2/ButtonV2.d.ts +0 -77
  24. package/dist/components/button-v2/buttonV2.stories.d.ts +0 -9
  25. package/dist/components/button-v2/group-action.stories.d.ts +0 -9
  26. package/dist/components/button-v2/index.d.ts +0 -2
  27. package/dist/components/button-v2/types.d.ts +0 -21
  28. package/dist/components/checkbox/Checkbox.d.ts +0 -44
  29. package/dist/components/checkbox/checkbox.stories.d.ts +0 -7
  30. package/dist/components/checkbox/index.d.ts +0 -1
  31. package/dist/components/checkbox-v2/CheckboxV2.d.ts +0 -10
  32. package/dist/components/checkbox-v2/index.d.ts +0 -1
  33. package/dist/components/color-picker/ColorPicker.d.ts +0 -10
  34. package/dist/components/color-picker/index.d.ts +0 -1
  35. package/dist/components/date-picker/DatePicker.d.ts +0 -30
  36. package/dist/components/date-picker/index.d.ts +0 -1
  37. package/dist/components/drawer/Drawer.d.ts +0 -76
  38. package/dist/components/drawer/index.d.ts +0 -1
  39. package/dist/components/drawer-v2/Drawer.d.ts +0 -83
  40. package/dist/components/drawer-v2/index.d.ts +0 -1
  41. package/dist/components/empty-state/EmptyState.d.ts +0 -16
  42. package/dist/components/empty-state/empty-state.stories.d.ts +0 -7
  43. package/dist/components/empty-state/index.d.ts +0 -1
  44. package/dist/components/index.d.ts +0 -43
  45. package/dist/components/input/Input.d.ts +0 -72
  46. package/dist/components/input/InputAddon.d.ts +0 -41
  47. package/dist/components/input/InputContainer.d.ts +0 -26
  48. package/dist/components/input/InputElement.d.ts +0 -19
  49. package/dist/components/input/InputGroup.d.ts +0 -14
  50. package/dist/components/input/InputLabel.d.ts +0 -46
  51. package/dist/components/input/index.d.ts +0 -6
  52. package/dist/components/input/input.stories.d.ts +0 -7
  53. package/dist/components/input/types.d.ts +0 -13
  54. package/dist/components/input-v2/Input.d.ts +0 -20
  55. package/dist/components/input-v2/InputAdornment.d.ts +0 -64
  56. package/dist/components/input-v2/InputControl.d.ts +0 -27
  57. package/dist/components/input-v2/InputCount.d.ts +0 -32
  58. package/dist/components/input-v2/InputGroup.d.ts +0 -6
  59. package/dist/components/input-v2/InputIcon.d.ts +0 -48
  60. package/dist/components/input-v2/InputNumber.d.ts +0 -24
  61. package/dist/components/input-v2/Label.d.ts +0 -24
  62. package/dist/components/input-v2/NumberAdornment.d.ts +0 -24
  63. package/dist/components/input-v2/Textarea.d.ts +0 -23
  64. package/dist/components/input-v2/index.d.ts +0 -10
  65. package/dist/components/input-v2/types.d.ts +0 -329
  66. package/dist/components/layout-tabs/LayoutTabs.d.ts +0 -22
  67. package/dist/components/layout-tabs/index.d.ts +0 -1
  68. package/dist/components/loader/Loader.d.ts +0 -17
  69. package/dist/components/loader/index.d.ts +0 -1
  70. package/dist/components/loader/loader.stories.d.ts +0 -14
  71. package/dist/components/modal/Modal.d.ts +0 -30
  72. package/dist/components/modal/ModalBody.d.ts +0 -17
  73. package/dist/components/modal/ModalContent.d.ts +0 -18
  74. package/dist/components/modal/ModalFooter.d.ts +0 -38
  75. package/dist/components/modal/ModalHeader.d.ts +0 -21
  76. package/dist/components/modal/ModalOverlay.d.ts +0 -9
  77. package/dist/components/modal/index.d.ts +0 -6
  78. package/dist/components/modal/usage.d.ts +0 -1
  79. package/dist/components/pill/Pill.d.ts +0 -15
  80. package/dist/components/pill/index.d.ts +0 -1
  81. package/dist/components/popover/Popover.d.ts +0 -26
  82. package/dist/components/popover/PopoverCloseButton.d.ts +0 -23
  83. package/dist/components/popover/PopoverContent.d.ts +0 -32
  84. package/dist/components/popover/PopoverDescription.d.ts +0 -23
  85. package/dist/components/popover/PopoverTitle.d.ts +0 -23
  86. package/dist/components/popover/PopoverTrigger.d.ts +0 -29
  87. package/dist/components/popover/index.d.ts +0 -6
  88. package/dist/components/popover/usage.d.ts +0 -1
  89. package/dist/components/progress/Progress.d.ts +0 -63
  90. package/dist/components/progress/index.d.ts +0 -1
  91. package/dist/components/radio-group/RadioGroup.d.ts +0 -45
  92. package/dist/components/radio-group/index.d.ts +0 -1
  93. package/dist/components/radio-group/radio.stories.d.ts +0 -7
  94. package/dist/components/search/Search.d.ts +0 -14
  95. package/dist/components/search/index.d.ts +0 -1
  96. package/dist/components/search/search.stories.d.ts +0 -7
  97. package/dist/components/search-v2/Search.d.ts +0 -20
  98. package/dist/components/search-v2/index.d.ts +0 -1
  99. package/dist/components/search-v2/types.d.ts +0 -6
  100. package/dist/components/segmented-control/SegmentedControl.d.ts +0 -22
  101. package/dist/components/segmented-control/index.d.ts +0 -1
  102. package/dist/components/select/Common.d.ts +0 -6
  103. package/dist/components/select/CreatableSelect.d.ts +0 -97
  104. package/dist/components/select/Select.d.ts +0 -87
  105. package/dist/components/select/SelectAsync.d.ts +0 -81
  106. package/dist/components/select/config.d.ts +0 -4
  107. package/dist/components/select/index.d.ts +0 -3
  108. package/dist/components/select/types.d.ts +0 -15
  109. package/dist/components/select-v2/Common.d.ts +0 -56
  110. package/dist/components/select-v2/CreatableSelect.d.ts +0 -15
  111. package/dist/components/select-v2/Select.d.ts +0 -14
  112. package/dist/components/select-v2/index.d.ts +0 -3
  113. package/dist/components/select-v2/styles.d.ts +0 -3
  114. package/dist/components/select-v2/types.d.ts +0 -37
  115. package/dist/components/selectors/Selectors.d.ts +0 -7
  116. package/dist/components/selectors/index.d.ts +0 -1
  117. package/dist/components/skeleton/Skeleton.d.ts +0 -3
  118. package/dist/components/skeleton/index.d.ts +0 -1
  119. package/dist/components/svg/SVG.d.ts +0 -11
  120. package/dist/components/svg/index.d.ts +0 -1
  121. package/dist/components/switch/Switch.d.ts +0 -12
  122. package/dist/components/switch/index.d.ts +0 -1
  123. package/dist/components/switch/switch.stories.d.ts +0 -9
  124. package/dist/components/table/Table.d.ts +0 -114
  125. package/dist/components/table/constants.d.ts +0 -3
  126. package/dist/components/table/index.d.ts +0 -1
  127. package/dist/components/table/store.d.ts +0 -15
  128. package/dist/components/table/table-actions/TableActions.d.ts +0 -8
  129. package/dist/components/table/table-actions/index.d.ts +0 -1
  130. package/dist/components/table/table-columns/TableCheckbox.d.ts +0 -11
  131. package/dist/components/table/table-columns/TableRadio.d.ts +0 -7
  132. package/dist/components/table/table-columns/index.d.ts +0 -2
  133. package/dist/components/table/table-empty/TableEmpty.d.ts +0 -6
  134. package/dist/components/table/table-empty/index.d.ts +0 -1
  135. package/dist/components/table/table-filters/FilterCheckbox.d.ts +0 -13
  136. package/dist/components/table/table-filters/FilterTooltip.d.ts +0 -9
  137. package/dist/components/table/table-filters/TableFilter.d.ts +0 -14
  138. package/dist/components/table/table-filters/TableFilters.d.ts +0 -7
  139. package/dist/components/table/table-filters/index.d.ts +0 -1
  140. package/dist/components/table/table-loader/TableLoader.d.ts +0 -4
  141. package/dist/components/table/table-loader/index.d.ts +0 -1
  142. package/dist/components/table/table-selected-actions/TableSelectedActions.d.ts +0 -8
  143. package/dist/components/table/table-selected-actions/index.d.ts +0 -1
  144. package/dist/components/table/types.d.ts +0 -36
  145. package/dist/components/table-v3/TableV3.d.ts +0 -119
  146. package/dist/components/table-v3/constants.d.ts +0 -3
  147. package/dist/components/table-v3/index.d.ts +0 -4
  148. package/dist/components/table-v3/inventory/inventory.store.d.ts +0 -40
  149. package/dist/components/table-v3/store.d.ts +0 -16
  150. package/dist/components/table-v3/table-actions/TableActions.d.ts +0 -8
  151. package/dist/components/table-v3/table-actions/index.d.ts +0 -1
  152. package/dist/components/table-v3/table-columns/TableCheckbox.d.ts +0 -8
  153. package/dist/components/table-v3/table-columns/TableRadio.d.ts +0 -7
  154. package/dist/components/table-v3/table-columns/index.d.ts +0 -2
  155. package/dist/components/table-v3/table-custom-cols/CustomColCheckbox.d.ts +0 -10
  156. package/dist/components/table-v3/table-custom-cols/TableCustomCols.d.ts +0 -30
  157. package/dist/components/table-v3/table-custom-cols/index.d.ts +0 -1
  158. package/dist/components/table-v3/table-custom-cols/sortable/SortableItem.d.ts +0 -10
  159. package/dist/components/table-v3/table-custom-cols/sortable/SortableList.d.ts +0 -19
  160. package/dist/components/table-v3/table-custom-cols/sortable/SortableOverlay.d.ts +0 -6
  161. package/dist/components/table-v3/table-custom-cols/utils.d.ts +0 -16
  162. package/dist/components/table-v3/table-empty/TableEmpty.d.ts +0 -6
  163. package/dist/components/table-v3/table-empty/index.d.ts +0 -1
  164. package/dist/components/table-v3/table-filters-drawer/TableFiltersDrawer.d.ts +0 -7
  165. package/dist/components/table-v3/table-filters-drawer/TableFiltersDrawerNew.d.ts +0 -7
  166. package/dist/components/table-v3/table-filters-drawer/index.d.ts +0 -1
  167. package/dist/components/table-v3/table-filters-drawer/utils.d.ts +0 -16
  168. package/dist/components/table-v3/table-header-filters/FilterCheckbox.d.ts +0 -13
  169. package/dist/components/table-v3/table-header-filters/FilterDrawerAllCheckbox.d.ts +0 -7
  170. package/dist/components/table-v3/table-header-filters/FilterDrawerCheckbox.d.ts +0 -12
  171. package/dist/components/table-v3/table-header-filters/FilterDrawerCheckboxNew.d.ts +0 -9
  172. package/dist/components/table-v3/table-header-filters/FilterTooltip.d.ts +0 -9
  173. package/dist/components/table-v3/table-header-filters/TableHeaderFilter.d.ts +0 -14
  174. package/dist/components/table-v3/table-header-filters/TableHeaderFilters.d.ts +0 -8
  175. package/dist/components/table-v3/table-header-filters/index.d.ts +0 -1
  176. package/dist/components/table-v3/table-loader/TableLoader.d.ts +0 -4
  177. package/dist/components/table-v3/table-loader/index.d.ts +0 -1
  178. package/dist/components/table-v3/table-meta-header/TableMetaHeader.d.ts +0 -18
  179. package/dist/components/table-v3/table-meta-header/index.d.ts +0 -1
  180. package/dist/components/table-v3/table-pagination/TableEllipses.d.ts +0 -6
  181. package/dist/components/table-v3/table-pagination/TableLimit.d.ts +0 -7
  182. package/dist/components/table-v3/table-pagination/TablePagination.d.ts +0 -7
  183. package/dist/components/table-v3/table-pagination/index.d.ts +0 -1
  184. package/dist/components/table-v3/table-pagination/utils.d.ts +0 -4
  185. package/dist/components/table-v3/table-selected-actions/TableSelectedActions.d.ts +0 -8
  186. package/dist/components/table-v3/table-selected-actions/index.d.ts +0 -1
  187. package/dist/components/table-v3/types.d.ts +0 -52
  188. package/dist/components/table-v3/value-cells/table-box-ellipses/TableBoxEllipses.d.ts +0 -7
  189. package/dist/components/table-v3/value-cells/table-box-ellipses/index.d.ts +0 -1
  190. package/dist/components/table-v3/value-cells/table-device-cell/TableDeviceCell.d.ts +0 -7
  191. package/dist/components/table-v3/value-cells/table-user-cell/TableUserCell.d.ts +0 -7
  192. package/dist/components/tabs/Tab.d.ts +0 -12
  193. package/dist/components/tabs/Tabs.d.ts +0 -12
  194. package/dist/components/tabs/index.d.ts +0 -2
  195. package/dist/components/tag/Tag.d.ts +0 -15
  196. package/dist/components/tag/index.d.ts +0 -1
  197. package/dist/components/task-cards/TaskCards.d.ts +0 -24
  198. package/dist/components/task-cards/components/task-card/TaskCard.d.ts +0 -7
  199. package/dist/components/task-cards/components/task-card-header/TaskCardHeader.d.ts +0 -3
  200. package/dist/components/task-cards/helper.d.ts +0 -1
  201. package/dist/components/task-cards/index.d.ts +0 -1
  202. package/dist/components/task-cards/types.d.ts +0 -36
  203. package/dist/components/toasts/Toasts.d.ts +0 -14
  204. package/dist/components/toasts/index.d.ts +0 -1
  205. package/dist/components/toasts/types.d.ts +0 -5
  206. package/dist/components/tooltip/Tooltip.d.ts +0 -28
  207. package/dist/components/tooltip/TooltipContent.d.ts +0 -24
  208. package/dist/components/tooltip/TooltipTrigger.d.ts +0 -16
  209. package/dist/components/tooltip/index.d.ts +0 -1
  210. package/dist/components/tooltip-v2/TooltipV2.d.ts +0 -14
  211. package/dist/components/tooltip-v2/index.d.ts +0 -1
  212. package/dist/components/upload/Upload.d.ts +0 -52
  213. package/dist/components/upload/helper.d.ts +0 -2
  214. package/dist/components/upload/index.d.ts +0 -1
  215. package/dist/components/upload/types.d.ts +0 -15
  216. package/dist/components/upload/upload.stories.d.ts +0 -7
  217. package/dist/components/user-chip/UserChip.d.ts +0 -17
  218. package/dist/components/user-chip/index.d.ts +0 -1
@@ -1,83 +0,0 @@
1
- import { BUTTON_V2_SIZE, BUTTON_V2_TYPE, BUTTON_V2_VARIANT } from '../button-v2';
2
- import * as React from 'react';
3
- export type DrawerFooterButtons = Array<{
4
- variant?: BUTTON_V2_VARIANT;
5
- onClick: () => void;
6
- btnText: string;
7
- btnType?: 'button' | 'submit' | 'reset';
8
- btnSize?: BUTTON_V2_SIZE;
9
- disabled?: boolean;
10
- isLoading?: boolean;
11
- loadingText?: string;
12
- type?: BUTTON_V2_TYPE;
13
- }>;
14
- interface DrawerProps {
15
- /**
16
- * Drawer footer className
17
- */
18
- footerClassName?: string;
19
- /**
20
- * Drawer header className
21
- */
22
- headerClassName?: string;
23
- /**
24
- * Drawer content className
25
- */
26
- contentClassName?: string;
27
- /**
28
- * Drawer is open or not
29
- */
30
- isOpen: boolean;
31
- /**
32
- * Callback function when drawer is closed
33
- */
34
- onClose: () => void;
35
- /**
36
- * Drawer content
37
- */
38
- children: React.ReactNode;
39
- /**
40
- * Drawer title
41
- */
42
- title?: string;
43
- /**
44
- * Drawer subTitle
45
- */
46
- subTitle?: string;
47
- /**
48
- * Custom drawer header
49
- */
50
- customHeader?: React.ReactNode;
51
- /**
52
- * Custom drawer footer
53
- */
54
- customFooter?: React.ReactNode;
55
- /**
56
- * Drawer size
57
- */
58
- size?: 'sm' | 'md' | 'lg' | 'xlg' | 'xxlg';
59
- /**
60
- * Show backdrop or not
61
- */
62
- showBackdrop?: boolean;
63
- /**
64
- * Show header or not
65
- */
66
- showHeader?: boolean;
67
- /**
68
- * Show footer or not
69
- */
70
- showFooter?: boolean;
71
- /**
72
- * footer buttons to show
73
- */
74
- buttons?: DrawerFooterButtons;
75
- footerAddon?: React.ReactNode;
76
- /**
77
- * Drawer position
78
- */
79
- drawerPosition?: 'left' | 'right';
80
- customContainerStyles?: React.CSSProperties;
81
- }
82
- export declare function DrawerV2({ isOpen, onClose, children, title, subTitle, customHeader, customFooter, size, showBackdrop, showHeader, showFooter, buttons, footerAddon, headerClassName, contentClassName, footerClassName, drawerPosition, customContainerStyles, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
83
- export {};
@@ -1 +0,0 @@
1
- export * from './Drawer';
@@ -1,16 +0,0 @@
1
- import * as React from 'react';
2
- interface EmptyStateProps {
3
- icon: string;
4
- title: string;
5
- desc?: string;
6
- flexDir?: 'row' | 'column';
7
- btnText?: string;
8
- onClick?: React.MouseEventHandler<HTMLButtonElement>;
9
- customSvgStyles?: React.CSSProperties;
10
- customSvgClassName?: string;
11
- }
12
- /**
13
- * adapts to parent's width and height
14
- */
15
- export declare function EmptyState({ icon, title, desc, flexDir, btnText, onClick, customSvgClassName, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
16
- export {};
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { EmptyState } from './EmptyState';
3
-
4
- declare const meta: Meta<typeof EmptyState>;
5
- export default meta;
6
- type Story = StoryObj<typeof EmptyState>;
7
- export declare const Default: Story;
@@ -1 +0,0 @@
1
- export * from './EmptyState';
@@ -1,43 +0,0 @@
1
-
2
- export * from './button';
3
- export * from './empty-state';
4
- export * from './table';
5
- export * from './search';
6
- export * from './drawer';
7
- export * from './input';
8
- export * from './modal';
9
- export * from './popover';
10
- export * from './select';
11
- export * from './svg';
12
- export * from './checkbox';
13
- export * from './tooltip';
14
- export * from './progress';
15
- export * from './segmented-control';
16
- export * from './radio-group';
17
- export * from './layout-tabs';
18
- export * from './selectors';
19
- export * from './loader';
20
- export * from './switch';
21
- export * from './tag';
22
- export * from './color-picker';
23
- export * from './tooltip-v2';
24
- export * from './avatar';
25
- export * from './user-chip';
26
- export * from './tabs';
27
- export * from './task-cards';
28
- export * from './button-v2';
29
- export * from './badge';
30
- export * from './pill';
31
- export * from './table-v3';
32
- export * from './select-v2';
33
- export * from './skeleton';
34
- export * from './asyncImage';
35
- export * from './date-picker';
36
- export * from './drawer-v2';
37
- export * from './toasts';
38
- export * from './checkbox-v2';
39
- export * from './alert';
40
- export * from './upload';
41
- export * from './input-v2';
42
- export * from './search-v2';
43
- export * from './breadcrumbs';
@@ -1,72 +0,0 @@
1
- import { HTMLInputTypeAttribute } from 'react';
2
- import { Inputs } from './types';
3
- import * as React from 'react';
4
- interface InputProps {
5
- /**
6
- * Custom classes to be applied to the input
7
- */
8
- customClasses?: string[] | string;
9
- /**
10
- * Custom styles to be applied to the input
11
- */
12
- customStyles?: Record<string, string>;
13
- /**
14
- * Type of the input
15
- */
16
- type?: HTMLInputTypeAttribute | 'textarea';
17
- /**
18
- * Placeholder of the input
19
- */
20
- placeholder?: string;
21
- /**
22
- * Name of the input
23
- */
24
- name?: string;
25
- /**
26
- * Id of the input
27
- */
28
- id?: string;
29
- /**
30
- * Value of the input
31
- */
32
- value?: string | number;
33
- /**
34
- * On change handler of the input
35
- */
36
- onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, arg?: any) => void;
37
- /**
38
- * whether the input is disabled or not
39
- */
40
- disabled?: boolean;
41
- /**
42
- * Rest props of the input
43
- */
44
- restprops?: any;
45
- /**
46
- * Number of rows of the textarea
47
- */
48
- rows?: number;
49
- /**
50
- * Number of cols of the textarea
51
- */
52
- cols?: number;
53
- /**
54
- * Error message of the input
55
- */
56
- errorMsg?: string | false;
57
- /** Multiple select? */
58
- multiple?: boolean;
59
- /** Blur event handler */
60
- onBlur?: {
61
- /** Classic React blur handler, keyed by input name */
62
- (e: React.FocusEvent<any>): void;
63
- /** Preact-like linkState. Will return a handleBlur function. */
64
- <T = string | any>(fieldOrEvent: T): T extends string ? (e: any) => void : void;
65
- };
66
- }
67
- export declare function Input({ customClasses, customStyles, name, id, value, onChange, restprops, cols, errorMsg, disabled, rows, type, placeholder, onBlur, }: InputProps): import("react/jsx-runtime").JSX.Element;
68
- export declare namespace Input {
69
- var displayName: Inputs;
70
- var id: Inputs;
71
- }
72
- export {};
@@ -1,41 +0,0 @@
1
- import { Inputs } from './types';
2
- import * as React from 'react';
3
- interface InputDirectionAddonProps {
4
- /**
5
- * Children of the input addon
6
- */
7
- children: React.ReactNode;
8
- /**
9
- * to enable dropdown or not
10
- */
11
- isDropdown?: boolean;
12
- /**
13
- * dropdown options
14
- */
15
- dropdownOptions?: Array<{
16
- label: string;
17
- value: string;
18
- }>;
19
- /**
20
- * handle dropdown option click
21
- */
22
- handleOptionClick?: (selectedOption: {
23
- label: string;
24
- value: string;
25
- }) => void;
26
- /**
27
- * show dropdown search
28
- */
29
- showDropdownSearch?: boolean;
30
- }
31
- export declare function InputLeftAddon({ children, isDropdown, dropdownOptions, handleOptionClick, showDropdownSearch, }: InputDirectionAddonProps): import("react/jsx-runtime").JSX.Element;
32
- export declare namespace InputLeftAddon {
33
- var displayName: Inputs;
34
- var id: Inputs;
35
- }
36
- export declare function InputRightAddon({ children, isDropdown, dropdownOptions, handleOptionClick, showDropdownSearch, }: InputDirectionAddonProps): import("react/jsx-runtime").JSX.Element;
37
- export declare namespace InputRightAddon {
38
- var displayName: Inputs;
39
- var id: Inputs;
40
- }
41
- export {};
@@ -1,26 +0,0 @@
1
- import { Inputs } from './types';
2
-
3
- interface InputContainerProps {
4
- /**
5
- * Children of the input container
6
- */
7
- children: React.ReactNode;
8
- /**
9
- * Size of the input container
10
- */
11
- size?: 'sm' | 'md' | 'adapt';
12
- /**
13
- * Custom classes to be applied to the input container
14
- */
15
- customClassName?: string;
16
- /**
17
- * Custom styles to be applied to the input container
18
- */
19
- customStyles?: React.CSSProperties;
20
- }
21
- export declare function InputContainer({ children, customClassName, customStyles, size, }: InputContainerProps): import("react/jsx-runtime").JSX.Element;
22
- export declare namespace InputContainer {
23
- var displayName: Inputs;
24
- var id: Inputs;
25
- }
26
- export {};
@@ -1,19 +0,0 @@
1
- import { Inputs } from './types';
2
-
3
- interface InputDirectionElementProps {
4
- /**
5
- * Children of the input element
6
- */
7
- children: React.ReactNode;
8
- }
9
- export declare function InputLeftElement({ children }: InputDirectionElementProps): import("react/jsx-runtime").JSX.Element;
10
- export declare namespace InputLeftElement {
11
- var displayName: Inputs;
12
- var id: Inputs;
13
- }
14
- export declare function InputRightElement({ children }: InputDirectionElementProps): import("react/jsx-runtime").JSX.Element;
15
- export declare namespace InputRightElement {
16
- var displayName: Inputs;
17
- var id: Inputs;
18
- }
19
- export {};
@@ -1,14 +0,0 @@
1
- import { Inputs } from './types';
2
- import * as React from 'react';
3
- interface InputGroupProps {
4
- /**
5
- * Children of the input group
6
- */
7
- children: React.ReactNode;
8
- }
9
- export declare function InputGroup({ children }: InputGroupProps): import("react/jsx-runtime").JSX.Element;
10
- export declare namespace InputGroup {
11
- var displayName: Inputs;
12
- var id: Inputs;
13
- }
14
- export {};
@@ -1,46 +0,0 @@
1
- import { Inputs } from './types';
2
- import * as React from 'react';
3
- interface InputLabelProps {
4
- /**
5
- * Children of the input label
6
- */
7
- children: React.ReactNode;
8
- /**
9
- * Custom classes to be applied to the input label
10
- */
11
- customClasses?: string[] | string;
12
- /**
13
- * Custom styles to be applied to the input label
14
- */
15
- customStyles?: Record<string, string>;
16
- /**
17
- * Whether the input is required
18
- */
19
- required?: boolean;
20
- /**
21
- * htmlFor attribute of the input label
22
- */
23
- htmlFor?: string;
24
- /**
25
- * Rest props to be applied to the input label
26
- */
27
- restprops?: any;
28
- /**
29
- * info text
30
- */
31
- infoText?: string;
32
- /**
33
- * info text tooltip styles
34
- */
35
- infoTextTooltipStyles?: React.CSSProperties;
36
- /**
37
- * Disabled state when component inactive
38
- */
39
- isDisabled?: boolean;
40
- }
41
- export declare function InputLabel({ children, customClasses, customStyles, required, htmlFor, restprops, infoText, infoTextTooltipStyles, isDisabled, }: InputLabelProps): import("react/jsx-runtime").JSX.Element;
42
- export declare namespace InputLabel {
43
- var displayName: Inputs;
44
- var id: Inputs;
45
- }
46
- export {};
@@ -1,6 +0,0 @@
1
- export { Input } from './Input';
2
- export { InputLeftAddon, InputRightAddon } from './InputAddon';
3
- export { InputContainer } from './InputContainer';
4
- export { InputLeftElement, InputRightElement } from './InputElement';
5
- export { InputGroup } from './InputGroup';
6
- export { InputLabel } from './InputLabel';
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { Input } from './Input';
3
-
4
- declare const meta: Meta<typeof Input>;
5
- export default meta;
6
- type Story = StoryObj<typeof Input>;
7
- export declare const InputText: Story;
@@ -1,13 +0,0 @@
1
- export declare enum Inputs {
2
- INPUT_ADDON = "InputAddon",
3
- INPUT_LEFT_ADDON = "InputLeftAddon",
4
- INPUT_RIGHT_ADDON = "InputRightAddon",
5
- INPUT_ELEMENT = "InputElement",
6
- INPUT_LEFT_ELEMENT = "InputLeftElement",
7
- INPUT_RIGHT_ELEMENT = "InputRightElement",
8
- INPUT_CONTAINER = "InputContainer",
9
- INPUT_LABEL = "InputLabel",
10
- INPUT_GROUP = "InputGroup",
11
- INPUT = "Input"
12
- }
13
- export type Placement = 'left' | 'right';
@@ -1,20 +0,0 @@
1
- import { InputV2Props } from './types';
2
- import * as React from 'react';
3
- /**
4
- * InputV2 component - A custom input component with extended functionality and built-in error handling.
5
- *
6
- * @param {InputV2Props} props - The props object containing configurations and attributes for the input element.
7
- * @param {React.Ref<HTMLInputElement>} ref - A React ref that can be used to access the input element directly.
8
- *
9
- * @returns {JSX.Element} A JSX element representing the custom input field.
10
- *
11
- * @example
12
- * <InputV2 placeholder="Enter your name" />
13
- *
14
- * @example
15
- * <InputV2 errorMsg="Name is required" placeholder="Enter your name" />
16
- * @example
17
- * with formik
18
- * <InputV2 {...formik.getFieldProps(key)} placeholder="Enter your name" />
19
- */
20
- export declare const InputV2: React.ForwardRefExoticComponent<InputV2Props & React.RefAttributes<HTMLInputElement>>;
@@ -1,64 +0,0 @@
1
- import { InputAdornmentProps, INPUT_COMPONENTS } from './types';
2
-
3
- /**
4
- * Component for rendering an adornment on the left side of an input.
5
- * It can either display static content or function as a dropdown trigger.
6
- *
7
- * @param {InputAdornmentProps} props - The properties for the InputLeftAdornment component.
8
- * @param {React.ReactNode} props.children - The content to display inside the adornment.
9
- * @param {boolean} [props.isLoading=false] - Indicates if the dropdown is in a loading state.
10
- * @param {boolean} [props.disabled] - Whether the adornment is disabled.
11
- * @param {boolean} [props.isDropdown] - Whether the adornment is a dropdown trigger.
12
- * @param {DropdownOption[]} [props.options] - Options to display in the dropdown.
13
- * @param {boolean} [props.hideSearch=false] - Whether to hide the search input in the dropdown.
14
- * @param {(value: string) => void} [props.onOptionSelect] - Callback for when an option is selected.
15
- *
16
- * @returns {JSX.Element} The left adornment for an input field.
17
- *
18
- * @example
19
- * <InputGroupV2>
20
- * <InputV2 />
21
- * <InputLeftAdornment>...</InputLeftAdornment>
22
- * </InputGroupV2>
23
- *
24
- * @example
25
- * <InputGroupV2>
26
- * <InputLeftAdornment isDropdown options={options} onOptionSelect={handleSelect}>...</InputLeftAdornment>
27
- * <InputV2 />
28
- * </InputGroupV2>
29
- */
30
- export declare function InputLeftAdornment({ children, isLoading, disabled, isDropdown, options, hideSearch, onOptionSelect, }: InputAdornmentProps): import("react/jsx-runtime").JSX.Element;
31
- export declare namespace InputLeftAdornment {
32
- var displayName: INPUT_COMPONENTS;
33
- }
34
- /**
35
- * Component for rendering an adornment on the right side of an input.
36
- * It can either display static content or function as a dropdown trigger.
37
- *
38
- * @param {InputAdornmentProps} props - The properties for the InputRightAdornment component.
39
- * @param {React.ReactNode} props.children - The content to display inside the adornment.
40
- * @param {boolean} [props.isLoading=false] - Indicates if the dropdown is in a loading state.
41
- * @param {boolean} [props.disabled] - Whether the adornment is disabled.
42
- * @param {boolean} [props.isDropdown] - Whether the adornment is a dropdown trigger.
43
- * @param {DropdownOption[]} [props.options] - Options to display in the dropdown.
44
- * @param {boolean} [props.hideSearch=false] - Whether to hide the search input in the dropdown.
45
- * @param {(value: string) => void} [props.onOptionSelect] - Callback for when an option is selected.
46
- *
47
- * @returns {JSX.Element} The right adornment for an input field.
48
- *
49
- * @example
50
- * <InputGroupV2>
51
- * <InputV2 />
52
- * <InputRightAdornment>...</InputRightAdornment>
53
- * </InputGroupV2>
54
- *
55
- * @example
56
- * <InputGroupV2>
57
- * <InputRightAdornment isDropdown options={options} onOptionSelect={handleSelect}>...</InputRightAdornment>
58
- * <InputV2 />
59
- * </InputGroupV2>
60
- */
61
- export declare function InputRightAdornment({ children, isLoading, disabled, isDropdown, options, hideSearch, onOptionSelect, }: InputAdornmentProps): import("react/jsx-runtime").JSX.Element;
62
- export declare namespace InputRightAdornment {
63
- var displayName: INPUT_COMPONENTS;
64
- }
@@ -1,27 +0,0 @@
1
- import { InputControlPropsV2, INPUT_COMPONENTS } from './types';
2
-
3
- /**
4
- * InputControlV2 is a wrapper component that provides a container for form control elements.
5
- * It applies consistent styling to its children, typically used for grouping form elements like
6
- * labels, inputs, and additional controls.
7
- *
8
- * @param {InputControlPropsV2} props - The properties for the InputControlV2 component.
9
- * @param {string} [props.className=''] - Additional class names to apply to the control container.
10
- * @param {React.ReactNode} props.children - The content to be rendered within the control container.
11
- * @param {React.HTMLAttributes<HTMLDivElement>} [props] - Additional HTML attributes to apply to the control container.
12
- *
13
- * @returns {JSX.Element} The rendered control container with the specified children.
14
- *
15
- * @example
16
- * <InputControlV2>
17
- * <LabelV2>Username</LabelV2>
18
- * <InputV2
19
- * placeholder="Enter"
20
- * errorMsg="This field is required"
21
- * />
22
- * </InputControlV2>
23
- */
24
- export declare function InputControlV2({ className, children, ...props }: InputControlPropsV2): import("react/jsx-runtime").JSX.Element;
25
- export declare namespace InputControlV2 {
26
- var displayName: INPUT_COMPONENTS;
27
- }
@@ -1,32 +0,0 @@
1
- import { INPUT_COMPONENTS, InputCountProps } from './types';
2
-
3
- /**
4
- * InputCount is a specialized input component that allows users to increment
5
- * or decrement a numeric value within a specified range. It includes buttons
6
- * for incrementing and decrementing the value, and supports keyboard input for
7
- * adjusting the count.
8
- *
9
- * @param {InputCountProps} props - The properties for the InputCount component.
10
- * @param {(value: number) => void} props.onCountChange - Callback function called when the count value changes.
11
- * @param {number} [props.min=-Infinity] - The minimum value that the count can be set to.
12
- * @param {number} [props.max=Infinity] - The maximum value that the count can be set to.
13
- * @param {number} [props.count=0] - The current count value.
14
- * @param {string} [props.countContainerClassName] - Additional class names to apply to the container.
15
- * @param {boolean} [props.disabled] - Whether the input is disabled.
16
- * @param {React.InputHTMLAttributes<HTMLInputElement>} [props] - Additional HTML input attributes.
17
- *
18
- * @returns {JSX.Element} The rendered InputCount component.
19
- *
20
- * @example
21
- * <InputCount
22
- * onCountChange={(value) => console.log(value)}
23
- * min={0}
24
- * max={10}
25
- * count={5}
26
- * disabled={false}
27
- * />
28
- */
29
- export declare function InputCount({ onCountChange, min, max, count, countContainerClassName, disabled, ...props }: InputCountProps): import("react/jsx-runtime").JSX.Element;
30
- export declare namespace InputCount {
31
- var displayName: INPUT_COMPONENTS;
32
- }
@@ -1,6 +0,0 @@
1
- import { InputGroupPropsV2, INPUT_COMPONENTS } from './types';
2
-
3
- export declare function InputGroupV2({ className, children, ...props }: InputGroupPropsV2): import("react/jsx-runtime").JSX.Element;
4
- export declare namespace InputGroupV2 {
5
- var displayName: INPUT_COMPONENTS;
6
- }
@@ -1,48 +0,0 @@
1
- import { InputIconProps, INPUT_COMPONENTS } from './types';
2
-
3
- /**
4
- * InputLeftIcon renders an icon on the left side of an input field.
5
- * If `onClick` is provided, the icon is rendered as a button.
6
- *
7
- * @param {InputIconProps} props - The properties for the InputLeftIcon component.
8
- * @param {string} props.icon - The SVG path for the icon to display.
9
- * @param {() => void} [props.onClick] - Optional click handler for the icon. When provided, the icon is rendered as a button.
10
- * @param {React.CSSProperties} [props.iconStyles] - Optional inline styles to apply to the icon.
11
- * @param {boolean} [props.disabled=false] - Whether the icon or button is disabled.
12
- * @param {string} [props.className] - Additional class names to apply to the icon container.
13
- *
14
- * @returns {JSX.Element} The rendered InputLeftIcon component.
15
- *
16
- * @example
17
- * <InputGroupV2>
18
- * <InputLeftIcon icon={...} />
19
- * <InputV2 />
20
- * </InputGroupV2>
21
- */
22
- export declare function InputLeftIcon({ icon, onClick, iconStyles, disabled, className, }: InputIconProps): import("react/jsx-runtime").JSX.Element;
23
- export declare namespace InputLeftIcon {
24
- var displayName: INPUT_COMPONENTS;
25
- }
26
- /**
27
- * InputRightIcon renders an icon on the right side of an input field.
28
- * If `onClick` is provided, the icon is rendered as a button.
29
- *
30
- * @param {InputIconProps} props - The properties for the InputRightIcon component.
31
- * @param {string} props.icon - The SVG path for the icon to display.
32
- * @param {() => void} [props.onClick] - Optional click handler for the icon. When provided, the icon is rendered as a button.
33
- * @param {React.CSSProperties} [props.iconStyles] - Optional inline styles to apply to the icon.
34
- * @param {boolean} [props.disabled=false] - Whether the icon or button is disabled.
35
- * @param {string} [props.className] - Additional class names to apply to the icon container.
36
- *
37
- * @returns {JSX.Element} The rendered InputRightIcon component.
38
- *
39
- * @example
40
- * <InputGroupV2>
41
- * <InputV2 />
42
- * <InputRightIcon icon={...} />
43
- * </InputGroupV2>
44
- */
45
- export declare function InputRightIcon({ icon, onClick, iconStyles, disabled, className, }: InputIconProps): import("react/jsx-runtime").JSX.Element;
46
- export declare namespace InputRightIcon {
47
- var displayName: INPUT_COMPONENTS;
48
- }
@@ -1,24 +0,0 @@
1
- import { INPUT_COMPONENTS, InputNumberProps } from './types';
2
-
3
- /**
4
- * InputNumber is a numeric input component with increment and decrement controls.
5
- * It ensures that the value stays within the specified min and max bounds.
6
- *
7
- * @param {InputNumberProps} props - The properties for the InputNumber component.
8
- * @param {(value: number) => void} props.onCountChange - Callback function that is called when the numeric value changes.
9
- * @param {number} [props.min=-Infinity] - The minimum value allowed.
10
- * @param {number} [props.max=Infinity] - The maximum value allowed.
11
- * @param {number} [props.count=0] - The initial value of the input.
12
- * @param {string} [props.countContainerClassName] - Additional class names for the container of the numeric input.
13
- * @param {boolean} [props.disabled=false] - Whether the input and controls are disabled.
14
- * @param {React.InputHTMLAttributes<HTMLInputElement>} props - Additional props are passed to the underlying input component.
15
- *
16
- * @returns {JSX.Element} The rendered InputNumber component.
17
- *
18
- * @example
19
- * <InputNumber onCountChange={(value) => ...)} count={5} min={0} max={10} />
20
- */
21
- export declare function InputNumber({ onCountChange, min, max, count, countContainerClassName, disabled, ...props }: InputNumberProps): import("react/jsx-runtime").JSX.Element;
22
- export declare namespace InputNumber {
23
- var displayName: INPUT_COMPONENTS;
24
- }
@@ -1,24 +0,0 @@
1
- import { LabelPropsV2, INPUT_COMPONENTS } from './types';
2
-
3
- /**
4
- * LabelV2 is a label component that can display additional information via a tooltip,
5
- * mark the field as required, and adjust styles based on the disabled state.
6
- *
7
- * @param {LabelPropsV2} props - The properties for the LabelV2 component.
8
- * @param {string} [props.className=''] - Additional class names to apply to the label element.
9
- * @param {string} [props.info=''] - Information text to be displayed in a tooltip. If provided, an info icon will appear next to the label.
10
- * @param {boolean} [props.disabled=false] - Whether the label and its associated input are disabled.
11
- * @param {boolean} [props.required=false] - Whether the associated input field is required. If true, an asterisk (*) will be displayed.
12
- * @param {object} [props.tooltipProps={}] - Optional props to pass to the TooltipV2 component.
13
- * @param {React.ReactNode} props.children - The content of the label, usually text.
14
- * @returns {JSX.Element} The rendered LabelV2 component.
15
- *
16
- * @example
17
- * <LabelV2 required info="This field is required">
18
- * Username
19
- * </LabelV2>
20
- */
21
- export declare function LabelV2({ className, info, disabled, required, tooltipProps, children, ...props }: LabelPropsV2): import("react/jsx-runtime").JSX.Element;
22
- export declare namespace LabelV2 {
23
- var displayName: INPUT_COMPONENTS;
24
- }