@tecsinapse/cortex-react 1.3.0-beta.8 → 1.3.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 (252) hide show
  1. package/dist/cjs/components/Badge.js +22 -3
  2. package/dist/cjs/components/{Breadcrumbs.js → Breadcrumbs/Breadcrumbs.js} +1 -1
  3. package/dist/cjs/components/Button.js +1 -1
  4. package/dist/cjs/components/{Calendar.js → Calendar/Calendar.js} +1 -1
  5. package/dist/cjs/components/{CalendarCell.js → Calendar/CalendarCell.js} +5 -5
  6. package/dist/cjs/components/{CalendarGrid.js → Calendar/CalendarGrid.js} +1 -1
  7. package/dist/cjs/components/{CalendarGridHeaderRow.js → Calendar/CalendarGridHeaderRow.js} +1 -1
  8. package/dist/cjs/components/{CalendarHeader.js → Calendar/CalendarHeader.js} +1 -1
  9. package/dist/cjs/components/{RangeCalendar.js → Calendar/RangeCalendar.js} +1 -1
  10. package/dist/cjs/components/DatePicker/Content.js +21 -0
  11. package/dist/cjs/components/DatePicker/DatePickerInput.js +52 -0
  12. package/dist/cjs/components/{DatePickerInputBase.js → DatePicker/DatePickerInputBase.js} +3 -5
  13. package/dist/cjs/components/{DateRangePickerInput.js → DatePicker/DateRangePickerInput.js} +14 -12
  14. package/dist/cjs/components/Drawer.js +1 -1
  15. package/dist/cjs/components/Hint.js +5 -15
  16. package/dist/cjs/components/Input/Mask.js +33 -0
  17. package/dist/cjs/components/Input/Search.js +7 -1
  18. package/dist/cjs/components/Input/index.js +3 -1
  19. package/dist/cjs/components/Input/masks.js +43 -0
  20. package/dist/cjs/components/Menubar/Dropdown.js +1 -1
  21. package/dist/cjs/components/Menubar/Header.js +4 -5
  22. package/dist/cjs/components/Menubar/Item.js +1 -1
  23. package/dist/cjs/components/Menubar/MostUsedList.js +14 -5
  24. package/dist/cjs/components/Modal.js +1 -1
  25. package/dist/cjs/components/Popover/Content.js +2 -2
  26. package/dist/cjs/components/Popover/Trigger.js +2 -2
  27. package/dist/cjs/components/RadioButton.js +22 -0
  28. package/dist/cjs/components/Select/Content.js +4 -10
  29. package/dist/cjs/components/Select/GroupedOptions.js +11 -3
  30. package/dist/cjs/components/Select/MultiCheckAllOptions.js +47 -0
  31. package/dist/cjs/components/Select/MultiGroupedOptions.js +51 -0
  32. package/dist/cjs/components/Select/MultiOption.js +43 -0
  33. package/dist/cjs/components/Select/MultiOptions.js +33 -0
  34. package/dist/cjs/components/Select/Option.js +4 -2
  35. package/dist/cjs/components/Select/Options.js +11 -2
  36. package/dist/cjs/components/Select/Popover.js +1 -1
  37. package/dist/cjs/components/Select/Root.js +3 -10
  38. package/dist/cjs/components/Select/SkeletonOptions.js +11 -0
  39. package/dist/cjs/components/Select/Trigger.js +14 -8
  40. package/dist/cjs/components/Select/context.js +4 -0
  41. package/dist/cjs/components/Select/index.js +9 -1
  42. package/dist/cjs/components/Select/utils.js +16 -0
  43. package/dist/cjs/components/Skeleton.js +1 -5
  44. package/dist/cjs/components/Tag.js +2 -9
  45. package/dist/cjs/components/TextArea/Box.js +47 -0
  46. package/dist/cjs/components/TextArea/Face.js +27 -0
  47. package/dist/cjs/components/TextArea/Left.js +10 -0
  48. package/dist/cjs/components/TextArea/Right.js +10 -0
  49. package/dist/cjs/components/TextArea/Root.js +11 -0
  50. package/dist/cjs/components/TextArea/index.js +17 -0
  51. package/dist/cjs/components/TextArea/utils.js +11 -0
  52. package/dist/cjs/components/{TimeField.js → TimeField/TimeField.js} +3 -3
  53. package/dist/cjs/components/{TimeFieldInput.js → TimeField/TimeFieldInput.js} +3 -3
  54. package/dist/cjs/components/Tooltip.js +3 -2
  55. package/dist/cjs/components/utils.js +5 -0
  56. package/dist/cjs/hooks/useSelectGroupedOptions.js +35 -0
  57. package/dist/cjs/hooks/useSelectOptions.js +35 -0
  58. package/dist/cjs/index.js +42 -15
  59. package/dist/cjs/provider/MenubarProvider.js +1 -1
  60. package/dist/cjs/provider/SnackbarProvider.js +17 -47
  61. package/dist/cjs/service/SnackbarSonner.js +14 -5
  62. package/dist/cjs/styles/menubar.js +11 -3
  63. package/dist/esm/components/Avatar.js +6 -6
  64. package/dist/esm/components/Badge.js +2 -1
  65. package/dist/esm/components/{BreadcrumbItem.js → Breadcrumbs/BreadcrumbItem.js} +4 -4
  66. package/dist/esm/components/{Breadcrumbs.js → Breadcrumbs/Breadcrumbs.js} +4 -4
  67. package/dist/esm/components/Button.js +2 -2
  68. package/dist/esm/components/{Calendar.js → Calendar/Calendar.js} +4 -4
  69. package/dist/esm/components/{CalendarCell.js → Calendar/CalendarCell.js} +8 -8
  70. package/dist/esm/components/Calendar/CalendarGrid.js +22 -0
  71. package/dist/esm/components/Calendar/CalendarGridBodyRows.js +10 -0
  72. package/dist/esm/components/Calendar/CalendarGridHeaderRow.js +10 -0
  73. package/dist/esm/components/{CalendarHeader.js → Calendar/CalendarHeader.js} +8 -8
  74. package/dist/esm/components/{RangeCalendar.js → Calendar/RangeCalendar.js} +5 -5
  75. package/dist/esm/components/Card.js +2 -2
  76. package/dist/esm/components/DatePicker/Content.js +19 -0
  77. package/dist/esm/components/{DateField.js → DatePicker/DateField.js} +3 -3
  78. package/dist/esm/components/DatePicker/DatePickerInput.js +50 -0
  79. package/dist/esm/components/DatePicker/DatePickerInputBase.js +20 -0
  80. package/dist/esm/components/DatePicker/DateRangePickerInput.js +63 -0
  81. package/dist/esm/components/{DateSegment.js → DatePicker/DateSegment.js} +3 -3
  82. package/dist/esm/components/Divider.js +2 -2
  83. package/dist/esm/components/Drawer.js +3 -3
  84. package/dist/esm/components/GroupButton.js +3 -3
  85. package/dist/esm/components/Hint.js +5 -15
  86. package/dist/esm/components/Input/Box.js +4 -4
  87. package/dist/esm/components/Input/Face.js +6 -6
  88. package/dist/esm/components/Input/Left.js +3 -3
  89. package/dist/esm/components/Input/Mask.js +31 -0
  90. package/dist/esm/components/Input/Right.js +3 -3
  91. package/dist/esm/components/Input/Root.js +3 -3
  92. package/dist/esm/components/Input/Search.js +10 -4
  93. package/dist/esm/components/Input/index.js +3 -1
  94. package/dist/esm/components/Input/masks.js +38 -0
  95. package/dist/esm/components/Masonry.js +6 -6
  96. package/dist/esm/components/Menubar/Categories.js +2 -2
  97. package/dist/esm/components/Menubar/Category.js +2 -2
  98. package/dist/esm/components/Menubar/Dropdown.js +3 -3
  99. package/dist/esm/components/Menubar/DropdownRoot.js +4 -4
  100. package/dist/esm/components/Menubar/Header.js +7 -8
  101. package/dist/esm/components/Menubar/IconControlSubItem.js +2 -2
  102. package/dist/esm/components/Menubar/Item.js +3 -3
  103. package/dist/esm/components/Menubar/ItemLink.js +2 -2
  104. package/dist/esm/components/Menubar/Left.js +2 -2
  105. package/dist/esm/components/Menubar/MostUsed.js +2 -2
  106. package/dist/esm/components/Menubar/MostUsedItem.js +4 -4
  107. package/dist/esm/components/Menubar/MostUsedList.js +18 -9
  108. package/dist/esm/components/Menubar/Right.js +2 -2
  109. package/dist/esm/components/Menubar/Root.js +2 -2
  110. package/dist/esm/components/Menubar/Search.js +2 -2
  111. package/dist/esm/components/Menubar/SubItem.js +2 -2
  112. package/dist/esm/components/Modal.js +3 -3
  113. package/dist/esm/components/Popover/Content.js +4 -4
  114. package/dist/esm/components/Popover/Provider.js +2 -2
  115. package/dist/esm/components/Popover/Root.js +2 -2
  116. package/dist/esm/components/Popover/Trigger.js +2 -2
  117. package/dist/esm/components/ProgressBar.js +4 -4
  118. package/dist/esm/components/RadioButton.js +20 -0
  119. package/dist/esm/components/Select/Content.js +5 -11
  120. package/dist/esm/components/Select/GroupedOptions.js +12 -4
  121. package/dist/esm/components/Select/MultiCheckAllOptions.js +45 -0
  122. package/dist/esm/components/Select/MultiGroupedOptions.js +49 -0
  123. package/dist/esm/components/Select/MultiOption.js +41 -0
  124. package/dist/esm/components/Select/MultiOptions.js +31 -0
  125. package/dist/esm/components/Select/Option.js +6 -4
  126. package/dist/esm/components/Select/Options.js +12 -3
  127. package/dist/esm/components/Select/Popover.js +2 -2
  128. package/dist/esm/components/Select/Root.js +4 -11
  129. package/dist/esm/components/Select/SkeletonOptions.js +9 -0
  130. package/dist/esm/components/Select/Trigger.js +17 -11
  131. package/dist/esm/components/Select/context.js +4 -1
  132. package/dist/esm/components/Select/index.js +9 -1
  133. package/dist/esm/components/Select/utils.js +14 -0
  134. package/dist/esm/components/Skeleton.js +3 -7
  135. package/dist/esm/components/Snackbar/BaseSnackbar.js +11 -0
  136. package/dist/esm/components/{DefaultSnack.js → Snackbar/DefaultSnack.js} +4 -4
  137. package/dist/esm/components/Table.js +9 -9
  138. package/dist/esm/components/Tag.js +2 -9
  139. package/dist/esm/components/TextArea/Box.js +45 -0
  140. package/dist/esm/components/TextArea/Face.js +25 -0
  141. package/dist/esm/components/TextArea/Left.js +8 -0
  142. package/dist/esm/components/TextArea/Right.js +8 -0
  143. package/dist/esm/components/TextArea/Root.js +9 -0
  144. package/dist/esm/components/TextArea/index.js +15 -0
  145. package/dist/esm/components/TextArea/utils.js +9 -0
  146. package/dist/esm/components/TimeField/TimeField.js +10 -0
  147. package/dist/esm/components/TimeField/TimeFieldInput.js +20 -0
  148. package/dist/esm/components/Toggle.js +4 -4
  149. package/dist/esm/components/Tooltip.js +5 -4
  150. package/dist/esm/components/utils.js +5 -1
  151. package/dist/esm/hooks/useSelectGroupedOptions.js +33 -0
  152. package/dist/esm/hooks/useSelectOptions.js +33 -0
  153. package/dist/esm/hooks/useTimeField.js +2 -2
  154. package/dist/esm/index.js +21 -10
  155. package/dist/esm/provider/MenubarProvider.js +4 -4
  156. package/dist/esm/provider/SnackbarProvider.js +17 -48
  157. package/dist/esm/service/SnackbarSonner.js +16 -7
  158. package/dist/esm/styles/menubar.js +11 -3
  159. package/dist/types/components/Avatar.d.ts +1 -2
  160. package/dist/types/components/Badge.d.ts +4 -5
  161. package/dist/types/components/{BreadcrumbItem.d.ts → Breadcrumbs/BreadcrumbItem.d.ts} +6 -1
  162. package/dist/types/components/{Breadcrumbs.d.ts → Breadcrumbs/Breadcrumbs.d.ts} +2 -6
  163. package/dist/types/components/Breadcrumbs/index.d.ts +2 -0
  164. package/dist/types/components/Button.d.ts +2 -3
  165. package/dist/types/components/{RangeCalendar.d.ts → Calendar/RangeCalendar.d.ts} +1 -2
  166. package/dist/types/components/Calendar/index.d.ts +2 -0
  167. package/dist/types/components/DatePicker/Content.d.ts +5 -0
  168. package/dist/types/components/{DatePickerInput.d.ts → DatePicker/DatePickerInput.d.ts} +1 -1
  169. package/dist/types/components/{DatePickerInputBase.d.ts → DatePicker/DatePickerInputBase.d.ts} +2 -3
  170. package/dist/types/components/{DateRangePickerInput.d.ts → DatePicker/DateRangePickerInput.d.ts} +2 -2
  171. package/dist/types/components/DatePicker/index.d.ts +5 -0
  172. package/dist/types/components/Drawer.d.ts +1 -2
  173. package/dist/types/components/Hint.d.ts +4 -11
  174. package/dist/types/components/Input/Mask.d.ts +3 -0
  175. package/dist/types/components/Input/index.d.ts +2 -0
  176. package/dist/types/components/Input/masks.d.ts +39 -0
  177. package/dist/types/components/Input/types.d.ts +11 -0
  178. package/dist/types/components/Popover/Provider.d.ts +1 -1
  179. package/dist/types/components/Popover/Trigger.d.ts +1 -1
  180. package/dist/types/components/Popover/index.d.ts +1 -1
  181. package/dist/types/components/RadioButton.d.ts +6 -0
  182. package/dist/types/components/Select/Content.d.ts +2 -9
  183. package/dist/types/components/Select/GroupedOptions.d.ts +1 -5
  184. package/dist/types/components/Select/MultiCheckAllOptions.d.ts +2 -0
  185. package/dist/types/components/Select/MultiGroupedOptions.d.ts +2 -0
  186. package/dist/types/components/Select/MultiOption.d.ts +2 -0
  187. package/dist/types/components/Select/MultiOptions.d.ts +2 -0
  188. package/dist/types/components/Select/Option.d.ts +2 -5
  189. package/dist/types/components/Select/Options.d.ts +1 -4
  190. package/dist/types/components/Select/Popover.d.ts +1 -4
  191. package/dist/types/components/Select/Root.d.ts +1 -7
  192. package/dist/types/components/Select/SkeletonOptions.d.ts +1 -0
  193. package/dist/types/components/Select/Trigger.d.ts +2 -5
  194. package/dist/types/components/Select/context.d.ts +6 -1
  195. package/dist/types/components/Select/index.d.ts +11 -6
  196. package/dist/types/components/Select/types.d.ts +51 -0
  197. package/dist/types/components/Select/utils.d.ts +1 -0
  198. package/dist/types/components/Skeleton.d.ts +6 -4
  199. package/dist/types/components/Snackbar/index.d.ts +2 -0
  200. package/dist/types/components/Tag.d.ts +1 -1
  201. package/dist/types/components/TextArea/Box.d.ts +3 -0
  202. package/dist/types/components/TextArea/Face.d.ts +3 -0
  203. package/dist/types/components/TextArea/Left.d.ts +3 -0
  204. package/dist/types/components/TextArea/Right.d.ts +3 -0
  205. package/dist/types/components/TextArea/Root.d.ts +3 -0
  206. package/dist/types/components/TextArea/index.d.ts +8 -0
  207. package/dist/types/components/TextArea/types.d.ts +15 -0
  208. package/dist/types/components/TextArea/utils.d.ts +2 -0
  209. package/dist/types/components/{TimeField.d.ts → TimeField/TimeField.d.ts} +1 -2
  210. package/dist/types/components/{TimeFieldInput.d.ts → TimeField/TimeFieldInput.d.ts} +1 -1
  211. package/dist/types/components/TimeField/index.d.ts +2 -0
  212. package/dist/types/components/Tooltip.d.ts +1 -1
  213. package/dist/types/components/index.d.ts +4 -6
  214. package/dist/types/components/utils.d.ts +2 -0
  215. package/dist/types/hooks/index.d.ts +3 -1
  216. package/dist/types/hooks/useSelectGroupedOptions.d.ts +9 -0
  217. package/dist/types/hooks/useSelectOptions.d.ts +9 -0
  218. package/dist/types/index.d.ts +1 -0
  219. package/dist/types/styles/menubar.d.ts +47 -43
  220. package/dist/types/tests/Input/Mask.test.d.ts +1 -0
  221. package/dist/types/tests/RadioButton.test.d.ts +1 -0
  222. package/package.json +4 -3
  223. package/dist/cjs/components/DatePickerInput.js +0 -49
  224. package/dist/cjs/components/TextArea.js +0 -83
  225. package/dist/esm/components/BaseSnackbar.js +0 -11
  226. package/dist/esm/components/CalendarGrid.js +0 -22
  227. package/dist/esm/components/CalendarGridBodyRows.js +0 -10
  228. package/dist/esm/components/CalendarGridHeaderRow.js +0 -10
  229. package/dist/esm/components/DatePickerInput.js +0 -47
  230. package/dist/esm/components/DatePickerInputBase.js +0 -22
  231. package/dist/esm/components/DateRangePickerInput.js +0 -61
  232. package/dist/esm/components/TextArea.js +0 -81
  233. package/dist/esm/components/TimeField.js +0 -10
  234. package/dist/esm/components/TimeFieldInput.js +0 -20
  235. package/dist/types/components/SearchInput.d.ts +0 -0
  236. package/dist/types/components/TextArea.d.ts +0 -24
  237. package/dist/cjs/components/{BreadcrumbItem.js → Breadcrumbs/BreadcrumbItem.js} +0 -0
  238. package/dist/cjs/components/{CalendarGridBodyRows.js → Calendar/CalendarGridBodyRows.js} +0 -0
  239. package/dist/cjs/components/{DateField.js → DatePicker/DateField.js} +0 -0
  240. package/dist/cjs/components/{DateSegment.js → DatePicker/DateSegment.js} +0 -0
  241. package/dist/cjs/components/{BaseSnackbar.js → Snackbar/BaseSnackbar.js} +1 -1
  242. package/dist/cjs/components/{DefaultSnack.js → Snackbar/DefaultSnack.js} +1 -1
  243. package/dist/types/components/{Calendar.d.ts → Calendar/Calendar.d.ts} +0 -0
  244. package/dist/types/components/{CalendarCell.d.ts → Calendar/CalendarCell.d.ts} +0 -0
  245. package/dist/types/components/{CalendarGrid.d.ts → Calendar/CalendarGrid.d.ts} +0 -0
  246. package/dist/types/components/{CalendarGridBodyRows.d.ts → Calendar/CalendarGridBodyRows.d.ts} +0 -0
  247. package/dist/types/components/{CalendarGridHeaderRow.d.ts → Calendar/CalendarGridHeaderRow.d.ts} +0 -0
  248. package/dist/types/components/{CalendarHeader.d.ts → Calendar/CalendarHeader.d.ts} +0 -0
  249. package/dist/types/components/{DateField.d.ts → DatePicker/DateField.d.ts} +0 -0
  250. package/dist/types/components/{DateSegment.d.ts → DatePicker/DateSegment.d.ts} +0 -0
  251. package/dist/types/components/{BaseSnackbar.d.ts → Snackbar/BaseSnackbar.d.ts} +1 -1
  252. /package/dist/types/components/{DefaultSnack.d.ts → Snackbar/DefaultSnack.d.ts} +0 -0
@@ -0,0 +1 @@
1
+ export declare const SkeletonOptions: () => JSX.Element;
@@ -1,5 +1,2 @@
1
- export interface SelectTriggerProps {
2
- label: string;
3
- disabled?: boolean;
4
- }
5
- export declare const SelectTrigger: ({ label, disabled }: SelectTriggerProps) => JSX.Element;
1
+ import { SelectTriggerProps } from './types';
2
+ export declare const SelectTrigger: ({ label, placeholder, disabled, }: SelectTriggerProps) => JSX.Element;
@@ -1,7 +1,12 @@
1
1
  interface SelectContextProps<T> {
2
- value?: T;
2
+ value?: T | T[];
3
3
  keyExtractor: (value: T) => string;
4
4
  labelExtractor: (value: T) => string;
5
5
  }
6
6
  export declare const SelectContext: import("react").Context<SelectContextProps<any>>;
7
+ interface SelectMultiOptionsContextProps<T> {
8
+ options?: T[];
9
+ onSelect: (value: T[]) => void;
10
+ }
11
+ export declare const SelectMultiOptionsContext: import("react").Context<SelectMultiOptionsContextProps<any>>;
7
12
  export {};
@@ -1,8 +1,13 @@
1
1
  export declare const Select: {
2
- Root: <T>({ children, value, keyExtractor, labelExtractor, }: import("./Root").SelectRootProps<T>) => JSX.Element;
3
- Trigger: ({ label, disabled }: import("./Trigger").SelectTriggerProps) => JSX.Element;
4
- Popover: ({ children }: import("./Popover").SelectPopoverProps) => JSX.Element;
5
- Options: <T_1>({ onSelect, options, }: import("./Options").SelectOptionsProps<T_1>) => JSX.Element;
6
- GroupedOptions: <T_2>({ onSelect, groupedLabelExtractor, options, }: import("./GroupedOptions").SelectGroupedOptionsProps<T_2>) => JSX.Element;
7
- Option: <T_3>({ onSelectOption, option, }: import("./Option").SelectOptionProps<T_3>) => JSX.Element;
2
+ Root: <T>({ children, value, keyExtractor, labelExtractor, }: import("./types").SelectRootProps<T>) => JSX.Element;
3
+ Trigger: ({ label, placeholder, disabled, }: import("./types").SelectTriggerProps) => JSX.Element;
4
+ Popover: ({ children }: import("./types").SelectPopoverProps) => JSX.Element;
5
+ Options: <T_1>({ onSelect, options, }: import("./types").SelectOptionsProps<T_1>) => JSX.Element;
6
+ GroupedOptions: <T_2>({ onSelect, groupedLabelExtractor, options, }: import("./types").SelectGroupedOptionsProps<T_2>) => JSX.Element;
7
+ Option: <T_3>({ onSelectOption, option, grouped, }: import("./types").SelectOptionProps<T_3>) => JSX.Element;
8
+ MultiOptions: <T_4>({ onSelect, options, children, }: import("./types").SelectMultiOptionsProps<T_4>) => JSX.Element;
9
+ MultiGroupedOptions: <T_5>({ onSelect, groupedLabelExtractor, options, children, }: import("./types").SelectMultiGroupedOptionsProps<T_5>) => JSX.Element;
10
+ MultiOption: <T_6>({ onSelectOption, option, grouped, }: import("./types").SelectMultiOptionProps<T_6>) => JSX.Element;
11
+ MultiCheckAllOptions: <T_7>({ checkAllLabel, }: import("./types").SelectMultiCheckAllOptionsProps) => JSX.Element;
8
12
  };
13
+ export * from './types';
@@ -0,0 +1,51 @@
1
+ import { ReactNode } from 'react';
2
+ export interface ContentProps {
3
+ children: ReactNode;
4
+ }
5
+ export interface SelectGroupedOptionsProps<T> {
6
+ onSelect: (value: T) => void;
7
+ options?: Map<string, T[]> | (() => Promise<Map<string, T[]>>);
8
+ groupedLabelExtractor: (value: string) => string;
9
+ }
10
+ export interface SelectMultiCheckAllOptionsProps {
11
+ checkAllLabel?: string;
12
+ }
13
+ export interface SelectMultiGroupedOptionsProps<T> {
14
+ onSelect: (value: T[]) => void;
15
+ options?: Map<string, T[]> | (() => Promise<Map<string, T[]>>);
16
+ groupedLabelExtractor: (value: string) => string;
17
+ children?: React.ReactNode;
18
+ }
19
+ export interface SelectMultiOptionProps<T> {
20
+ option: T;
21
+ onSelectOption: (option: T) => void;
22
+ grouped?: boolean;
23
+ }
24
+ export interface SelectMultiOptionsProps<T> {
25
+ options?: T[] | (() => Promise<T[]>);
26
+ onSelect: (value: T[]) => void;
27
+ children?: React.ReactNode;
28
+ }
29
+ export interface SelectOptionProps<T> {
30
+ option: T;
31
+ onSelectOption: (option: T) => void;
32
+ grouped?: boolean;
33
+ }
34
+ export interface SelectOptionsProps<T> {
35
+ options?: T[] | (() => Promise<T[]>);
36
+ onSelect: (value: T) => void;
37
+ }
38
+ export interface SelectPopoverProps {
39
+ children: ReactNode;
40
+ }
41
+ export interface SelectRootProps<T> {
42
+ children: ReactNode;
43
+ value?: T | T[];
44
+ keyExtractor: (value: T) => string;
45
+ labelExtractor: (value: T) => string;
46
+ }
47
+ export interface SelectTriggerProps {
48
+ label: string;
49
+ placeholder?: string;
50
+ disabled?: boolean;
51
+ }
@@ -0,0 +1 @@
1
+ export declare const handleSelectMulti: <T>(option: T, value: T[], onSelect: (value: T[]) => void, keyExtractor: (value: T) => string) => void;
@@ -1,4 +1,6 @@
1
- import React, { ReactNode } from 'react';
2
- export declare const Skeleton: ({ className, children, ...rest }: React.HTMLAttributes<HTMLDivElement> & {
3
- children?: ReactNode;
4
- }) => JSX.Element;
1
+ import React from 'react';
2
+ interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ children?: React.ReactNode;
4
+ }
5
+ export declare const Skeleton: ({ className, children, ...rest }: SkeletonProps) => JSX.Element;
6
+ export {};
@@ -0,0 +1,2 @@
1
+ export * from './BaseSnackbar';
2
+ export * from './DefaultSnack';
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
1
  import { TagVariants } from '@tecsinapse/cortex-core';
2
+ import React from 'react';
3
3
  interface TagProps {
4
4
  variants?: TagVariants;
5
5
  label: string;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { TextAreaProps } from './types';
3
+ export declare const TextAreaBox: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { TextAreaFaceProps } from './types';
3
+ export declare const TextAreaFace: React.ForwardRefExoticComponent<TextAreaFaceProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { TextAreaElementsProps } from './types';
3
+ export declare const TextAreaLeft: React.ForwardRefExoticComponent<TextAreaElementsProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { TextAreaElementsProps } from './types';
3
+ export declare const TextAreaRight: React.ForwardRefExoticComponent<TextAreaElementsProps & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { TextAreaProps } from './types';
3
+ export declare const TextAreaRoot: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
@@ -0,0 +1,8 @@
1
+ export declare const TextArea: {
2
+ Root: import("react").ForwardRefExoticComponent<import("./types").TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
3
+ Face: import("react").ForwardRefExoticComponent<import("./types").TextAreaFaceProps & import("react").RefAttributes<HTMLDivElement>>;
4
+ Box: import("react").ForwardRefExoticComponent<import("./types").TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
5
+ Left: import("react").ForwardRefExoticComponent<import("./types").TextAreaElementsProps & import("react").RefAttributes<HTMLDivElement>>;
6
+ Right: import("react").ForwardRefExoticComponent<import("./types").TextAreaElementsProps & import("react").RefAttributes<HTMLDivElement>>;
7
+ };
8
+ export * from './types';
@@ -0,0 +1,15 @@
1
+ import { InputBaseVariants } from '@tecsinapse/cortex-core';
2
+ export type DivBaseProps = React.HTMLAttributes<HTMLDivElement>;
3
+ export interface TextAreaElementsProps extends DivBaseProps {
4
+ children: React.ReactNode;
5
+ className?: string;
6
+ }
7
+ export interface TextAreaPropsBase {
8
+ variants?: InputBaseVariants;
9
+ label?: string;
10
+ rows?: number;
11
+ }
12
+ export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, TextAreaPropsBase {
13
+ }
14
+ export interface TextAreaFaceProps extends DivBaseProps, Pick<TextAreaPropsBase, 'variants'> {
15
+ }
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const getValidChildren: (children: React.ReactNode) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
@@ -3,5 +3,4 @@ export interface TimeFieldProps {
3
3
  value?: TimeValueType;
4
4
  onChange: (number: TimeValueType) => void;
5
5
  }
6
- declare const TimeField: (props: TimeFieldProps) => JSX.Element;
7
- export default TimeField;
6
+ export declare const TimeField: (props: TimeFieldProps) => JSX.Element;
@@ -1,4 +1,4 @@
1
- import { InputPropsBase } from './Input';
1
+ import { InputPropsBase } from '../Input';
2
2
  export type TimeValueType = {
3
3
  hour: number;
4
4
  minute: number;
@@ -0,0 +1,2 @@
1
+ export * from './TimeField';
2
+ export * from './TimeFieldInput';
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
1
  import { Placement } from '@floating-ui/react';
2
+ import React from 'react';
3
3
  interface TooltipProps {
4
4
  children: React.ReactElement;
5
5
  text: string;
@@ -1,13 +1,10 @@
1
1
  export * from './Avatar';
2
2
  export * from './Badge';
3
- export * from './BaseSnackbar';
4
3
  export * from './Breadcrumbs';
5
4
  export * from './Button';
6
5
  export * from './Calendar';
7
6
  export * from './Card';
8
- export * from './DatePickerInput';
9
- export * from './DateRangePickerInput';
10
- export * from './DefaultSnack';
7
+ export * from './DatePicker';
11
8
  export * from './Divider';
12
9
  export * from './Drawer';
13
10
  export * from './GroupButton';
@@ -17,12 +14,13 @@ export * from './Menubar';
17
14
  export * from './Modal';
18
15
  export * from './Popover';
19
16
  export * from './ProgressBar';
20
- export * from './RangeCalendar';
17
+ export * from './RadioButton';
21
18
  export * from './Select';
22
19
  export * from './Skeleton';
20
+ export * from './Snackbar';
23
21
  export * from './Table';
24
22
  export * from './Tag';
25
23
  export * from './TextArea';
26
- export * from './TimeFieldInput';
24
+ export * from './TimeField';
27
25
  export * from './Toggle';
28
26
  export * from './Tooltip';
@@ -1,4 +1,6 @@
1
1
  import { CalendarDate } from '@internationalized/date';
2
+ import React from 'react';
2
3
  export declare const getNameInitials: (name: string) => string;
3
4
  export declare const dateToCalendarDate: (value?: Date) => CalendarDate;
4
5
  export declare const calendarDateToDate: (value: CalendarDate) => Date;
6
+ export declare function cloneWithProps(children: React.ReactElement, triggerProps: any): React.FunctionComponentElement<any>;
@@ -4,6 +4,8 @@ export * from './useCalendarGrid';
4
4
  export * from './useDatePickerInput';
5
5
  export * from './useDateRangePickerInput';
6
6
  export * from './useDebouncedState';
7
+ export * from './useFloatingLogic';
7
8
  export * from './useOutsideClickListener';
8
9
  export * from './useRangeCalendar';
9
- export * from './useFloatingLogic';
10
+ export * from './useSelectGroupedOptions';
11
+ export * from './useSelectOptions';
@@ -0,0 +1,9 @@
1
+ interface useSelectGroupedOptionsProps<T> {
2
+ options?: Map<string, T[]> | (() => Promise<Map<string, T[]>>);
3
+ }
4
+ export declare const useSelectGroupedOptions: <T>({ options: _options, }: useSelectGroupedOptionsProps<T>) => {
5
+ isLoading: boolean | undefined;
6
+ options: Map<string, T[]> | undefined;
7
+ error: string | undefined;
8
+ };
9
+ export {};
@@ -0,0 +1,9 @@
1
+ interface useSelectOptionsProps<T> {
2
+ options?: T[] | (() => Promise<T[]>);
3
+ }
4
+ export declare const useSelectOptions: <T>({ options: _options, }: useSelectOptionsProps<T>) => {
5
+ isLoading: boolean | undefined;
6
+ options: T[] | undefined;
7
+ error: string | undefined;
8
+ };
9
+ export {};
@@ -1,3 +1,4 @@
1
1
  export * from './components';
2
2
  export * from './hooks';
3
3
  export * from './service';
4
+ export * from './provider';
@@ -1,64 +1,68 @@
1
1
  export declare const menubar: import("tailwind-variants").TVReturnType<{
2
- [key: string]: {
3
- [key: string]: import("tailwind-merge").ClassNameValue | {
4
- right?: import("tailwind-merge").ClassNameValue;
5
- left?: import("tailwind-merge").ClassNameValue;
6
- root?: import("tailwind-merge").ClassNameValue;
7
- dropdown?: import("tailwind-merge").ClassNameValue;
8
- };
9
- };
10
- } | {
11
- [x: string]: {
12
- [x: string]: import("tailwind-merge").ClassNameValue | {
13
- right?: import("tailwind-merge").ClassNameValue;
14
- left?: import("tailwind-merge").ClassNameValue;
15
- root?: import("tailwind-merge").ClassNameValue;
16
- dropdown?: import("tailwind-merge").ClassNameValue;
2
+ show: {
3
+ true: {
4
+ dropdown: string;
5
+ false: string;
17
6
  };
18
7
  };
19
- } | {}, {
20
- root: string;
8
+ }, {
9
+ header: string;
21
10
  left: string;
22
11
  right: string;
23
12
  dropdown: string;
24
- }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
25
- [key: string]: {
26
- [key: string]: import("tailwind-merge").ClassNameValue | {
27
- right?: import("tailwind-merge").ClassNameValue;
28
- left?: import("tailwind-merge").ClassNameValue;
29
- root?: import("tailwind-merge").ClassNameValue;
30
- dropdown?: import("tailwind-merge").ClassNameValue;
13
+ }, undefined, import("tailwind-variants/dist/config").TVConfig<{
14
+ show: {
15
+ true: {
16
+ dropdown: string;
17
+ false: string;
31
18
  };
32
19
  };
33
- } | {}>, {
34
- [key: string]: {
35
- [key: string]: import("tailwind-merge").ClassNameValue | {
36
- right?: import("tailwind-merge").ClassNameValue;
37
- left?: import("tailwind-merge").ClassNameValue;
38
- root?: import("tailwind-merge").ClassNameValue;
39
- dropdown?: import("tailwind-merge").ClassNameValue;
20
+ }, {
21
+ show: {
22
+ true: {
23
+ dropdown: string;
24
+ false: string;
40
25
  };
41
26
  };
42
- } | {}, {
43
- root: string;
27
+ }>, {
28
+ show: {
29
+ true: {
30
+ dropdown: string;
31
+ false: string;
32
+ };
33
+ };
34
+ }, {
35
+ header: string;
44
36
  left: string;
45
37
  right: string;
46
38
  dropdown: string;
47
- }, import("tailwind-variants").TVReturnType<unknown, {
48
- root: string;
39
+ }, import("tailwind-variants").TVReturnType<{
40
+ show: {
41
+ true: {
42
+ dropdown: string;
43
+ false: string;
44
+ };
45
+ };
46
+ }, {
47
+ header: string;
49
48
  left: string;
50
49
  right: string;
51
50
  dropdown: string;
52
- }, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
53
- [key: string]: {
54
- [key: string]: import("tailwind-merge").ClassNameValue | {
55
- right?: import("tailwind-merge").ClassNameValue;
56
- left?: import("tailwind-merge").ClassNameValue;
57
- root?: import("tailwind-merge").ClassNameValue;
58
- dropdown?: import("tailwind-merge").ClassNameValue;
51
+ }, undefined, import("tailwind-variants/dist/config").TVConfig<{
52
+ show: {
53
+ true: {
54
+ dropdown: string;
55
+ false: string;
59
56
  };
60
57
  };
61
- } | {}>, unknown, unknown, undefined>>;
58
+ }, {
59
+ show: {
60
+ true: {
61
+ dropdown: string;
62
+ false: string;
63
+ };
64
+ };
65
+ }>, unknown, unknown, undefined>>;
62
66
  export declare const mostUsed: import("tailwind-variants").TVReturnType<{
63
67
  [key: string]: {
64
68
  [key: string]: import("tailwind-merge").ClassNameValue | {
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ import '@testing-library/jest-dom';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tecsinapse/cortex-react",
3
- "version": "1.3.0-beta.8",
3
+ "version": "1.3.0",
4
4
  "description": "React components based in @tecsinapse/cortex-core",
5
5
  "license": "MIT",
6
6
  "main": "dist/esm/index.js",
@@ -20,10 +20,11 @@
20
20
  "dependencies": {
21
21
  "@floating-ui/react": "^0.26.18",
22
22
  "@internationalized/date": "*",
23
- "@tecsinapse/cortex-core": "0.3.0-beta.2",
23
+ "@tecsinapse/cortex-core": "0.3.0",
24
24
  "clsx": "*",
25
25
  "react-aria": "^3.33.1",
26
26
  "react-icons": "^5.2.1",
27
+ "react-imask": "7.6.1",
27
28
  "react-stately": "^3.31.1",
28
29
  "sonner": "^1.5.0",
29
30
  "tailwind-merge": "*"
@@ -42,5 +43,5 @@
42
43
  "react-dom": ">=18.0.0",
43
44
  "tailwind": ">=3.3.0"
44
45
  },
45
- "gitHead": "9ccd419d58b0fef7fe57e2911e6c39f4f9c1d0ce"
46
+ "gitHead": "98039ae373aa9b70d0c7ae005bec89b4ddae0ad5"
46
47
  }
@@ -1,49 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- require('@internationalized/date');
5
- require('react-aria');
6
- require('react-stately');
7
- var utils = require('./utils.js');
8
- var useDatePickerInput = require('../hooks/useDatePickerInput.js');
9
- require('@floating-ui/react');
10
- var Calendar = require('./Calendar.js');
11
- var DateField = require('./DateField.js');
12
- var DatePickerInputBase = require('./DatePickerInputBase.js');
13
-
14
- const DatePickerInput = (props) => {
15
- const { onChange, value, label, variants } = props;
16
- const { fieldProps, state, ref } = useDatePickerInput.useDatePickerInput({ value, onChange });
17
- return /* @__PURE__ */ React.createElement("div", { "data-testid": "date-picker-input" }, /* @__PURE__ */ React.createElement(
18
- DatePickerInputBase.DatePickerInputBase,
19
- {
20
- onClickCalendar: () => state.isOpen ? state.close() : state.open(),
21
- variants: {
22
- ...variants,
23
- intent: state.isInvalid ? "error" : variants?.intent
24
- },
25
- label
26
- },
27
- /* @__PURE__ */ React.createElement("div", { ref }, /* @__PURE__ */ React.createElement(
28
- DateField.DateField,
29
- {
30
- ...fieldProps,
31
- onChange: (value2) => {
32
- state.setDateValue(value2);
33
- state.close();
34
- }
35
- }
36
- ))
37
- ), state.isOpen ? /* @__PURE__ */ React.createElement("div", { className: "absolute" }, /* @__PURE__ */ React.createElement(
38
- Calendar.Calendar,
39
- {
40
- value,
41
- onChange: (value2) => {
42
- state.setDateValue(utils.dateToCalendarDate(value2));
43
- state.close();
44
- }
45
- }
46
- )) : /* @__PURE__ */ React.createElement(React.Fragment, null));
47
- };
48
-
49
- exports.DatePickerInput = DatePickerInput;
@@ -1,83 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var cortexCore = require('@tecsinapse/cortex-core');
5
- var clsx = require('clsx');
6
-
7
- const getValidChildren = (children) => {
8
- return React.Children.toArray(children).filter(
9
- (el) => React.isValidElement(el)
10
- );
11
- };
12
- const Box = React.forwardRef(
13
- ({ id, name, variants, label, placeholder, rows, className, ...rest }, ref) => {
14
- return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col" }, /* @__PURE__ */ React.createElement(
15
- "textarea",
16
- {
17
- "data-testid": "textarea-box",
18
- ref,
19
- id: id ?? name,
20
- name,
21
- placeholder: placeholder ?? " ",
22
- className: clsx.clsx(
23
- cortexCore.inputBox(placeholder, label, className),
24
- "resize-none mt-mili"
25
- ),
26
- rows,
27
- ...rest
28
- }
29
- ), /* @__PURE__ */ React.createElement(
30
- "label",
31
- {
32
- htmlFor: id ?? name,
33
- className: cortexCore.labelStyle({
34
- intent: variants?.intent,
35
- placeholder
36
- })
37
- },
38
- label
39
- ));
40
- }
41
- );
42
- const Face = React.forwardRef(
43
- ({ children, variants, className, ...rest }, ref) => {
44
- const clones = getValidChildren(children).map((el) => {
45
- return React.cloneElement(el, { ...el.props, variants });
46
- });
47
- return /* @__PURE__ */ React.createElement(
48
- "div",
49
- {
50
- ref,
51
- className: clsx.clsx(cortexCore.input(variants), className),
52
- "data-testid": "textarea-face",
53
- id: "textarea-face",
54
- ...rest
55
- },
56
- clones
57
- );
58
- }
59
- );
60
- const Root = React.forwardRef(
61
- ({ variants, className, ...rest }, ref) => {
62
- return /* @__PURE__ */ React.createElement(Face, { variants, className }, /* @__PURE__ */ React.createElement(Box, { ref, ...rest }));
63
- }
64
- );
65
- const Left = React.forwardRef(
66
- ({ children, className, ...rest }, ref) => {
67
- return /* @__PURE__ */ React.createElement("div", { className: clsx.clsx(className, "mr-2.5"), ...rest, ref }, children);
68
- }
69
- );
70
- const Right = React.forwardRef(
71
- ({ children, className, ...rest }, ref) => {
72
- return /* @__PURE__ */ React.createElement("div", { className: clsx.clsx(className, "ml-2.5"), ...rest, ref }, children);
73
- }
74
- );
75
- const TextArea = {
76
- Root,
77
- Face,
78
- Box,
79
- Left,
80
- Right
81
- };
82
-
83
- exports.TextArea = TextArea;
@@ -1,11 +0,0 @@
1
- import React, { forwardRef } from 'react';
2
- import { snackbar } from '@tecsinapse/cortex-core';
3
-
4
- const BaseSnackbar = forwardRef(
5
- (props, ref) => {
6
- const { children, show, variants } = props;
7
- return /* @__PURE__ */ React.createElement(React.Fragment, null, show ? /* @__PURE__ */ React.createElement("div", { className: snackbar(variants), ref, "data-testid": "snackbar" }, children) : /* @__PURE__ */ React.createElement(React.Fragment, null));
8
- }
9
- );
10
-
11
- export { BaseSnackbar };
@@ -1,22 +0,0 @@
1
- import React from 'react';
2
- import '@internationalized/date';
3
- import 'react-aria';
4
- import 'react-stately';
5
- import { useCalendarGrid } from '../hooks/useCalendarGrid.js';
6
- import '@floating-ui/react';
7
- import { CalendarGridBodyRows } from './CalendarGridBodyRows.js';
8
- import { CalendarGridHeaderRow } from './CalendarGridHeaderRow.js';
9
-
10
- const CalendarGrid = ({ state }) => {
11
- const { gridProps, headerProps, weekDays } = useCalendarGrid({ state });
12
- return /* @__PURE__ */ React.createElement(
13
- "div",
14
- {
15
- className: "bg-white rounded-micro px-deca py-mili",
16
- "data-testid": "calendar-grid"
17
- },
18
- /* @__PURE__ */ React.createElement("table", { ...gridProps, className: "border-separate border-spacing-y-nano" }, /* @__PURE__ */ React.createElement("thead", { ...headerProps }, /* @__PURE__ */ React.createElement(CalendarGridHeaderRow, { weekDays })), /* @__PURE__ */ React.createElement("tbody", null, /* @__PURE__ */ React.createElement(CalendarGridBodyRows, { state })))
19
- );
20
- };
21
-
22
- export { CalendarGrid };
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { CalendarCell } from './CalendarCell.js';
3
-
4
- const CalendarGridBodyRows = ({ state }) => {
5
- return /* @__PURE__ */ React.createElement(React.Fragment, null, [...new Array(6).keys()].map((weekIndex) => /* @__PURE__ */ React.createElement("tr", { key: weekIndex, className: "shadow-0 px-deca" }, state.getDatesInWeek(weekIndex).map((date, i) => {
6
- return date ? /* @__PURE__ */ React.createElement(CalendarCell, { key: i, state, date }) : /* @__PURE__ */ React.createElement("td", { key: i });
7
- }))));
8
- };
9
-
10
- export { CalendarGridBodyRows };
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import { THeadCell } from './Table.js';
3
-
4
- const CalendarGridHeaderRow = ({
5
- weekDays
6
- }) => {
7
- return /* @__PURE__ */ React.createElement("tr", { "data-testid": "calendar-grid-header-row" }, weekDays.map((day, index) => /* @__PURE__ */ React.createElement(THeadCell, { key: index }, day)));
8
- };
9
-
10
- export { CalendarGridHeaderRow };