@povio/ui 3.0.0-rc.3 → 3.1.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 (309) hide show
  1. package/README.md +39 -0
  2. package/dist/assets/icons/AlignCenter.js +11 -26
  3. package/dist/assets/icons/AlignLeft.js +11 -26
  4. package/dist/assets/icons/AlignLeftRight.js +11 -26
  5. package/dist/assets/icons/AlignRight.js +11 -26
  6. package/dist/assets/icons/ArrowDropDown.js +11 -26
  7. package/dist/assets/icons/ArrowDropUp.js +11 -26
  8. package/dist/assets/icons/ArrowLeft.js +11 -26
  9. package/dist/assets/icons/ArrowRight.js +11 -26
  10. package/dist/assets/icons/Bold.js +11 -26
  11. package/dist/assets/icons/BulletedList.js +11 -26
  12. package/dist/assets/icons/Calendar.js +13 -28
  13. package/dist/assets/icons/Check.js +13 -28
  14. package/dist/assets/icons/CheckCircle.js +11 -26
  15. package/dist/assets/icons/CheckboxCheckmark.js +14 -29
  16. package/dist/assets/icons/CheckboxIndeterminate.js +14 -29
  17. package/dist/assets/icons/ChevronDown.js +13 -28
  18. package/dist/assets/icons/ChevronLeft.js +13 -28
  19. package/dist/assets/icons/ChevronRight.js +13 -28
  20. package/dist/assets/icons/ChevronUp.js +13 -28
  21. package/dist/assets/icons/ChevronsLeft.js +13 -28
  22. package/dist/assets/icons/ChevronsRight.js +13 -28
  23. package/dist/assets/icons/Clock.js +11 -26
  24. package/dist/assets/icons/Close.js +11 -26
  25. package/dist/assets/icons/DateTime.js +14 -35
  26. package/dist/assets/icons/DragIndicator.js +11 -26
  27. package/dist/assets/icons/File.js +13 -28
  28. package/dist/assets/icons/Highlight.js +11 -26
  29. package/dist/assets/icons/HighlightOn.js +15 -49
  30. package/dist/assets/icons/Home.js +11 -26
  31. package/dist/assets/icons/Info.js +16 -37
  32. package/dist/assets/icons/Italic.js +11 -26
  33. package/dist/assets/icons/Link.js +11 -26
  34. package/dist/assets/icons/Menu.js +11 -26
  35. package/dist/assets/icons/NumberedList.js +11 -26
  36. package/dist/assets/icons/PointerHorizontal.js +11 -26
  37. package/dist/assets/icons/PointerVertical.js +11 -26
  38. package/dist/assets/icons/Search.js +11 -26
  39. package/dist/assets/icons/Send.js +13 -28
  40. package/dist/assets/icons/Strikethrough.js +11 -26
  41. package/dist/assets/icons/TextColor.js +14 -48
  42. package/dist/assets/icons/Today.js +11 -26
  43. package/dist/assets/icons/Underlined.js +13 -28
  44. package/dist/assets/icons/Upload.js +14 -35
  45. package/dist/assets/icons/Visibility.js +11 -26
  46. package/dist/assets/icons/VisibilityOff.js +11 -26
  47. package/dist/assets/icons/WarningFilled.js +13 -28
  48. package/dist/components/Breadcrumbs/Breadcrumbs.js +56 -207
  49. package/dist/components/Menu/Menu.d.ts +4 -0
  50. package/dist/components/Menu/Menu.js +2 -18
  51. package/dist/components/Menu/MenuDesktop.js +7 -41
  52. package/dist/components/Menu/MenuItem.js +9 -32
  53. package/dist/components/Menu/MenuMobile.d.ts +1 -1
  54. package/dist/components/Menu/MenuMobile.js +39 -97
  55. package/dist/components/Menu/MenuPopover.js +29 -105
  56. package/dist/components/buttons/IconButton/IconButton.js +8 -40
  57. package/dist/components/buttons/InlineIconButton/InlineIconButton.d.ts +1 -2
  58. package/dist/components/buttons/InlineIconButton/InlineIconButton.js +9 -34
  59. package/dist/components/buttons/PillButton/PillButton.js +17 -55
  60. package/dist/components/buttons/SplitButton/SplitButton.js +18 -103
  61. package/dist/components/buttons/TextButton/TextButton.js +8 -30
  62. package/dist/components/buttons/ToggleButton/ToggleButton.js +8 -28
  63. package/dist/components/buttons/shared/ButtonContent.js +22 -80
  64. package/dist/components/inputs/Checkbox/Checkbox.d.ts +0 -1
  65. package/dist/components/inputs/Checkbox/Checkbox.js +35 -201
  66. package/dist/components/inputs/Checkbox/CheckboxCheckmark.js +10 -24
  67. package/dist/components/inputs/Checkbox/checkbox.cva.d.ts +0 -3
  68. package/dist/components/inputs/Checkbox/checkbox.cva.js +1 -2
  69. package/dist/components/inputs/DateTime/DatePicker/DatePicker.d.ts +5 -12
  70. package/dist/components/inputs/DateTime/DatePicker/DatePicker.js +75 -373
  71. package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts +5 -12
  72. package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js +186 -492
  73. package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts +5 -14
  74. package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js +47 -273
  75. package/dist/components/inputs/DateTime/TimePicker/TimePicker.d.ts +3 -7
  76. package/dist/components/inputs/DateTime/TimePicker/TimePicker.js +121 -611
  77. package/dist/components/inputs/DateTime/shared/Calendar.d.ts +3 -5
  78. package/dist/components/inputs/DateTime/shared/Calendar.js +120 -338
  79. package/dist/components/inputs/DateTime/shared/CalendarCell.d.ts +2 -4
  80. package/dist/components/inputs/DateTime/shared/CalendarCell.js +103 -310
  81. package/dist/components/inputs/DateTime/shared/CalendarGrid.d.ts +2 -4
  82. package/dist/components/inputs/DateTime/shared/CalendarGrid.js +33 -150
  83. package/dist/components/inputs/DateTime/shared/CalendarHeader.d.ts +2 -1
  84. package/dist/components/inputs/DateTime/shared/CalendarHeader.js +98 -249
  85. package/dist/components/inputs/DateTime/shared/CalendarSelectHeader.js +137 -318
  86. package/dist/components/inputs/DateTime/shared/DateField.js +112 -286
  87. package/dist/components/inputs/DateTime/shared/DatePickerInput.d.ts +3 -14
  88. package/dist/components/inputs/DateTime/shared/DatePickerInput.js +129 -356
  89. package/dist/components/inputs/DateTime/shared/DateSegmentItem.d.ts +0 -15
  90. package/dist/components/inputs/DateTime/shared/DateSegmentItem.js +11 -96
  91. package/dist/components/inputs/DateTime/shared/DateTimeDialog.d.ts +4 -1
  92. package/dist/components/inputs/DateTime/shared/DateTimeDialog.js +28 -81
  93. package/dist/components/inputs/DateTime/shared/DateTimeDialogFooter.js +10 -59
  94. package/dist/components/inputs/DateTime/shared/MonthPicker.js +58 -103
  95. package/dist/components/inputs/DateTime/shared/RangeCalendar.js +82 -193
  96. package/dist/components/inputs/DateTime/shared/TimeField.js +8 -27
  97. package/dist/components/inputs/DateTime/shared/TimePickerForm.js +110 -279
  98. package/dist/components/inputs/DateTime/shared/TimePickerInput.d.ts +1 -4
  99. package/dist/components/inputs/DateTime/shared/TimePickerInput.js +65 -210
  100. package/dist/components/inputs/DateTime/shared/YearPicker.js +68 -119
  101. package/dist/components/inputs/File/FileUpload.js +45 -88
  102. package/dist/components/inputs/File/FileUploadContainer.js +7 -15
  103. package/dist/components/inputs/File/InputUpload.js +79 -317
  104. package/dist/components/inputs/File/shared/FileCard.js +41 -104
  105. package/dist/components/inputs/File/shared/FileCardList.js +12 -47
  106. package/dist/components/inputs/File/shared/FileUploadContent.js +44 -175
  107. package/dist/components/inputs/File/shared/FileUploadContentEmpty.js +46 -149
  108. package/dist/components/inputs/File/shared/FileUploadContentError.js +93 -234
  109. package/dist/components/inputs/File/shared/FileUploadContentFilled.js +97 -230
  110. package/dist/components/inputs/File/shared/FileUploadContentLoading.js +55 -199
  111. package/dist/components/inputs/File/shared/InputUploadContent.js +34 -148
  112. package/dist/components/inputs/File/shared/InputUploadFilled.js +8 -49
  113. package/dist/components/inputs/File/shared/ProgressBar.d.ts +2 -2
  114. package/dist/components/inputs/File/shared/ProgressBar.js +20 -53
  115. package/dist/components/inputs/File/shared/fileUpload.cva.d.ts +1 -1
  116. package/dist/components/inputs/File/shared/fileUpload.cva.js +1 -1
  117. package/dist/components/inputs/File/shared/progressBar.cva.d.ts +38 -0
  118. package/dist/components/inputs/File/shared/progressBar.cva.js +28 -0
  119. package/dist/components/inputs/FormField/FormField.d.ts +3 -3
  120. package/dist/components/inputs/FormField/FormField.js +37 -119
  121. package/dist/components/inputs/FormField/FormFieldError.js +5 -25
  122. package/dist/components/inputs/FormField/FormFieldHeader.d.ts +2 -2
  123. package/dist/components/inputs/FormField/FormFieldHeader.js +22 -81
  124. package/dist/components/inputs/FormField/FormFieldHeaderClose.js +7 -31
  125. package/dist/components/inputs/FormField/FormFieldHelper.js +6 -26
  126. package/dist/components/inputs/FormField/FormFieldLabel.d.ts +2 -2
  127. package/dist/components/inputs/FormField/FormFieldLabel.js +9 -40
  128. package/dist/components/inputs/Input/NumberInput/NumberInput.d.ts +2 -5
  129. package/dist/components/inputs/Input/NumberInput/NumberInput.js +97 -447
  130. package/dist/components/inputs/Input/PasswordInput/PasswordInput.js +9 -48
  131. package/dist/components/inputs/Input/TextArea/TextArea.js +90 -305
  132. package/dist/components/inputs/Input/TextInput/TextInput.d.ts +1 -3
  133. package/dist/components/inputs/Input/TextInput/TextInput.js +90 -419
  134. package/dist/components/inputs/Input/shared/InputContent.js +59 -192
  135. package/dist/components/inputs/Inputs/Form.js +11 -40
  136. package/dist/components/inputs/Inputs/InputItem.d.ts +21 -15
  137. package/dist/components/inputs/Inputs/InputItem.js +14 -69
  138. package/dist/components/inputs/Inputs/Inputs.js +11 -37
  139. package/dist/components/inputs/RadioGroup/RadioGroup.d.ts +1 -3
  140. package/dist/components/inputs/RadioGroup/RadioGroup.js +61 -353
  141. package/dist/components/inputs/RadioGroup/radio.cva.d.ts +0 -45
  142. package/dist/components/inputs/RadioGroup/radio.cva.js +1 -48
  143. package/dist/components/inputs/Selection/Autocomplete/Autocomplete.d.ts +2 -6
  144. package/dist/components/inputs/Selection/Autocomplete/Autocomplete.js +22 -217
  145. package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.d.ts +18 -3
  146. package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.js +8 -107
  147. package/dist/components/inputs/Selection/Select/Select.d.ts +3 -7
  148. package/dist/components/inputs/Selection/Select/Select.js +18 -227
  149. package/dist/components/inputs/Selection/shared/SelectBase.d.ts +3 -8
  150. package/dist/components/inputs/Selection/shared/SelectBase.js +18 -69
  151. package/dist/components/inputs/Selection/shared/SelectDesktop.d.ts +1 -1
  152. package/dist/components/inputs/Selection/shared/SelectDesktop.js +138 -393
  153. package/dist/components/inputs/Selection/shared/SelectInput.d.ts +2 -2
  154. package/dist/components/inputs/Selection/shared/SelectInput.js +116 -397
  155. package/dist/components/inputs/Selection/shared/SelectInputTags.js +25 -99
  156. package/dist/components/inputs/Selection/shared/SelectListBox.d.ts +2 -2
  157. package/dist/components/inputs/Selection/shared/SelectListBox.js +52 -164
  158. package/dist/components/inputs/Selection/shared/SelectListBoxItem.js +35 -85
  159. package/dist/components/inputs/Selection/shared/SelectListBoxItemSelectAll.js +16 -69
  160. package/dist/components/inputs/Selection/shared/SelectListBoxLoadingItem.js +21 -70
  161. package/dist/components/inputs/Selection/shared/SelectListBoxSelectionBar.js +9 -58
  162. package/dist/components/inputs/Selection/shared/SelectMobile.d.ts +1 -1
  163. package/dist/components/inputs/Selection/shared/SelectMobile.js +6 -11
  164. package/dist/components/inputs/Selection/shared/select.context.d.ts +2 -3
  165. package/dist/components/inputs/Selection/shared/select.context.js +36 -67
  166. package/dist/components/inputs/Selection/shared/select.types.d.ts +2 -3
  167. package/dist/components/inputs/Selection/shared/useSelectItems.js +49 -109
  168. package/dist/components/inputs/Slider/Slider.d.ts +1 -2
  169. package/dist/components/inputs/Slider/Slider.js +76 -265
  170. package/dist/components/inputs/TextEditor/TextEditor.d.ts +0 -1
  171. package/dist/components/inputs/TextEditor/TextEditor.js +98 -447
  172. package/dist/components/inputs/TextEditor/Toolbar/ColorPicker.js +11 -37
  173. package/dist/components/inputs/TextEditor/Toolbar/ColorPickerDropdown.js +30 -102
  174. package/dist/components/inputs/TextEditor/Toolbar/HyperlinkAction.js +45 -194
  175. package/dist/components/inputs/TextEditor/Toolbar/TextAlignSelect.js +28 -88
  176. package/dist/components/inputs/TextEditor/Toolbar/TextColorSelect.js +14 -48
  177. package/dist/components/inputs/TextEditor/Toolbar/TextEditorToolbar.js +19 -66
  178. package/dist/components/inputs/TextEditor/Toolbar/TextHighlightSelect.js +15 -49
  179. package/dist/components/inputs/TextEditor/Toolbar/TextListActions.js +32 -92
  180. package/dist/components/inputs/TextEditor/Toolbar/TextMarksActions.js +54 -126
  181. package/dist/components/inputs/TextEditor/Toolbar/TextStyleSelect.js +38 -141
  182. package/dist/components/inputs/Toggle/Toggle.d.ts +0 -1
  183. package/dist/components/inputs/Toggle/Toggle.js +37 -214
  184. package/dist/components/inputs/Toggle/toggle.cva.d.ts +0 -3
  185. package/dist/components/inputs/Toggle/toggle.cva.js +1 -2
  186. package/dist/components/inputs/shared/CheckContent.d.ts +1 -2
  187. package/dist/components/inputs/shared/CheckContent.js +11 -21
  188. package/dist/components/inputs/shared/InputClear.d.ts +1 -2
  189. package/dist/components/inputs/shared/InputClear.js +12 -88
  190. package/dist/components/inputs/shared/TooltipWrapper.js +11 -50
  191. package/dist/components/inputs/shared/input.cva.d.ts +0 -28
  192. package/dist/components/inputs/shared/input.cva.js +4 -38
  193. package/dist/components/navigation/Accordion/Accordion.js +22 -69
  194. package/dist/components/navigation/Accordion/AccordionItem.js +41 -86
  195. package/dist/components/navigation/Stepper/Stepper.js +22 -67
  196. package/dist/components/navigation/Stepper/StepperItem.js +31 -104
  197. package/dist/components/navigation/Stepper/StepperSeparator.js +5 -23
  198. package/dist/components/overlays/ActionModal/ActionModal.js +35 -169
  199. package/dist/components/overlays/BottomSheet/BottomSheet.js +25 -98
  200. package/dist/components/overlays/BottomSheet/BottomSheetHeader.js +8 -48
  201. package/dist/components/overlays/Drawer/Drawer.js +22 -64
  202. package/dist/components/overlays/Modal/modal.cva.js +1 -1
  203. package/dist/components/overlays/ResponsivePopover/ResponsivePopover.d.ts +5 -1
  204. package/dist/components/overlays/ResponsivePopover/ResponsivePopover.js +28 -83
  205. package/dist/components/overlays/Tooltip/Tooltip.js +28 -137
  206. package/dist/components/overlays/Tooltip/TooltipEllipsis.js +12 -37
  207. package/dist/components/segment/Segment.js +57 -218
  208. package/dist/components/segment/SegmentItem.js +10 -67
  209. package/dist/components/shared/pagination/Pagination.js +22 -108
  210. package/dist/components/shared/pagination/PaginationList.js +64 -167
  211. package/dist/components/status/Alert/Alert.js +30 -97
  212. package/dist/components/status/Loader/Loader.js +22 -77
  213. package/dist/components/status/Toast/Toast.js +17 -22
  214. package/dist/components/status/Toast/toast.cva.d.ts +14 -3
  215. package/dist/components/status/Toast/toast.cva.js +12 -10
  216. package/dist/components/status/Toast/useToast.js +57 -62
  217. package/dist/components/table/ColumnConfig.js +54 -158
  218. package/dist/components/table/InfiniteTable.js +16 -67
  219. package/dist/components/table/PaginatedTable.js +18 -84
  220. package/dist/components/table/Table.js +30 -30
  221. package/dist/components/table/table.cva.d.ts +7 -0
  222. package/dist/components/table/table.cva.js +2 -1
  223. package/dist/components/text/Link/Link.js +7 -19
  224. package/dist/components/text/Pill/Pill.d.ts +15 -0
  225. package/dist/components/text/Pill/Pill.js +44 -0
  226. package/dist/components/text/Typography/Typography.js +8 -23
  227. package/dist/config/confirmation.context.js +1 -1
  228. package/dist/config/link.context.js +9 -23
  229. package/dist/config/router.context.js +16 -42
  230. package/dist/config/theme.context.js +45 -98
  231. package/dist/config/uiConfig.context.d.ts +10 -21
  232. package/dist/config/uiConfig.context.js +18 -69
  233. package/dist/config/uiOverrides.context.d.ts +10 -20
  234. package/dist/config/uiOverrides.context.js +14 -54
  235. package/dist/helpers/dynamicInputs.d.ts +5 -5
  236. package/dist/helpers/dynamicInputs.js +0 -3
  237. package/dist/hooks/useAutosave.d.ts +1 -2
  238. package/dist/hooks/useAutosave.js +4 -12
  239. package/dist/hooks/useBreakpoint.js +3 -16
  240. package/dist/hooks/useDebounceCallback.js +17 -51
  241. package/dist/hooks/useFilters.js +64 -125
  242. package/dist/hooks/useForm.js +8 -42
  243. package/dist/hooks/useFormAutosave.d.ts +1 -3
  244. package/dist/hooks/useFormAutosave.js +30 -122
  245. package/dist/hooks/useIntersectionObserver.d.ts +1 -1
  246. package/dist/hooks/useIntersectionObserver.js +24 -91
  247. package/dist/hooks/useLocalStorage.js +10 -43
  248. package/dist/hooks/useLongPressRepeat.js +20 -55
  249. package/dist/hooks/usePagination.js +19 -49
  250. package/dist/hooks/useScrollableListBox.js +16 -37
  251. package/dist/hooks/useSorting.js +28 -69
  252. package/dist/hooks/useStateAndRef.js +7 -21
  253. package/dist/hooks/useTableColumnConfig.js +31 -124
  254. package/dist/hooks/useTranslationMemo.js +5 -25
  255. package/dist/index.d.ts +7 -16
  256. package/dist/index.js +6 -13
  257. package/dist/tw-ui-plugin.js +0 -6
  258. package/dist/utils/date-time.utils.d.ts +10 -38
  259. package/dist/utils/date-time.utils.js +22 -136
  260. package/package.json +1 -1
  261. package/dist/components/inputs/DateTime/shared/datePicker.types.d.ts +0 -5
  262. package/dist/components/inputs/DateTime/shared/datePickerInput.cva.d.ts +0 -16
  263. package/dist/components/inputs/DateTime/shared/datePickerInput.cva.js +0 -16
  264. package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.d.ts +0 -15
  265. package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.js +0 -32
  266. package/dist/components/inputs/DateTime/shared/dateSegment.utils.d.ts +0 -2
  267. package/dist/components/inputs/DateTime/shared/dateSegment.utils.spec.d.ts +0 -1
  268. package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.d.ts +0 -40
  269. package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.js +0 -85
  270. package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.spec.d.ts +0 -1
  271. package/dist/components/inputs/FormField/formFieldHeader.cva.d.ts +0 -13
  272. package/dist/components/inputs/FormField/formFieldHeader.cva.js +0 -14
  273. package/dist/components/inputs/Input/NumberRangeInput/NumberRangeField.d.ts +0 -45
  274. package/dist/components/inputs/Input/NumberRangeInput/NumberRangeField.js +0 -571
  275. package/dist/components/inputs/Input/NumberRangeInput/NumberRangeInput.d.ts +0 -35
  276. package/dist/components/inputs/Input/NumberRangeInput/NumberRangeInput.js +0 -575
  277. package/dist/components/inputs/Input/TextArea/TextArea.cva.d.ts +0 -8
  278. package/dist/components/inputs/Input/TextArea/TextArea.cva.js +0 -5
  279. package/dist/components/inputs/Input/shared/numberStatic.utils.d.ts +0 -1
  280. package/dist/components/inputs/Input/shared/numberStatic.utils.js +0 -7
  281. package/dist/components/inputs/Selection/Autocomplete/queryAutocomplete.types.d.ts +0 -37
  282. package/dist/components/inputs/Selection/Select/QuerySelect.d.ts +0 -14
  283. package/dist/components/inputs/Selection/Select/QuerySelect.js +0 -178
  284. package/dist/components/inputs/Selection/shared/StaticSelectTrailingContent.d.ts +0 -9
  285. package/dist/components/inputs/Selection/shared/StaticSelectTrailingContent.js +0 -47
  286. package/dist/components/inputs/Selection/shared/querySelect.utils.d.ts +0 -14
  287. package/dist/components/inputs/Selection/shared/querySelect.utils.js +0 -43
  288. package/dist/components/inputs/Selection/shared/selectDesktop.cva.d.ts +0 -6
  289. package/dist/components/inputs/Selection/shared/selectDesktop.cva.js +0 -5
  290. package/dist/components/inputs/Selection/shared/selectInput.cva.d.ts +0 -12
  291. package/dist/components/inputs/Selection/shared/selectInput.cva.js +0 -8
  292. package/dist/components/inputs/Selection/shared/staticSelect.utils.d.ts +0 -23
  293. package/dist/components/inputs/Selection/shared/staticSelect.utils.js +0 -54
  294. package/dist/components/inputs/Selection/shared/staticSelect.utils.spec.d.ts +0 -1
  295. package/dist/components/inputs/Skeleton/InputFrame.d.ts +0 -82
  296. package/dist/components/inputs/Skeleton/InputFrame.js +0 -548
  297. package/dist/components/inputs/shared/tooltipWrapper.cva.d.ts +0 -8
  298. package/dist/components/inputs/shared/tooltipWrapper.cva.js +0 -5
  299. package/dist/components/inputs/shared/useStaticInputHandoff.d.ts +0 -14
  300. package/dist/components/inputs/shared/useStaticInputHandoff.js +0 -100
  301. package/dist/hooks/useAutosave.spec.d.ts +0 -1
  302. package/dist/hooks/useFormAutosave.spec.d.ts +0 -1
  303. package/dist/hooks/useKeyInteractions.d.ts +0 -20
  304. package/dist/hooks/useKeyInteractions.js +0 -54
  305. package/dist/hooks/useKeyInteractions.spec.d.ts +0 -1
  306. package/dist/hooks/useQueryAutocomplete.d.ts +0 -14
  307. package/dist/hooks/useQueryAutocomplete.js +0 -72
  308. package/dist/utils/query.utils.d.ts +0 -4
  309. package/dist/utils/query.utils.js +0 -8
@@ -1,548 +0,0 @@
1
- import { UIOverrides } from "../../../config/uiOverrides.context.js";
2
- import { typographyDefinition } from "../../text/Typography/typography.cva.js";
3
- import { Loader } from "../../status/Loader/Loader.js";
4
- import { UIConfig } from "../../../config/uiConfig.context.js";
5
- import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
6
- import { FormFieldLabel } from "../FormField/FormFieldLabel.js";
7
- import { InputClear } from "../shared/InputClear.js";
8
- import { inputBaseDefinition, inputContentWrapperDefinition, inputSizeDefinition } from "../shared/input.cva.js";
9
- import { FormField } from "../FormField/FormField.js";
10
- import { TooltipWrapper } from "../shared/TooltipWrapper.js";
11
- import { c } from "react/compiler-runtime";
12
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
13
- import { clsx } from "clsx";
14
- import { isValidElement, useId } from "react";
15
- //#region src/components/inputs/Skeleton/InputFrame.tsx
16
- var InputFrame = (props) => {
17
- const $ = c(189);
18
- const ui = UIConfig.useConfig();
19
- const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
20
- const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
21
- const inputContentWrapperCva = UIOverrides.useCva("input.contentWrapperCva", inputContentWrapperDefinition);
22
- const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
23
- const generatedInputId = useId();
24
- const { ref, children, formFieldRef, labelProps: labelPropsProp, headerProps, error, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isHeaderHidden, hideLabel: hideLabelProp, headerClassName, errorClassName, className, leadingContent, leadingIcon, actionContent, actionContentPlacement: t0, trailingContent, trailingIcon, trailingAction, unit, isLoading, action, isClearable: isClearableProp, showClear, renderStatic, onStaticInteract, clearClassName, onClear, dataAttributes, typographySize, id: idProp, inputClassName, contentClassName, contentWrapperClassName, contentGroup: t1, contentAndTrailingClassName, wrapContentAndTrailing, wrapTrailingContent: t2, reserveTrailingContent, labelPlacement: t3, trailingClassName, onMouseEnter, onFocusCapture, variant: variantProp, as: asProp, size: sizeProp } = props;
25
- const actionContentPlacement = t0 === void 0 ? "content-wrapper" : t0;
26
- const contentGroup = t1 === void 0 ? "input" : t1;
27
- const wrapTrailingContent = t2 === void 0 ? true : t2;
28
- const labelPlacement = t3 === void 0 ? "content-wrapper" : t3;
29
- const as = asProp ?? ui.input.as;
30
- const size = sizeProp ?? ui.input.size;
31
- const variant = variantProp ?? ui.input.variant;
32
- const hideLabel = hideLabelProp ?? ui.input.hideLabel;
33
- const hasClear = !!(isClearableProp ?? ui.input.isClearable);
34
- let t4;
35
- if ($[0] !== leadingIcon) {
36
- t4 = leadingIcon && isValidElement(leadingIcon);
37
- $[0] = leadingIcon;
38
- $[1] = t4;
39
- } else t4 = $[1];
40
- const isLeadingIconElement = t4;
41
- let t5;
42
- if ($[2] !== trailingIcon) {
43
- t5 = trailingIcon && isValidElement(trailingIcon);
44
- $[2] = trailingIcon;
45
- $[3] = t5;
46
- } else t5 = $[3];
47
- const isTrailingIconElement = t5;
48
- const hasTrailingContent = reserveTrailingContent || hasClear || !!trailingContent || !!unit || !!isLoading || !!action || !!trailingIcon || !!trailingAction;
49
- const isTrailingInteractive = !!action || !!trailingAction || !!isTrailingIconElement || hasClear && !!showClear || !!trailingContent;
50
- let dataAttributeProps;
51
- let formFieldProps;
52
- let isInputContentGroup;
53
- let labelProps;
54
- let t10;
55
- let t11;
56
- let t12;
57
- let t13;
58
- let t14;
59
- let t15;
60
- let t6;
61
- let t7;
62
- let t8;
63
- let t9;
64
- if ($[4] !== actionContent || $[5] !== actionContentPlacement || $[6] !== as || $[7] !== children || $[8] !== className || $[9] !== contentClassName || $[10] !== contentGroup || $[11] !== contentWrapperClassName || $[12] !== dataAttributes || $[13] !== error || $[14] !== errorClassName || $[15] !== generatedInputId || $[16] !== headerClassName || $[17] !== headerProps || $[18] !== helperText || $[19] !== hideLabel || $[20] !== idProp || $[21] !== inputContentWrapperCva || $[22] !== inputSizeCva || $[23] !== isDisabled || $[24] !== isHeaderHidden || $[25] !== isLeadingIconElement || $[26] !== isRequired || $[27] !== label || $[28] !== labelPlacement || $[29] !== labelPropsProp || $[30] !== leadingContent || $[31] !== leadingIcon || $[32] !== rightContent || $[33] !== size || $[34] !== tooltipText || $[35] !== typographyCva || $[36] !== typographySize) {
65
- dataAttributeProps = getInputFrameDataAttributeProps(dataAttributes);
66
- const baseLabelProps = headerProps?.labelProps ?? labelPropsProp;
67
- const inputId = idProp ?? baseLabelProps?.htmlFor ?? `input-frame_${generatedInputId}`;
68
- let t16;
69
- if ($[51] !== baseLabelProps || $[52] !== inputId) {
70
- t16 = {
71
- ...baseLabelProps,
72
- htmlFor: inputId
73
- };
74
- $[51] = baseLabelProps;
75
- $[52] = inputId;
76
- $[53] = t16;
77
- } else t16 = $[53];
78
- labelProps = t16;
79
- const t17 = label ?? "";
80
- const t18 = isHeaderHidden || as === "inline" || as === "filter" || as === "floating";
81
- let t19;
82
- if ($[54] !== className || $[55] !== error || $[56] !== errorClassName || $[57] !== headerClassName || $[58] !== helperText || $[59] !== hideLabel || $[60] !== isDisabled || $[61] !== isRequired || $[62] !== rightContent || $[63] !== t17 || $[64] !== t18 || $[65] !== tooltipText) {
83
- t19 = {
84
- error,
85
- label: t17,
86
- tooltipText,
87
- helperText,
88
- isRequired,
89
- rightContent,
90
- isHeaderHidden: t18,
91
- hideLabel,
92
- isDisabled,
93
- headerClassName,
94
- errorClassName,
95
- className
96
- };
97
- $[54] = className;
98
- $[55] = error;
99
- $[56] = errorClassName;
100
- $[57] = headerClassName;
101
- $[58] = helperText;
102
- $[59] = hideLabel;
103
- $[60] = isDisabled;
104
- $[61] = isRequired;
105
- $[62] = rightContent;
106
- $[63] = t17;
107
- $[64] = t18;
108
- $[65] = tooltipText;
109
- $[66] = t19;
110
- } else t19 = $[66];
111
- formFieldProps = t19;
112
- let t20;
113
- if ($[67] !== headerClassName || $[68] !== headerProps || $[69] !== helperText || $[70] !== hideLabel || $[71] !== isDisabled || $[72] !== isHeaderHidden || $[73] !== isRequired || $[74] !== label || $[75] !== labelProps || $[76] !== rightContent || $[77] !== tooltipText) {
114
- t20 = headerProps ? {
115
- ...headerProps,
116
- labelProps
117
- } : {
118
- label: label ?? "",
119
- tooltipText,
120
- helperText,
121
- isRequired,
122
- rightContent,
123
- isHeaderHidden: hideLabel || isHeaderHidden,
124
- isDisabled,
125
- className: headerClassName,
126
- labelProps
127
- };
128
- $[67] = headerClassName;
129
- $[68] = headerProps;
130
- $[69] = helperText;
131
- $[70] = hideLabel;
132
- $[71] = isDisabled;
133
- $[72] = isHeaderHidden;
134
- $[73] = isRequired;
135
- $[74] = label;
136
- $[75] = labelProps;
137
- $[76] = rightContent;
138
- $[77] = tooltipText;
139
- $[78] = t20;
140
- } else t20 = $[78];
141
- const resolvedHeaderProps = t20;
142
- let t21;
143
- if ($[79] !== as) {
144
- t21 = as && ["filter", "floating"].includes(as);
145
- $[79] = as;
146
- $[80] = t21;
147
- } else t21 = $[80];
148
- const shouldRenderLabel = t21;
149
- let t22;
150
- if ($[81] !== as || $[82] !== resolvedHeaderProps || $[83] !== shouldRenderLabel || $[84] !== size) {
151
- t22 = shouldRenderLabel ? /* @__PURE__ */ jsx(FormFieldLabel, {
152
- as,
153
- size,
154
- ...resolvedHeaderProps
155
- }) : null;
156
- $[81] = as;
157
- $[82] = resolvedHeaderProps;
158
- $[83] = shouldRenderLabel;
159
- $[84] = size;
160
- $[85] = t22;
161
- } else t22 = $[85];
162
- const labelContent = t22;
163
- let t23;
164
- if ($[86] !== as || $[87] !== contentWrapperClassName || $[88] !== inputContentWrapperCva) {
165
- t23 = contentWrapperClassName ?? inputContentWrapperCva({ as });
166
- $[86] = as;
167
- $[87] = contentWrapperClassName;
168
- $[88] = inputContentWrapperCva;
169
- $[89] = t23;
170
- } else t23 = $[89];
171
- const resolvedContentWrapperClassName = t23;
172
- isInputContentGroup = contentGroup === "input";
173
- t10 = dataAttributeProps;
174
- const t24 = isInputContentGroup && inputFrameContentGroupClassNames.input;
175
- if ($[90] !== as || $[91] !== contentClassName || $[92] !== inputSizeCva || $[93] !== size || $[94] !== t24 || $[95] !== typographyCva || $[96] !== typographySize) {
176
- let t25;
177
- if ($[98] !== typographyCva || $[99] !== typographySize) {
178
- t25 = typographySize && typographyCva({ size: typographySize });
179
- $[98] = typographyCva;
180
- $[99] = typographySize;
181
- $[100] = t25;
182
- } else t25 = $[100];
183
- t11 = clsx(t24, "group/input-frame flex min-w-0 w-full items-center gap-input-gap-input-text-to-elements", inputSizeCva({
184
- size,
185
- as
186
- }), t25, contentClassName);
187
- $[90] = as;
188
- $[91] = contentClassName;
189
- $[92] = inputSizeCva;
190
- $[93] = size;
191
- $[94] = t24;
192
- $[95] = typographyCva;
193
- $[96] = typographySize;
194
- $[97] = t11;
195
- } else t11 = $[97];
196
- t12 = leadingContent;
197
- if ($[101] !== isLeadingIconElement || $[102] !== leadingIcon) {
198
- t13 = leadingIcon && /* @__PURE__ */ jsx("div", {
199
- className: clsx(!isLeadingIconElement && "pointer-events-none"),
200
- children: renderIconVisual(leadingIcon)
201
- });
202
- $[101] = isLeadingIconElement;
203
- $[102] = leadingIcon;
204
- $[103] = t13;
205
- } else t13 = $[103];
206
- t14 = labelPlacement === "content-row" && labelContent;
207
- t15 = actionContentPlacement === "content-row" && actionContent;
208
- t6 = resolvedContentWrapperClassName;
209
- t7 = labelPlacement === "content-wrapper" && labelContent;
210
- t8 = actionContentPlacement === "content-wrapper" && actionContent;
211
- t9 = typeof children === "function" ? children({
212
- ...dataAttributeProps,
213
- id: inputId
214
- }) : children;
215
- $[4] = actionContent;
216
- $[5] = actionContentPlacement;
217
- $[6] = as;
218
- $[7] = children;
219
- $[8] = className;
220
- $[9] = contentClassName;
221
- $[10] = contentGroup;
222
- $[11] = contentWrapperClassName;
223
- $[12] = dataAttributes;
224
- $[13] = error;
225
- $[14] = errorClassName;
226
- $[15] = generatedInputId;
227
- $[16] = headerClassName;
228
- $[17] = headerProps;
229
- $[18] = helperText;
230
- $[19] = hideLabel;
231
- $[20] = idProp;
232
- $[21] = inputContentWrapperCva;
233
- $[22] = inputSizeCva;
234
- $[23] = isDisabled;
235
- $[24] = isHeaderHidden;
236
- $[25] = isLeadingIconElement;
237
- $[26] = isRequired;
238
- $[27] = label;
239
- $[28] = labelPlacement;
240
- $[29] = labelPropsProp;
241
- $[30] = leadingContent;
242
- $[31] = leadingIcon;
243
- $[32] = rightContent;
244
- $[33] = size;
245
- $[34] = tooltipText;
246
- $[35] = typographyCva;
247
- $[36] = typographySize;
248
- $[37] = dataAttributeProps;
249
- $[38] = formFieldProps;
250
- $[39] = isInputContentGroup;
251
- $[40] = labelProps;
252
- $[41] = t10;
253
- $[42] = t11;
254
- $[43] = t12;
255
- $[44] = t13;
256
- $[45] = t14;
257
- $[46] = t15;
258
- $[47] = t6;
259
- $[48] = t7;
260
- $[49] = t8;
261
- $[50] = t9;
262
- } else {
263
- dataAttributeProps = $[37];
264
- formFieldProps = $[38];
265
- isInputContentGroup = $[39];
266
- labelProps = $[40];
267
- t10 = $[41];
268
- t11 = $[42];
269
- t12 = $[43];
270
- t13 = $[44];
271
- t14 = $[45];
272
- t15 = $[46];
273
- t6 = $[47];
274
- t7 = $[48];
275
- t8 = $[49];
276
- t9 = $[50];
277
- }
278
- let t16;
279
- if ($[104] !== t6 || $[105] !== t7 || $[106] !== t8 || $[107] !== t9) {
280
- t16 = /* @__PURE__ */ jsxs("div", {
281
- className: t6,
282
- children: [
283
- t7,
284
- t8,
285
- t9
286
- ]
287
- });
288
- $[104] = t6;
289
- $[105] = t7;
290
- $[106] = t8;
291
- $[107] = t9;
292
- $[108] = t16;
293
- } else t16 = $[108];
294
- let t17;
295
- if ($[109] !== t10 || $[110] !== t11 || $[111] !== t12 || $[112] !== t13 || $[113] !== t14 || $[114] !== t15 || $[115] !== t16) {
296
- t17 = /* @__PURE__ */ jsxs("div", {
297
- ...t10,
298
- className: t11,
299
- children: [
300
- t12,
301
- t13,
302
- t14,
303
- t15,
304
- t16
305
- ]
306
- });
307
- $[109] = t10;
308
- $[110] = t11;
309
- $[111] = t12;
310
- $[112] = t13;
311
- $[113] = t14;
312
- $[114] = t15;
313
- $[115] = t16;
314
- $[116] = t17;
315
- } else t17 = $[116];
316
- const contentRow = t17;
317
- let t18;
318
- if ($[117] !== action || $[118] !== clearClassName || $[119] !== hasClear || $[120] !== hasTrailingContent || $[121] !== isDisabled || $[122] !== isLoading || $[123] !== onClear || $[124] !== renderStatic || $[125] !== showClear || $[126] !== trailingAction || $[127] !== trailingContent || $[128] !== trailingIcon || $[129] !== typographyCva || $[130] !== unit) {
319
- t18 = hasTrailingContent ? /* @__PURE__ */ jsxs(Fragment, { children: [
320
- hasClear && /* @__PURE__ */ jsx(InputClear, {
321
- onClear: () => onClear?.(),
322
- className: clearClassName,
323
- show: !!showClear,
324
- renderStatic
325
- }),
326
- trailingContent,
327
- unit && /* @__PURE__ */ jsx("span", {
328
- className: typographyCva({
329
- size: "label-2",
330
- sizeMobile: "label-2",
331
- variant: "prominent-1",
332
- className: "text-text-default-3"
333
- }),
334
- children: unit
335
- }),
336
- isLoading && /* @__PURE__ */ jsx("div", {
337
- className: "inline-flex",
338
- children: /* @__PURE__ */ jsx(Loader, {})
339
- }),
340
- !isLoading && action && /* @__PURE__ */ jsx(InlineIconButton, {
341
- color: "secondary",
342
- icon: action.icon,
343
- isDisabled,
344
- onPress: action.onClick,
345
- excludeFromTabOrder: true,
346
- label: action.altText,
347
- className: clsx("border-0!", action.className)
348
- }),
349
- !isLoading && !action && trailingIcon && renderIconVisual(trailingIcon),
350
- trailingAction
351
- ] }) : null;
352
- $[117] = action;
353
- $[118] = clearClassName;
354
- $[119] = hasClear;
355
- $[120] = hasTrailingContent;
356
- $[121] = isDisabled;
357
- $[122] = isLoading;
358
- $[123] = onClear;
359
- $[124] = renderStatic;
360
- $[125] = showClear;
361
- $[126] = trailingAction;
362
- $[127] = trailingContent;
363
- $[128] = trailingIcon;
364
- $[129] = typographyCva;
365
- $[130] = unit;
366
- $[131] = t18;
367
- } else t18 = $[131];
368
- const trailingContentNodes = t18;
369
- let t19;
370
- if ($[132] !== as || $[133] !== inputSizeCva || $[134] !== isDisabled || $[135] !== isTrailingInteractive || $[136] !== size || $[137] !== trailingClassName || $[138] !== trailingContentNodes || $[139] !== wrapTrailingContent) {
371
- t19 = wrapTrailingContent && trailingContentNodes ? /* @__PURE__ */ jsx("div", {
372
- className: clsx("flex items-center gap-input-gap-trailing-elements", inputSizeCva({
373
- size,
374
- as
375
- }), !isTrailingInteractive && "pointer-events-none", isDisabled && "text-interactive-text-secondary-disabled", trailingClassName),
376
- children: trailingContentNodes
377
- }) : trailingContentNodes;
378
- $[132] = as;
379
- $[133] = inputSizeCva;
380
- $[134] = isDisabled;
381
- $[135] = isTrailingInteractive;
382
- $[136] = size;
383
- $[137] = trailingClassName;
384
- $[138] = trailingContentNodes;
385
- $[139] = wrapTrailingContent;
386
- $[140] = t19;
387
- } else t19 = $[140];
388
- const trailingRow = t19;
389
- let t20;
390
- if ($[141] !== contentAndTrailingClassName || $[142] !== contentRow || $[143] !== trailingRow || $[144] !== wrapContentAndTrailing) {
391
- t20 = wrapContentAndTrailing ? /* @__PURE__ */ jsxs("div", {
392
- className: clsx("flex w-full items-center gap-input-gap-input-text-to-elements", contentAndTrailingClassName),
393
- children: [contentRow, trailingRow]
394
- }) : /* @__PURE__ */ jsxs(Fragment, { children: [contentRow, trailingRow] });
395
- $[141] = contentAndTrailingClassName;
396
- $[142] = contentRow;
397
- $[143] = trailingRow;
398
- $[144] = wrapContentAndTrailing;
399
- $[145] = t20;
400
- } else t20 = $[145];
401
- const inputFrameContent = t20;
402
- const t21 = as === "inline" ? -1 : void 0;
403
- const t22 = as === "inline" ? -1 : void 0;
404
- let t23;
405
- if ($[146] !== onMouseEnter || $[147] !== onStaticInteract || $[148] !== renderStatic) {
406
- t23 = (event) => {
407
- onMouseEnter?.(event);
408
- if (renderStatic) onStaticInteract?.(false);
409
- };
410
- $[146] = onMouseEnter;
411
- $[147] = onStaticInteract;
412
- $[148] = renderStatic;
413
- $[149] = t23;
414
- } else t23 = $[149];
415
- let t24;
416
- if ($[150] !== onFocusCapture || $[151] !== onStaticInteract || $[152] !== renderStatic) {
417
- t24 = (event_0) => {
418
- onFocusCapture?.(event_0);
419
- if (renderStatic) onStaticInteract?.(true);
420
- };
421
- $[150] = onFocusCapture;
422
- $[151] = onStaticInteract;
423
- $[152] = renderStatic;
424
- $[153] = t24;
425
- } else t24 = $[153];
426
- const t25 = !isInputContentGroup && inputFrameContentGroupClassNames[contentGroup];
427
- let t26;
428
- if ($[154] !== as || $[155] !== inputBaseCva || $[156] !== inputClassName || $[157] !== t25 || $[158] !== variant) {
429
- t26 = clsx("relative flex cursor-text has-disabled:cursor-default", t25, inputBaseCva({
430
- variant,
431
- as
432
- }), inputClassName);
433
- $[154] = as;
434
- $[155] = inputBaseCva;
435
- $[156] = inputClassName;
436
- $[157] = t25;
437
- $[158] = variant;
438
- $[159] = t26;
439
- } else t26 = $[159];
440
- const t27 = renderStatic ? isDisabled ? -1 : 0 : void 0;
441
- let t28;
442
- let t29;
443
- let t30;
444
- if ($[160] !== onStaticInteract || $[161] !== renderStatic) {
445
- t28 = () => {
446
- if (renderStatic) onStaticInteract?.(true);
447
- };
448
- t29 = () => {
449
- if (renderStatic) onStaticInteract?.(true);
450
- };
451
- t30 = () => {
452
- if (renderStatic) onStaticInteract?.(true);
453
- };
454
- $[160] = onStaticInteract;
455
- $[161] = renderStatic;
456
- $[162] = t28;
457
- $[163] = t29;
458
- $[164] = t30;
459
- } else {
460
- t28 = $[162];
461
- t29 = $[163];
462
- t30 = $[164];
463
- }
464
- let t31;
465
- if ($[165] !== dataAttributeProps || $[166] !== inputFrameContent || $[167] !== ref || $[168] !== t26 || $[169] !== t27 || $[170] !== t28 || $[171] !== t29 || $[172] !== t30) {
466
- t31 = /* @__PURE__ */ jsx("div", {
467
- ref,
468
- ...dataAttributeProps,
469
- className: t26,
470
- tabIndex: t27,
471
- onFocus: t28,
472
- onClick: t29,
473
- onPointerDown: t30,
474
- "data-rac": "",
475
- children: inputFrameContent
476
- });
477
- $[165] = dataAttributeProps;
478
- $[166] = inputFrameContent;
479
- $[167] = ref;
480
- $[168] = t26;
481
- $[169] = t27;
482
- $[170] = t28;
483
- $[171] = t29;
484
- $[172] = t30;
485
- $[173] = t31;
486
- } else t31 = $[173];
487
- let t32;
488
- if ($[174] !== as || $[175] !== dataAttributeProps || $[176] !== formFieldProps || $[177] !== formFieldRef || $[178] !== labelProps || $[179] !== t22 || $[180] !== t23 || $[181] !== t24 || $[182] !== t31) {
489
- t32 = /* @__PURE__ */ jsx(FormField, {
490
- ...formFieldProps,
491
- ...dataAttributeProps,
492
- ref: formFieldRef,
493
- as,
494
- labelProps,
495
- tabIndex: t22,
496
- onMouseEnter: t23,
497
- onFocusCapture: t24,
498
- children: t31
499
- });
500
- $[174] = as;
501
- $[175] = dataAttributeProps;
502
- $[176] = formFieldProps;
503
- $[177] = formFieldRef;
504
- $[178] = labelProps;
505
- $[179] = t22;
506
- $[180] = t23;
507
- $[181] = t24;
508
- $[182] = t31;
509
- $[183] = t32;
510
- } else t32 = $[183];
511
- let t33;
512
- if ($[184] !== as || $[185] !== error || $[186] !== t21 || $[187] !== t32) {
513
- t33 = /* @__PURE__ */ jsx(TooltipWrapper, {
514
- as,
515
- error,
516
- triggerTabIndex: t21,
517
- children: t32
518
- });
519
- $[184] = as;
520
- $[185] = error;
521
- $[186] = t21;
522
- $[187] = t32;
523
- $[188] = t33;
524
- } else t33 = $[188];
525
- return t33;
526
- };
527
- var inputFrameContentGroupClassNames = {
528
- "date-picker": "group/date-picker-content",
529
- input: "group/input-content",
530
- select: "group/select-content"
531
- };
532
- var renderIconVisual = (icon) => {
533
- if (isValidElement(icon)) return icon;
534
- return /* @__PURE__ */ jsx(icon, { className: "size-6 text-interactive-text-secondary-idle" });
535
- };
536
- var getInputFrameDataAttributeProps = (dataAttributes) => ({
537
- "data-is-empty": dataAttributes?.dataIsEmpty || void 0,
538
- "data-is-filled": dataAttributes?.dataIsFilled || void 0,
539
- "data-is-dirty": dataAttributes?.dataIsDirty || void 0,
540
- "data-is-required": dataAttributes?.dataIsRequired || void 0,
541
- "data-is-disabled": dataAttributes?.dataIsDisabled || void 0,
542
- "data-disabled": dataAttributes?.dataDisabled || void 0,
543
- "data-has-search": dataAttributes?.dataHasSearch || void 0,
544
- "data-invalid": dataAttributes?.dataInvalid || void 0,
545
- "data-has-selection": dataAttributes?.dataHasSelection || void 0
546
- });
547
- //#endregion
548
- export { InputFrame };
@@ -1,8 +0,0 @@
1
- import { UIOverrides } from '../../../config/uiOverrides.context';
2
- export declare const tooltipWrapperTriggerDefinition: {
3
- base: string[];
4
- config?: import("../../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
5
- };
6
- export type TooltipWrapperTriggerConfig = NonNullable<typeof tooltipWrapperTriggerDefinition.config>;
7
- export interface TooltipWrapperTriggerVariantProps extends UIOverrides.VariantProps<TooltipWrapperTriggerConfig> {
8
- }
@@ -1,5 +0,0 @@
1
- import { UIOverrides } from "../../../config/uiOverrides.context.js";
2
- //#region src/components/inputs/shared/tooltipWrapper.cva.ts
3
- var tooltipWrapperTriggerDefinition = UIOverrides.defineConfig({ base: ["inline-flex"] });
4
- //#endregion
5
- export { tooltipWrapperTriggerDefinition };
@@ -1,14 +0,0 @@
1
- import { Dispatch, RefObject, SetStateAction } from 'react';
2
- interface StaticInputHandoffOptions<TElement extends HTMLElement> {
3
- inputRef: RefObject<TElement | null>;
4
- renderInput: boolean;
5
- setRenderInput: Dispatch<SetStateAction<boolean>>;
6
- getFocusTarget?: (element: TElement) => HTMLElement | null | undefined;
7
- }
8
- export declare const useStaticInputHandoff: <TElement extends HTMLElement = HTMLInputElement>({ inputRef, renderInput, setRenderInput, getFocusTarget, }: StaticInputHandoffOptions<TElement>) => {
9
- shouldFocus: boolean;
10
- renderRealInput: (focus: boolean) => void;
11
- replayStaticInputChange: (value: string) => void;
12
- replayStaticInputPress: () => void;
13
- };
14
- export {};
@@ -1,100 +0,0 @@
1
- import { c } from "react/compiler-runtime";
2
- import { useLayoutEffect, useRef, useState } from "react";
3
- //#region src/components/inputs/shared/useStaticInputHandoff.ts
4
- var useStaticInputHandoff = (t0) => {
5
- const $ = c(15);
6
- const { inputRef, renderInput, setRenderInput, getFocusTarget } = t0;
7
- const [shouldFocus, setShouldFocus] = useState(false);
8
- const pendingStaticChangeRef = useRef(null);
9
- const shouldReplayStaticPressRef = useRef(false);
10
- let t1;
11
- let t2;
12
- if ($[0] !== getFocusTarget || $[1] !== inputRef || $[2] !== renderInput || $[3] !== shouldFocus) {
13
- t1 = () => {
14
- if (!renderInput || !shouldFocus) return;
15
- const focusRealInput = (replayPendingInteraction) => {
16
- const input = inputRef.current;
17
- const pendingValue = pendingStaticChangeRef.current;
18
- const focusTarget = input ? getFocusTarget?.(input) ?? input : null;
19
- if (replayPendingInteraction && focusTarget instanceof HTMLInputElement && pendingValue != null) {
20
- (Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(focusTarget, pendingValue);
21
- focusTarget.dispatchEvent(new Event("input", { bubbles: true }));
22
- pendingStaticChangeRef.current = null;
23
- }
24
- focusTarget?.focus();
25
- if (replayPendingInteraction && shouldReplayStaticPressRef.current) {
26
- shouldReplayStaticPressRef.current = false;
27
- focusTarget?.click();
28
- }
29
- };
30
- focusRealInput(true);
31
- const frame = requestAnimationFrame(() => {
32
- focusRealInput(false);
33
- setShouldFocus(false);
34
- });
35
- return () => {
36
- cancelAnimationFrame(frame);
37
- };
38
- };
39
- t2 = [
40
- getFocusTarget,
41
- inputRef,
42
- renderInput,
43
- shouldFocus
44
- ];
45
- $[0] = getFocusTarget;
46
- $[1] = inputRef;
47
- $[2] = renderInput;
48
- $[3] = shouldFocus;
49
- $[4] = t1;
50
- $[5] = t2;
51
- } else {
52
- t1 = $[4];
53
- t2 = $[5];
54
- }
55
- useLayoutEffect(t1, t2);
56
- let t3;
57
- let t4;
58
- let t5;
59
- if ($[6] !== setRenderInput) {
60
- t3 = (focus) => {
61
- setShouldFocus(focus);
62
- setRenderInput(true);
63
- };
64
- t4 = (value) => {
65
- pendingStaticChangeRef.current = value;
66
- setShouldFocus(true);
67
- setRenderInput(true);
68
- };
69
- t5 = () => {
70
- shouldReplayStaticPressRef.current = true;
71
- setShouldFocus(true);
72
- setRenderInput(true);
73
- };
74
- $[6] = setRenderInput;
75
- $[7] = t3;
76
- $[8] = t4;
77
- $[9] = t5;
78
- } else {
79
- t3 = $[7];
80
- t4 = $[8];
81
- t5 = $[9];
82
- }
83
- let t6;
84
- if ($[10] !== shouldFocus || $[11] !== t3 || $[12] !== t4 || $[13] !== t5) {
85
- t6 = {
86
- shouldFocus,
87
- renderRealInput: t3,
88
- replayStaticInputChange: t4,
89
- replayStaticInputPress: t5
90
- };
91
- $[10] = shouldFocus;
92
- $[11] = t3;
93
- $[12] = t4;
94
- $[13] = t5;
95
- $[14] = t6;
96
- } else t6 = $[14];
97
- return t6;
98
- };
99
- //#endregion
100
- export { useStaticInputHandoff };
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};