@iress-oss/ids-components 6.0.0-alpha.0 → 6.0.0-alpha.1

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 (367) hide show
  1. package/README.md +1 -1
  2. package/dist/Autocomplete-CLvWVHp6.js +358 -0
  3. package/dist/{Button-BXzmntRi.js → Button-D6AL0bia.js} +86 -85
  4. package/dist/Provider-BXQiO7Gp.js +64 -0
  5. package/dist/{TableProvider-D8SQKIG8.js → TableProvider-_4Whj6P5.js} +11 -11
  6. package/dist/components/Alert/Alert.js +34 -35
  7. package/dist/components/Alert/Alert.styles.js +1 -1
  8. package/dist/components/Alert/index.js +4 -5
  9. package/dist/components/Autocomplete/Autocomplete.js +17 -82
  10. package/dist/components/Autocomplete/Autocomplete.styles.js +1 -1
  11. package/dist/components/Autocomplete/hooks/useAutocompleteSearch.js +36 -35
  12. package/dist/components/Autocomplete/index.js +6 -4
  13. package/dist/components/Badge/Badge.js +3 -3
  14. package/dist/components/Badge/Badge.styles.js +1 -1
  15. package/dist/components/Button/Button.js +3 -3
  16. package/dist/components/Button/CloseButton/CloseButton.js +1 -1
  17. package/dist/components/Button/index.js +1 -1
  18. package/dist/components/ButtonGroup/ButtonGroup.js +1 -1
  19. package/dist/components/ButtonGroup/ButtonGroup.styles.js +1 -1
  20. package/dist/components/ButtonGroup/hooks/useButtonGroupItem.js +11 -12
  21. package/dist/components/Card/Card.js +2 -2
  22. package/dist/components/Card/Card.styles.js +1 -1
  23. package/dist/components/Checkbox/Checkbox.js +85 -86
  24. package/dist/components/Checkbox/Checkbox.styles.js +1 -1
  25. package/dist/components/CheckboxGroup/CheckboxGroup.js +69 -74
  26. package/dist/components/CheckboxGroup/CheckboxGroup.styles.js +1 -1
  27. package/dist/components/CheckboxMark/CheckboxMark.js +2 -2
  28. package/dist/components/CheckboxMark/CheckboxMark.styles.js +2 -2
  29. package/dist/components/Col/Col.js +1 -1
  30. package/dist/components/Col/Col.styles.js +1 -1
  31. package/dist/components/Container/Container.js +1 -1
  32. package/dist/components/Container/Container.styles.js +3 -2
  33. package/dist/components/Divider/Divider.js +2 -2
  34. package/dist/components/Divider/Divider.styles.js +1 -1
  35. package/dist/components/Expander/Expander.js +46 -41
  36. package/dist/components/Expander/Expander.styles.js +2 -2
  37. package/dist/components/Field/Field.js +55 -54
  38. package/dist/components/Field/Field.styles.js +10 -3
  39. package/dist/components/Field/FieldGroup/FieldGroup.js +40 -40
  40. package/dist/components/Field/FieldGroup/FieldGroup.styles.js +1 -1
  41. package/dist/components/Field/components/FieldFooter.js +32 -32
  42. package/dist/components/Field/components/FieldHint.js +2 -2
  43. package/dist/components/Filter/Filter.js +213 -100
  44. package/dist/components/Filter/Filter.styles.js +1 -1
  45. package/dist/components/Filter/components/FilterResetButton.js +17 -18
  46. package/dist/components/Filter/components/FilterResultsDescriptor.js +6 -6
  47. package/dist/components/Filter/components/FilterSearch.js +18 -19
  48. package/dist/components/Filter/index.js +2 -2
  49. package/dist/components/Hide/Hide.js +1 -1
  50. package/dist/components/Icon/Icon.js +1 -1
  51. package/dist/components/Icon/Icon.styles.js +1 -1
  52. package/dist/components/Image/Image.js +1 -1
  53. package/dist/components/Image/Image.styles.js +1 -1
  54. package/dist/components/Inline/Inline.js +1 -1
  55. package/dist/components/Inline/Inline.styles.js +1 -1
  56. package/dist/components/Input/Input.js +98 -102
  57. package/dist/components/Input/Input.styles.js +1 -1
  58. package/dist/components/Input/InputBase/InputBase.js +23 -23
  59. package/dist/components/Label/Label.styles.js +1 -1
  60. package/dist/components/Label/LabelBase/LabelBase.js +32 -32
  61. package/dist/components/Link/Link.js +50 -51
  62. package/dist/components/Link/Link.styles.js +2 -1
  63. package/dist/components/Menu/Menu.js +51 -51
  64. package/dist/components/Menu/Menu.styles.js +1 -1
  65. package/dist/components/Menu/MenuDivider/MenuDivider.js +13 -13
  66. package/dist/components/Menu/MenuItem/MenuItem.js +144 -146
  67. package/dist/components/Menu/MenuItem/hooks/useMenuItemRole.js +5 -5
  68. package/dist/components/Menu/MenuText/MenuText.js +38 -38
  69. package/dist/components/Modal/Modal.js +119 -123
  70. package/dist/components/Modal/Modal.styles.js +15 -6
  71. package/dist/components/Modal/ModalProvider.js +20 -22
  72. package/dist/components/Modal/hooks/useModal.js +9 -7
  73. package/dist/components/Modal/hooks/useProviderModal.js +8 -8
  74. package/dist/components/Modal/index.js +7 -6
  75. package/dist/components/Panel/Panel.js +1 -1
  76. package/dist/components/Panel/Panel.styles.js +1 -1
  77. package/dist/components/Placeholder/Placeholder.js +14 -14
  78. package/dist/components/Placeholder/Placeholder.styles.js +1 -1
  79. package/dist/components/Popover/InputPopover/InputPopover.js +89 -14
  80. package/dist/components/Popover/InputPopover/InputPopoverActivator.js +31 -34
  81. package/dist/components/Popover/Popover.js +44 -43
  82. package/dist/components/Popover/Popover.styles.js +2 -2
  83. package/dist/components/Popover/components/NestedPopoverActivator.js +1 -1
  84. package/dist/components/Popover/components/PopoverActivator.js +48 -53
  85. package/dist/components/Popover/components/PopoverContent.js +33 -33
  86. package/dist/components/Popover/helpers/composeFloatingProps.js +23 -26
  87. package/dist/components/Popover/helpers/handlePopoverTabKey.js +11 -14
  88. package/dist/components/Popover/hooks/usePopover.js +79 -75
  89. package/dist/components/Popover/hooks/usePopoverActivatorInteractions.js +23 -26
  90. package/dist/components/Popover/hooks/usePopoverItem.js +16 -17
  91. package/dist/components/Popover/hooks/usePopoverNavigation.js +22 -22
  92. package/dist/components/Popover/index.js +6 -6
  93. package/dist/components/Progress/Progress.js +4 -4
  94. package/dist/components/Progress/Progress.styles.js +1 -1
  95. package/dist/components/Provider/Provider.js +12 -35
  96. package/dist/components/Provider/index.js +1 -1
  97. package/dist/components/Radio/Radio.js +79 -80
  98. package/dist/components/Radio/Radio.styles.js +1 -1
  99. package/dist/components/RadioGroup/RadioGroup.js +69 -77
  100. package/dist/components/RadioGroup/RadioGroup.styles.js +1 -1
  101. package/dist/components/Readonly/Readonly.js +44 -43
  102. package/dist/components/Readonly/Readonly.styles.js +8 -13
  103. package/dist/components/RichSelect/RichSelect.js +21 -86
  104. package/dist/components/RichSelect/RichSelect.styles.js +1 -1
  105. package/dist/components/RichSelect/SelectBody/SelectBody.js +23 -117
  106. package/dist/components/RichSelect/SelectBody/SelectBody.styles.js +1 -1
  107. package/dist/components/RichSelect/SelectCreate/SelectCreate.js +25 -114
  108. package/dist/components/RichSelect/SelectHeading/SelectHeading.js +67 -97
  109. package/dist/components/RichSelect/SelectLabel/SelectLabel.js +19 -19
  110. package/dist/components/RichSelect/SelectLabel/SelectLabel.styles.js +1 -1
  111. package/dist/components/RichSelect/SelectMenu/SelectMenu.js +69 -69
  112. package/dist/components/RichSelect/SelectMenu/SelectMenu.styles.js +1 -1
  113. package/dist/components/RichSelect/SelectMenu/SelectMenuItem.js +52 -46
  114. package/dist/components/RichSelect/SelectSearch/SelectSearch.js +43 -98
  115. package/dist/components/RichSelect/SelectSearch/SelectSearch.styles.js +1 -1
  116. package/dist/components/RichSelect/SelectSearchInput/SelectSearchInput.js +31 -32
  117. package/dist/components/RichSelect/SelectSearchInput/SelectSearchInput.styles.js +1 -1
  118. package/dist/components/RichSelect/SelectTags/SelectTags.js +161 -105
  119. package/dist/components/RichSelect/SelectTags/SelectTags.styles.js +1 -1
  120. package/dist/components/RichSelect/components/SelectActivator.js +63 -6
  121. package/dist/components/RichSelect/components/SelectOptions.js +201 -95
  122. package/dist/components/RichSelect/index.js +18 -15
  123. package/dist/components/Row/Row.js +1 -1
  124. package/dist/components/Row/Row.styles.js +1 -1
  125. package/dist/components/Select/Select.js +71 -71
  126. package/dist/components/Select/Select.styles.js +1 -1
  127. package/dist/components/Select/SelectOption/SelectOption.js +1 -1
  128. package/dist/components/Select/components/SelectControl.js +1 -1
  129. package/dist/components/Select/components/SelectReadonly.js +30 -33
  130. package/dist/components/Select/helpers/nodesToSelectOptions.js +19 -20
  131. package/dist/components/Skeleton/Skeleton.styles.js +1 -1
  132. package/dist/components/SkipLink/SkipLink.js +1 -1
  133. package/dist/components/SkipLink/SkipLink.styles.js +2 -2
  134. package/dist/components/Slideout/Slideout.js +155 -160
  135. package/dist/components/Slideout/Slideout.styles.js +1 -1
  136. package/dist/components/Slideout/SlideoutProvider.js +18 -20
  137. package/dist/components/Slideout/components/SlideoutInner.js +3 -3
  138. package/dist/components/Slideout/hooks/useProviderSlideout.js +8 -8
  139. package/dist/components/Slideout/hooks/usePushElement.js +27 -27
  140. package/dist/components/Slideout/hooks/useSlideout.js +11 -9
  141. package/dist/components/Slideout/index.js +7 -6
  142. package/dist/components/Slider/Slider.js +76 -76
  143. package/dist/components/Slider/Slider.styles.js +1 -1
  144. package/dist/components/Slider/components/SliderTicks.js +15 -16
  145. package/dist/components/Spinner/Spinner.styles.js +1 -1
  146. package/dist/components/Stack/Stack.js +1 -1
  147. package/dist/components/Stack/Stack.styles.js +3 -3
  148. package/dist/components/TabSet/Tab/Tab.js +88 -88
  149. package/dist/components/TabSet/Tab/Tab.styles.js +1 -1
  150. package/dist/components/TabSet/TabSet.js +69 -59
  151. package/dist/components/TabSet/TabSet.styles.js +1 -1
  152. package/dist/components/TabSet/TabSetProvider.js +43 -43
  153. package/dist/components/Table/Table.js +39 -39
  154. package/dist/components/Table/Table.styles.js +10 -8
  155. package/dist/components/Table/TableBody/TableBody.js +76 -76
  156. package/dist/components/Table/TableFormattedValue/TableFormattedValue.js +8 -18
  157. package/dist/components/Table/TableProvider.js +2 -2
  158. package/dist/components/Table/components/TableEmpty.js +8 -8
  159. package/dist/components/Table/components/TableHeader.js +31 -32
  160. package/dist/components/Table/components/TableHeaderCell.js +23 -24
  161. package/dist/components/Table/components/TableRows.js +38 -38
  162. package/dist/components/Table/components/TableSortButton.js +6 -6
  163. package/dist/components/Table/helpers/composeTableColumnDefs.js +1 -1
  164. package/dist/components/Table/helpers/composeTableInitialSorting.js +4 -4
  165. package/dist/components/Table/hooks/useTableColumnSort.js +12 -12
  166. package/dist/components/Table/hooks/useTableColumnStyles.js +13 -14
  167. package/dist/components/Table/index.js +2 -3
  168. package/dist/components/Tag/Tag.js +29 -32
  169. package/dist/components/Tag/Tag.styles.js +1 -2
  170. package/dist/components/Tag/TagInput/TagInput.js +120 -104
  171. package/dist/components/Tag/TagInput/TagInput.styles.js +26 -0
  172. package/dist/components/Text/Text.js +16 -36
  173. package/dist/components/Text/Text.styles.js +2 -2
  174. package/dist/components/Text/index.js +1 -2
  175. package/dist/components/Toaster/Toaster.js +59 -11
  176. package/dist/components/Toaster/Toaster.styles.js +1 -1
  177. package/dist/components/Toaster/ToasterProvider.js +49 -6
  178. package/dist/components/Toaster/components/Toast/Toast.js +46 -47
  179. package/dist/components/Toaster/components/Toast/Toast.styles.js +1 -1
  180. package/dist/components/Toaster/components/Toast/ToastAnimated.js +36 -37
  181. package/dist/components/Toaster/hooks/useToaster.js +24 -22
  182. package/dist/components/Toaster/index.js +5 -4
  183. package/dist/components/Toggle/Toggle.js +42 -42
  184. package/dist/components/Toggle/Toggle.styles.js +1 -1
  185. package/dist/components/Tooltip/Tooltip.js +2 -2
  186. package/dist/components/Tooltip/Tooltip.styles.js +1 -1
  187. package/dist/components/ValidationMessage/ValidationMessage.js +25 -26
  188. package/dist/components/ValidationMessage/ValidationSummary/ValidationSummary.js +1 -1
  189. package/dist/{composeTableColumnDefs-CeWqgpKW.js → composeTableColumnDefs-Hmd6yfdj.js} +99 -99
  190. package/dist/constants.js +10 -10
  191. package/dist/{create-recipe-BqEnhJ30.js → create-recipe-C-ASk1Hy.js} +11 -10
  192. package/dist/css-fGu_jDvv.js +228 -0
  193. package/dist/cva-JiDXAa83.js +63 -0
  194. package/dist/enums.js +7 -7
  195. package/dist/factory-oPXoMw9H.js +58 -0
  196. package/dist/{floating-ui.react-CPN4oQCc.js → floating-ui.react-CmSaAiNF.js} +1153 -1151
  197. package/dist/fuzzysort-DKAolWVP.js +397 -0
  198. package/dist/helpers/dom/closestCrossShadow.js +16 -17
  199. package/dist/helpers/dom/focusableElements.js +6 -6
  200. package/dist/helpers/dom/getActiveElement.js +5 -6
  201. package/dist/helpers/formatting/formatDateTime.js +9 -10
  202. package/dist/helpers/label-value/composeLabelValueDescriptor.js +8 -8
  203. package/dist/helpers/label-value/getQueryRangeExclusive.js +1 -1
  204. package/dist/helpers/label-value/getValueFromLabelValues.js +5 -6
  205. package/dist/helpers/label-value/highlightQueryInLabel.js +4 -7
  206. package/dist/helpers/label-value/highlightQueryInLabelValue.js +6 -5
  207. package/dist/helpers/label-value/searchLabelValues.js +1 -1
  208. package/dist/helpers/responsive/getResponsiveLayoutModifiers.js +4 -4
  209. package/dist/helpers/styling/iressCss.js +2 -2
  210. package/dist/helpers/transition/getTransitionDuration.js +5 -8
  211. package/dist/hooks/useAriaRelationship.js +19 -21
  212. package/dist/hooks/useBreakpoint.js +8 -11
  213. package/dist/hooks/useControlledState.js +37 -35
  214. package/dist/{index-DlGwAtoO.js → index-CvOVcYUc.js} +40 -14
  215. package/dist/{index.esm-BnSuefUA.js → index.esm-8uZEha-3.js} +1 -1
  216. package/dist/{index.esm-BdbWn-w_.js → index.esm-B6vzbp0e.js} +5 -5
  217. package/dist/is-valid-prop-Ce0wiweq.js +7 -0
  218. package/dist/main.js +298 -292
  219. package/dist/patterns/Form/Form.js +1 -1
  220. package/dist/patterns/Form/Form.styles.js +1 -1
  221. package/dist/patterns/Form/FormField/FormField.js +41 -44
  222. package/dist/patterns/Form/FormField/FormFieldset.js +41 -44
  223. package/dist/patterns/Form/FormField/helpers/getErrorTypeMessage.js +10 -10
  224. package/dist/patterns/Form/FormField/hooks/useFieldRenderProps.js +26 -26
  225. package/dist/patterns/Form/FormValidationSummary/FormValidationSummary.js +55 -56
  226. package/dist/patterns/Form/HookForm/HookForm.js +72 -75
  227. package/dist/patterns/Form/components/LongForm.js +1 -1
  228. package/dist/patterns/Form/components/ShortForm.js +12 -12
  229. package/dist/patterns/Loading/Loading.styles.js +19 -7
  230. package/dist/patterns/Loading/LoadingSuspense.js +26 -26
  231. package/dist/patterns/Loading/components/ComponentLoading.js +49 -49
  232. package/dist/patterns/Loading/components/DefaultLoading.js +1 -1
  233. package/dist/patterns/Loading/components/LongLoading.js +45 -45
  234. package/dist/patterns/Loading/components/PageLoading.js +63 -60
  235. package/dist/patterns/Loading/components/StartUpLoading.js +61 -59
  236. package/dist/patterns/Loading/components/ValidateLoading.js +2 -2
  237. package/dist/patterns/Loading/hooks/useShowIndicator.js +11 -11
  238. package/dist/patterns/Shadow/Shadow.js +32235 -0
  239. package/dist/patterns/Shadow/index.js +4 -0
  240. package/dist/src/components/Alert/Alert.d.ts +0 -1
  241. package/dist/src/components/Alert/Alert.styles.d.ts +1 -1
  242. package/dist/src/components/Autocomplete/Autocomplete.d.ts +1 -1
  243. package/dist/src/components/Autocomplete/hooks/useAutocompleteSearch.d.ts +1 -1
  244. package/dist/src/components/Autocomplete/index.d.ts +1 -0
  245. package/dist/src/components/Checkbox/Checkbox.d.ts +3 -1
  246. package/dist/src/components/Field/Field.styles.d.ts +8 -1
  247. package/dist/src/components/Field/FieldGroup/FieldGroup.styles.d.ts +1 -1
  248. package/dist/src/components/Label/Label.styles.d.ts +1 -1
  249. package/dist/src/components/Modal/Modal.styles.d.ts +6 -0
  250. package/dist/src/components/Modal/ModalProvider.d.ts +0 -16
  251. package/dist/src/components/Modal/hooks/useModal.d.ts +17 -0
  252. package/dist/src/components/Popover/Popover.styles.d.ts +1 -1
  253. package/dist/src/components/Popover/components/NestedPopoverActivator.d.ts +1 -1
  254. package/dist/src/components/Popover/hooks/usePopover.d.ts +4 -0
  255. package/dist/src/components/Popover/hooks/usePopoverNavigation.d.ts +1 -1
  256. package/dist/src/components/Readonly/Readonly.styles.d.ts +1 -1
  257. package/dist/src/components/RichSelect/RichSelect.d.ts +11 -1
  258. package/dist/src/components/RichSelect/SelectBody/SelectBody.d.ts +1 -1
  259. package/dist/src/components/RichSelect/SelectMenu/SelectMenu.d.ts +2 -2
  260. package/dist/src/components/RichSelect/SelectMenu/SelectMenuItem.d.ts +1 -1
  261. package/dist/src/components/RichSelect/SelectSearch/SelectSearch.d.ts +1 -1
  262. package/dist/src/components/RichSelect/SelectSearchInput/SelectSearchInput.d.ts +1 -2
  263. package/dist/src/components/RichSelect/SelectTags/SelectTags.d.ts +1 -1
  264. package/dist/src/components/RichSelect/SelectTags/SelectTags.styles.d.ts +1 -1
  265. package/dist/src/components/RichSelect/components/SelectOptions.d.ts +1 -1
  266. package/dist/src/components/Slideout/SlideoutProvider.d.ts +0 -6
  267. package/dist/src/components/Slideout/hooks/useSlideout.d.ts +7 -0
  268. package/dist/src/components/TabSet/TabSet.d.ts +10 -1
  269. package/dist/src/components/Table/TableFormattedValue/TableFormattedValue.d.ts +2 -3
  270. package/dist/src/components/Table/helpers/composeTableColumnDefs.d.ts +1 -1
  271. package/dist/src/components/Tag/TagInput/TagInput.styles.d.ts +1 -0
  272. package/dist/src/components/Text/Text.d.ts +1 -2
  273. package/dist/src/components/Toaster/ToasterProvider.d.ts +0 -2
  274. package/dist/src/components/Toaster/components/Toast/Toast.d.ts +1 -2
  275. package/dist/src/components/Toaster/hooks/useToaster.d.ts +7 -6
  276. package/dist/src/enums.d.ts +1 -9
  277. package/dist/src/interfaces.d.ts +1 -0
  278. package/dist/src/main.d.ts +1 -1
  279. package/dist/src/patterns/Form/hooks/useNoDefaultValueInForms.d.ts +1 -1
  280. package/dist/src/patterns/Loading/Loading.styles.d.ts +1 -0
  281. package/dist/src/patterns/Loading/components/PageLoading.d.ts +5 -1
  282. package/dist/src/patterns/Loading/components/StartUpLoading.d.ts +8 -3
  283. package/dist/src/patterns/Loading/components/ValidateLoading.d.ts +1 -1
  284. package/dist/src/patterns/Shadow/Shadow.d.ts +34 -0
  285. package/dist/src/patterns/Shadow/index.d.ts +1 -0
  286. package/dist/src/patterns/Shadow/meta/Thumbnail.d.ts +2 -0
  287. package/dist/src/patterns/Shadow/meta/index.d.ts +7 -0
  288. package/dist/src/styled-system/jsx/create-style-context.d.ts +47 -0
  289. package/dist/src/styled-system/jsx/index.d.ts +1 -0
  290. package/dist/src/styled-system/patterns/aspect-ratio.d.ts +0 -1
  291. package/dist/src/styled-system/patterns/bleed.d.ts +0 -1
  292. package/dist/src/styled-system/patterns/box.d.ts +0 -1
  293. package/dist/src/styled-system/patterns/center.d.ts +0 -1
  294. package/dist/src/styled-system/patterns/circle.d.ts +0 -1
  295. package/dist/src/styled-system/patterns/container.d.ts +0 -1
  296. package/dist/src/styled-system/patterns/cq.d.ts +0 -1
  297. package/dist/src/styled-system/patterns/divider.d.ts +0 -1
  298. package/dist/src/styled-system/patterns/flex.d.ts +0 -1
  299. package/dist/src/styled-system/patterns/float.d.ts +0 -1
  300. package/dist/src/styled-system/patterns/grid-item.d.ts +0 -1
  301. package/dist/src/styled-system/patterns/grid.d.ts +0 -1
  302. package/dist/src/styled-system/patterns/hstack.d.ts +0 -1
  303. package/dist/src/styled-system/patterns/link-overlay.d.ts +0 -1
  304. package/dist/src/styled-system/patterns/spacer.d.ts +0 -1
  305. package/dist/src/styled-system/patterns/square.d.ts +0 -1
  306. package/dist/src/styled-system/patterns/stack.d.ts +0 -1
  307. package/dist/src/styled-system/patterns/visually-hidden.d.ts +0 -1
  308. package/dist/src/styled-system/patterns/vstack.d.ts +0 -1
  309. package/dist/src/styled-system/patterns/wrap.d.ts +0 -1
  310. package/dist/src/styled-system/recipes/button.d.ts +4 -3
  311. package/dist/src/styled-system/recipes/table.d.ts +4 -1
  312. package/dist/src/styled-system/recipes/text.d.ts +3 -2
  313. package/dist/src/styled-system/tokens/tokens.d.ts +4 -4
  314. package/dist/src/styled-system/types/composition.d.ts +83 -23
  315. package/dist/src/styled-system/types/conditions.d.ts +15 -11
  316. package/dist/src/styled-system/types/jsx.d.ts +21 -6
  317. package/dist/src/styled-system/types/prop-type.d.ts +9 -2
  318. package/dist/src/styled-system/types/style-props.d.ts +14 -1
  319. package/dist/src/styled-system/types/system-types.d.ts +76 -0
  320. package/dist/style.css +1 -1
  321. package/dist/sva-OmxClA9g.js +34 -0
  322. package/package.json +68 -46
  323. package/dist/Filter-Bwk7SIlJ.js +0 -1103
  324. package/dist/InputPopover-BWWuoQZ2.js +0 -132
  325. package/dist/ToasterProvider-XqpAGfRs.js +0 -112
  326. package/dist/_commonjsHelpers-C6fGbg64.js +0 -6
  327. package/dist/cva-B2x59Dph.js +0 -294
  328. package/dist/factory-DHLOr79I.js +0 -53
  329. package/dist/fuzzysort-eoXOpoo6.js +0 -395
  330. package/dist/helpers/utility/generateScopedName.js +0 -9
  331. package/dist/is-valid-prop-DFFvE05x.js +0 -7
  332. package/dist/panda.config.d.ts +0 -4
  333. package/dist/src/helpers/utility/generateScopedName.d.ts +0 -8
  334. package/dist/sva-TRyehFkb.js +0 -32
  335. package/dist/theme-preset/config-recipes/button.d.ts +0 -6
  336. package/dist/theme-preset/config-recipes/table.d.ts +0 -1
  337. package/dist/theme-preset/config-recipes/text.d.ts +0 -1
  338. package/dist/theme-preset/globalCss.d.ts +0 -1
  339. package/dist/theme-preset/index.d.ts +0 -2
  340. package/dist/theme-preset/staticCss.d.ts +0 -2
  341. package/dist/theme-preset/storybook.d.ts +0 -4
  342. package/dist/theme-preset/tokens/animationStyles.d.ts +0 -1
  343. package/dist/theme-preset/tokens/borders.d.ts +0 -50
  344. package/dist/theme-preset/tokens/breakpoints.d.ts +0 -8
  345. package/dist/theme-preset/tokens/colors.d.ts +0 -156
  346. package/dist/theme-preset/tokens/keyframes.d.ts +0 -1
  347. package/dist/theme-preset/tokens/layerStyles.d.ts +0 -40
  348. package/dist/theme-preset/tokens/radii.d.ts +0 -42
  349. package/dist/theme-preset/tokens/sizes.d.ts +0 -246
  350. package/dist/theme-preset/tokens/spacing.d.ts +0 -100
  351. package/dist/theme-preset/tokens/textStyles.d.ts +0 -5
  352. package/dist/theme-preset/tokens/zIndex.d.ts +0 -23
  353. package/dist/theme-preset/utilities/chevron.d.ts +0 -3
  354. package/dist/theme-preset/utilities/focusable.d.ts +0 -1
  355. package/dist/theme-preset/utilities/gutter.d.ts +0 -1
  356. package/dist/theme-preset/utilities/hide.d.ts +0 -1
  357. package/dist/theme-preset/utilities/noGutter.d.ts +0 -1
  358. package/dist/theme-preset/utilities/offset.d.ts +0 -75
  359. package/dist/theme-preset/utilities/sliderThumb.d.ts +0 -1
  360. package/dist/theme-preset/utilities/span.d.ts +0 -120
  361. package/dist/theme-preset/utilities/stretch.d.ts +0 -1
  362. package/dist/theme-preset/utilities/topLeftTriangle.d.ts +0 -2
  363. package/dist/typography--vGt_ztU.js +0 -12
  364. package/dist/vite.config.d.ts +0 -2
  365. package/dist/vitest.config.d.ts +0 -2
  366. package/dist/vitest.setup.d.ts +0 -0
  367. /package/{LICENSE.txt → LICENSE} +0 -0
@@ -1,1103 +0,0 @@
1
- import { jsxs as w, jsx as e, Fragment as mt } from "react/jsx-runtime";
2
- import { useMemo as Ft, useState as q, useContext as Pt, useCallback as rt, useEffect as st, useRef as ot, useId as Ct, forwardRef as ut, useImperativeHandle as ht } from "react";
3
- import { c as H } from "./cx-DN21T1EH.js";
4
- import { filter as Ot } from "./components/Filter/Filter.styles.js";
5
- import { propagateTestid as W } from "./helpers/utility/propagateTestid.js";
6
- import { IressPopover as bt } from "./components/Popover/Popover.js";
7
- import "./components/Popover/Popover.styles.js";
8
- import { I as yt } from "./InputPopover-BWWuoQZ2.js";
9
- import { PopoverContext as Mt } from "./components/Popover/hooks/usePopover.js";
10
- import { I as It } from "./Button-BXzmntRi.js";
11
- import "./components/Button/CloseButton/CloseButton.js";
12
- import { useRichSelectState as Dt } from "./components/RichSelect/hooks/useRichSelectState.js";
13
- import { richSelect as Et } from "./components/RichSelect/RichSelect.styles.js";
14
- import "./components/Icon/Icon.styles.js";
15
- import { GlobalCSSClass as O } from "./enums.js";
16
- import "./components/Alert/Alert.styles.js";
17
- import "./components/Inline/Inline.styles.js";
18
- import { IressInline as kt } from "./components/Inline/Inline.js";
19
- import { autoComplete as Tt } from "./components/Autocomplete/Autocomplete.styles.js";
20
- import { IressInput as zt } from "./components/Input/Input.js";
21
- import "./components/Input/Input.styles.js";
22
- import { useControlledState as Gt } from "./hooks/useControlledState.js";
23
- import { toArray as pt } from "./helpers/formatting/toArray.js";
24
- import { getValueAsEvent as ct } from "./helpers/form/getValueAsEvent.js";
25
- import { getFormControlValueAsStringIfDefined as At } from "./helpers/form/getFormControlValueAsStringIfDefined.js";
26
- import { useAutocompleteSearch as St } from "./components/Autocomplete/hooks/useAutocompleteSearch.js";
27
- import { IressIcon as lt } from "./components/Icon/Icon.js";
28
- import { AutocompleteInstructions as Kt } from "./components/Autocomplete/components/AutocompleteInstructions.js";
29
- import { IressAlert as Lt } from "./components/Alert/Alert.js";
30
- import "./components/Badge/Badge.styles.js";
31
- import "./components/ButtonGroup/ButtonGroup.styles.js";
32
- import "./components/ButtonGroup/ButtonGroupProvider.js";
33
- import "./components/Card/Card.styles.js";
34
- import "./components/Checkbox/Checkbox.js";
35
- import "./components/Checkbox/Checkbox.styles.js";
36
- import "./components/CheckboxGroup/CheckboxGroup.js";
37
- import "./components/CheckboxGroup/CheckboxGroup.styles.js";
38
- import "./components/Col/Col.styles.js";
39
- import "./components/Col/Col.js";
40
- import "./components/Container/Container.styles.js";
41
- import "./components/Container/Container.js";
42
- import "./components/Divider/Divider.styles.js";
43
- import "./components/Expander/Expander.styles.js";
44
- import "./components/Label/Label.styles.js";
45
- import "./components/Field/Field.styles.js";
46
- import "./components/Tooltip/Tooltip.styles.js";
47
- import "./components/Field/FieldGroup/FieldGroup.styles.js";
48
- import { useIdIfNeeded as Ut } from "./hooks/useIdIfNeeded.js";
49
- import { IressDivider as Jt } from "./components/Divider/Divider.js";
50
- import "./components/Hide/Hide.js";
51
- import "./components/Image/Image.js";
52
- import "./components/Image/Image.styles.js";
53
- import "./components/InputCurrency/InputCurrency.js";
54
- import "./components/Link/Link.js";
55
- import "./components/Link/Link.styles.js";
56
- import { IressMenu as Xt } from "./components/Menu/Menu.js";
57
- import "./components/Menu/Menu.styles.js";
58
- import { IressMenuItem as gt } from "./components/Menu/MenuItem/MenuItem.js";
59
- import "./components/Modal/Modal.styles.js";
60
- import "./components/Modal/ModalProvider.js";
61
- import { IressPanel as Yt } from "./components/Panel/Panel.js";
62
- import "./components/Panel/Panel.styles.js";
63
- import "./components/Placeholder/Placeholder.styles.js";
64
- import "./components/Progress/Progress.styles.js";
65
- import "./index-DlGwAtoO.js";
66
- import "./ToasterProvider-XqpAGfRs.js";
67
- import "./components/Toaster/Toaster.styles.js";
68
- import "./components/Toaster/components/Toast/Toast.styles.js";
69
- import "./components/Slideout/Slideout.styles.js";
70
- import "./components/Slideout/SlideoutProvider.js";
71
- import "react-dom";
72
- import "./typography--vGt_ztU.js";
73
- import "./components/Radio/Radio.js";
74
- import "./components/Radio/Radio.styles.js";
75
- import "./components/RadioGroup/RadioGroup.js";
76
- import "./components/RadioGroup/RadioGroup.styles.js";
77
- import { IressReadonly as Wt } from "./components/Readonly/Readonly.js";
78
- import "./components/Readonly/Readonly.styles.js";
79
- import "./components/Row/Row.styles.js";
80
- import "./components/Row/Row.js";
81
- import "./components/Select/Select.styles.js";
82
- import "./components/Select/Select.js";
83
- import "./components/Skeleton/Skeleton.styles.js";
84
- import "./components/SkipLink/SkipLink.js";
85
- import "./components/SkipLink/SkipLink.styles.js";
86
- import "./components/Slider/Slider.js";
87
- import "./components/Slider/Slider.styles.js";
88
- import "./components/Spinner/Spinner.styles.js";
89
- import "./components/Stack/Stack.styles.js";
90
- import "./TableProvider-D8SQKIG8.js";
91
- import "./components/Table/Table.styles.js";
92
- import "./components/TabSet/TabSetProvider.js";
93
- import "./components/TabSet/TabSet.styles.js";
94
- import "./components/TabSet/Tab/Tab.js";
95
- import "./components/TabSet/Tab/Tab.styles.js";
96
- import "./components/Tag/Tag.styles.js";
97
- import "./components/Tag/TagInput/TagInput.js";
98
- import "./components/CheckboxMark/CheckboxMark.styles.js";
99
- import "./components/Toggle/Toggle.styles.js";
100
- import "./patterns/Form/Form.js";
101
- import "./patterns/Form/FormContext.js";
102
- import "./patterns/Form/FormValidationSummary/FormValidationSummary.js";
103
- import "./patterns/Form/HookForm/HookForm.js";
104
- import "./patterns/Loading/Loading.js";
105
- import "./patterns/Loading/LoadingSuspense.js";
106
- import "./components/RichSelect/SelectBody/SelectBody.styles.js";
107
- import "./fuzzysort-eoXOpoo6.js";
108
- import { IressMenuHeading as Zt } from "./components/Menu/MenuText/MenuText.js";
109
- import { usePopoverItem as qt } from "./components/Popover/hooks/usePopoverItem.js";
110
- import "./components/RichSelect/SelectLabel/SelectLabel.styles.js";
111
- import "./components/RichSelect/SelectMenu/SelectMenu.styles.js";
112
- import { selectSearch as Qt } from "./components/RichSelect/SelectSearch/SelectSearch.styles.js";
113
- import { IressSelectSearchInput as te } from "./components/RichSelect/SelectSearchInput/SelectSearchInput.js";
114
- import { selectTags as Ht } from "./components/RichSelect/SelectTags/SelectTags.styles.js";
115
- import { IressSelectMenu as it } from "./components/RichSelect/SelectMenu/SelectMenu.js";
116
- import { useFilterFlags as ee } from "./components/Filter/hooks/useFilterFlags.js";
117
- import { FilterSearch as re } from "./components/Filter/components/FilterSearch.js";
118
- import { FilterResetButton as se } from "./components/Filter/components/FilterResetButton.js";
119
- import { FilterLabel as oe } from "./components/Filter/components/FilterLabel.js";
120
- import { FilterResultsDescriptor as ce } from "./components/Filter/components/FilterResultsDescriptor.js";
121
- import { IressSelectLabel as ie } from "./components/RichSelect/SelectLabel/SelectLabel.js";
122
- import { IressText as Nt } from "./components/Text/Text.js";
123
- import { focusableElements as ne } from "./helpers/dom/focusableElements.js";
124
- import { composeLabelValueDescriptor as ae } from "./helpers/label-value/composeLabelValueDescriptor.js";
125
- import { IressTag as Rt } from "./components/Tag/Tag.js";
126
- import { IressMenuDivider as le } from "./components/Menu/MenuDivider/MenuDivider.js";
127
- import { handlePopoverTabKey as me } from "./components/Popover/helpers/handlePopoverTabKey.js";
128
- import { SelectHiddenInput as ue } from "./components/RichSelect/components/SelectHiddenInput.js";
129
- import { useNoDefaultValueInForms as pe } from "./patterns/Form/hooks/useNoDefaultValueInForms.js";
130
- const xt = (r, m) => {
131
- if (!(r != null && r.api.elements.reference) || !m)
132
- return;
133
- const t = r.getFocusableActivator(), n = ne(
134
- r.api.elements.reference
135
- ).filter((s) => s !== t);
136
- if (n.length < 1)
137
- t == null || t.focus();
138
- else {
139
- const s = n.indexOf(m.currentTarget), o = n.filter(
140
- (l) => l !== m.currentTarget
141
- ), c = Math.max(s - 1, 0);
142
- !o[c] && o[0] ? o[0].focus() : o[0] ? o[c].focus() : t == null || t.focus();
143
- }
144
- }, de = ({
145
- "data-testid": r,
146
- limit: m = 5,
147
- onDelete: t,
148
- onDeleteAll: n,
149
- onToggleActions: s,
150
- selectedArray: o,
151
- selectedOptionsText: c
152
- }) => {
153
- const [l, h] = q(!1), u = Pt(Mt), f = Ht(), d = rt(
154
- (a, i) => {
155
- t == null || t(
156
- o.find((p) => p.label === a),
157
- i
158
- ), i.stopPropagation(), xt(u, i);
159
- },
160
- [t, u, o]
161
- ), v = rt(
162
- (a) => {
163
- var i;
164
- n == null || n(a), (i = u == null ? void 0 : u.getFocusableActivator()) == null || i.focus();
165
- },
166
- [n, u]
167
- );
168
- return st(() => {
169
- o.length || h(!1);
170
- }, [o]), l || !m || o.length <= m ? o.map((a) => /* @__PURE__ */ e(
171
- Rt,
172
- {
173
- className: f.tag,
174
- "data-testid": W(r, "tag"),
175
- deleteButtonText: `Delete ${a.label}`,
176
- onDelete: d,
177
- children: a.label
178
- },
179
- At(a.value) ?? a.label
180
- )) : /* @__PURE__ */ e(
181
- Rt,
182
- {
183
- className: f.tag,
184
- "data-testid": W(r, "tag"),
185
- deleteButton: /* @__PURE__ */ e(
186
- bt,
187
- {
188
- activator: /* @__PURE__ */ e(It, { mode: "tertiary", children: /* @__PURE__ */ e(
189
- lt,
190
- {
191
- name: "chevron-circle-down",
192
- screenreaderText: "Actions"
193
- }
194
- ) }),
195
- onActivated: () => s == null ? void 0 : s(!0),
196
- onClick: (a) => {
197
- a.stopPropagation(), xt(u, a);
198
- },
199
- onDeactivated: () => s == null ? void 0 : s(!1),
200
- children: /* @__PURE__ */ w(Xt, { children: [
201
- /* @__PURE__ */ e(gt, { onClick: () => h(!0), children: "Expand all" }),
202
- /* @__PURE__ */ e(gt, { onClick: v, children: "Delete all" })
203
- ] })
204
- }
205
- ),
206
- children: ae(o, c)
207
- }
208
- );
209
- }, fe = ({
210
- append: r = "",
211
- className: m,
212
- "data-testid": t,
213
- id: n,
214
- limit: s = 5,
215
- onDelete: o,
216
- onDeleteAll: c,
217
- onToggleActions: l,
218
- placeholder: h,
219
- prepend: u,
220
- selected: f,
221
- selectedOptionsText: d = "{{numOptions}} selected",
222
- ...v
223
- }) => {
224
- const a = Ft(() => pt(f), [f]), i = !a.length && h, p = !!a.length, b = r == null || r === "" || !r, S = Ht({ showDefaultChevron: b });
225
- return /* @__PURE__ */ w(
226
- Nt,
227
- {
228
- ...v,
229
- id: n,
230
- tabIndex: 0,
231
- className: H(
232
- m,
233
- S.root,
234
- O.FormElementInner,
235
- O.RichSelectTags
236
- ),
237
- children: [
238
- u && /* @__PURE__ */ e("span", { className: S.prepend, children: u }),
239
- i && /* @__PURE__ */ e(Nt, { className: S.placeholder, children: h }),
240
- p && /* @__PURE__ */ e(kt, { gap: "sm", className: S.tagsList, children: /* @__PURE__ */ e(
241
- de,
242
- {
243
- "data-testid": t,
244
- limit: s,
245
- onDelete: o,
246
- onDeleteAll: c,
247
- onToggleActions: l,
248
- selectedArray: a,
249
- selectedOptionsText: d
250
- }
251
- ) }),
252
- /* @__PURE__ */ e(
253
- "button",
254
- {
255
- className: S.append,
256
- role: "combobox",
257
- "aria-label": "Select options",
258
- children: r
259
- }
260
- )
261
- ]
262
- }
263
- );
264
- }, he = ({
265
- append: r,
266
- async: m,
267
- id: t,
268
- error: n,
269
- loading: s,
270
- multiSelect: o,
271
- onChange: c,
272
- placeholder: l,
273
- prepend: h,
274
- renderLabel: u,
275
- selectedOptionsText: f,
276
- setShow: d,
277
- setValue: v,
278
- show: a,
279
- value: i
280
- }) => u ? u({
281
- close: () => d(!1),
282
- error: n,
283
- loading: s,
284
- setValue: v,
285
- show: a,
286
- value: i
287
- }) : o ? /* @__PURE__ */ e(
288
- fe,
289
- {
290
- append: r,
291
- id: t,
292
- onDelete: (p) => {
293
- if (!p) return;
294
- const b = pt(i).filter(
295
- (S) => S.label !== p.label
296
- );
297
- v(b), c == null || c(ct(b), b);
298
- },
299
- onDeleteAll: () => {
300
- const p = [];
301
- v(p), c == null || c(ct([]), p);
302
- },
303
- onToggleActions: () => d(!1),
304
- placeholder: l,
305
- prepend: h,
306
- selected: i,
307
- selectedOptionsText: f
308
- }
309
- ) : /* @__PURE__ */ e(
310
- ie,
311
- {
312
- append: r,
313
- id: t,
314
- placeholder: l,
315
- prepend: h,
316
- role: m ? void 0 : "combobox",
317
- selected: i,
318
- selectedOptionsText: f
319
- }
320
- ), be = ({
321
- className: r,
322
- contentClassName: m,
323
- contentStyle: t,
324
- onKeyDown: n,
325
- ...s
326
- }) => {
327
- const o = Pt(Mt), c = Qt();
328
- return /* @__PURE__ */ e(
329
- yt,
330
- {
331
- ...s,
332
- className: H(
333
- c.root,
334
- r,
335
- O.RichSelectSearch
336
- ),
337
- contentStyle: {
338
- ...t,
339
- className: H(
340
- c.content,
341
- m,
342
- O.RichSelectSearchContent,
343
- t == null ? void 0 : t.className
344
- )
345
- },
346
- displayMode: "inline",
347
- onKeyDown: (l) => {
348
- n == null || n(l), o && me(o, l);
349
- },
350
- show: !0
351
- }
352
- );
353
- }, Ie = ({
354
- minSearchLength: r,
355
- multiSelect: m,
356
- onChange: t,
357
- query: n,
358
- results: s,
359
- shouldShowInstructions: o,
360
- shouldShowNoResults: c,
361
- value: l
362
- }) => /* @__PURE__ */ e(
363
- it,
364
- {
365
- heading: m ? "Search results" : void 0,
366
- items: s,
367
- multiSelect: m,
368
- noResults: (() => {
369
- if (n) {
370
- if (o)
371
- return `Type at least ${r} character${r === 1 ? "" : "s"} to search`;
372
- if (c)
373
- return "No results found";
374
- }
375
- })(),
376
- onChange: t,
377
- selected: l,
378
- hideSelectedItems: m
379
- }
380
- ), Se = ({ error: r }) => r ? /* @__PURE__ */ e(Lt, { className: "iress-m--sm", status: "danger", children: typeof r == "string" ? r : /* @__PURE__ */ w(mt, { children: [
381
- "An unknown error occurred.",
382
- /* @__PURE__ */ e("br", {}),
383
- " Please contact support if the error persists."
384
- ] }) }) : null, ve = ({
385
- autoHighlight: r,
386
- error: m,
387
- loading: t,
388
- minSearchLength: n,
389
- multiSelect: s,
390
- onChange: o,
391
- onClear: c,
392
- query: l,
393
- results: h,
394
- setQuery: u,
395
- show: f,
396
- value: d,
397
- shouldShowInstructions: v,
398
- shouldShowNoResults: a
399
- }) => {
400
- const i = pt(d).map(
401
- (y) => {
402
- const { formattedLabel: R, ...D } = y;
403
- return D;
404
- }
405
- ), p = !m && (!!(h != null && h.length) || l && !t), b = !!i.length && s, S = p && b, P = ot(null), M = Ct();
406
- st(() => {
407
- f || u == null || u("");
408
- }, [f, u]);
409
- const B = b ? i.length + 1 : 0;
410
- return /* @__PURE__ */ w(
411
- be,
412
- {
413
- activator: /* @__PURE__ */ e(
414
- te,
415
- {
416
- "aria-label": "Search",
417
- loading: t,
418
- onChange: (y) => u == null ? void 0 : u(y.target.value),
419
- ref: P,
420
- placeholder: "Search and select",
421
- value: l
422
- }
423
- ),
424
- autoHighlight: r,
425
- focusStartIndex: r ? l && p ? B : b ? 1 : 0 : void 0,
426
- children: [
427
- b && /* @__PURE__ */ e(
428
- it,
429
- {
430
- "aria-labelledby": M,
431
- heading: /* @__PURE__ */ e(
432
- xe,
433
- {
434
- clearAll: !0,
435
- onClearAll: (y) => {
436
- var R;
437
- c == null || c(y), (R = P.current) == null || R.focus();
438
- },
439
- children: /* @__PURE__ */ w("h2", { id: M, children: [
440
- "Selected (",
441
- i.length,
442
- ")"
443
- ] })
444
- }
445
- ),
446
- items: i,
447
- multiSelect: s,
448
- onChange: o,
449
- selected: d
450
- }
451
- ),
452
- S && /* @__PURE__ */ e(le, {}),
453
- p && /* @__PURE__ */ e(
454
- Ie,
455
- {
456
- minSearchLength: n,
457
- multiSelect: s,
458
- onChange: o,
459
- query: l,
460
- results: h,
461
- value: d,
462
- shouldShowInstructions: v,
463
- shouldShowNoResults: a
464
- }
465
- ),
466
- /* @__PURE__ */ e(Se, { error: m })
467
- ]
468
- }
469
- );
470
- }, ge = ({
471
- autoHighlight: r,
472
- debouncedQuery: m,
473
- error: t,
474
- initialOptions: n,
475
- loading: s,
476
- minSearchLength: o,
477
- multiSelect: c,
478
- onChange: l,
479
- options: h,
480
- query: u,
481
- renderOptions: f,
482
- results: d,
483
- setQuery: v,
484
- setShow: a,
485
- setValue: i,
486
- show: p,
487
- shouldShowInstructions: b,
488
- shouldShowNoResults: S,
489
- value: P
490
- }) => {
491
- const M = typeof h == "function", B = n ?? (M ? [] : h), V = d.length ? d : B, N = rt(
492
- (R) => {
493
- i(R), l == null || l(ct(R), R), c || a(!1);
494
- },
495
- [a, i, l, c]
496
- ), y = rt(
497
- (R) => {
498
- R.stopPropagation();
499
- const D = [];
500
- i(D), l == null || l(ct([]), D);
501
- },
502
- [i, l]
503
- );
504
- return f ? f({
505
- close: () => a(!1),
506
- debouncedQuery: m,
507
- error: t,
508
- loading: s,
509
- query: u,
510
- results: V,
511
- setValue: i,
512
- setQuery: v,
513
- show: p,
514
- value: P
515
- }) : M ? /* @__PURE__ */ e(
516
- ve,
517
- {
518
- autoHighlight: r,
519
- error: t,
520
- loading: s,
521
- minSearchLength: o,
522
- multiSelect: c,
523
- onChange: N,
524
- onClear: y,
525
- query: u,
526
- results: d,
527
- setQuery: v,
528
- show: p,
529
- value: P,
530
- shouldShowInstructions: b,
531
- shouldShowNoResults: S
532
- }
533
- ) : /* @__PURE__ */ e(
534
- it,
535
- {
536
- items: V,
537
- multiSelect: c,
538
- onChange: N,
539
- selected: P,
540
- selectedFirst: !0
541
- }
542
- );
543
- }, Ne = ({
544
- align: r = "bottom-start",
545
- append: m,
546
- autoHighlight: t = !0,
547
- className: n,
548
- debounceThreshold: s,
549
- defaultValue: o,
550
- footer: c,
551
- header: l,
552
- id: h,
553
- initialOptions: u,
554
- minSearchLength: f,
555
- multiSelect: d,
556
- name: v,
557
- onActivated: a,
558
- onDeactivated: i,
559
- onChange: p,
560
- onBlur: b,
561
- options: S,
562
- placeholder: P,
563
- prepend: M,
564
- readOnly: B,
565
- renderHiddenInput: V,
566
- renderLabel: N,
567
- renderOptions: y,
568
- required: R,
569
- selectedOptionsText: D,
570
- type: Q,
571
- value: T,
572
- virtualFocus: E,
573
- width: _,
574
- ...z
575
- }, G) => {
576
- pe({
577
- component: "IressRichSelect",
578
- defaultValue: o
579
- });
580
- const [x, K] = q(!1), [U, $] = q(""), { value: k, setValue: L, getValuesString: tt, getLabelsString: et } = Dt({
581
- component: "IressRichSelect",
582
- defaultValue: o,
583
- multiple: d,
584
- value: T
585
- }), j = ot(null), A = ot(null), {
586
- debouncedQuery: X,
587
- error: J,
588
- results: nt,
589
- stopSearch: at,
590
- loading: Y,
591
- shouldShowInstructions: F,
592
- shouldShowNoResults: I
593
- } = St({
594
- debounceThreshold: s,
595
- initialOptions: u,
596
- minSearchLength: f,
597
- options: S,
598
- query: U
599
- });
600
- ht(G, () => j.current ? {
601
- ...j.current,
602
- focus: () => {
603
- var g, Z;
604
- return (Z = (g = j.current) == null ? void 0 : g.getActivator()) == null ? void 0 : Z.focus();
605
- },
606
- blur: () => {
607
- var g, Z;
608
- return (Z = (g = j.current) == null ? void 0 : g.getActivator()) == null ? void 0 : Z.blur();
609
- },
610
- hiddenInput: A.current ?? void 0,
611
- input: A.current ?? null
612
- } : {
613
- hiddenInput: A.current ?? void 0,
614
- input: A.current ?? null,
615
- focus: () => {
616
- var g;
617
- return (g = A.current) == null ? void 0 : g.focus();
618
- },
619
- blur: () => {
620
- var g;
621
- return (g = A.current) == null ? void 0 : g.blur();
622
- }
623
- }), st(() => {
624
- x ? a == null || a() : i == null || i();
625
- }, [x]);
626
- const C = rt(
627
- (g) => {
628
- if (!b) return;
629
- const Z = g.currentTarget, vt = g.relatedTarget;
630
- !x && (!vt || !Z.contains(vt)) && b(g), g.stopPropagation();
631
- },
632
- [b, x]
633
- );
634
- if (B)
635
- return /* @__PURE__ */ e(Wt, { value: tt(), children: et(", ") });
636
- const dt = typeof S == "function", Vt = E ?? !dt, _t = Q ?? (dt ? void 0 : "listbox"), ft = Et({ width: _ }), $t = () => {
637
- K(!0);
638
- }, jt = () => {
639
- K(!1), at();
640
- };
641
- return /* @__PURE__ */ w(mt, { children: [
642
- /* @__PURE__ */ e(
643
- bt,
644
- {
645
- ...z,
646
- activator: /* @__PURE__ */ e(
647
- he,
648
- {
649
- append: m,
650
- async: dt,
651
- error: J,
652
- id: h,
653
- loading: Y,
654
- multiSelect: d,
655
- onChange: p,
656
- placeholder: P,
657
- prepend: M,
658
- renderLabel: N,
659
- selectedOptionsText: D,
660
- setValue: L,
661
- setShow: K,
662
- show: x,
663
- value: k
664
- }
665
- ),
666
- align: r,
667
- className: H(n, ft.richSelect, O.RichSelect),
668
- contentClassName: ft.popoverContent,
669
- matchActivatorWidth: !0,
670
- onActivated: $t,
671
- onDeactivated: jt,
672
- ref: j,
673
- show: x,
674
- type: _t,
675
- virtualFocus: Vt,
676
- onBlur: C,
677
- children: /* @__PURE__ */ w("div", { className: ft.wrapper, children: [
678
- l,
679
- /* @__PURE__ */ e(
680
- ge,
681
- {
682
- autoHighlight: t,
683
- debouncedQuery: X,
684
- error: J,
685
- initialOptions: u,
686
- loading: Y,
687
- minSearchLength: f,
688
- multiSelect: d,
689
- onChange: p,
690
- options: S,
691
- query: U,
692
- renderOptions: y,
693
- results: nt,
694
- setQuery: $,
695
- setShow: K,
696
- setValue: L,
697
- shouldShowInstructions: F,
698
- shouldShowNoResults: I,
699
- show: x,
700
- value: k
701
- }
702
- ),
703
- c
704
- ] })
705
- }
706
- ),
707
- /* @__PURE__ */ e(
708
- ue,
709
- {
710
- "data-testid": z["data-testid"],
711
- getValuesString: tt,
712
- name: v,
713
- renderHiddenInput: V,
714
- required: R,
715
- value: k,
716
- ref: A
717
- }
718
- )
719
- ] });
720
- }, Us = ut(Ne), Bt = Et(), Re = ut(
721
- (r, m) => {
722
- const t = ot(null), { isActiveInPopover: n, ...s } = qt("", {
723
- onKeyDown: r.onKeyDown
724
- });
725
- return ht(m, () => t.current), /* @__PURE__ */ e(
726
- It,
727
- {
728
- ...r,
729
- ...s,
730
- className: H(
731
- Bt.dropdownClear,
732
- O.RichSelectClearButton
733
- ),
734
- active: n,
735
- mode: "tertiary",
736
- ref: (o) => {
737
- var c;
738
- t.current = o, (c = s == null ? void 0 : s.ref) == null || c.call(s, t.current);
739
- }
740
- }
741
- );
742
- }
743
- ), xe = ({
744
- children: r,
745
- className: m,
746
- clearAll: t,
747
- onClearAll: n,
748
- ...s
749
- }) => /* @__PURE__ */ e(
750
- Zt,
751
- {
752
- ...s,
753
- className: H(
754
- Bt.dropdownSelectedHeading,
755
- m,
756
- O.RichSelectHeading
757
- ),
758
- role: void 0,
759
- children: /* @__PURE__ */ w(kt, { horizontalAlign: "between", verticalAlign: "middle", children: [
760
- r,
761
- t && /* @__PURE__ */ e(
762
- Re,
763
- {
764
- onClick: n,
765
- onKeyDown: (o) => {
766
- o.key === "Enter" && (o.preventDefault(), n == null || n(o));
767
- },
768
- children: typeof t == "boolean" ? "Clear all" : t
769
- }
770
- )
771
- ] })
772
- }
773
- ), we = ut(
774
- ({
775
- alwaysShowOnFocus: r,
776
- append: m = /* @__PURE__ */ e(lt, { name: "search" }),
777
- autoComplete: t = "off",
778
- autoSelect: n = !0,
779
- className: s,
780
- clearable: o = !0,
781
- "data-testid": c,
782
- debounceThreshold: l,
783
- defaultValue: h,
784
- errorText: u = /* @__PURE__ */ e(Lt, { status: "danger", mb: "none", children: "An unknown error occurred. Please contact support if the error persists." }),
785
- initialOptions: f,
786
- limitDesktop: d = 12,
787
- limitMobile: v = 6,
788
- minSearchLength: a,
789
- noResultsText: i,
790
- onChange: p,
791
- onClear: b,
792
- onFocus: S,
793
- options: P,
794
- popoverProps: {
795
- autoHighlight: M = !1,
796
- append: B,
797
- prepend: V,
798
- ...N
799
- } = {},
800
- readOnly: y,
801
- value: R,
802
- ...D
803
- }, Q) => {
804
- const [T, E] = q(!1), { value: _, setValue: z } = Gt({
805
- component: "IressAutocomplete",
806
- defaultValue: h,
807
- value: R
808
- }), [G, x] = q(!1), {
809
- clearError: K,
810
- debouncedQuery: U,
811
- error: $,
812
- loading: k,
813
- results: L,
814
- stopSearch: tt,
815
- shouldShowInstructions: et,
816
- shouldShowNoResults: j
817
- } = St({
818
- debounceThreshold: l,
819
- initialOptions: f,
820
- minSearchLength: a,
821
- options: P,
822
- query: At(_)
823
- });
824
- if (st(() => {
825
- G && !T && L.length > 0 && E(!0);
826
- }, [L.length, T, G]), st(() => {
827
- $ && E(!0);
828
- }, [$]), y)
829
- return /* @__PURE__ */ e(Wt, { value: _ });
830
- const A = (F, I) => {
831
- p == null || p(F, I), z(I), x(!0);
832
- }, X = (F) => {
833
- b == null || b(F), z("");
834
- }, J = (F) => {
835
- S == null || S(F), f != null && f.length && E(!0);
836
- }, nt = (F) => {
837
- var C;
838
- const I = (C = pt(F)) == null ? void 0 : C[0];
839
- p == null || p(
840
- ct(I == null ? void 0 : I.label),
841
- I == null ? void 0 : I.label,
842
- I
843
- ), z(I == null ? void 0 : I.label), E(!1), x(!1);
844
- }, at = () => {
845
- (!r || !_) && tt(), K(), E(!1), _ && x(!1);
846
- }, Y = Tt({
847
- isEmpty: L.length === 0
848
- });
849
- return /* @__PURE__ */ w(
850
- yt,
851
- {
852
- ...N,
853
- activator: /* @__PURE__ */ e(
854
- zt,
855
- {
856
- ...D,
857
- append: m,
858
- autoComplete: t,
859
- clearable: o,
860
- "data-testid": W(c, "input"),
861
- loading: k,
862
- onChange: A,
863
- onClear: X,
864
- onFocus: J,
865
- value: _,
866
- ref: Q
867
- }
868
- ),
869
- autoHighlight: M,
870
- className: H(
871
- s,
872
- N.className,
873
- Y.root,
874
- O.Autocomplete
875
- ),
876
- contentClassName: H(
877
- N.contentClassName,
878
- Y.popoverContent
879
- ),
880
- contentStyle: N.contentStyle,
881
- "data-testid": c,
882
- minLength: 0,
883
- onActivated: () => (G || r) && E(!0),
884
- onDeactivated: at,
885
- show: T,
886
- type: "listbox",
887
- children: [
888
- L.length > 0 && /* @__PURE__ */ w(mt, { children: [
889
- V,
890
- /* @__PURE__ */ e(
891
- it,
892
- {
893
- changeOnBlur: n,
894
- className: H(Y.optionList),
895
- "data-testid": W(c, "menu"),
896
- items: L,
897
- limitDesktop: d,
898
- limitMobile: v,
899
- onChange: nt,
900
- selected: { label: U }
901
- }
902
- ),
903
- B
904
- ] }),
905
- $ && u,
906
- et && !$ && /* @__PURE__ */ e(Kt, { minSearchLength: a ?? 1 }),
907
- j && !$ && i
908
- ]
909
- }
910
- );
911
- }
912
- );
913
- we.displayName = "IressAutocomplete";
914
- const wt = {
915
- align: "bottom-start"
916
- }, Fe = ({
917
- children: r,
918
- className: m,
919
- "data-testid": t,
920
- debounceThreshold: n,
921
- defaultValue: s,
922
- id: o,
923
- initialOptions: c,
924
- inputProps: l = {
925
- clearable: !0,
926
- prepend: /* @__PURE__ */ e(lt, { name: "search" })
927
- },
928
- limitDesktop: h = 12,
929
- limitMobile: u = 6,
930
- label: f,
931
- multiSelect: d,
932
- onChange: v,
933
- onReset: a,
934
- options: i,
935
- popoverProps: {
936
- footer: p,
937
- header: b,
938
- ...S
939
- } = wt,
940
- searchable: P,
941
- searchNoResultsText: M,
942
- selectedOptionsText: B,
943
- value: V,
944
- visibleResetButton: N,
945
- ...y
946
- }, R) => {
947
- const D = Ut({ id: o }), Q = `${D}-sr-text`, T = ot(null), E = Ft(
948
- () => P ?? typeof i == "function",
949
- [i, P]
950
- ), _ = {
951
- clearable: !0,
952
- prepend: /* @__PURE__ */ e(lt, { name: "search" }),
953
- ...l
954
- }, z = { ...wt, ...S }, { value: G, setValue: x } = Dt({
955
- component: "IressFilter",
956
- defaultValue: s,
957
- multiple: d,
958
- value: V
959
- }), [K, U] = q(""), [$, k] = q(!1), L = (C) => {
960
- U(C.target.value);
961
- }, tt = () => {
962
- U("");
963
- }, et = (C) => {
964
- v == null || v(C), x(C), d || k(!1);
965
- }, j = () => {
966
- x(void 0), a == null || a(), d || k(!1);
967
- };
968
- ht(R, () => ({
969
- element: T.current ?? void 0,
970
- clearSearch: () => U(""),
971
- reset: () => x(s)
972
- }));
973
- const {
974
- debouncedQuery: A,
975
- loading: X,
976
- results: J,
977
- shouldShowInstructions: nt,
978
- shouldShowDebounceWaiting: at,
979
- shouldShowNoResults: Y
980
- } = St({
981
- debounceThreshold: n,
982
- initialOptions: c ?? (typeof i == "function" ? void 0 : i),
983
- options: i,
984
- query: K
985
- }), F = ee({
986
- debouncedQuery: A,
987
- loading: X,
988
- results: J,
989
- searchable: E,
990
- visibleResetButton: N
991
- }), I = Ot();
992
- return /* @__PURE__ */ w(
993
- "div",
994
- {
995
- ...y,
996
- className: H(m, I.root, O.Filter),
997
- "data-testid": t,
998
- id: D,
999
- ref: T,
1000
- children: [
1001
- /* @__PURE__ */ w(
1002
- bt,
1003
- {
1004
- ...z,
1005
- activator: /* @__PURE__ */ w(
1006
- It,
1007
- {
1008
- "aria-describedby": Q,
1009
- "data-testid": W(
1010
- t,
1011
- "activator-button__button"
1012
- ),
1013
- onClick: () => k(!0),
1014
- children: [
1015
- /* @__PURE__ */ e(
1016
- oe,
1017
- {
1018
- label: f,
1019
- selectedOptionsText: B,
1020
- value: G
1021
- }
1022
- ),
1023
- /* @__PURE__ */ e("span", { className: I.chevron })
1024
- ]
1025
- }
1026
- ),
1027
- contentStyle: { className: I.popoverContent },
1028
- "data-testid": W(t, "popover"),
1029
- show: $,
1030
- matchActivatorWidth: !0,
1031
- onActivated: () => k(!0),
1032
- onDeactivated: () => k(!1),
1033
- type: "listbox",
1034
- children: [
1035
- b,
1036
- F.showHeader && /* @__PURE__ */ w(mt, { children: [
1037
- /* @__PURE__ */ w(Yt, { bg: "transparent", p: "spacing.200", children: [
1038
- E && /* @__PURE__ */ e(
1039
- re,
1040
- {
1041
- ..._,
1042
- className: I.searchInput,
1043
- "data-testid": W(t, "input"),
1044
- loading: X,
1045
- onChange: L,
1046
- onClear: tt
1047
- }
1048
- ),
1049
- N && /* @__PURE__ */ e(
1050
- se,
1051
- {
1052
- "data-testid": W(t, "reset-button"),
1053
- onClick: j,
1054
- children: typeof N == "string" ? N : "Reset filter"
1055
- }
1056
- )
1057
- ] }),
1058
- F.showResults && /* @__PURE__ */ e(Jt, {})
1059
- ] }),
1060
- F.showResults && /* @__PURE__ */ e(
1061
- it,
1062
- {
1063
- className: I.optionList,
1064
- "data-testid": W(t, "menu"),
1065
- items: J,
1066
- limitDesktop: h,
1067
- limitMobile: u,
1068
- multiSelect: d,
1069
- onChange: et,
1070
- selected: G,
1071
- selectedFirst: d
1072
- }
1073
- ),
1074
- F.showNoResults && /* @__PURE__ */ e("div", { className: I.noResults, children: M }),
1075
- p
1076
- ]
1077
- }
1078
- ),
1079
- r,
1080
- /* @__PURE__ */ e(
1081
- ce,
1082
- {
1083
- "data-testid": W(t, "results-sr-text"),
1084
- id: Q,
1085
- loading: X,
1086
- noResultsText: M,
1087
- results: J
1088
- }
1089
- )
1090
- ]
1091
- }
1092
- );
1093
- }, Js = ut(Fe);
1094
- export {
1095
- we as I,
1096
- he as S,
1097
- Js as a,
1098
- Us as b,
1099
- xe as c,
1100
- be as d,
1101
- fe as e,
1102
- ge as f
1103
- };