@kaizen/components 3.3.1 → 3.3.3

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 (266) hide show
  1. package/dist/cjs/assets/svgs/custom-icons/user-settings.svg.cjs +80 -0
  2. package/dist/cjs/index.cjs +2 -0
  3. package/dist/cjs/src/Icon/CustomIcons.cjs +8 -0
  4. package/dist/cjs/src/Modal/ConfirmationModal/ConfirmationModal.module.scss.cjs +25 -25
  5. package/dist/cjs/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css.cjs +1 -1
  6. package/dist/esm/assets/svgs/custom-icons/user-settings.svg.mjs +58 -0
  7. package/dist/esm/index.mjs +1 -0
  8. package/dist/esm/src/Avatar/Avatar.mjs +9 -9
  9. package/dist/esm/src/AvatarGroup/AvatarGroup.mjs +9 -9
  10. package/dist/esm/src/Badge/Badge.mjs +18 -21
  11. package/dist/esm/src/Brand/Brand.mjs +44 -47
  12. package/dist/esm/src/Brand/BrandCollectiveIntelligence/BrandCollectiveIntelligence.mjs +48 -51
  13. package/dist/esm/src/BrandMoment/BrandMoment.mjs +79 -82
  14. package/dist/esm/src/Button/Button.mjs +47 -50
  15. package/dist/esm/src/Button/subcomponents/ButtonContent/ButtonContent.mjs +5 -5
  16. package/dist/esm/src/Button/subcomponents/PendingContent/PendingContent.mjs +3 -3
  17. package/dist/esm/src/ButtonGroup/ButtonGroup.mjs +30 -33
  18. package/dist/esm/src/ButtonV1/Button/Button.mjs +8 -11
  19. package/dist/esm/src/ButtonV1/GenericButton/GenericButton.mjs +61 -64
  20. package/dist/esm/src/ButtonV1/IconButton/IconButton.mjs +9 -12
  21. package/dist/esm/src/Calendar/CalendarPopover/CalendarPopover.mjs +55 -58
  22. package/dist/esm/src/Calendar/CalendarRange/CalendarRange.mjs +58 -61
  23. package/dist/esm/src/Calendar/CalendarSingle/CalendarSingle.mjs +52 -55
  24. package/dist/esm/src/Calendar/LegacyCalendarRange/LegacyCalendarRange.mjs +48 -51
  25. package/dist/esm/src/Card/Card.mjs +22 -25
  26. package/dist/esm/src/Checkbox/Checkbox/Checkbox.mjs +31 -34
  27. package/dist/esm/src/Checkbox/CheckboxField/CheckboxField.mjs +37 -40
  28. package/dist/esm/src/Checkbox/CheckboxGroup/CheckboxGroup.mjs +27 -30
  29. package/dist/esm/src/ClearButton/ClearButton.mjs +17 -20
  30. package/dist/esm/src/Collapsible/Collapsible/Collapsible.mjs +83 -86
  31. package/dist/esm/src/Collapsible/CollapsibleGroup/CollapsibleGroup.mjs +4 -4
  32. package/dist/esm/src/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.mjs +24 -27
  33. package/dist/esm/src/Container/Container.mjs +13 -16
  34. package/dist/esm/src/Content/Content.mjs +13 -16
  35. package/dist/esm/src/DateInput/DateInput/DateInput.mjs +28 -31
  36. package/dist/esm/src/DateInput/DateInputDescription/DateInputDescription.mjs +25 -28
  37. package/dist/esm/src/DateInput/DateInputWithIconButton/DateInputWithIconButton.mjs +30 -33
  38. package/dist/esm/src/DatePicker/DatePicker.mjs +213 -216
  39. package/dist/esm/src/DatePicker/subcomponents/DateInputField/DateInputField.mjs +42 -45
  40. package/dist/esm/src/DatePicker/utils/validateDate.mjs +4 -4
  41. package/dist/esm/src/DateRangePicker/DateRangePicker.mjs +123 -126
  42. package/dist/esm/src/Divider/Divider.mjs +13 -16
  43. package/dist/esm/src/EmptyState/EmptyState.mjs +38 -41
  44. package/dist/esm/src/ErrorPage/ErrorPage.mjs +73 -76
  45. package/dist/esm/src/FieldGroup/FieldGroup.mjs +12 -15
  46. package/dist/esm/src/FieldMessage/FieldMessage.mjs +29 -32
  47. package/dist/esm/src/Filter/Filter/Filter.mjs +52 -55
  48. package/dist/esm/src/Filter/Filter/subcomponents/FilterContents/FilterContents.mjs +10 -13
  49. package/dist/esm/src/Filter/Filter/subcomponents/FilterPopover/FilterPopover.mjs +31 -34
  50. package/dist/esm/src/Filter/FilterBar/FilterBar.mjs +32 -35
  51. package/dist/esm/src/Filter/FilterBar/context/FilterBarContext.mjs +3 -3
  52. package/dist/esm/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.mjs +45 -48
  53. package/dist/esm/src/Filter/FilterBar/subcomponents/ClearAllButton/ClearAllButton.mjs +26 -29
  54. package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarButton/FilterBarButton.mjs +32 -35
  55. package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarDatePicker/FilterBarDatePicker.mjs +35 -38
  56. package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarDateRangePicker/FilterBarDateRangePicker.mjs +35 -38
  57. package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarMultiSelect/FilterBarMultiSelect.mjs +83 -86
  58. package/dist/esm/src/Filter/FilterBar/subcomponents/FilterBarSelect/FilterBarSelect.mjs +55 -58
  59. package/dist/esm/src/Filter/FilterButton/FilterButton/FilterButton.mjs +28 -31
  60. package/dist/esm/src/Filter/FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs +32 -35
  61. package/dist/esm/src/Filter/FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs +12 -15
  62. package/dist/esm/src/Filter/FilterDatePicker/FilterDatePicker.mjs +29 -32
  63. package/dist/esm/src/Filter/FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs +48 -51
  64. package/dist/esm/src/Filter/FilterDatePicker/subcomponents/FilterDatePickerField/FilterDatePickerField.mjs +4 -4
  65. package/dist/esm/src/Filter/FilterDatePicker/utils/getDateValidationHandler.mjs +2 -2
  66. package/dist/esm/src/Filter/FilterDateRangePicker/FilterDateRangePicker.mjs +34 -37
  67. package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/DateRangeDisplayLabel/DateRangeDisplayLabel.mjs +11 -14
  68. package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/DateRangeInputField/DateRangeInputField.mjs +69 -72
  69. package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/DateRangeValidationMessage/DateRangeValidationMessage.mjs +51 -54
  70. package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/FilterDateRangePickerField.mjs +202 -205
  71. package/dist/esm/src/Filter/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/validateEndDateBeforeStartDate.mjs +2 -2
  72. package/dist/esm/src/Filter/FilterMultiSelect/FilterMultiSelect.mjs +67 -71
  73. package/dist/esm/src/Filter/FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.mjs +4 -4
  74. package/dist/esm/src/Filter/FilterMultiSelect/context/SelectionProvider/SelectionProvider.mjs +8 -8
  75. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/ListBox/ListBox.mjs +61 -64
  76. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/ListBoxSection/ListBoxSection.mjs +24 -27
  77. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/LoadMoreButton/LoadMoreButton.mjs +9 -12
  78. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuFooter/MenuFooter.mjs +8 -11
  79. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuLayout/MenuLoadingSkeleton/MenuLoadingSkeleton.mjs +30 -33
  80. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/MenuPopup.mjs +41 -44
  81. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MenuPopup/ResponsiveMenuPopup.mjs +70 -73
  82. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs +51 -54
  83. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/NoResults/NoResults.mjs +12 -15
  84. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SearchInput/SearchInput.mjs +40 -43
  85. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SectionDivider/SectionDivider.mjs +3 -3
  86. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.mjs +29 -32
  87. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.mjs +23 -26
  88. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/Trigger/FilterTriggerButton/FilterTriggerButton.mjs +24 -27
  89. package/dist/esm/src/Filter/FilterMultiSelect/subcomponents/Trigger/RemovableFilterTrigger/RemovableFilterTrigger.mjs +29 -32
  90. package/dist/esm/src/Filter/FilterSelect/FilterSelect.mjs +70 -73
  91. package/dist/esm/src/Focusable/Focusable.mjs +2 -2
  92. package/dist/esm/src/GuidanceBlock/GuidanceBlock.mjs +42 -45
  93. package/dist/esm/src/Icon/CustomIcons.mjs +6 -0
  94. package/dist/esm/src/Icon/Icon.mjs +6 -6
  95. package/dist/esm/src/IconV1/subcomponents/SVG/SVG.mjs +24 -27
  96. package/dist/esm/src/Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mjs +35 -38
  97. package/dist/esm/src/Illustration/Scene/Scene.mjs +535 -670
  98. package/dist/esm/src/Illustration/Spot/Spot.mjs +2 -2
  99. package/dist/esm/src/Illustration/subcomponents/Base/Base.mjs +22 -25
  100. package/dist/esm/src/Illustration/subcomponents/VideoPlayer/VideoPlayer.mjs +9 -9
  101. package/dist/esm/src/Illustration/utils/usePausePlay.mjs +2 -2
  102. package/dist/esm/src/Input/Input/Input.mjs +32 -35
  103. package/dist/esm/src/Input/InputRange/InputRange.mjs +69 -72
  104. package/dist/esm/src/Input/InputSearch/InputSearch.mjs +53 -56
  105. package/dist/esm/src/KaizenProvider/KaizenProvider.mjs +20 -23
  106. package/dist/esm/src/KaizenProvider/subcomponents/FontDefinitions/FontDefinitions.mjs +6 -6
  107. package/dist/esm/src/KaizenProvider/subcomponents/OptionalIntlProvider/OptionalIntlProvider.mjs +19 -22
  108. package/dist/esm/src/Label/Label.mjs +23 -26
  109. package/dist/esm/src/LabelledMessage/LabelledMessage.mjs +13 -16
  110. package/dist/esm/src/LikertScale/LikertScale.mjs +10 -10
  111. package/dist/esm/src/Link/Link.mjs +30 -33
  112. package/dist/esm/src/Link/subcomponents/LinkContent.mjs +6 -6
  113. package/dist/esm/src/LinkButton/LinkButton.mjs +32 -35
  114. package/dist/esm/src/Loading/LoadingGraphic/LoadingGraphic.mjs +17 -20
  115. package/dist/esm/src/Loading/LoadingHeading/LoadingHeading.mjs +17 -20
  116. package/dist/esm/src/Loading/LoadingInput/LoadingInput.mjs +18 -21
  117. package/dist/esm/src/Loading/LoadingParagraph/LoadingParagraph.mjs +20 -23
  118. package/dist/esm/src/Loading/LoadingSpinner/LoadingSpinner.mjs +16 -19
  119. package/dist/esm/src/Loading/LoadingSpinner/subcomponents/SpinnerIcon.mjs +13 -13
  120. package/dist/esm/src/Menu/Menu.mjs +10 -13
  121. package/dist/esm/src/Menu/MenuHeader.mjs +7 -10
  122. package/dist/esm/src/Menu/MenuItem.mjs +19 -22
  123. package/dist/esm/src/Menu/MenuPopover.mjs +10 -13
  124. package/dist/esm/src/Menu/MenuSection.mjs +7 -10
  125. package/dist/esm/src/Menu/MenuTrigger.mjs +2 -2
  126. package/dist/esm/src/MenuV1/Menu.mjs +41 -44
  127. package/dist/esm/src/MenuV1/subcomponents/MenuDropdown/MenuDropdown.mjs +79 -82
  128. package/dist/esm/src/MenuV1/subcomponents/MenuItem/MenuItem.mjs +47 -50
  129. package/dist/esm/src/MenuV1/subcomponents/MenuList/MenuList.mjs +3 -3
  130. package/dist/esm/src/MenuV1/subcomponents/StatelessMenu/StatelessMenu.mjs +62 -65
  131. package/dist/esm/src/Modal/ConfirmationModal/ConfirmationModal.mjs +79 -82
  132. package/dist/esm/src/Modal/ConfirmationModal/ConfirmationModal.module.scss.mjs +25 -25
  133. package/dist/esm/src/Modal/ContextModal/ContextModal.mjs +78 -81
  134. package/dist/esm/src/Modal/GenericModal/GenericModal.mjs +115 -118
  135. package/dist/esm/src/Modal/GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs +12 -15
  136. package/dist/esm/src/Modal/GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs +15 -18
  137. package/dist/esm/src/Modal/GenericModal/subcomponents/ModalBody/ModalBody.mjs +10 -13
  138. package/dist/esm/src/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs +25 -28
  139. package/dist/esm/src/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.mjs +19 -22
  140. package/dist/esm/src/Modal/InputEditModal/InputEditModal.mjs +60 -63
  141. package/dist/esm/src/MultiSelect/MultiSelect.mjs +101 -104
  142. package/dist/esm/src/MultiSelect/subcomponents/Checkbox/Checkbox.mjs +31 -34
  143. package/dist/esm/src/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.mjs +22 -25
  144. package/dist/esm/src/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.mjs +40 -43
  145. package/dist/esm/src/MultiSelect/subcomponents/MultiSelectToggle/MultiSelectToggle.mjs +71 -74
  146. package/dist/esm/src/MultiSelect/subcomponents/Popover/Popover.mjs +39 -42
  147. package/dist/esm/src/Notification/GlobalNotification/GlobalNotification.mjs +11 -14
  148. package/dist/esm/src/Notification/InlineNotification/InlineNotification.mjs +17 -20
  149. package/dist/esm/src/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.mjs +27 -30
  150. package/dist/esm/src/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/ToastNotificationsMap.mjs +29 -32
  151. package/dist/esm/src/Notification/ToastNotification/context/ToastNotificationContext.mjs +47 -50
  152. package/dist/esm/src/Notification/subcomponents/CancelButton/CancelButton.mjs +15 -18
  153. package/dist/esm/src/Notification/subcomponents/GenericNotification/GenericNotification.mjs +68 -71
  154. package/dist/esm/src/Notification/subcomponents/NotificationHeading/NotificationHeading.mjs +24 -27
  155. package/dist/esm/src/Notification/subcomponents/NotificationIcon/NotificationIcon.mjs +28 -31
  156. package/dist/esm/src/Pagination/Pagination.mjs +8 -8
  157. package/dist/esm/src/Pagination/subcomponents/DirectionalLink/DirectionalLink.mjs +21 -24
  158. package/dist/esm/src/Pagination/subcomponents/PaginationLink/PaginationLink.mjs +16 -19
  159. package/dist/esm/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.mjs +3 -3
  160. package/dist/esm/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css.mjs +1 -1
  161. package/dist/esm/src/Popover/Popover.mjs +112 -115
  162. package/dist/esm/src/ProgressBar/ProgressBar.mjs +41 -44
  163. package/dist/esm/src/ProgressBar/subcomponents/Label/Label.mjs +14 -17
  164. package/dist/esm/src/Radio/Radio/Radio.mjs +29 -32
  165. package/dist/esm/src/Radio/RadioField/RadioField.mjs +36 -39
  166. package/dist/esm/src/Radio/RadioGroup/RadioGroup.mjs +30 -33
  167. package/dist/esm/src/RichTextEditor/EditableRichTextContent/EditableRichTextContent.mjs +29 -32
  168. package/dist/esm/src/RichTextEditor/RichTextContent/RichTextContent.mjs +32 -35
  169. package/dist/esm/src/RichTextEditor/RichTextEditor/RichTextEditor.mjs +101 -104
  170. package/dist/esm/src/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.mjs +32 -35
  171. package/dist/esm/src/RichTextEditor/RichTextEditor/subcomponents/Toolbar/Toolbar.mjs +38 -41
  172. package/dist/esm/src/RichTextEditor/RichTextEditor/subcomponents/ToolbarControls/ToolbarControls.mjs +4 -4
  173. package/dist/esm/src/RichTextEditor/RichTextEditor/subcomponents/ToolbarSection/ToolbarSection.mjs +7 -10
  174. package/dist/esm/src/RichTextEditor/RichTextEditor/utils/controlmap.mjs +9 -9
  175. package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs +49 -52
  176. package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs +55 -58
  177. package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/LinkPopover.mjs +42 -45
  178. package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/components/LinkPopover/Positioner.mjs +42 -45
  179. package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/createReactTooltipWrapper.mjs +3 -3
  180. package/dist/esm/src/RichTextEditor/utils/plugins/LinkManager/validation.mjs +2 -2
  181. package/dist/esm/src/SearchField/SearchField.mjs +32 -35
  182. package/dist/esm/src/Select/Select.mjs +96 -102
  183. package/dist/esm/src/SingleSelect/SingleSelect.mjs +117 -120
  184. package/dist/esm/src/SingleSelect/context/SelectContext.mjs +3 -3
  185. package/dist/esm/src/SingleSelect/subcomponents/ListBox/ListBox.mjs +41 -44
  186. package/dist/esm/src/SingleSelect/subcomponents/ListBoxSection/ListBoxSection.mjs +27 -30
  187. package/dist/esm/src/SingleSelect/subcomponents/ListItem/ListItem.mjs +12 -15
  188. package/dist/esm/src/SingleSelect/subcomponents/ListItems/ListItems.mjs +11 -14
  189. package/dist/esm/src/SingleSelect/subcomponents/Option/Option.mjs +41 -44
  190. package/dist/esm/src/SingleSelect/subcomponents/Overlay/Overlay.mjs +31 -34
  191. package/dist/esm/src/SingleSelect/subcomponents/SectionDivider/SectionDivider.mjs +8 -11
  192. package/dist/esm/src/SingleSelect/subcomponents/SelectPopoverContents/SelectPopoverContents.mjs +24 -27
  193. package/dist/esm/src/SingleSelect/subcomponents/SelectToggle/SelectToggle.mjs +32 -35
  194. package/dist/esm/src/SingleSelect/utils/transformSelectItemToCollectionElement.mjs +4 -4
  195. package/dist/esm/src/Slider/Slider.mjs +43 -46
  196. package/dist/esm/src/Table/Table.mjs +26 -26
  197. package/dist/esm/src/Tabs/Tabs.mjs +2 -2
  198. package/dist/esm/src/Tabs/subcomponents/Tab/Tab.mjs +4 -4
  199. package/dist/esm/src/Tabs/subcomponents/TabList/TabList.mjs +7 -7
  200. package/dist/esm/src/Tabs/subcomponents/TabPanel/TabPanel.mjs +2 -2
  201. package/dist/esm/src/Tag/Tag.mjs +83 -86
  202. package/dist/esm/src/Tag/subcomponents/LiveIcon/LiveIcon.mjs +42 -48
  203. package/dist/esm/src/TextArea/TextArea.mjs +43 -46
  204. package/dist/esm/src/TextAreaField/TextAreaField.mjs +65 -68
  205. package/dist/esm/src/TextField/TextField.mjs +65 -68
  206. package/dist/esm/src/Tile/InformationTile/InformationTile.mjs +5 -8
  207. package/dist/esm/src/Tile/MultiActionTile/MultiActionTile.mjs +15 -18
  208. package/dist/esm/src/Tile/TileGrid/TileGrid.mjs +20 -23
  209. package/dist/esm/src/Tile/subcomponents/GenericTile/GenericTile.mjs +116 -119
  210. package/dist/esm/src/TimeField/TimeField.mjs +82 -88
  211. package/dist/esm/src/TimeField/subcomponents/TimeSegment/TimeSegment.mjs +21 -24
  212. package/dist/esm/src/TitleBlock/TitleBlock.mjs +152 -155
  213. package/dist/esm/src/TitleBlock/subcomponents/MainActions.mjs +126 -129
  214. package/dist/esm/src/TitleBlock/subcomponents/NavigationTabs.mjs +21 -24
  215. package/dist/esm/src/TitleBlock/subcomponents/SecondaryActions.mjs +94 -97
  216. package/dist/esm/src/TitleBlock/subcomponents/TitleBlockMenuItem.mjs +23 -26
  217. package/dist/esm/src/TitleBlock/subcomponents/Toolbar.mjs +21 -24
  218. package/dist/esm/src/ToggleSwitch/ToggleSwitch/ToggleSwitch.mjs +27 -30
  219. package/dist/esm/src/ToggleSwitch/ToggleSwitchField/ToggleSwitchField.mjs +36 -39
  220. package/dist/esm/src/Tooltip/OverlayArrow.mjs +4 -4
  221. package/dist/esm/src/Tooltip/Tooltip.mjs +34 -37
  222. package/dist/esm/src/Tooltip/TooltipTrigger.mjs +2 -2
  223. package/dist/esm/src/TooltipV1/Tooltip.mjs +85 -88
  224. package/dist/esm/src/TooltipV1/subcomponents/AppearanceAnim.mjs +4 -4
  225. package/dist/esm/src/TooltipV1/utils/isSemanticElement.mjs +2 -2
  226. package/dist/esm/src/VisuallyHidden/VisuallyHidden.mjs +10 -13
  227. package/dist/esm/src/Well/Well.mjs +21 -24
  228. package/dist/esm/src/Workflow/Workflow.mjs +36 -39
  229. package/dist/esm/src/Workflow/subcomponents/Footer/Footer.mjs +21 -24
  230. package/dist/esm/src/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.mjs +11 -14
  231. package/dist/esm/src/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs +48 -51
  232. package/dist/esm/src/Workflow/subcomponents/Footer/components/Root/Root.mjs +10 -13
  233. package/dist/esm/src/Workflow/subcomponents/Header/Header.mjs +18 -21
  234. package/dist/esm/src/Workflow/subcomponents/Header/components/Actions/Actions.mjs +13 -16
  235. package/dist/esm/src/Workflow/subcomponents/Header/components/Branding/Branding.mjs +14 -17
  236. package/dist/esm/src/Workflow/subcomponents/Header/components/Root/Root.mjs +10 -13
  237. package/dist/esm/src/Workflow/subcomponents/Header/components/Titles/Titles.mjs +26 -29
  238. package/dist/esm/src/Workflow/subcomponents/Main/Main.mjs +10 -13
  239. package/dist/esm/src/Workflow/subcomponents/Wrapper/Wrapper.mjs +10 -13
  240. package/dist/esm/src/__alpha__/SingleSelect/SingleSelect.mjs +21 -27
  241. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/ComboBox/ComboBox.mjs +10 -10
  242. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/ComboBoxTrigger/ComboBoxTrigger.mjs +10 -10
  243. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/List/List.mjs +4 -4
  244. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/ListItem/ListItem.mjs +10 -10
  245. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/ListSection/ListSection.mjs +8 -8
  246. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/Popover/Popover.mjs +6 -6
  247. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/Select/Select.mjs +10 -10
  248. package/dist/esm/src/__alpha__/SingleSelect/subcomponents/SelectTrigger/SelectTrigger.mjs +6 -6
  249. package/dist/esm/src/__next__/Tag/RemovableTag/RemovableTag.mjs +16 -19
  250. package/dist/esm/src/__next__/Tag/RemovableTag/subcomponents/RemoveButton.mjs +18 -21
  251. package/dist/esm/src/__next__/Tag/Tag/Tag.mjs +15 -18
  252. package/dist/esm/src/utils/ReversedColors/ReversedColors.mjs +4 -4
  253. package/dist/esm/src/utils/getNodeText.mjs +2 -2
  254. package/dist/esm/src/utils/useExitingAnimation/useExitingAnimation.mjs +2 -2
  255. package/dist/esm/src/utils/useMediaQueries.mjs +12 -12
  256. package/dist/styles.css +17 -17
  257. package/dist/types/Icon/CustomIcons.d.ts +7 -0
  258. package/dist/types/index.d.ts +1 -0
  259. package/package.json +4 -2
  260. package/src/Icon/CustomIcons.ts +8 -0
  261. package/src/Icon/_docs/Icon--api-specification.mdx +20 -0
  262. package/src/Icon/_docs/Icon--usage-guidelines.mdx +9 -0
  263. package/src/Icon/_docs/IconsCustom.stories.tsx +24 -0
  264. package/src/Modal/ConfirmationModal/ConfirmationModal.module.scss +1 -1
  265. package/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css +1 -1
  266. package/src/index.ts +1 -0
@@ -1,5 +1,5 @@
1
1
  import { __rest, __assign } from 'tslib';
2
- import React, { forwardRef, useEffect } from 'react';
2
+ import React__default, { forwardRef, useEffect } from 'react';
3
3
  import classnames from 'classnames';
4
4
  import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
5
5
  import '../../../FilterButton/subcomponents/FilterButtonBase/FilterButtonBase.mjs';
@@ -7,39 +7,36 @@ import { FilterButton } from '../../../FilterButton/FilterButton/FilterButton.mj
7
7
  import { FilterButtonRemovable } from '../../../FilterButton/FilterButtonRemovable/FilterButtonRemovable.mjs';
8
8
  import { isRefObject } from '../../../../utils/isRefObject.mjs';
9
9
  import modules_4cc348f9 from './FilterBarButton.module.css.mjs';
10
- const FilterBarButton = /*#__PURE__*/function () {
11
- const FilterBarButton = /*#__PURE__*/forwardRef(function (_a, ref) {
12
- var filterId = _a.filterId,
13
- _b = _a.isRemovable,
14
- isRemovable = _b === void 0 ? false : _b,
15
- classNameOverride = _a.classNameOverride,
16
- props = __rest(_a, ["filterId", "isRemovable", "classNameOverride"]);
17
- var _c = useFilterBarContext(),
18
- hideFilter = _c.hideFilter,
19
- focusId = _c.focusId,
20
- setFocus = _c.setFocus;
21
- useEffect(function () {
22
- var _a, _b, _c;
23
- if (focusId === filterId && isRefObject(ref)) {
24
- (_c = (_b = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.triggerRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
25
- setFocus(undefined);
10
+ var FilterBarButton = /*#__PURE__*/forwardRef(function (_a, ref) {
11
+ var filterId = _a.filterId,
12
+ _b = _a.isRemovable,
13
+ isRemovable = _b === void 0 ? false : _b,
14
+ classNameOverride = _a.classNameOverride,
15
+ props = __rest(_a, ["filterId", "isRemovable", "classNameOverride"]);
16
+ var _c = useFilterBarContext(),
17
+ hideFilter = _c.hideFilter,
18
+ focusId = _c.focusId,
19
+ setFocus = _c.setFocus;
20
+ useEffect(function () {
21
+ var _a, _b, _c;
22
+ if (focusId === filterId && isRefObject(ref)) {
23
+ (_c = (_b = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.triggerRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
24
+ setFocus(undefined);
25
+ }
26
+ }, [filterId, focusId, ref, setFocus]);
27
+ return isRemovable ? (/*#__PURE__*/React__default.createElement(FilterButtonRemovable, {
28
+ ref: ref,
29
+ triggerButtonProps: props,
30
+ removeButtonProps: {
31
+ onClick: function () {
32
+ return hideFilter(filterId);
26
33
  }
27
- }, [filterId, focusId, ref, setFocus]);
28
- return isRemovable ? (/*#__PURE__*/React.createElement(FilterButtonRemovable, {
29
- ref: ref,
30
- triggerButtonProps: props,
31
- removeButtonProps: {
32
- onClick: function () {
33
- return hideFilter(filterId);
34
- }
35
- },
36
- classNameOverride: classnames(classNameOverride, modules_4cc348f9.filterBarButton)
37
- })) : (/*#__PURE__*/React.createElement(FilterButton, __assign({
38
- ref: ref,
39
- classNameOverride: classnames(classNameOverride, modules_4cc348f9.filterBarButton)
40
- }, props)));
41
- });
42
- FilterBarButton.displayName = 'FilterBar.Button';
43
- return FilterBarButton;
44
- }();
34
+ },
35
+ classNameOverride: classnames(classNameOverride, modules_4cc348f9.filterBarButton)
36
+ })) : (/*#__PURE__*/React__default.createElement(FilterButton, __assign({
37
+ ref: ref,
38
+ classNameOverride: classnames(classNameOverride, modules_4cc348f9.filterBarButton)
39
+ }, props)));
40
+ });
41
+ FilterBarButton.displayName = 'FilterBar.Button';
45
42
  export { FilterBarButton };
@@ -1,5 +1,5 @@
1
1
  import { __rest, __assign } from 'tslib';
2
- import React from 'react';
2
+ import React__default from 'react';
3
3
  import { FilterDatePicker } from '../../../FilterDatePicker/FilterDatePicker.mjs';
4
4
  import 'classnames';
5
5
  import '../../../../Calendar/CalendarSingle/CalendarSingle.mjs';
@@ -12,41 +12,38 @@ import '@cultureamp/i18n-react-intl';
12
12
  import '../../../FilterDatePicker/subcomponents/DateInputField/DateInputField.mjs';
13
13
  import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
14
14
  import { FilterBarButton } from '../FilterBarButton/FilterBarButton.mjs';
15
- const FilterBarDatePicker = /*#__PURE__*/function () {
16
- const FilterBarDatePicker = function (_a) {
17
- var id = _a.id,
18
- onDateChange = _a.onDateChange,
19
- _b = _a.locale,
20
- locale = _b === void 0 ? 'en-AU' : _b,
21
- props = __rest(_a, ["id", "onDateChange", "locale"]);
22
- var _c = useFilterBarContext(),
23
- getFilterState = _c.getFilterState,
24
- setFilterOpenState = _c.setFilterOpenState,
25
- updateValue = _c.updateValue;
26
- if (!id) throw Error('Missing `id` prop in FilterBarDatePicker');
27
- var filterState = getFilterState(id);
28
- return /*#__PURE__*/React.createElement(FilterDatePicker, __assign({}, props, {
29
- id: id,
30
- locale: locale,
31
- selectedDate: filterState.value,
32
- label: filterState.name,
33
- renderTrigger: function (triggerProps) {
34
- return /*#__PURE__*/React.createElement(FilterBarButton, __assign({}, triggerProps, {
35
- filterId: id,
36
- isRemovable: filterState.isRemovable
37
- }));
38
- },
39
- onDateChange: function (key) {
40
- updateValue(id, key);
41
- onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(key);
42
- },
43
- isOpen: filterState.isOpen,
44
- setIsOpen: function (open) {
45
- return setFilterOpenState(id, open);
46
- }
47
- }));
48
- };
49
- FilterBarDatePicker.displayName = 'FilterBar.DatePicker';
50
- return FilterBarDatePicker;
51
- }();
15
+ var FilterBarDatePicker = function (_a) {
16
+ var id = _a.id,
17
+ onDateChange = _a.onDateChange,
18
+ _b = _a.locale,
19
+ locale = _b === void 0 ? 'en-AU' : _b,
20
+ props = __rest(_a, ["id", "onDateChange", "locale"]);
21
+ var _c = useFilterBarContext(),
22
+ getFilterState = _c.getFilterState,
23
+ setFilterOpenState = _c.setFilterOpenState,
24
+ updateValue = _c.updateValue;
25
+ if (!id) throw Error('Missing `id` prop in FilterBarDatePicker');
26
+ var filterState = getFilterState(id);
27
+ return /*#__PURE__*/React__default.createElement(FilterDatePicker, __assign({}, props, {
28
+ id: id,
29
+ locale: locale,
30
+ selectedDate: filterState.value,
31
+ label: filterState.name,
32
+ renderTrigger: function (triggerProps) {
33
+ return /*#__PURE__*/React__default.createElement(FilterBarButton, __assign({}, triggerProps, {
34
+ filterId: id,
35
+ isRemovable: filterState.isRemovable
36
+ }));
37
+ },
38
+ onDateChange: function (key) {
39
+ updateValue(id, key);
40
+ onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(key);
41
+ },
42
+ isOpen: filterState.isOpen,
43
+ setIsOpen: function (open) {
44
+ return setFilterOpenState(id, open);
45
+ }
46
+ }));
47
+ };
48
+ FilterBarDatePicker.displayName = 'FilterBar.DatePicker';
52
49
  export { FilterBarDatePicker };
@@ -1,43 +1,40 @@
1
1
  import { __rest, __assign } from 'tslib';
2
- import React from 'react';
2
+ import React__default from 'react';
3
3
  import { FilterDateRangePicker } from '../../../FilterDateRangePicker/FilterDateRangePicker.mjs';
4
4
  import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
5
5
  import { FilterBarButton } from '../FilterBarButton/FilterBarButton.mjs';
6
- const FilterBarDateRangePicker = /*#__PURE__*/function () {
7
- const FilterBarDateRangePicker = function (_a) {
8
- var id = _a.id,
9
- onRangeChange = _a.onRangeChange,
10
- _b = _a.locale,
11
- locale = _b === void 0 ? 'en-AU' : _b,
12
- props = __rest(_a, ["id", "onRangeChange", "locale"]);
13
- var _c = useFilterBarContext(),
14
- getFilterState = _c.getFilterState,
15
- setFilterOpenState = _c.setFilterOpenState,
16
- updateValue = _c.updateValue;
17
- if (!id) throw Error('Missing `id` prop in FilterBarDateRangePicker');
18
- var filterState = getFilterState(id);
19
- return /*#__PURE__*/React.createElement(FilterDateRangePicker, __assign({}, props, {
20
- id: id,
21
- label: filterState.name,
22
- renderTrigger: function (triggerProps) {
23
- return /*#__PURE__*/React.createElement(FilterBarButton, __assign({}, triggerProps, {
24
- filterId: id,
25
- isRemovable: filterState.isRemovable
26
- }));
27
- },
28
- isOpen: filterState.isOpen,
29
- setIsOpen: function (open) {
30
- return setFilterOpenState(id, open);
31
- },
32
- selectedRange: filterState.value,
33
- onRangeChange: function (range) {
34
- updateValue(id, range);
35
- onRangeChange === null || onRangeChange === void 0 ? void 0 : onRangeChange(range);
36
- },
37
- locale: locale
38
- }));
39
- };
40
- FilterBarDateRangePicker.displayName = 'FilterBar.DateRangePicker';
41
- return FilterBarDateRangePicker;
42
- }();
6
+ var FilterBarDateRangePicker = function (_a) {
7
+ var id = _a.id,
8
+ onRangeChange = _a.onRangeChange,
9
+ _b = _a.locale,
10
+ locale = _b === void 0 ? 'en-AU' : _b,
11
+ props = __rest(_a, ["id", "onRangeChange", "locale"]);
12
+ var _c = useFilterBarContext(),
13
+ getFilterState = _c.getFilterState,
14
+ setFilterOpenState = _c.setFilterOpenState,
15
+ updateValue = _c.updateValue;
16
+ if (!id) throw Error('Missing `id` prop in FilterBarDateRangePicker');
17
+ var filterState = getFilterState(id);
18
+ return /*#__PURE__*/React__default.createElement(FilterDateRangePicker, __assign({}, props, {
19
+ id: id,
20
+ label: filterState.name,
21
+ renderTrigger: function (triggerProps) {
22
+ return /*#__PURE__*/React__default.createElement(FilterBarButton, __assign({}, triggerProps, {
23
+ filterId: id,
24
+ isRemovable: filterState.isRemovable
25
+ }));
26
+ },
27
+ isOpen: filterState.isOpen,
28
+ setIsOpen: function (open) {
29
+ return setFilterOpenState(id, open);
30
+ },
31
+ selectedRange: filterState.value,
32
+ onRangeChange: function (range) {
33
+ updateValue(id, range);
34
+ onRangeChange === null || onRangeChange === void 0 ? void 0 : onRangeChange(range);
35
+ },
36
+ locale: locale
37
+ }));
38
+ };
39
+ FilterBarDateRangePicker.displayName = 'FilterBar.DateRangePicker';
43
40
  export { FilterBarDateRangePicker };
@@ -1,5 +1,5 @@
1
1
  import { __rest, __assign } from 'tslib';
2
- import React, { useState, useRef, useEffect } from 'react';
2
+ import React__default, { useState, useRef, useEffect } from 'react';
3
3
  import { FilterMultiSelect } from '../../../FilterMultiSelect/FilterMultiSelect.mjs';
4
4
  import '../../../FilterMultiSelect/context/MenuTriggerProvider/MenuTriggerProvider.mjs';
5
5
  import '../../../FilterMultiSelect/context/SelectionProvider/SelectionProvider.mjs';
@@ -15,90 +15,87 @@ var convertSelectionToAConsumableFormat = function (value) {
15
15
  var convertConsumableFormatIntoSelection = function (value) {
16
16
  return new Set(value);
17
17
  };
18
- const FilterBarMultiSelect = /*#__PURE__*/function () {
19
- const FilterBarMultiSelect = function (_a) {
20
- var _b;
21
- var id = _a.id,
22
- propsItems = _a.items,
23
- children = _a.children,
24
- onSelectionChange = _a.onSelectionChange,
25
- props = __rest(_a, ["id", "items", "children", "onSelectionChange"]);
26
- var _c = useFilterBarContext(),
27
- getFilterState = _c.getFilterState,
28
- setFilterOpenState = _c.setFilterOpenState,
29
- updateValue = _c.updateValue,
30
- hideFilter = _c.hideFilter,
31
- focusId = _c.focusId,
32
- setFocus = _c.setFocus;
33
- var _d = useState(propsItems),
34
- items = _d[0],
35
- setItems = _d[1];
36
- var buttonRef = useRef(null);
37
- if (!id) throw Error('Missing `id` prop in FilterBarMultiSelect');
38
- var filterState = getFilterState(id);
39
- useEffect(function () {
40
- if (!checkArraysMatch(items, propsItems)) {
41
- setItems(propsItems);
18
+ var FilterBarMultiSelect = function (_a) {
19
+ var _b;
20
+ var id = _a.id,
21
+ propsItems = _a.items,
22
+ children = _a.children,
23
+ onSelectionChange = _a.onSelectionChange,
24
+ props = __rest(_a, ["id", "items", "children", "onSelectionChange"]);
25
+ var _c = useFilterBarContext(),
26
+ getFilterState = _c.getFilterState,
27
+ setFilterOpenState = _c.setFilterOpenState,
28
+ updateValue = _c.updateValue,
29
+ hideFilter = _c.hideFilter,
30
+ focusId = _c.focusId,
31
+ setFocus = _c.setFocus;
32
+ var _d = useState(propsItems),
33
+ items = _d[0],
34
+ setItems = _d[1];
35
+ var buttonRef = useRef(null);
36
+ if (!id) throw Error('Missing `id` prop in FilterBarMultiSelect');
37
+ var filterState = getFilterState(id);
38
+ useEffect(function () {
39
+ if (!checkArraysMatch(items, propsItems)) {
40
+ setItems(propsItems);
41
+ }
42
+ // We only want to run this effect when propsItems changes
43
+ // eslint-disable-next-line react-hooks/exhaustive-deps
44
+ }, [propsItems]);
45
+ useEffect(function () {
46
+ if (Array.isArray(filterState.value)) {
47
+ var itemValues_1 = items.map(function (_a) {
48
+ var value = _a.value;
49
+ return value;
50
+ });
51
+ var filteredValues = filterState.value.filter(function (value) {
52
+ return itemValues_1.includes(value);
53
+ });
54
+ if (!checkArraysMatch(filterState.value, filteredValues)) {
55
+ updateValue(id, filteredValues);
42
56
  }
43
- // We only want to run this effect when propsItems changes
44
- // eslint-disable-next-line react-hooks/exhaustive-deps
45
- }, [propsItems]);
46
- useEffect(function () {
47
- if (Array.isArray(filterState.value)) {
48
- var itemValues_1 = items.map(function (_a) {
49
- var value = _a.value;
50
- return value;
51
- });
52
- var filteredValues = filterState.value.filter(function (value) {
53
- return itemValues_1.includes(value);
54
- });
55
- if (!checkArraysMatch(filterState.value, filteredValues)) {
56
- updateValue(id, filteredValues);
57
- }
58
- }
59
- // We only want to run this effect when items changes
60
- // eslint-disable-next-line react-hooks/exhaustive-deps
61
- }, [items]);
62
- useEffect(function () {
63
- var _a;
64
- if (focusId === id) {
65
- (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
66
- setFocus(undefined);
67
- }
68
- }, [focusId, id, setFocus]);
69
- return /*#__PURE__*/React.createElement(FilterMultiSelect, __assign({
70
- label: filterState.name,
71
- // Convert the incoming FilterBar state to a Set (internal FilterMultiSelect state)
72
- selectedKeys: new Set((_b = filterState.value) !== null && _b !== void 0 ? _b : null),
73
- onSelectionChange: function (keys) {
74
- // Convert the internal FilterMultiSelect state (Set) to an Array for FilterBar state
75
- updateValue(id, convertSelectionToAConsumableFormat(keys));
76
- onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(keys);
77
- },
78
- items: items,
79
- isOpen: filterState.isOpen,
80
- onOpenChange: function (open) {
81
- return setFilterOpenState(id, open);
82
- },
83
- className: modules_cd1a9e34.filterMultiSelect,
84
- trigger: function () {
85
- var triggerProps = {
86
- selectedOptionLabels: filterState.value ? getSelectedOptionLabels(convertConsumableFormatIntoSelection(filterState.value), items) : [],
87
- label: filterState.name
88
- };
89
- return filterState.isRemovable ? (/*#__PURE__*/React.createElement(FilterMultiSelect.RemovableTrigger, __assign({}, triggerProps, {
90
- onRemove: function () {
91
- return hideFilter(id);
92
- },
93
- classNameOverride: modules_cd1a9e34.triggerButton
94
- }))) : (/*#__PURE__*/React.createElement(FilterMultiSelect.TriggerButton, __assign({
95
- classNameOverride: modules_cd1a9e34.triggerButton
96
- }, triggerProps)));
97
- },
98
- triggerRef: buttonRef
99
- }, props), children);
100
- };
101
- FilterBarMultiSelect.displayName = 'FilterBar.MultiSelect';
102
- return FilterBarMultiSelect;
103
- }();
57
+ }
58
+ // We only want to run this effect when items changes
59
+ // eslint-disable-next-line react-hooks/exhaustive-deps
60
+ }, [items]);
61
+ useEffect(function () {
62
+ var _a;
63
+ if (focusId === id) {
64
+ (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
65
+ setFocus(undefined);
66
+ }
67
+ }, [focusId, id, setFocus]);
68
+ return /*#__PURE__*/React__default.createElement(FilterMultiSelect, __assign({
69
+ label: filterState.name,
70
+ // Convert the incoming FilterBar state to a Set (internal FilterMultiSelect state)
71
+ selectedKeys: new Set((_b = filterState.value) !== null && _b !== void 0 ? _b : null),
72
+ onSelectionChange: function (keys) {
73
+ // Convert the internal FilterMultiSelect state (Set) to an Array for FilterBar state
74
+ updateValue(id, convertSelectionToAConsumableFormat(keys));
75
+ onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(keys);
76
+ },
77
+ items: items,
78
+ isOpen: filterState.isOpen,
79
+ onOpenChange: function (open) {
80
+ return setFilterOpenState(id, open);
81
+ },
82
+ className: modules_cd1a9e34.filterMultiSelect,
83
+ trigger: function () {
84
+ var triggerProps = {
85
+ selectedOptionLabels: filterState.value ? getSelectedOptionLabels(convertConsumableFormatIntoSelection(filterState.value), items) : [],
86
+ label: filterState.name
87
+ };
88
+ return filterState.isRemovable ? (/*#__PURE__*/React__default.createElement(FilterMultiSelect.RemovableTrigger, __assign({}, triggerProps, {
89
+ onRemove: function () {
90
+ return hideFilter(id);
91
+ },
92
+ classNameOverride: modules_cd1a9e34.triggerButton
93
+ }))) : (/*#__PURE__*/React__default.createElement(FilterMultiSelect.TriggerButton, __assign({
94
+ classNameOverride: modules_cd1a9e34.triggerButton
95
+ }, triggerProps)));
96
+ },
97
+ triggerRef: buttonRef
98
+ }, props), children);
99
+ };
100
+ FilterBarMultiSelect.displayName = 'FilterBar.MultiSelect';
104
101
  export { FilterBarMultiSelect };
@@ -1,65 +1,62 @@
1
1
  import { __rest, __assign } from 'tslib';
2
- import React, { useState, useEffect } from 'react';
2
+ import React__default, { useState, useEffect } from 'react';
3
3
  import { FilterSelect } from '../../../FilterSelect/FilterSelect.mjs';
4
4
  import { useFilterBarContext } from '../../context/FilterBarContext.mjs';
5
5
  import { checkArraysMatch } from '../../utils/checkArraysMatch.mjs';
6
6
  import { FilterBarButton } from '../FilterBarButton/FilterBarButton.mjs';
7
- const FilterBarSelect = /*#__PURE__*/function () {
8
- const FilterBarSelect = function (_a) {
9
- var _b;
10
- var id = _a.id,
11
- propsItems = _a.items,
12
- onSelectionChange = _a.onSelectionChange,
13
- props = __rest(_a, ["id", "items", "onSelectionChange"]);
14
- var _c = useFilterBarContext(),
15
- getFilterState = _c.getFilterState,
16
- setFilterOpenState = _c.setFilterOpenState,
17
- updateValue = _c.updateValue;
18
- var _d = useState(propsItems),
19
- items = _d[0],
20
- setItems = _d[1];
21
- if (!id) throw Error('Missing `id` prop in FilterBarSelect');
22
- var filterState = getFilterState(id);
23
- useEffect(function () {
24
- if (!checkArraysMatch(items, propsItems)) {
25
- setItems(propsItems);
7
+ var FilterBarSelect = function (_a) {
8
+ var _b;
9
+ var id = _a.id,
10
+ propsItems = _a.items,
11
+ onSelectionChange = _a.onSelectionChange,
12
+ props = __rest(_a, ["id", "items", "onSelectionChange"]);
13
+ var _c = useFilterBarContext(),
14
+ getFilterState = _c.getFilterState,
15
+ setFilterOpenState = _c.setFilterOpenState,
16
+ updateValue = _c.updateValue;
17
+ var _d = useState(propsItems),
18
+ items = _d[0],
19
+ setItems = _d[1];
20
+ if (!id) throw Error('Missing `id` prop in FilterBarSelect');
21
+ var filterState = getFilterState(id);
22
+ useEffect(function () {
23
+ if (!checkArraysMatch(items, propsItems)) {
24
+ setItems(propsItems);
25
+ }
26
+ // We only want to run this effect when propsItems changes
27
+ // eslint-disable-next-line react-hooks/exhaustive-deps
28
+ }, [propsItems]);
29
+ useEffect(function () {
30
+ if (filterState.value) {
31
+ var itemValues = items.map(function (item) {
32
+ return item === null || item === void 0 ? void 0 : item.value;
33
+ });
34
+ if (!itemValues.includes(filterState.value)) {
35
+ updateValue(id, undefined);
26
36
  }
27
- // We only want to run this effect when propsItems changes
28
- // eslint-disable-next-line react-hooks/exhaustive-deps
29
- }, [propsItems]);
30
- useEffect(function () {
31
- if (filterState.value) {
32
- var itemValues = items.map(function (item) {
33
- return item === null || item === void 0 ? void 0 : item.value;
34
- });
35
- if (!itemValues.includes(filterState.value)) {
36
- updateValue(id, undefined);
37
- }
38
- }
39
- // We only want to run this effect when items changes
40
- // eslint-disable-next-line react-hooks/exhaustive-deps
41
- }, [items]);
42
- return /*#__PURE__*/React.createElement(FilterSelect, __assign({}, props, {
43
- items: items,
44
- selectedKey: (_b = filterState.value) !== null && _b !== void 0 ? _b : null,
45
- label: filterState.name,
46
- renderTrigger: function (triggerProps) {
47
- return /*#__PURE__*/React.createElement(FilterBarButton, __assign({}, triggerProps, {
48
- filterId: id,
49
- isRemovable: filterState.isRemovable
50
- }));
51
- },
52
- onSelectionChange: function (key) {
53
- updateValue(id, key !== null && key !== void 0 ? key : undefined);
54
- onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(key);
55
- },
56
- isOpen: filterState.isOpen,
57
- setIsOpen: function (open) {
58
- return setFilterOpenState(id, open);
59
- }
60
- }));
61
- };
62
- FilterBarSelect.displayName = 'FilterBarSelect';
63
- return FilterBarSelect;
64
- }();
37
+ }
38
+ // We only want to run this effect when items changes
39
+ // eslint-disable-next-line react-hooks/exhaustive-deps
40
+ }, [items]);
41
+ return /*#__PURE__*/React__default.createElement(FilterSelect, __assign({}, props, {
42
+ items: items,
43
+ selectedKey: (_b = filterState.value) !== null && _b !== void 0 ? _b : null,
44
+ label: filterState.name,
45
+ renderTrigger: function (triggerProps) {
46
+ return /*#__PURE__*/React__default.createElement(FilterBarButton, __assign({}, triggerProps, {
47
+ filterId: id,
48
+ isRemovable: filterState.isRemovable
49
+ }));
50
+ },
51
+ onSelectionChange: function (key) {
52
+ updateValue(id, key !== null && key !== void 0 ? key : undefined);
53
+ onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(key);
54
+ },
55
+ isOpen: filterState.isOpen,
56
+ setIsOpen: function (open) {
57
+ return setFilterOpenState(id, open);
58
+ }
59
+ }));
60
+ };
61
+ FilterBarSelect.displayName = 'FilterBarSelect';
65
62
  export { FilterBarSelect };
@@ -1,38 +1,35 @@
1
1
  import { __rest, __assign } from 'tslib';
2
- import React, { forwardRef } from 'react';
2
+ import React__default, { forwardRef } from 'react';
3
3
  import classnames from 'classnames';
4
4
  import { Icon } from '../../../Icon/Icon.mjs';
5
5
  import { isRefObject } from '../../../utils/isRefObject.mjs';
6
6
  import { FilterButtonBase } from '../subcomponents/FilterButtonBase/FilterButtonBase.mjs';
7
7
  import modules_37f521ef from './FilterButton.module.css.mjs';
8
- const FilterButton = /*#__PURE__*/function () {
9
- const FilterButton = /*#__PURE__*/forwardRef(function (_a, ref) {
10
- var label = _a.label,
11
- selectedValue = _a.selectedValue,
12
- _b = _a.isOpen,
13
- isOpen = _b === void 0 ? false : _b,
14
- classNameOverride = _a.classNameOverride,
15
- restProps = __rest(_a, ["label", "selectedValue", "isOpen", "classNameOverride"]);
16
- var customRefObject = isRefObject(ref) ? ref.current : null;
17
- var triggerRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.triggerRef;
18
- var selectedValuesLabel = selectedValue;
19
- return /*#__PURE__*/React.createElement(FilterButtonBase, __assign({
20
- ref: triggerRef,
21
- classNameOverride: classnames(modules_37f521ef.filterButton, classNameOverride),
22
- "aria-haspopup": "true",
23
- "aria-expanded": isOpen
24
- }, restProps), /*#__PURE__*/React.createElement("span", {
25
- className: modules_37f521ef.labelContainer
26
- }, selectedValuesLabel ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
27
- className: modules_37f521ef.hasSelectedValues
28
- }, /*#__PURE__*/React.createElement("span", null, label), /*#__PURE__*/React.createElement("span", {
29
- className: modules_37f521ef.labelSeparator
30
- }, ":")), /*#__PURE__*/React.createElement("span", null, selectedValuesLabel))) : label), /*#__PURE__*/React.createElement(Icon, {
31
- name: isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
32
- isPresentational: true
33
- }));
34
- });
35
- FilterButton.displayName = 'FilterButton';
36
- return FilterButton;
37
- }();
8
+ var FilterButton = /*#__PURE__*/forwardRef(function (_a, ref) {
9
+ var label = _a.label,
10
+ selectedValue = _a.selectedValue,
11
+ _b = _a.isOpen,
12
+ isOpen = _b === void 0 ? false : _b,
13
+ classNameOverride = _a.classNameOverride,
14
+ restProps = __rest(_a, ["label", "selectedValue", "isOpen", "classNameOverride"]);
15
+ var customRefObject = isRefObject(ref) ? ref.current : null;
16
+ var triggerRef = customRefObject === null || customRefObject === void 0 ? void 0 : customRefObject.triggerRef;
17
+ var selectedValuesLabel = selectedValue;
18
+ return /*#__PURE__*/React__default.createElement(FilterButtonBase, __assign({
19
+ ref: triggerRef,
20
+ classNameOverride: classnames(modules_37f521ef.filterButton, classNameOverride),
21
+ "aria-haspopup": "true",
22
+ "aria-expanded": isOpen
23
+ }, restProps), /*#__PURE__*/React__default.createElement("span", {
24
+ className: modules_37f521ef.labelContainer
25
+ }, selectedValuesLabel ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", {
26
+ className: modules_37f521ef.hasSelectedValues
27
+ }, /*#__PURE__*/React__default.createElement("span", null, label), /*#__PURE__*/React__default.createElement("span", {
28
+ className: modules_37f521ef.labelSeparator
29
+ }, ":")), /*#__PURE__*/React__default.createElement("span", null, selectedValuesLabel))) : label), /*#__PURE__*/React__default.createElement(Icon, {
30
+ name: isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
31
+ isPresentational: true
32
+ }));
33
+ });
34
+ FilterButton.displayName = 'FilterButton';
38
35
  export { FilterButton };