@vibe/core 4.3.0-alpha-9bd83.0 → 4.4.0-alpha-26200.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (357) hide show
  1. package/dist/components/Dropdown/Dropdown.types.d.ts +12 -0
  2. package/dist/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.d.ts +5 -1
  3. package/dist/components/Dropdown/components/Trigger/DropdownInput.d.ts +4 -2
  4. package/dist/components/Dropdown/context/DropdownContext.types.d.ts +6 -0
  5. package/dist/components/Dropdown/hooks/useDropdownMultiCombobox.d.ts +1 -1
  6. package/dist/components/button/dist/Button/Button.module.scss.js +1 -1
  7. package/dist/components/dialog/dist/Dialog/Dialog.module.scss.js +1 -1
  8. package/dist/components/dialog/dist/Dialog/components/DialogContent/DialogContent.module.scss.js +1 -1
  9. package/dist/components/dialog/dist/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
  10. package/dist/components/icon-button/dist/IconButton/IconButton.module.scss.js +1 -1
  11. package/dist/components/tooltip/dist/Tooltip/Tooltip.module.scss.js +1 -1
  12. package/dist/components/typography/dist/Heading/Heading.module.scss.js +1 -1
  13. package/dist/components/typography/dist/Text/Text.module.scss.js +1 -1
  14. package/dist/components/typography/dist/Typography/Typography.module.scss.js +1 -1
  15. package/dist/metadata/components.json +18 -0
  16. package/dist/metadata/examples/DropdownMultiSelectA11y.md +50 -0
  17. package/dist/metadata/examples/DropdownSearchableSingleSelect.md +379 -0
  18. package/dist/metadata.json +18 -0
  19. package/dist/mocked_classnames/components/Dropdown/Dropdown.types.d.ts +12 -0
  20. package/dist/mocked_classnames/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.d.ts +5 -1
  21. package/dist/mocked_classnames/components/Dropdown/components/Trigger/DropdownInput.d.ts +4 -2
  22. package/dist/mocked_classnames/components/Dropdown/context/DropdownContext.types.d.ts +6 -0
  23. package/dist/mocked_classnames/components/Dropdown/hooks/useDropdownMultiCombobox.d.ts +1 -1
  24. package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
  25. package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
  26. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
  27. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
  28. package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
  29. package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
  30. package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
  31. package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
  32. package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
  33. package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
  34. package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
  35. package/dist/mocked_classnames/src/components/Avatar/Avatar.module.scss.js +1 -1
  36. package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
  37. package/dist/mocked_classnames/src/components/Avatar/AvatarContent.module.scss.js +1 -1
  38. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  39. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  40. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  41. package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  42. package/dist/mocked_classnames/src/components/Badge/Badge.module.scss.js +1 -1
  43. package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
  44. package/dist/mocked_classnames/src/components/BaseItem/BaseItem.module.scss.js +1 -1
  45. package/dist/mocked_classnames/src/components/BaseList/BaseList.module.scss.js +1 -1
  46. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  47. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  48. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
  49. package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  50. package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
  51. package/dist/mocked_classnames/src/components/Checkbox/Checkbox.module.scss.js +1 -1
  52. package/dist/mocked_classnames/src/components/Chips/Chips.module.scss.js +1 -1
  53. package/dist/mocked_classnames/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
  54. package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
  55. package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
  56. package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
  57. package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
  58. package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  59. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  60. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  61. package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  62. package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  63. package/dist/mocked_classnames/src/components/Counter/Counter.module.scss.js +1 -1
  64. package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  65. package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
  66. package/dist/mocked_classnames/src/components/Divider/Divider.module.scss.js +1 -1
  67. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
  68. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
  69. package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
  70. package/dist/mocked_classnames/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
  71. package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js +1 -1
  72. package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map +1 -1
  73. package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
  74. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/DropdownInput.js +1 -1
  75. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/DropdownInput.js.map +1 -1
  76. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/MultiSelectTrigger.js +1 -1
  77. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/MultiSelectTrigger.js.map +1 -1
  78. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js +1 -1
  79. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js.map +1 -1
  80. package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
  81. package/dist/mocked_classnames/src/components/Dropdown/hooks/useDropdownCombobox.js +1 -1
  82. package/dist/mocked_classnames/src/components/Dropdown/hooks/useDropdownCombobox.js.map +1 -1
  83. package/dist/mocked_classnames/src/components/Dropdown/hooks/useDropdownMultiCombobox.js +1 -1
  84. package/dist/mocked_classnames/src/components/Dropdown/hooks/useDropdownMultiCombobox.js.map +1 -1
  85. package/dist/mocked_classnames/src/components/Dropdown/modes/DropdownMultiComboboxController.js +1 -1
  86. package/dist/mocked_classnames/src/components/Dropdown/modes/DropdownMultiComboboxController.js.map +1 -1
  87. package/dist/mocked_classnames/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
  88. package/dist/mocked_classnames/src/components/EditableText/EditableText.module.scss.js +1 -1
  89. package/dist/mocked_classnames/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
  90. package/dist/mocked_classnames/src/components/EmptyState/EmptyState.module.scss.js +1 -1
  91. package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
  92. package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
  93. package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
  94. package/dist/mocked_classnames/src/components/HiddenText/HiddenText.module.scss.js +1 -1
  95. package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
  96. package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
  97. package/dist/mocked_classnames/src/components/InfoText/InfoText.module.scss.js +1 -1
  98. package/dist/mocked_classnames/src/components/Label/Label.module.scss.js +1 -1
  99. package/dist/mocked_classnames/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
  100. package/dist/mocked_classnames/src/components/Link/Link.module.scss.js +1 -1
  101. package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
  102. package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  103. package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
  104. package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  105. package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  106. package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  107. package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js +1 -1
  108. package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
  109. package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
  110. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
  111. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
  112. package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
  113. package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
  114. package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
  115. package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  116. package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  117. package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  118. package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
  119. package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  120. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
  121. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
  122. package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
  123. package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  124. package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
  125. package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
  126. package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
  127. package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
  128. package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
  129. package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
  130. package/dist/mocked_classnames/src/components/NumberField/NumberField.module.scss.js +1 -1
  131. package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
  132. package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
  133. package/dist/mocked_classnames/src/components/ProgressBars/ProgressBar/Bar/Bar.module.scss.js +1 -1
  134. package/dist/mocked_classnames/src/components/ProgressBars/ProgressBar/ProgressBar.module.scss.js +1 -1
  135. package/dist/mocked_classnames/src/components/RadioButton/RadioButton.module.scss.js +1 -1
  136. package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
  137. package/dist/mocked_classnames/src/components/Skeleton/Skeleton.module.scss.js +1 -1
  138. package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.module.scss.js +1 -1
  139. package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  140. package/dist/mocked_classnames/src/components/Slider/Slider.module.scss.js +1 -1
  141. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  142. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  143. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  144. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  145. package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  146. package/dist/mocked_classnames/src/components/Slider/SliderInfix.module.scss.js +1 -1
  147. package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  148. package/dist/mocked_classnames/src/components/Steps/Steps.module.scss.js +1 -1
  149. package/dist/mocked_classnames/src/components/Steps/StepsCommand.module.scss.js +1 -1
  150. package/dist/mocked_classnames/src/components/Steps/StepsDot.module.scss.js +1 -1
  151. package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
  152. package/dist/mocked_classnames/src/components/Steps/StepsHeader.module.scss.js +1 -1
  153. package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
  154. package/dist/mocked_classnames/src/components/Switch/Switch.module.scss.js +1 -1
  155. package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
  156. package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
  157. package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
  158. package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
  159. package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
  160. package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
  161. package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
  162. package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
  163. package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
  164. package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
  165. package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
  166. package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
  167. package/dist/mocked_classnames/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
  168. package/dist/mocked_classnames/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
  169. package/dist/mocked_classnames/src/components/TextArea/TextArea.js +1 -1
  170. package/dist/mocked_classnames/src/components/TextArea/TextArea.js.map +1 -1
  171. package/dist/mocked_classnames/src/components/TextArea/TextArea.module.scss.js +1 -1
  172. package/dist/mocked_classnames/src/components/TextField/TextField.module.scss.js +1 -1
  173. package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
  174. package/dist/mocked_classnames/src/components/Tipseen/Tipseen.module.scss.js +1 -1
  175. package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
  176. package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
  177. package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
  178. package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
  179. package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
  180. package/dist/mocked_classnames/src/components/Toast/Toast.module.scss.js +1 -1
  181. package/dist/mocked_classnames/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
  182. package/dist/mocked_classnames/src/components/Toggle/MockToggle.module.scss.js +1 -1
  183. package/dist/mocked_classnames/src/components/Toggle/Toggle.module.scss.js +1 -1
  184. package/dist/mocked_classnames/src/components/Toggle/ToggleText.module.scss.js +1 -1
  185. package/dist/mocked_classnames/src/components/TransitionView/TransitionView.module.scss.js +1 -1
  186. package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
  187. package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
  188. package/dist/mocked_classnames/src/components/next/List/List.module.scss.js +1 -1
  189. package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
  190. package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
  191. package/dist/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
  192. package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
  193. package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
  194. package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
  195. package/dist/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
  196. package/dist/src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
  197. package/dist/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
  198. package/dist/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
  199. package/dist/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
  200. package/dist/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
  201. package/dist/src/components/Avatar/Avatar.module.scss.js +1 -1
  202. package/dist/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
  203. package/dist/src/components/Avatar/AvatarContent.module.scss.js +1 -1
  204. package/dist/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
  205. package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
  206. package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
  207. package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
  208. package/dist/src/components/Badge/Badge.module.scss.js +1 -1
  209. package/dist/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
  210. package/dist/src/components/BaseItem/BaseItem.module.scss.js +1 -1
  211. package/dist/src/components/BaseList/BaseList.module.scss.js +1 -1
  212. package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
  213. package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
  214. package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
  215. package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
  216. package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
  217. package/dist/src/components/Checkbox/Checkbox.module.scss.js +1 -1
  218. package/dist/src/components/Chips/Chips.module.scss.js +1 -1
  219. package/dist/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
  220. package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
  221. package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
  222. package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
  223. package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
  224. package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
  225. package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
  226. package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
  227. package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
  228. package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
  229. package/dist/src/components/Counter/Counter.module.scss.js +1 -1
  230. package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
  231. package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
  232. package/dist/src/components/Divider/Divider.module.scss.js +1 -1
  233. package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
  234. package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
  235. package/dist/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
  236. package/dist/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
  237. package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js +1 -1
  238. package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map +1 -1
  239. package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
  240. package/dist/src/components/Dropdown/components/Trigger/DropdownInput.js +1 -1
  241. package/dist/src/components/Dropdown/components/Trigger/DropdownInput.js.map +1 -1
  242. package/dist/src/components/Dropdown/components/Trigger/MultiSelectTrigger.js +1 -1
  243. package/dist/src/components/Dropdown/components/Trigger/MultiSelectTrigger.js.map +1 -1
  244. package/dist/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js +1 -1
  245. package/dist/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js.map +1 -1
  246. package/dist/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
  247. package/dist/src/components/Dropdown/hooks/useDropdownCombobox.js +1 -1
  248. package/dist/src/components/Dropdown/hooks/useDropdownCombobox.js.map +1 -1
  249. package/dist/src/components/Dropdown/hooks/useDropdownMultiCombobox.js +1 -1
  250. package/dist/src/components/Dropdown/hooks/useDropdownMultiCombobox.js.map +1 -1
  251. package/dist/src/components/Dropdown/modes/DropdownMultiComboboxController.js +1 -1
  252. package/dist/src/components/Dropdown/modes/DropdownMultiComboboxController.js.map +1 -1
  253. package/dist/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
  254. package/dist/src/components/EditableText/EditableText.module.scss.js +1 -1
  255. package/dist/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
  256. package/dist/src/components/EmptyState/EmptyState.module.scss.js +1 -1
  257. package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
  258. package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
  259. package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
  260. package/dist/src/components/HiddenText/HiddenText.module.scss.js +1 -1
  261. package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
  262. package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
  263. package/dist/src/components/InfoText/InfoText.module.scss.js +1 -1
  264. package/dist/src/components/Label/Label.module.scss.js +1 -1
  265. package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
  266. package/dist/src/components/Link/Link.module.scss.js +1 -1
  267. package/dist/src/components/List/List.module.scss.js +1 -1
  268. package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
  269. package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
  270. package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
  271. package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
  272. package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
  273. package/dist/src/components/Menu/Menu/Menu.module.scss.js +1 -1
  274. package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
  275. package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
  276. package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
  277. package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
  278. package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
  279. package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
  280. package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
  281. package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
  282. package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
  283. package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
  284. package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
  285. package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
  286. package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
  287. package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
  288. package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
  289. package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
  290. package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
  291. package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
  292. package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
  293. package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
  294. package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
  295. package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
  296. package/dist/src/components/NumberField/NumberField.module.scss.js +1 -1
  297. package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
  298. package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
  299. package/dist/src/components/ProgressBars/ProgressBar/Bar/Bar.module.scss.js +1 -1
  300. package/dist/src/components/ProgressBars/ProgressBar/ProgressBar.module.scss.js +1 -1
  301. package/dist/src/components/RadioButton/RadioButton.module.scss.js +1 -1
  302. package/dist/src/components/Search/Search.module.scss.js +1 -1
  303. package/dist/src/components/Skeleton/Skeleton.module.scss.js +1 -1
  304. package/dist/src/components/SlideTransition/SlideTransition.module.scss.js +1 -1
  305. package/dist/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
  306. package/dist/src/components/Slider/Slider.module.scss.js +1 -1
  307. package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
  308. package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
  309. package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
  310. package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
  311. package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
  312. package/dist/src/components/Slider/SliderInfix.module.scss.js +1 -1
  313. package/dist/src/components/SplitButton/SplitButton.module.scss.js +1 -1
  314. package/dist/src/components/Steps/Steps.module.scss.js +1 -1
  315. package/dist/src/components/Steps/StepsCommand.module.scss.js +1 -1
  316. package/dist/src/components/Steps/StepsDot.module.scss.js +1 -1
  317. package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
  318. package/dist/src/components/Steps/StepsHeader.module.scss.js +1 -1
  319. package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
  320. package/dist/src/components/Switch/Switch.module.scss.js +1 -1
  321. package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
  322. package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
  323. package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
  324. package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
  325. package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
  326. package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
  327. package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
  328. package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
  329. package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
  330. package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
  331. package/dist/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
  332. package/dist/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
  333. package/dist/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
  334. package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
  335. package/dist/src/components/TextArea/TextArea.js +1 -1
  336. package/dist/src/components/TextArea/TextArea.js.map +1 -1
  337. package/dist/src/components/TextArea/TextArea.module.scss.js +1 -1
  338. package/dist/src/components/TextField/TextField.module.scss.js +1 -1
  339. package/dist/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
  340. package/dist/src/components/Tipseen/Tipseen.module.scss.js +1 -1
  341. package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
  342. package/dist/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
  343. package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
  344. package/dist/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
  345. package/dist/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
  346. package/dist/src/components/Toast/Toast.module.scss.js +1 -1
  347. package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
  348. package/dist/src/components/Toggle/MockToggle.module.scss.js +1 -1
  349. package/dist/src/components/Toggle/Toggle.module.scss.js +1 -1
  350. package/dist/src/components/Toggle/ToggleText.module.scss.js +1 -1
  351. package/dist/src/components/TransitionView/TransitionView.module.scss.js +1 -1
  352. package/dist/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
  353. package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
  354. package/dist/src/components/next/List/List.module.scss.js +1 -1
  355. package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
  356. package/dist/style/dist/index.min.css.js +1 -1
  357. package/package.json +9 -9
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownInput.js","sources":["../../../../../../../src/components/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"@vibe/base\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Text } from \"@vibe/typography\";\n\nconst DropdownInput = ({ inputSize, fullWidth }: { inputSize?: \"small\" | \"medium\" | \"large\"; fullWidth?: boolean }) => {\n const {\n inputValue,\n autoFocus,\n disabled,\n readOnly,\n placeholder,\n multi,\n selectedItem,\n selectedItems = [],\n inputAriaLabel,\n searchable,\n size,\n label,\n isOpen,\n getDropdownProps,\n getLabelProps,\n getInputProps\n } = useDropdownContext<BaseItemData>();\n\n const inputRef = useRef<HTMLInputElement>(null);\n const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction: isOpen }) : {};\n\n return (\n <>\n {searchable ? (\n <BaseInput\n {...getInputProps({\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": inputAriaLabel || (label ? undefined : getLabelProps()?.id),\n placeholder: hasSelection ? \"\" : placeholder,\n ref: inputRef,\n ...multipleSelectionDropdownProps\n })}\n inputRole=\"combobox\"\n value={inputValue || \"\"}\n autoFocus={autoFocus}\n size={inputSize || size}\n className={cx(styles.inputWrapper, {\n [styles.hasSelected]: !multi && selectedItem && !inputValue,\n [styles.small]: inputSize === \"small\",\n [styles.multi]: multi && hasSelection,\n [styles.multiSelected]: multi && hasSelection && inputSize === \"small\",\n [styles.fullWidth]: fullWidth\n })}\n disabled={disabled}\n readOnly={readOnly}\n />\n ) : (\n <>\n {!hasSelection && placeholder && (\n <Text\n color=\"secondary\"\n className={cx(styles.placeholderText, {\n [styles.disabled]: !!disabled\n })}\n type={size === \"small\" ? \"text2\" : \"text1\"}\n >\n {placeholder}\n </Text>\n )}\n </>\n )}\n </>\n );\n};\n\nexport default DropdownInput;\n"],"names":["DropdownInput","_ref","inputSize","fullWidth","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","searchable","size","label","isOpen","getDropdownProps","getLabelProps","getInputProps","inputRef","useRef","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","React","BaseInput","Object","assign","id","undefined","ref","inputRole","value","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","createElement","Text","color","placeholderText","type"],"mappings":"iXAQA,IAAMA,EAAgB,SAAHC,GAAmG,MAA7FC,EAASD,EAATC,UAAWC,EAASF,EAATE,UAClCC,EAiBIC,IAhBFC,EAAUF,EAAVE,WACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAWN,EAAXM,YACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aAAYC,EAAAT,EACZU,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAcX,EAAdW,eACAC,EAAUZ,EAAVY,WACAC,EAAIb,EAAJa,KACAC,EAAKd,EAALc,MACAC,EAAMf,EAANe,OACAC,EAAgBhB,EAAhBgB,iBACAC,EAAajB,EAAbiB,cACAC,EAAalB,EAAbkB,cAGIC,EAAWC,EAAyB,MACpCC,EAAed,EAAQG,EAAcY,OAAS,IAAMd,EACpDe,EAAiCP,EAAmBA,EAAiB,CAAEQ,iBAAkBT,IAAY,CAAA,EAE3G,OACEU,gCACGb,EACCa,gBAACC,EAASC,OAAAC,OAAA,CAAA,EACJV,EACFS,OAAAC,OAAA,CAAA,kBAAmBd,EAAQG,IAAgBY,QAAKC,EAChD,aAAcnB,IAAmBG,aAAoBG,sBAAZa,IAA6BD,IACtEvB,YAAae,EAAe,GAAKf,EACjCyB,IAAKZ,GACFI,IAEL,CAAAS,UAAU,WACVC,MAAO/B,GAAc,GACrBC,UAAWA,EACXU,KAAMf,GAAae,EACnBqB,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAAA,EAC9BF,CAAAA,EAAAA,EAAOG,aAAehC,GAASC,IAAiBN,GAChDkC,EAAOI,MAAsB,UAAd1C,GACfsC,EAAO7B,MAAQA,GAASc,GACxBe,EAAOK,cAAgBlC,GAASc,GAA8B,UAAdvB,GAChDsC,EAAOrC,UAAYA,IAEtBK,SAAUA,EACVC,SAAUA,KAGZoB,iCACIJ,GAAgBf,GAChBmB,EAAAiB,cAACC,EAAI,CACHC,MAAM,YACNV,UAAWC,EAAGC,EAAOS,gBAAeP,EACjCF,GAAAA,EAAOhC,WAAaA,IAEvB0C,KAAe,UAATjC,EAAmB,QAAU,SAElCP,IAOf"}
1
+ {"version":3,"file":"DropdownInput.js","sources":["../../../../../../../src/components/Dropdown/components/Trigger/DropdownInput.tsx"],"sourcesContent":["import React, { useRef, type RefObject } from \"react\";\nimport cx from \"classnames\";\nimport { BaseInput } from \"@vibe/base\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Text } from \"@vibe/typography\";\n\nconst DropdownInput = ({\n inputSize,\n fullWidth,\n onKeyDown: externalKeyDown,\n inputRef: externalInputRef\n}: {\n inputSize?: \"small\" | \"medium\" | \"large\";\n fullWidth?: boolean;\n onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n inputRef?: RefObject<HTMLInputElement>;\n}) => {\n const {\n inputValue,\n autoFocus,\n disabled,\n readOnly,\n placeholder,\n multi,\n selectedItem,\n selectedItems = [],\n inputAriaLabel,\n searchable,\n size,\n label,\n isOpen,\n getDropdownProps,\n getLabelProps,\n getInputProps,\n interactiveChips\n } = useDropdownContext<BaseItemData>();\n\n const internalRef = useRef<HTMLInputElement>(null);\n const inputRef = externalInputRef ?? internalRef;\n const hasSelection = multi ? selectedItems.length > 0 : !!selectedItem;\n // interactiveChips: menu is always open, so isOpen would permanently suppress Backspace chip-nav.\n // Instead suppress only when the input has text (Backspace should delete chars, not navigate chips).\n const preventKeyAction = interactiveChips ? !!(inputValue && inputValue.length > 0) : isOpen;\n const multipleSelectionDropdownProps = getDropdownProps ? getDropdownProps({ preventKeyAction }) : {};\n\nreturn (\n <>\n {searchable ? (\n <BaseInput\n {...getInputProps({\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": inputAriaLabel || (label ? undefined : getLabelProps()?.id),\n placeholder: hasSelection ? \"\" : placeholder,\n ref: inputRef,\n onKeyDown: externalKeyDown,\n ...multipleSelectionDropdownProps\n })}\n inputRole=\"combobox\"\n value={inputValue || \"\"}\n autoFocus={autoFocus}\n size={inputSize || size}\n className={cx(styles.inputWrapper, {\n [styles.hasSelected]: !multi && selectedItem && !inputValue,\n [styles.small]: inputSize === \"small\",\n [styles.multi]: multi && hasSelection,\n [styles.multiSelected]: multi && hasSelection && inputSize === \"small\",\n [styles.fullWidth]: fullWidth\n })}\n disabled={disabled}\n readOnly={readOnly}\n />\n ) : (\n <>\n {!hasSelection && placeholder && (\n <Text\n color=\"secondary\"\n className={cx(styles.placeholderText, {\n [styles.disabled]: !!disabled\n })}\n type={size === \"small\" ? \"text2\" : \"text1\"}\n >\n {placeholder}\n </Text>\n )}\n </>\n )}\n </>\n );\n};\n\nexport default DropdownInput;\n"],"names":["DropdownInput","_ref","inputSize","fullWidth","externalKeyDown","onKeyDown","externalInputRef","inputRef","_useDropdownContext","useDropdownContext","inputValue","autoFocus","disabled","readOnly","placeholder","multi","selectedItem","_useDropdownContext$s","selectedItems","inputAriaLabel","searchable","size","label","isOpen","getDropdownProps","getLabelProps","getInputProps","interactiveChips","internalRef","useRef","hasSelection","length","multipleSelectionDropdownProps","preventKeyAction","React","BaseInput","Object","assign","id","undefined","_a","ref","inputRole","value","className","cx","styles","inputWrapper","_defineProperty","hasSelected","small","multiSelected","createElement","Text","color","placeholderText","type"],"mappings":"iXAQA,IAAMA,EAAgB,SAAHC,GAUd,MATHC,EAASD,EAATC,UACAC,EAASF,EAATE,UACWC,EAAeH,EAA1BI,UACUC,EAAgBL,EAA1BM,SAOAC,EAkBIC,IAjBFC,EAAUF,EAAVE,WACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAQL,EAARK,SACAC,EAAWN,EAAXM,YACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aAAYC,EAAAT,EACZU,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAcX,EAAdW,eACAC,EAAUZ,EAAVY,WACAC,EAAIb,EAAJa,KACAC,EAAKd,EAALc,MACAC,EAAMf,EAANe,OACAC,EAAgBhB,EAAhBgB,iBACAC,EAAajB,EAAbiB,cACAC,EAAalB,EAAbkB,cACAC,EAAgBnB,EAAhBmB,iBAGIC,EAAcC,EAAyB,MACvCtB,EAAWD,QAAAA,EAAoBsB,EAC/BE,EAAef,EAAQG,EAAca,OAAS,IAAMf,EAIpDgB,EAAiCR,EAAmBA,EAAiB,CAAES,iBADpDN,KAAsBjB,GAAkC,GAApBA,EAAWqB,QAAcR,IACa,CAAA,EAErG,OACIW,gCACGd,EACCc,gBAACC,EAASC,OAAAC,OAAA,CAAA,EACJX,EACFU,OAAAC,OAAA,CAAA,kBAAmBf,EAAQG,IAAgBa,QAAKC,EAChD,aAAcpB,IAAmBG,GAAmC,QAAfkB,EAAAf,WAAe,IAAAe,OAA3BD,EAA2BC,EAAEF,IACtExB,YAAagB,EAAe,GAAKhB,EACjC2B,IAAKlC,EACLF,UAAWD,GACR4B,IAEL,CAAAU,UAAU,WACVC,MAAOjC,GAAc,GACrBC,UAAWA,EACXU,KAAMnB,GAAamB,EACnBuB,UAAWC,EAAGC,EAAOC,aAAYC,EAAAA,EAAAA,EAAAA,EAAAA,EAC9BF,CAAAA,EAAAA,EAAOG,aAAelC,GAASC,IAAiBN,GAChDoC,EAAOI,MAAsB,UAAdhD,GACf4C,EAAO/B,MAAQA,GAASe,GACxBgB,EAAOK,cAAgBpC,GAASe,GAA8B,UAAd5B,GAChD4C,EAAO3C,UAAYA,IAEtBS,SAAUA,EACVC,SAAUA,KAGZqB,iCACIJ,GAAgBhB,GAChBoB,EAAAkB,cAACC,EAAI,CACHC,MAAM,YACNV,UAAWC,EAAGC,EAAOS,gBAAeP,EACjCF,GAAAA,EAAOlC,WAAaA,IAEvB4C,KAAe,UAATnC,EAAmB,QAAU,SAElCP,IAOf"}
@@ -1,2 +1,2 @@
1
- import e from"react";import{Flex as t}from"@vibe/layout/mockedClassNames";import r from"../MultiSelectedValues/MultiSelectedValues.js";import l from"./DropdownInput.js";import{useDropdownContext as i}from"../../context/DropdownContext.js";import a from"./TriggerActions.js";import n from"./Trigger.module.scss.js";import{getStyle as o}from"@vibe/shared";import m from"classnames";import s from"./DropdownChip.js";var d=function(){var d,u=i(),c=u.selectedItems,p=void 0===c?[]:c,v=u.contextOnOptionRemove,f=u.multiline,b=u.disabled,g=u.readOnly,E=u.error,y=u.searchable,h=u.getToggleButtonProps,j=u.label,x=u.getLabelProps,O=u["aria-label"],w=u.minVisibleCount;return e.createElement(t,{justify:"space-between",align:"center"},e.createElement("div",Object.assign({className:m(n.triggerWrapper,o(n,u.size))},y?{}:h({"aria-haspopup":"dialog","aria-labelledby":j?x().id:void 0,"aria-label":O||(j||null===(d=x())||void 0===d?void 0:d.id),"aria-disabled":b?"true":void 0,"aria-invalid":E?"true":void 0,"aria-readonly":g?"true":void 0})),p.length>0?e.createElement("div",{className:n.multiWrapper},f?e.createElement(t,{gap:"xs",wrap:!0},p.map((function(r,i){var a,n;return e.createElement(t,{key:(null!==(n=null!==(a=r.id)&&void 0!==a?a:r.value)&&void 0!==n?n:i)+""},e.createElement("div",{style:{flexShrink:0}},e.createElement(s,{item:r,onDelete:function(){null==v||v(r)},readOnly:g,disabled:b})),i===p.length-1&&e.createElement(l,{inputSize:"small"}))}))):e.createElement(r,{disabled:b,readOnly:g,selectedItems:p,onRemove:function(e){null==v||v(e)},renderInput:y?function(){return e.createElement(l,{inputSize:"small",fullWidth:!0})}:void 0,minVisibleCount:w})):e.createElement(l,null)),e.createElement(a,null))};export{d as default};
1
+ import e,{useRef as t}from"react";import{Flex as l}from"@vibe/layout/mockedClassNames";import r from"../MultiSelectedValues/MultiSelectedValues.js";import n from"./DropdownInput.js";import{useDropdownContext as i}from"../../context/DropdownContext.js";import a from"./TriggerActions.js";import o from"./Trigger.module.scss.js";import{getStyle as m}from"@vibe/shared";import u from"classnames";import s from"./DropdownChip.js";var d=function(){var d,c=i(),p=c.selectedItems,v=void 0===p?[]:p,f=c.contextOnOptionRemove,g=c.getSelectedItemProps,b=c.multiline,E=c.disabled,h=c.readOnly,y=c.error,I=c.size,C=c.searchable,j=c.getToggleButtonProps,x=c.label,w=c.getLabelProps,O=c["aria-label"],S=c.minVisibleCount,D=c.textInput,V=c.interactiveChips,W=v.length>0&&(!D||h),k=t(null);return e.createElement(l,{justify:"space-between",align:"center"},e.createElement("div",Object.assign({className:u(o.triggerWrapper,m(o,I))},C?{}:j({"aria-haspopup":"dialog","aria-labelledby":x?w().id:void 0,"aria-label":O||(x||null===(d=w())||void 0===d?void 0:d.id),"aria-disabled":E?"true":void 0,"aria-invalid":y?"true":void 0,"aria-readonly":h?"true":void 0})),D?e.createElement(n,null):V&&C&&!h?0===v.length?e.createElement(n,null):e.createElement("div",{className:o.multiWrapper,onKeyDown:function(e){"ArrowLeft"===e.key&&e.target instanceof HTMLInputElement&&!e.target.value&&k.current&&k.current.focus()}},e.createElement(r,{disabled:E,readOnly:h,selectedItems:v,onRemove:function(e){return null==f?void 0:f(e)},renderInput:function(){return e.createElement(n,{inputSize:"small",fullWidth:!0})},getChipContainerProps:function(e,t){var l;return null!==(l=null==g?void 0:g({selectedItem:e,index:t}))&&void 0!==l?l:{}},badgeRef:k,minVisibleCount:S})):W?e.createElement("div",{className:o.multiWrapper},b?e.createElement(l,{gap:"xs",wrap:!0},v.map((function(t,r){var i,a;return e.createElement(l,{key:(null!==(a=null!==(i=t.id)&&void 0!==i?i:t.value)&&void 0!==a?a:r)+""},e.createElement("div",{style:{flexShrink:0}},e.createElement(s,{item:t,onDelete:function(){null==f||f(t)},readOnly:h,disabled:E})),r===v.length-1&&e.createElement(n,{inputSize:"small"}))}))):e.createElement(r,{disabled:E,readOnly:h,selectedItems:v,onRemove:function(e){null==f||f(e)},renderInput:C?function(){return e.createElement(n,{inputSize:"small",fullWidth:!0})}:void 0,minVisibleCount:S})):e.createElement(n,null)),e.createElement(a,null))};export{d as default};
2
2
  //# sourceMappingURL=MultiSelectTrigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSelectTrigger.js","sources":["../../../../../../../src/components/Dropdown/components/Trigger/MultiSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport MultiSelectedValues from \"../MultiSelectedValues/MultiSelectedValues\";\nimport DropdownInput from \"./DropdownInput\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport TriggerActions from \"./TriggerActions\";\nimport styles from \"./Trigger.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport cx from \"classnames\";\nimport DropdownChip from \"./DropdownChip\";\n\nconst MultiSelectTrigger = () => {\n const {\n selectedItems = [],\n contextOnOptionRemove,\n multiline,\n disabled,\n readOnly,\n error,\n size,\n searchable,\n getToggleButtonProps,\n label,\n getLabelProps,\n \"aria-label\": ariaLabel,\n minVisibleCount\n } = useDropdownContext<BaseItemData>();\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": ariaLabel || (label ? undefined : getLabelProps()?.id),\n \"aria-disabled\": disabled ? \"true\" : undefined,\n \"aria-invalid\": error ? \"true\" : undefined,\n \"aria-readonly\": readOnly ? \"true\" : undefined\n })\n : {})}\n >\n {selectedItems.length > 0 ? (\n <div className={styles.multiWrapper}>\n {!multiline ? (\n <MultiSelectedValues\n disabled={disabled}\n readOnly={readOnly}\n selectedItems={selectedItems}\n onRemove={item => {\n contextOnOptionRemove?.(item);\n }}\n renderInput={searchable ? () => <DropdownInput inputSize=\"small\" fullWidth /> : undefined}\n minVisibleCount={minVisibleCount}\n />\n ) : (\n <Flex gap=\"xs\" wrap>\n {selectedItems.map((item, index) => (\n <Flex key={String(item.id ?? item.value ?? index)}>\n <div style={{ flexShrink: 0 }}>\n <DropdownChip\n item={item}\n onDelete={() => {\n contextOnOptionRemove?.(item);\n }}\n readOnly={readOnly}\n disabled={disabled}\n />\n </div>\n {index === selectedItems.length - 1 && <DropdownInput inputSize=\"small\" />}\n </Flex>\n ))}\n </Flex>\n )}\n </div>\n ) : (\n <DropdownInput />\n )}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default MultiSelectTrigger;\n"],"names":["MultiSelectTrigger","_useDropdownContext","useDropdownContext","_useDropdownContext$s","selectedItems","contextOnOptionRemove","multiline","disabled","readOnly","error","searchable","getToggleButtonProps","label","getLabelProps","ariaLabel","minVisibleCount","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","size","id","undefined","_a","length","multiWrapper","gap","wrap","map","item","index","key","_b","value","String","style","flexShrink","DropdownChip","onDelete","DropdownInput","inputSize","MultiSelectedValues","onRemove","renderInput","fullWidth","TriggerActions"],"mappings":"6ZAYA,IAAMA,EAAqB,iBACzBC,EAcIC,IAAkCC,EAAAF,EAbpCG,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAqBJ,EAArBI,sBACAC,EAASL,EAATK,UACAC,EAAQN,EAARM,SACAC,EAAQP,EAARO,SACAC,EAAKR,EAALQ,MAEAC,EAAUT,EAAVS,WACAC,EAAoBV,EAApBU,qBACAC,EAAKX,EAALW,MACAC,EAAaZ,EAAbY,cACcC,EAASb,EAAvB,cACAc,EAAed,EAAfc,gBAGF,OACEC,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAZ9CxB,EAAJ2B,QAaUlB,EASF,CAAA,EARAC,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBC,EAAQC,IAAgBgB,QAAKC,EAChD,aAAchB,IAAcF,GAAmC,QAAfmB,EAAAlB,WAAe,IAAAkB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBtB,EAAW,YAASuB,EACrC,eAAgBrB,EAAQ,YAASqB,EACjC,gBAAiBtB,EAAW,YAASsB,KAI1C1B,EAAc4B,OAAS,EACtBhB,uBAAKO,UAAWE,EAAOQ,cACnB3B,EAYAU,EAACC,cAAAC,EAAK,CAAAgB,IAAI,KAAKC,MAAI,GAChB/B,EAAcgC,KAAI,SAACC,EAAMC,WAAU,OAClCtB,EAACC,cAAAC,GAAKqB,KAAiC,QAArBC,EAAW,UAAXH,EAAKR,UAAM,IAAAE,EAAAA,EAAAM,EAAKI,aAAK,IAAAD,EAAAA,EAAIF,GAAhCI,IACT1B,EAAAC,cAAA,MAAA,CAAK0B,MAAO,CAAEC,WAAY,IACxB5B,EAACC,cAAA4B,GACCR,KAAMA,EACNS,SAAU,WACRzC,SAAAA,EAAwBgC,EACzB,EACD7B,SAAUA,EACVD,SAAUA,KAGb+B,IAAUlC,EAAc4B,OAAS,GAAKhB,EAAAC,cAAC8B,EAAa,CAACC,UAAU,UAEnE,KA1BHhC,EAACC,cAAAgC,GACC1C,SAAUA,EACVC,SAAUA,EACVJ,cAAeA,EACf8C,SAAU,SAAAb,GACRhC,SAAAA,EAAwBgC,EACzB,EACDc,YAAazC,EAAa,WAAA,OAAMM,EAAAC,cAAC8B,EAAc,CAAAC,UAAU,QAAQI,cAAY,OAAGtB,EAChFf,gBAAiBA,KAuBvBC,EAACC,cAAA8B,EAAgB,OAGrB/B,EAAAC,cAACoC,EAAc,MAGrB"}
1
+ {"version":3,"file":"MultiSelectTrigger.js","sources":["../../../../../../../src/components/Dropdown/components/Trigger/MultiSelectTrigger.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport MultiSelectedValues from \"../MultiSelectedValues/MultiSelectedValues\";\nimport DropdownInput from \"./DropdownInput\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport TriggerActions from \"./TriggerActions\";\nimport styles from \"./Trigger.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport cx from \"classnames\";\nimport DropdownChip from \"./DropdownChip\";\n\nconst MultiSelectTrigger = () => {\n const {\n selectedItems = [],\n contextOnOptionRemove,\n getSelectedItemProps,\n multiline,\n disabled,\n readOnly,\n error,\n size,\n searchable,\n getToggleButtonProps,\n label,\n getLabelProps,\n \"aria-label\": ariaLabel,\n minVisibleCount,\n textInput,\n interactiveChips\n } = useDropdownContext<BaseItemData>();\n\n const showChips = selectedItems.length > 0 && (!textInput || readOnly);\n const overflowBadgeRef = useRef<HTMLDivElement>(null);\n\n const renderTriggerContent = () => {\n if (textInput) {\n return <DropdownInput />;\n }\n\n if (interactiveChips && searchable && !readOnly) {\n if (selectedItems.length === 0) {\n return <DropdownInput />;\n }\n return (\n <div\n className={styles.multiWrapper}\n onKeyDown={e => {\n if (\n e.key === \"ArrowLeft\" &&\n e.target instanceof HTMLInputElement &&\n !e.target.value &&\n overflowBadgeRef.current\n ) {\n overflowBadgeRef.current.focus();\n }\n }}\n >\n <MultiSelectedValues\n disabled={disabled}\n readOnly={readOnly}\n selectedItems={selectedItems}\n onRemove={item => contextOnOptionRemove?.(item)}\n renderInput={() => <DropdownInput inputSize=\"small\" fullWidth />}\n getChipContainerProps={(item, index) =>\n getSelectedItemProps?.({ selectedItem: item, index }) ?? {}\n }\n badgeRef={overflowBadgeRef}\n minVisibleCount={minVisibleCount}\n />\n </div>\n );\n }\n\n // Default chips mode: original behavior.\n if (showChips) {\n return (\n <div className={styles.multiWrapper}>\n {!multiline ? (\n <MultiSelectedValues\n disabled={disabled}\n readOnly={readOnly}\n selectedItems={selectedItems}\n onRemove={item => {\n contextOnOptionRemove?.(item);\n }}\n renderInput={searchable ? () => <DropdownInput inputSize=\"small\" fullWidth /> : undefined}\n minVisibleCount={minVisibleCount}\n />\n ) : (\n <Flex gap=\"xs\" wrap>\n {selectedItems.map((item, index) => (\n <Flex key={String(item.id ?? item.value ?? index)}>\n <div style={{ flexShrink: 0 }}>\n <DropdownChip\n item={item}\n onDelete={() => {\n contextOnOptionRemove?.(item);\n }}\n readOnly={readOnly}\n disabled={disabled}\n />\n </div>\n {index === selectedItems.length - 1 && <DropdownInput inputSize=\"small\" />}\n </Flex>\n ))}\n </Flex>\n )}\n </div>\n );\n }\n\n return <DropdownInput />;\n };\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": ariaLabel || (label ? undefined : getLabelProps()?.id),\n \"aria-disabled\": disabled ? \"true\" : undefined,\n \"aria-invalid\": error ? \"true\" : undefined,\n \"aria-readonly\": readOnly ? \"true\" : undefined\n })\n : {})}\n >\n {renderTriggerContent()}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default MultiSelectTrigger;\n"],"names":["MultiSelectTrigger","_useDropdownContext","useDropdownContext","_useDropdownContext$s","selectedItems","contextOnOptionRemove","getSelectedItemProps","multiline","disabled","readOnly","error","size","searchable","getToggleButtonProps","label","getLabelProps","ariaLabel","minVisibleCount","textInput","interactiveChips","showChips","length","overflowBadgeRef","useRef","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","_a","DropdownInput","multiWrapper","onKeyDown","e","key","target","HTMLInputElement","value","current","focus","MultiSelectedValues","onRemove","item","renderInput","inputSize","fullWidth","getChipContainerProps","index","selectedItem","badgeRef","gap","wrap","map","_b","String","style","flexShrink","DropdownChip","onDelete","TriggerActions"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"classnames";import a from"../../../BaseItem/BaseItem.js";import i from"./DropdownInput.js";import l from"./Trigger.module.scss.js";import{useDropdownContext as o}from"../../context/DropdownContext.js";import{Flex as s}from"@vibe/layout/mockedClassNames";import n from"./TriggerActions.js";import{getStyle as m}from"@vibe/shared";var d=function(){var d,p,c=o(),u=c.inputValue,v=c.selectedItem,b=c.searchable,g=c.size,f=c.valueRenderer,j=c.isFocused,E=c.getToggleButtonProps,y=c.disabled,I=c.readOnly,O=c.error,B=c.label,P=c.getLabelProps,h=c["aria-label"];return r.createElement(s,{justify:"space-between",align:"center"},r.createElement("div",Object.assign({className:t(l.triggerWrapper,m(l,g))},b?{}:E({"aria-haspopup":"dialog","aria-labelledby":B?P().id:void 0,"aria-label":h||(B||null===(d=P())||void 0===d?void 0:d.id),"aria-disabled":y?"true":void 0,"aria-invalid":O?"true":void 0,"aria-readonly":I?"true":void 0})),r.createElement(i,null),!u&&v&&r.createElement("div",{className:t(l.selectedItem,e({},l.faded,j&&b),m(l,g))},r.createElement(a,{component:"div",itemRenderer:f,size:g,readOnly:!0,item:Object.assign(Object.assign({},v),{disabled:y,startElement:"indent"===(null===(p=v.startElement)||void 0===p?void 0:p.type)?void 0:v.startElement})}))),r.createElement(n,null))};export{d as default};
1
+ import e from"react";import r from"classnames";import t from"../../../BaseItem/BaseItem.js";import a from"./DropdownInput.js";import i from"./Trigger.module.scss.js";import{useDropdownContext as o}from"../../context/DropdownContext.js";import{Flex as l}from"@vibe/layout/mockedClassNames";import s from"./TriggerActions.js";import{getStyle as m}from"@vibe/shared";var n=function(){var n,d,c=o(),p=c.selectedItem,v=c.searchable,u=c.size,b=c.valueRenderer,g=c.getToggleButtonProps,f=c.disabled,j=c.readOnly,E=c.error,y=c.label,I=c.getLabelProps,O=c["aria-label"];return e.createElement(l,{justify:"space-between",align:"center"},e.createElement("div",Object.assign({className:r(i.triggerWrapper,m(i,u))},v?{}:g({"aria-haspopup":"dialog","aria-labelledby":y?I().id:void 0,"aria-label":O||(y||null===(n=I())||void 0===n?void 0:n.id),"aria-disabled":f?"true":void 0,"aria-invalid":E?"true":void 0,"aria-readonly":j?"true":void 0})),e.createElement(a,null),!v&&p&&e.createElement("div",{className:r(i.selectedItem,m(i,u))},e.createElement(t,{component:"div",itemRenderer:b,size:u,readOnly:!0,item:Object.assign(Object.assign({},p),{disabled:f,startElement:"indent"===(null===(d=p.startElement)||void 0===d?void 0:d.type)?void 0:p.startElement})}))),e.createElement(s,null))};export{n as default};
2
2
  //# sourceMappingURL=SingleSelectTrigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../../src/components/Dropdown/components/Trigger/SingleSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseItem, type BaseItemData } from \"../../../BaseItem\";\nimport DropdownInput from \"./DropdownInput\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { Flex } from \"@vibe/layout\";\nimport TriggerActions from \"./TriggerActions\";\nimport { getStyle } from \"@vibe/shared\";\n\nconst SingleSelectTrigger = () => {\n const {\n inputValue,\n selectedItem,\n searchable,\n size,\n valueRenderer,\n isFocused,\n getToggleButtonProps,\n disabled,\n readOnly,\n error,\n label,\n getLabelProps,\n \"aria-label\": ariaLabel\n } = useDropdownContext<BaseItemData>();\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": ariaLabel || (label ? undefined : getLabelProps()?.id),\n \"aria-disabled\": disabled ? \"true\" : undefined,\n \"aria-invalid\": error ? \"true\" : undefined,\n \"aria-readonly\": readOnly ? \"true\" : undefined\n })\n : {})}\n >\n <DropdownInput />\n\n {!inputValue && selectedItem && (\n <div\n className={cx(\n styles.selectedItem,\n {\n [styles.faded]: isFocused && searchable\n },\n getStyle(styles, size)\n )}\n >\n <BaseItem\n component=\"div\"\n itemRenderer={valueRenderer}\n size={size}\n readOnly\n item={{\n ...selectedItem,\n disabled,\n startElement: selectedItem.startElement?.type === \"indent\" ? undefined : selectedItem.startElement\n }}\n />\n </div>\n )}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default SingleSelectTrigger;\n"],"names":["SingleSelectTrigger","_useDropdownContext","useDropdownContext","inputValue","selectedItem","searchable","size","valueRenderer","isFocused","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","_a","DropdownInput","_defineProperty","faded","BaseItem","component","itemRenderer","item","startElement","_b","type","TriggerActions"],"mappings":"kcAUA,IAAMA,EAAsB,mBAC1BC,EAcIC,IAbFC,EAAUF,EAAVE,WACAC,EAAYH,EAAZG,aACAC,EAAUJ,EAAVI,WACAC,EAAIL,EAAJK,KACAC,EAAaN,EAAbM,cACAC,EAASP,EAATO,UACAC,EAAoBR,EAApBQ,qBACAC,EAAQT,EAARS,SACAC,EAAQV,EAARU,SACAC,EAAKX,EAALW,MACAC,EAAKZ,EAALY,MACAC,EAAab,EAAba,cACcC,EAASd,EAAvB,cAGF,OACEe,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQnB,KAChDD,EASF,CAAA,EARAI,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBc,QAAKC,EAChD,aAAcd,IAAcF,GAAmC,QAAfiB,EAAAhB,WAAe,IAAAgB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBlB,EAAW,YAASmB,EACrC,eAAgBjB,EAAQ,YAASiB,EACjC,gBAAiBlB,EAAW,YAASkB,KAI3Cb,EAAAC,cAACc,EAAgB,OAEf5B,GAAcC,GACdY,EAAAC,cAAA,MAAA,CACEM,UAAWC,EACTC,EAAOrB,aAAY4B,EAAA,CAAA,EAEhBP,EAAOQ,MAAQzB,GAAaH,GAE/BsB,EAASF,EAAQnB,KAGnBU,EAACC,cAAAiB,GACCC,UAAU,MACVC,aAAc7B,EACdD,KAAMA,EACNK,UAAQ,EACR0B,KACKhB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAlB,GACH,CAAAM,SAAAA,EACA4B,aAAkD,oBAApCC,EAAAnC,EAAakC,mCAAcE,WAAoBX,EAAYzB,EAAakC,mBAMhGtB,EAAAC,cAACwB,EAAc,MAGrB"}
1
+ {"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../../src/components/Dropdown/components/Trigger/SingleSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseItem, type BaseItemData } from \"../../../BaseItem\";\nimport DropdownInput from \"./DropdownInput\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { Flex } from \"@vibe/layout\";\nimport TriggerActions from \"./TriggerActions\";\nimport { getStyle } from \"@vibe/shared\";\n\nconst SingleSelectTrigger = () => {\n const {\n selectedItem,\n searchable,\n size,\n valueRenderer,\n getToggleButtonProps,\n disabled,\n readOnly,\n error,\n label,\n getLabelProps,\n \"aria-label\": ariaLabel\n } = useDropdownContext<BaseItemData>();\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": ariaLabel || (label ? undefined : getLabelProps()?.id),\n \"aria-disabled\": disabled ? \"true\" : undefined,\n \"aria-invalid\": error ? \"true\" : undefined,\n \"aria-readonly\": readOnly ? \"true\" : undefined\n })\n : {})}\n >\n <DropdownInput />\n\n {/* Non-searchable single select shows the selection via this overlay. In searchable mode the\n selected value lives inside the input itself, so the overlay must not render. */}\n {!searchable && selectedItem && (\n <div className={cx(styles.selectedItem, getStyle(styles, size))}>\n <BaseItem\n component=\"div\"\n itemRenderer={valueRenderer}\n size={size}\n readOnly\n item={{\n ...selectedItem,\n disabled,\n startElement: selectedItem.startElement?.type === \"indent\" ? undefined : selectedItem.startElement\n }}\n />\n </div>\n )}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default SingleSelectTrigger;\n"],"names":["SingleSelectTrigger","_useDropdownContext","useDropdownContext","selectedItem","searchable","size","valueRenderer","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","_a","DropdownInput","BaseItem","component","itemRenderer","item","startElement","_b","type","TriggerActions"],"mappings":"4WAUA,IAAMA,EAAsB,mBAC1BC,EAYIC,IAXFC,EAAYF,EAAZE,aACAC,EAAUH,EAAVG,WACAC,EAAIJ,EAAJI,KACAC,EAAaL,EAAbK,cACAC,EAAoBN,EAApBM,qBACAC,EAAQP,EAARO,SACAC,EAAQR,EAARQ,SACAC,EAAKT,EAALS,MACAC,EAAKV,EAALU,MACAC,EAAaX,EAAbW,cACcC,EAASZ,EAAvB,cAGF,OACEa,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQlB,KAChDD,EASF,CAAA,EARAG,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBc,QAAKC,EAChD,aAAcd,IAAcF,GAAmC,QAAfiB,EAAAhB,WAAe,IAAAgB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBlB,EAAW,YAASmB,EACrC,eAAgBjB,EAAQ,YAASiB,EACjC,gBAAiBlB,EAAW,YAASkB,KAI3Cb,EAAAC,cAACc,EAAgB,OAIfzB,GAAcD,GACdW,EAAKC,cAAA,MAAA,CAAAM,UAAWC,EAAGC,EAAOpB,aAAcsB,EAASF,EAAQlB,KACvDS,EAACC,cAAAe,GACCC,UAAU,MACVC,aAAc1B,EACdD,KAAMA,EACNI,UAAQ,EACRwB,KACKd,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAjB,GACH,CAAAK,SAAAA,EACA0B,aAAkD,oBAApCC,EAAAhC,EAAa+B,mCAAcE,WAAoBT,EAAYxB,EAAa+B,mBAMhGpB,EAAAC,cAACsB,EAAc,MAGrB"}
@@ -1,2 +1,2 @@
1
- var e={triggerWrapper:"triggerWrapper",small:"small",placeholderText:"placeholderText",medium:"medium",large:"large",inputWrapper:"inputWrapper",multiSelected:"multiSelected",fullWidth:"fullWidth",hasSelected:"hasSelected",selectedItem:"selectedItem",faded:"faded",disabled:"disabled",multiWrapper:"multiWrapper",actionsWrapper:"actionsWrapper"};!function(e){const n="s_id-ac180f0c654f_4_2_4";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper {\n flex-grow: 1;\n position: relative;\n min-width: 1px;\n display: flex;\n align-items: center;\n cursor: pointer;\n outline: none;\n}\n.triggerWrapper.small {\n min-height: 32px;\n}\n.triggerWrapper.small .placeholderText {\n padding-inline-start: var(--space-8);\n}\n.triggerWrapper.medium {\n min-height: 40px;\n}\n.triggerWrapper.large {\n min-height: 48px;\n}\n.triggerWrapper .inputWrapper {\n border: none;\n width: 100%;\n background: transparent;\n}\n.triggerWrapper .inputWrapper.small {\n height: 24px;\n min-height: 24px;\n}\n.triggerWrapper .inputWrapper.multiSelected {\n width: 48px;\n flex-shrink: 0;\n padding: 0 var(--space-4);\n}\n.triggerWrapper .inputWrapper.multiSelected.fullWidth {\n width: 100%;\n flex-grow: 1;\n}\n.triggerWrapper .inputWrapper.hasSelected {\n position: absolute;\n inset: 0;\n cursor: pointer;\n}\n.triggerWrapper .selectedItem {\n position: relative;\n pointer-events: none;\n inset: 0;\n padding-inline-start: 0;\n width: 100%;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper .selectedItem.small {\n min-height: 32px;\n height: 32px;\n}\n.triggerWrapper .selectedItem.medium {\n min-height: 40px;\n height: 40px;\n}\n.triggerWrapper .selectedItem.large {\n min-height: 48px;\n height: 48px;\n}\n.triggerWrapper .selectedItem.faded {\n opacity: 0.6;\n}\n.triggerWrapper .placeholderText {\n padding-inline-start: var(--space-12);\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n color: var(--placeholder-color);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper .placeholderText.disabled {\n color: var(--disabled-text-color);\n}\n.multiWrapper {\n padding: var(--space-4) 0 var(--space-4) var(--space-8);\n width: 100%;\n}\n.actionsWrapper {\n padding: 0 var(--space-4);\n}");export{e as default};
1
+ var e={triggerWrapper:"triggerWrapper",small:"small",placeholderText:"placeholderText",medium:"medium",large:"large",inputWrapper:"inputWrapper",multiSelected:"multiSelected",fullWidth:"fullWidth",selectedItem:"selectedItem",disabled:"disabled",multiWrapper:"multiWrapper",actionsWrapper:"actionsWrapper"};!function(e){const n="s_id-fbad5fd6e82d_4_3_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper {\n flex-grow: 1;\n position: relative;\n min-width: 1px;\n display: flex;\n align-items: center;\n cursor: pointer;\n outline: none;\n}\n.triggerWrapper.small {\n min-height: 32px;\n}\n.triggerWrapper.small .placeholderText {\n padding-inline-start: var(--space-8);\n}\n.triggerWrapper.medium {\n min-height: 40px;\n}\n.triggerWrapper.large {\n min-height: 48px;\n}\n.triggerWrapper .inputWrapper {\n border: none;\n width: 100%;\n background: transparent;\n}\n.triggerWrapper .inputWrapper.small {\n height: 24px;\n min-height: 24px;\n}\n.triggerWrapper .inputWrapper.multiSelected {\n width: 48px;\n flex-shrink: 0;\n padding: 0 var(--space-4);\n}\n.triggerWrapper .inputWrapper.multiSelected.fullWidth {\n width: 100%;\n flex-grow: 1;\n}\n.triggerWrapper .selectedItem {\n position: relative;\n pointer-events: none;\n inset: 0;\n padding-inline-start: 0;\n width: 100%;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper .selectedItem.small {\n min-height: 32px;\n height: 32px;\n}\n.triggerWrapper .selectedItem.medium {\n min-height: 40px;\n height: 40px;\n}\n.triggerWrapper .selectedItem.large {\n min-height: 48px;\n height: 48px;\n}\n.triggerWrapper .placeholderText {\n padding-inline-start: var(--space-12);\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n color: var(--placeholder-color);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper .placeholderText.disabled {\n color: var(--disabled-text-color);\n}\n.multiWrapper {\n padding: var(--space-4) 0 var(--space-4) var(--space-8);\n width: 100%;\n}\n.actionsWrapper {\n padding: 0 var(--space-4);\n}");export{e as default};
2
2
  //# sourceMappingURL=Trigger.module.scss.js.map
@@ -1,2 +1,2 @@
1
- import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as t,useMemo as l,useCallback as u}from"react";import{useCombobox as i}from"downshift";import s from"./useDropdownFiltering.js";function o(o,r,a,p,g,c,d,f,h,m,I,v,O,b,C){var y=n(g||null),P=e(y,2),T=P[0],M=P[1],j=t(null),V=void 0!==c?c:T,w=l((function(){return V?[V]:[]}),[V]),B=s(o,O,b,w),D=B.filteredOptions,S=B.filterOptions,x=l((function(){return D.flatMap((function(e){return e.options}))}),[D]),K=i({items:x,itemToString:function(e){var n;return null!==(n=null==e?void 0:e.label)&&void 0!==n?n:""},itemToKey:function(e){return void 0!==(null==e?void 0:e.value)?e.value+"":""},isItemDisabled:function(e){return!!e.disabled},initialInputValue:d||"",selectedItem:V,isOpen:r,initialIsOpen:a,id:C,onIsOpenChange:function(e){e.isOpen?null==I||I():null==m||m()},onInputValueChange:u((function(e){var n=e.inputValue;S(n||""),null==h||h(n)}),[h,S]),onSelectedItemChange:u((function(e){var n=e.selectedItem;void 0===c&&M(n||null),n?(null==v||v(n),null==f||f(n),S("")):(null==f||f(null),S(""))}),[c,v,S,f]),onStateChange:u((function(e){var n,t=e.type;!p||t!==i.stateChangeTypes.ItemClick&&t!==i.stateChangeTypes.InputKeyDownEnter||null===(n=j.current)||void 0===n||n.blur()}),[p]),stateReducer:function(e,n){switch(n.type){case i.stateChangeTypes.InputKeyDownEnter:case i.stateChangeTypes.ItemClick:return Object.assign(Object.assign({},n.changes),{inputValue:null,isOpen:!p});case i.stateChangeTypes.InputBlur:case i.stateChangeTypes.ControlledPropUpdatedSelectedItem:return Object.assign(Object.assign({},n.changes),{inputValue:null});default:return n.changes}}}),k=K.getInputProps,E=K.reset;return{isOpen:K.isOpen,inputValue:K.inputValue,highlightedIndex:K.highlightedIndex,selectedItem:V,getToggleButtonProps:K.getToggleButtonProps,getLabelProps:K.getLabelProps,getMenuProps:K.getMenuProps,getInputProps:function(e){return k(Object.assign(Object.assign({},e),{ref:j}))},getItemProps:K.getItemProps,reset:function(){void 0===c&&M(null),E(),S("")},filteredOptions:D,openMenu:K.openMenu,toggleMenu:K.toggleMenu,closeMenu:K.closeMenu}}export{o as default};
1
+ import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as t,useMemo as l,useCallback as u}from"react";import{useCombobox as i}from"downshift";import o from"./useDropdownFiltering.js";function r(r,s,a,p,g,c,d,f,h,m,I,v,O,b,y){var C=n(g||null),P=e(C,2),T=P[0],M=P[1],j=t(null),w=void 0!==c?c:T,V=l((function(){return w?[w]:[]}),[w]),D=o(r,O,b,V),x=D.filteredOptions,B=D.filterOptions,K=l((function(){return x.flatMap((function(e){return e.options}))}),[x]),S=i({items:K,itemToString:function(e){var n;return null!==(n=null==e?void 0:e.label)&&void 0!==n?n:""},itemToKey:function(e){return void 0!==(null==e?void 0:e.value)?e.value+"":""},isItemDisabled:function(e){return!!e.disabled},initialInputValue:d||(null==w?void 0:w.label)||"",selectedItem:w,isOpen:s,initialIsOpen:a,id:y,onIsOpenChange:function(e){var n=e.isOpen;n||B(""),n?null==I||I():null==m||m()},onInputValueChange:u((function(e){var n=e.inputValue;e.type===i.stateChangeTypes.InputChange&&B(n||""),null==h||h(n)}),[h,B]),onSelectedItemChange:u((function(e){var n=e.selectedItem;void 0===c&&M(n||null),n?(null==v||v(n),null==f||f(n),B("")):(null==f||f(null),B(""))}),[c,v,B,f]),onStateChange:u((function(e){var n,t=e.type;!p||t!==i.stateChangeTypes.ItemClick&&t!==i.stateChangeTypes.InputKeyDownEnter||null===(n=j.current)||void 0===n||n.blur()}),[p]),stateReducer:function(e,n){switch(n.type){case i.stateChangeTypes.InputKeyDownEnter:case i.stateChangeTypes.ItemClick:return Object.assign(Object.assign({},n.changes),{isOpen:!p});default:return n.changes}}}),k=S.getInputProps,E=S.reset;return{isOpen:S.isOpen,inputValue:S.inputValue,highlightedIndex:S.highlightedIndex,selectedItem:w,getToggleButtonProps:S.getToggleButtonProps,getLabelProps:S.getLabelProps,getMenuProps:S.getMenuProps,getInputProps:function(e){return k(Object.assign(Object.assign({},e),{ref:j}))},getItemProps:S.getItemProps,reset:function(){void 0===c&&M(null),E(),B("")},filteredOptions:x,openMenu:S.openMenu,toggleMenu:S.toggleMenu,closeMenu:S.closeMenu}}export{r as default};
2
2
  //# sourceMappingURL=useDropdownCombobox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDropdownCombobox.js","sources":["../../../../../../src/components/Dropdown/hooks/useDropdownCombobox.ts"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownCombobox<T extends BaseItemData<Record<string, unknown>>>(\n options: DropdownGroupOption<T>,\n isMenuOpen?: boolean,\n autoFocus?: boolean,\n closeMenuOnSelect?: boolean,\n defaultValue?: T,\n value?: T,\n inputValueProp?: string,\n onChange?: (option: T | T[] | null) => void,\n onInputChange?: (value: string | null) => void,\n onMenuOpen?: () => void,\n onMenuClose?: () => void,\n onOptionSelect?: (option: T) => void,\n filterOption?: (option: T, inputValue: string) => boolean,\n showSelectedOptions?: boolean,\n id?: string\n) {\n const [currentSelectedItem, setCurrentSelectedItem] = useState<T | null>(defaultValue || null);\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n // Use controlled value if provided, otherwise use internal state\n const selectedItem = value !== undefined ? value : currentSelectedItem;\n\n const memoizedSelectedItemForFiltering = useMemo(() => {\n return selectedItem ? [selectedItem] : [];\n }, [selectedItem]);\n\n const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n options,\n filterOption,\n showSelectedOptions,\n memoizedSelectedItemForFiltering\n );\n\n const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n const {\n isOpen,\n inputValue,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset,\n openMenu,\n toggleMenu,\n closeMenu\n } = useCombobox<T>({\n items: flatOptions,\n itemToString: item => item?.label ?? \"\",\n itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n isItemDisabled: item => Boolean(item.disabled),\n initialInputValue: inputValueProp || \"\",\n selectedItem: selectedItem,\n isOpen: isMenuOpen,\n initialIsOpen: autoFocus,\n id,\n onIsOpenChange: ({ isOpen }) => {\n isOpen ? onMenuClose?.() : onMenuOpen?.();\n },\n\n onInputValueChange: useCallback(\n ({ inputValue }) => {\n filterOptions(inputValue || \"\");\n onInputChange?.(inputValue);\n },\n [onInputChange, filterOptions]\n ),\n onSelectedItemChange: useCallback(\n ({ selectedItem }) => {\n if (value === undefined) {\n setCurrentSelectedItem(selectedItem || null);\n }\n if (selectedItem) {\n onOptionSelect?.(selectedItem);\n onChange?.(selectedItem);\n filterOptions(\"\");\n } else {\n onChange?.(null);\n filterOptions(\"\");\n }\n },\n [value, onOptionSelect, filterOptions, onChange]\n ),\n onStateChange: useCallback(\n ({ type }) => {\n // Blur input after selection via click or Enter key\n if (\n closeMenuOnSelect &&\n (type === useCombobox.stateChangeTypes.ItemClick || type === useCombobox.stateChangeTypes.InputKeyDownEnter)\n ) {\n inputRef.current?.blur();\n }\n },\n [closeMenuOnSelect]\n ),\n stateReducer: (state, actionAndChanges) => {\n switch (actionAndChanges.type) {\n case useCombobox.stateChangeTypes.InputKeyDownEnter:\n case useCombobox.stateChangeTypes.ItemClick:\n return { ...actionAndChanges.changes, inputValue: null, isOpen: !closeMenuOnSelect };\n case useCombobox.stateChangeTypes.InputBlur:\n case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n return { ...actionAndChanges.changes, inputValue: null };\n\n default:\n return actionAndChanges.changes;\n }\n }\n });\n\n return {\n isOpen,\n inputValue,\n highlightedIndex,\n selectedItem,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps: (options?: Parameters<typeof getInputProps>[0]) => getInputProps({ ...options, ref: inputRef }),\n getItemProps,\n reset: () => {\n if (value === undefined) {\n setCurrentSelectedItem(null);\n }\n reset();\n filterOptions(\"\");\n },\n filteredOptions,\n openMenu,\n toggleMenu,\n closeMenu\n };\n}\n\nexport default useDropdownCombobox;\n"],"names":["useDropdownCombobox","options","isMenuOpen","autoFocus","closeMenuOnSelect","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","_useState","useState","_useState2","_slicedToArray","currentSelectedItem","setCurrentSelectedItem","inputRef","useRef","selectedItem","undefined","memoizedSelectedItemForFiltering","useMemo","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","flatMap","group","_useCombobox","useCombobox","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","initialInputValue","isOpen","initialIsOpen","onIsOpenChange","_ref","onInputValueChange","useCallback","_ref2","inputValue","onSelectedItemChange","_ref3","onStateChange","_ref4","type","stateChangeTypes","ItemClick","InputKeyDownEnter","current","blur","stateReducer","state","actionAndChanges","Object","assign","changes","InputBlur","ControlledPropUpdatedSelectedItem","getInputProps","reset","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","ref","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"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"}
1
+ {"version":3,"file":"useDropdownCombobox.js","sources":["../../../../../../src/components/Dropdown/hooks/useDropdownCombobox.ts"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\n\nfunction useDropdownCombobox<T extends BaseItemData<Record<string, unknown>>>(\n options: DropdownGroupOption<T>,\n isMenuOpen?: boolean,\n autoFocus?: boolean,\n closeMenuOnSelect?: boolean,\n defaultValue?: T,\n value?: T,\n inputValueProp?: string,\n onChange?: (option: T | T[] | null) => void,\n onInputChange?: (value: string | null) => void,\n onMenuOpen?: () => void,\n onMenuClose?: () => void,\n onOptionSelect?: (option: T) => void,\n filterOption?: (option: T, inputValue: string) => boolean,\n showSelectedOptions?: boolean,\n id?: string\n) {\n const [currentSelectedItem, setCurrentSelectedItem] = useState<T | null>(defaultValue || null);\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n // Use controlled value if provided, otherwise use internal state\n const selectedItem = value !== undefined ? value : currentSelectedItem;\n\n const memoizedSelectedItemForFiltering = useMemo(() => {\n return selectedItem ? [selectedItem] : [];\n }, [selectedItem]);\n\n const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n options,\n filterOption,\n showSelectedOptions,\n memoizedSelectedItemForFiltering\n );\n\n const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n const {\n isOpen,\n inputValue,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset,\n openMenu,\n toggleMenu,\n closeMenu\n } = useCombobox<T>({\n items: flatOptions,\n itemToString: item => item?.label ?? \"\",\n itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n isItemDisabled: item => Boolean(item.disabled),\n // Seed the input with the selected item's label so a defaultValue/value is visible (and exposed to\n // assistive technologies) on mount, now that the selection lives inside the input rather than in an overlay.\n initialInputValue: inputValueProp || selectedItem?.label || \"\",\n selectedItem: selectedItem,\n isOpen: isMenuOpen,\n initialIsOpen: autoFocus,\n id,\n onIsOpenChange: ({ isOpen }) => {\n // Reset the text filter when the menu closes so reopening always shows the full option list,\n // even though the input keeps displaying the selected item's label.\n if (!isOpen) {\n filterOptions(\"\");\n }\n isOpen ? onMenuClose?.() : onMenuOpen?.();\n },\n\n onInputValueChange: useCallback(\n ({ inputValue, type }) => {\n // Only filter on actual user typing. Downshift also writes the selected item's label into the\n // input on selection/blur — those changes must not filter the list.\n if (type === useCombobox.stateChangeTypes.InputChange) {\n filterOptions(inputValue || \"\");\n }\n onInputChange?.(inputValue);\n },\n [onInputChange, filterOptions]\n ),\n onSelectedItemChange: useCallback(\n ({ selectedItem }) => {\n if (value === undefined) {\n setCurrentSelectedItem(selectedItem || null);\n }\n if (selectedItem) {\n onOptionSelect?.(selectedItem);\n onChange?.(selectedItem);\n filterOptions(\"\");\n } else {\n onChange?.(null);\n filterOptions(\"\");\n }\n },\n [value, onOptionSelect, filterOptions, onChange]\n ),\n onStateChange: useCallback(\n ({ type }) => {\n // Blur input after selection via click or Enter key\n if (\n closeMenuOnSelect &&\n (type === useCombobox.stateChangeTypes.ItemClick || type === useCombobox.stateChangeTypes.InputKeyDownEnter)\n ) {\n inputRef.current?.blur();\n }\n },\n [closeMenuOnSelect]\n ),\n stateReducer: (state, actionAndChanges) => {\n switch (actionAndChanges.type) {\n case useCombobox.stateChangeTypes.InputKeyDownEnter:\n case useCombobox.stateChangeTypes.ItemClick:\n // Keep Downshift's default inputValue (the selected item's label) so the selection lives inside\n // the input and is exposed to assistive technologies. Only override the open state.\n return { ...actionAndChanges.changes, isOpen: !closeMenuOnSelect };\n\n default:\n return actionAndChanges.changes;\n }\n }\n });\n\n return {\n isOpen,\n inputValue,\n highlightedIndex,\n selectedItem,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps: (options?: Parameters<typeof getInputProps>[0]) => getInputProps({ ...options, ref: inputRef }),\n getItemProps,\n reset: () => {\n if (value === undefined) {\n setCurrentSelectedItem(null);\n }\n reset();\n filterOptions(\"\");\n },\n filteredOptions,\n openMenu,\n toggleMenu,\n closeMenu\n };\n}\n\nexport default useDropdownCombobox;\n"],"names":["useDropdownCombobox","options","isMenuOpen","autoFocus","closeMenuOnSelect","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","_useState","useState","_useState2","_slicedToArray","currentSelectedItem","setCurrentSelectedItem","inputRef","useRef","selectedItem","undefined","memoizedSelectedItemForFiltering","useMemo","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","flatMap","group","_useCombobox","useCombobox","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","initialInputValue","isOpen","initialIsOpen","onIsOpenChange","_ref","onInputValueChange","useCallback","_ref2","inputValue","type","stateChangeTypes","InputChange","onSelectedItemChange","_ref3","onStateChange","_ref4","ItemClick","InputKeyDownEnter","current","blur","stateReducer","state","actionAndChanges","Object","assign","changes","getInputProps","reset","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","ref","getItemProps","openMenu","toggleMenu","closeMenu"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{useMemo as e,useCallback as t}from"react";import n from"./useDropdownFiltering.js";import{useMultipleSelection as l,useCombobox as i}from"downshift";function o(o,s,u,r,a,d,p,c,g,m,I,f,h,v,P,O){var S=void 0!==p?p:s,C=n(o,v,P,S),b=C.filteredOptions,M=C.filterOptions,T=e((function(){return b.flatMap((function(e){return e.options}))}),[b]),y=l({selectedItems:S,initialSelectedItems:d,onSelectedItemsChange:function(e){var t=e.selectedItems;void 0===p&&u(t||[]),null==g||g(t||[])}}),V=y.getSelectedItemProps,w=y.getDropdownProps,j=y.addSelectedItem,x=y.removeSelectedItem,D=i({items:T,itemToString:function(e){var t;return null!==(t=null==e?void 0:e.label)&&void 0!==t?t:""},itemToKey:function(e){return void 0!==(null==e?void 0:e.value)?e.value+"":""},isItemDisabled:function(e){return!!e.disabled},isOpen:r,initialIsOpen:a,initialInputValue:c||"",id:O,onIsOpenChange:function(e){e.isOpen?null==f||f():null==I||I()},onInputValueChange:function(e){var t=e.inputValue;M(t||""),null==m||m(t)},onSelectedItemChange:function(e){var t=e.selectedItem;if(t){var n=S.find((function(e){return e.value===t.value}));n?x(n):j(t),null==h||h(t),M("")}},stateReducer:function(e,t){var n,l;switch(t.type){case i.stateChangeTypes.InputKeyDownEnter:case i.stateChangeTypes.ItemClick:return Object.assign(Object.assign({},t.changes),{inputValue:null,isOpen:!0,highlightedIndex:null!==(l=null===(n=t.changes.selectedItem)||void 0===n?void 0:n.index)&&void 0!==l?l:0});case i.stateChangeTypes.InputBlur:case i.stateChangeTypes.ControlledPropUpdatedSelectedItem:return Object.assign(Object.assign({},t.changes),{inputValue:null});default:return t.changes}}}),B=D.isOpen,K=D.inputValue,L=D.highlightedIndex,k=D.getToggleButtonProps,E=D.getLabelProps,F=D.getMenuProps,R=D.getInputProps,U=D.getItemProps,q=D.reset,z=D.openMenu,A=D.toggleMenu,G=D.closeMenu,H=t((function(){void 0===p&&u([]),q(),null==g||g([])}),[p,u,q,g]);return{isOpen:B,inputValue:K,highlightedIndex:L,selectedItems:S,getSelectedItemProps:V,getDropdownProps:w,addSelectedItem:j,getToggleButtonProps:k,getLabelProps:E,getMenuProps:F,getInputProps:R,getItemProps:U,reset:H,removeSelectedItem:x,filteredOptions:b,openMenu:z,toggleMenu:A,closeMenu:G}}export{o as default};
1
+ import{toConsumableArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useRef as t,useMemo as n,useCallback as l}from"react";import u from"./useDropdownFiltering.js";import{useMultipleSelection as i,useCombobox as a}from"downshift";function o(o,r,s,p,c,d,g,m,f,v,I,h,O,C,y,b,P,S,j){var T=void 0!==g?g:r,w=t(null),D=S,M=u(o,C,y,T),V=M.filteredOptions,x=M.filterOptions,B=n((function(){return V.flatMap((function(e){return e.options}))}),[V]),K=i({selectedItems:T,initialSelectedItems:d,onSelectedItemsChange:function(e){var t=e.selectedItems;void 0===g&&s(t||[]),null==f||f(t||[])},onStateChange:function(e){var t=e.type,n=e.selectedItems;if((t===i.stateChangeTypes.SelectedItemKeyDownBackspace||t===i.stateChangeTypes.SelectedItemKeyDownDelete)&&n){var l=T.find((function(e){return!n.some((function(t){return t.value===e.value}))}));l&&(null==P||P(l))}}}),k=K.getSelectedItemProps,E=K.getDropdownProps,L=K.addSelectedItem,_=K.removeSelectedItem,A=a({items:B,itemToString:function(e){var t;return null!==(t=null==e?void 0:e.label)&&void 0!==t?t:""},itemToKey:function(e){return void 0!==(null==e?void 0:e.value)?e.value+"":""},isItemDisabled:function(e){return!!e.disabled},isOpen:p,initialIsOpen:c,initialInputValue:null!=m?m:S?T.map((function(e){return e.label})).join(", "):"",id:b,onIsOpenChange:function(e){var t=e.isOpen;x(""),t?null==h||h():null==I||I()},onInputValueChange:l((function(e){var t=e.inputValue;e.type===a.stateChangeTypes.InputChange&&x(t||""),null==v||v(t)}),[v,x]),onSelectedItemChange:function(e){var t=e.selectedItem;if(!D&&t){var n=T.find((function(e){return e.value===t.value}));n?(_(n),null==P||P(n)):L(t),null==O||O(t),x("")}},onStateChange:function(e){var t=e.type;if(D&&(t===a.stateChangeTypes.ItemClick||t===a.stateChangeTypes.InputKeyDownEnter)){var n=w.current;if(w.current=null,n){var l=T.find((function(e){return e.value===n.value}));l?(_(l),null==P||P(l)):L(n),null==O||O(n),x("")}}},stateReducer:function(t,n){var l,u,i,o,r=n.type,s=n.changes,p=S?T.map((function(e){return e.label})).join(", "):null;switch(r){case a.stateChangeTypes.InputKeyDownEnter:case a.stateChangeTypes.ItemClick:if(D){var c=s.selectedItem;w.current=null!=c?c:null;var d=c?T.some((function(e){return e.value===c.value}))?T.filter((function(e){return e.value!==c.value})):[].concat(e(T),[c]):T,g=S?d.map((function(e){return e.label})).join(", "):null;return Object.assign(Object.assign({},s),{selectedItem:null,inputValue:g,isOpen:!0,highlightedIndex:null!==(u=null===(l=s.selectedItem)||void 0===l?void 0:l.index)&&void 0!==u?u:0})}return Object.assign(Object.assign({},s),{inputValue:null,isOpen:!0,highlightedIndex:null!==(o=null===(i=s.selectedItem)||void 0===i?void 0:i.index)&&void 0!==o?o:0});case a.stateChangeTypes.InputBlur:case a.stateChangeTypes.ControlledPropUpdatedSelectedItem:return Object.assign(Object.assign({},s),{inputValue:p});default:return!s.isOpen&&t.isOpen?Object.assign(Object.assign({},s),{inputValue:p}):s}}}),F=A.isOpen,H=A.inputValue,R=A.highlightedIndex,U=A.getToggleButtonProps,q=A.getLabelProps,z=A.getMenuProps,G=A.getInputProps,J=A.getItemProps,N=A.reset,Q=A.openMenu,W=A.toggleMenu,X=A.closeMenu,Y=l((function(){void 0===g&&s([]),N(),null==f||f([])}),[g,s,N,f]);return{isOpen:F,inputValue:H,highlightedIndex:R,selectedItems:T,getSelectedItemProps:k,getDropdownProps:E,addSelectedItem:L,getToggleButtonProps:U,getLabelProps:q,getMenuProps:z,getInputProps:G,getItemProps:J,reset:Y,removeSelectedItem:_,filteredOptions:V,openMenu:Q,toggleMenu:W,closeMenu:X}}export{o as default};
2
2
  //# sourceMappingURL=useDropdownMultiCombobox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDropdownMultiCombobox.js","sources":["../../../../../../src/components/Dropdown/hooks/useDropdownMultiCombobox.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { useMultipleSelection, useCombobox } from \"downshift\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\nimport { type BaseItemData } from \"../../BaseItem\";\n\nfunction useDropdownMultiCombobox<T extends BaseItemData<Record<string, unknown>>>(\n options: DropdownGroupOption<T>,\n selectedItems: T[],\n setSelectedItems: (items: T[]) => void,\n isMenuOpen: boolean,\n autoFocus?: boolean,\n defaultValue?: T[],\n value?: T[],\n inputValueProp?: string,\n onChange?: (options: T[]) => void,\n onInputChange?: (value: string | null) => void,\n onMenuOpen?: () => void,\n onMenuClose?: () => void,\n onOptionSelect?: (option: T) => void,\n filterOption?: (option: T, inputValue: string) => boolean,\n showSelectedOptions?: boolean,\n id?: string\n) {\n // Use controlled value if provided, otherwise use internal state\n const currentSelectedItems = value !== undefined ? value : selectedItems;\n\n const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n options,\n filterOption,\n showSelectedOptions,\n currentSelectedItems\n );\n const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n const { getSelectedItemProps, getDropdownProps, addSelectedItem, removeSelectedItem } = useMultipleSelection<T>({\n selectedItems: currentSelectedItems,\n initialSelectedItems: defaultValue,\n onSelectedItemsChange: ({ selectedItems }) => {\n if (value === undefined) {\n setSelectedItems(selectedItems || []);\n }\n onChange?.(selectedItems || []);\n }\n });\n\n const {\n isOpen,\n inputValue,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset: downshiftReset,\n openMenu,\n toggleMenu,\n closeMenu\n } = useCombobox<T>({\n items: flatOptions,\n itemToString: item => item?.label ?? \"\",\n itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n isItemDisabled: item => Boolean(item.disabled),\n isOpen: isMenuOpen,\n initialIsOpen: autoFocus,\n initialInputValue: inputValueProp || \"\",\n id,\n onIsOpenChange: ({ isOpen }) => {\n isOpen ? onMenuClose?.() : onMenuOpen?.();\n },\n onInputValueChange: ({ inputValue }) => {\n filterOptions(inputValue || \"\");\n onInputChange?.(inputValue);\n },\n onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n if (!newSelectedItem) return;\n const existingItem = currentSelectedItems.find(item => item.value === newSelectedItem.value);\n if (existingItem) {\n removeSelectedItem(existingItem);\n } else {\n addSelectedItem(newSelectedItem);\n }\n onOptionSelect?.(newSelectedItem);\n filterOptions(\"\");\n },\n stateReducer: (state, actionAndChanges) => {\n switch (actionAndChanges.type) {\n case useCombobox.stateChangeTypes.InputKeyDownEnter:\n case useCombobox.stateChangeTypes.ItemClick:\n return {\n ...actionAndChanges.changes,\n inputValue: null,\n isOpen: true,\n highlightedIndex: (actionAndChanges.changes.selectedItem?.index as number) ?? 0\n };\n case useCombobox.stateChangeTypes.InputBlur:\n case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n return { ...actionAndChanges.changes, inputValue: null };\n default:\n return actionAndChanges.changes;\n }\n }\n });\n\n const reset = useCallback(() => {\n if (value === undefined) {\n setSelectedItems([]);\n }\n downshiftReset();\n onChange?.([]);\n }, [value, setSelectedItems, downshiftReset, onChange]);\n\n return {\n isOpen,\n inputValue,\n highlightedIndex,\n selectedItems: currentSelectedItems,\n getSelectedItemProps,\n getDropdownProps,\n addSelectedItem,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset,\n removeSelectedItem,\n filteredOptions,\n openMenu,\n toggleMenu,\n closeMenu\n };\n}\n\nexport default useDropdownMultiCombobox;\n"],"names":["useDropdownMultiCombobox","options","selectedItems","setSelectedItems","isMenuOpen","autoFocus","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","currentSelectedItems","undefined","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","useMemo","flatMap","group","_useMultipleSelection","useMultipleSelection","initialSelectedItems","onSelectedItemsChange","_ref","getSelectedItemProps","getDropdownProps","addSelectedItem","removeSelectedItem","_useCombobox","useCombobox","items","itemToString","item","_a","label","itemToKey","String","isItemDisabled","disabled","isOpen","initialIsOpen","initialInputValue","onIsOpenChange","_ref2","onInputValueChange","_ref3","inputValue","onSelectedItemChange","_ref4","newSelectedItem","selectedItem","existingItem","find","stateReducer","state","actionAndChanges","type","stateChangeTypes","InputKeyDownEnter","ItemClick","Object","assign","changes","highlightedIndex","_b","index","InputBlur","ControlledPropUpdatedSelectedItem","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getItemProps","downshiftReset","reset","openMenu","toggleMenu","closeMenu","useCallback"],"mappings":"4JAMA,SAASA,EACPC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GAGA,IAAMC,OAAiCC,IAAVX,EAAsBA,EAAQL,EAE3DiB,EAA2CC,EACzCnB,EACAa,EACAC,EACAE,GAJMI,EAAeF,EAAfE,gBAAiBC,EAAaH,EAAbG,cAMnBC,EAAcC,GAAQ,WAAA,OAAMH,EAAgBI,SAAQ,SAAAC,GAAK,OAAIA,EAAMzB,aAAU,CAACoB,IACpFM,EAAwFC,EAAwB,CAC9G1B,cAAee,EACfY,qBAAsBvB,EACtBwB,sBAAuB,SAAAC,GAAsB,IAAnB7B,EAAa6B,EAAb7B,mBACVgB,IAAVX,GACFJ,EAAiBD,GAAiB,IAEpCO,SAAAA,EAAWP,GAAiB,GAC9B,IARM8B,EAAoBL,EAApBK,qBAAsBC,EAAgBN,EAAhBM,iBAAkBC,EAAeP,EAAfO,gBAAiBC,EAAkBR,EAAlBQ,mBAWjEC,EAaIC,EAAe,CACjBC,MAAOf,EACPgB,aAAc,SAAAC,GAAO,IAAAC,EAAC,OAAe,QAAfA,EAAAD,eAAAA,EAAME,aAAS,IAAAD,EAAAA,EAAA,EAAE,EACvCE,UAAW,SAAAH,GAAI,YAAqBtB,KAAhBsB,aAAA,EAAAA,EAAMjC,OAA6BiC,EAAKjC,MAAZqC,GAAqB,EAAG,EACxEC,eAAgB,SAAAL,GAAI,QAAYA,EAAKM,QAAS,EAC9CC,OAAQ3C,EACR4C,cAAe3C,EACf4C,kBAAmBzC,GAAkB,GACrCQ,GAAAA,EACAkC,eAAgB,SAAAC,GAASA,EAANJ,OACRnC,SAAAA,IAAkBD,SAAAA,GAC5B,EACDyC,mBAAoB,SAAAC,GAAmB,IAAhBC,EAAUD,EAAVC,WACrBhC,EAAcgC,GAAc,IAC5B5C,SAAAA,EAAgB4C,EACjB,EACDC,qBAAsB,SAAAC,GAAsC,IAArBC,EAAeD,EAA7BE,aACvB,GAAKD,EAAL,CACA,IAAME,EAAe1C,EAAqB2C,MAAK,SAAApB,GAAI,OAAIA,EAAKjC,QAAUkD,EAAgBlD,SAClFoD,EACFxB,EAAmBwB,GAEnBzB,EAAgBuB,GAElB5C,SAAAA,EAAiB4C,GACjBnC,EAAc,GARQ,CASvB,EACDuC,aAAc,SAACC,EAAOC,WACpB,OAAQA,EAAiBC,MACvB,KAAK3B,EAAY4B,iBAAiBC,kBAClC,KAAK7B,EAAY4B,iBAAiBE,UAChC,OACKC,OAAAC,OAAAD,OAAAC,OAAA,GAAAN,EAAiBO,SACpB,CAAAhB,WAAY,KACZP,QAAQ,EACRwB,iBAA8E,QAA5DC,EAAwC,QAAvC/B,EAAAsB,EAAiBO,QAAQZ,oBAAc,IAAAjB,OAAA,EAAAA,EAAAgC,aAAoB,IAAAD,EAAAA,EAAA,IAElF,KAAKnC,EAAY4B,iBAAiBS,UAClC,KAAKrC,EAAY4B,iBAAiBU,kCAChC,OAAAP,OAAAC,OAAAD,OAAAC,OAAA,GAAYN,EAAiBO,UAAShB,WAAY,OACpD,QACE,OAAOS,EAAiBO,QAE9B,IAvDAvB,EAAMX,EAANW,OACAO,EAAUlB,EAAVkB,WACAiB,EAAgBnC,EAAhBmC,iBACAK,EAAoBxC,EAApBwC,qBACAC,EAAazC,EAAbyC,cACAC,EAAY1C,EAAZ0C,aACAC,EAAa3C,EAAb2C,cACAC,EAAY5C,EAAZ4C,aACOC,EAAc7C,EAArB8C,MACAC,EAAQ/C,EAAR+C,SACAC,EAAUhD,EAAVgD,WACAC,EAASjD,EAATiD,UA+CIH,EAAQI,GAAY,gBACVpE,IAAVX,GACFJ,EAAiB,IAEnB8E,IACAxE,SAAAA,EAAW,GACZ,GAAE,CAACF,EAAOJ,EAAkB8E,EAAgBxE,IAE7C,MAAO,CACLsC,OAAAA,EACAO,WAAAA,EACAiB,iBAAAA,EACArE,cAAee,EACfe,qBAAAA,EACAC,iBAAAA,EACAC,gBAAAA,EACA0C,qBAAAA,EACAC,cAAAA,EACAC,aAAAA,EACAC,cAAAA,EACAC,aAAAA,EACAE,MAAAA,EACA/C,mBAAAA,EACAd,gBAAAA,EACA8D,SAAAA,EACAC,WAAAA,EACAC,UAAAA,EAEJ"}
1
+ {"version":3,"file":"useDropdownMultiCombobox.js","sources":["../../../../../../src/components/Dropdown/hooks/useDropdownMultiCombobox.ts"],"sourcesContent":["import { useMemo, useCallback, useRef } from \"react\";\nimport useDropdownFiltering from \"./useDropdownFiltering\";\nimport { useMultipleSelection, useCombobox } from \"downshift\";\nimport { type DropdownGroupOption } from \"../Dropdown.types\";\nimport { type BaseItemData } from \"../../BaseItem\";\n\nfunction useDropdownMultiCombobox<T extends BaseItemData<Record<string, unknown>>>(\n options: DropdownGroupOption<T>,\n selectedItems: T[],\n setSelectedItems: (items: T[]) => void,\n isMenuOpen: boolean,\n autoFocus?: boolean,\n defaultValue?: T[],\n value?: T[],\n inputValueProp?: string,\n onChange?: (options: T[]) => void,\n onInputChange?: (value: string | null) => void,\n onMenuOpen?: () => void,\n onMenuClose?: () => void,\n onOptionSelect?: (option: T) => void,\n filterOption?: (option: T, inputValue: string) => boolean,\n showSelectedOptions?: boolean,\n id?: string,\n onOptionRemove?: (option: T) => void,\n textInput?: boolean,\n interactiveChips?: boolean\n) {\n // Use controlled value if provided, otherwise use internal state\n const currentSelectedItems = value !== undefined ? value : selectedItems;\n // Used only in textInput/interactiveChips modes. The stateReducer resets selectedItem to null so\n // onStateChange fires even on repeat clicks; this ref carries the original item across that reset.\n const pendingToggleRef = useRef<T | null>(null);\n // textInput only: carries the clicked item across stateReducer's selectedItem:null reset.\n const enableToggle = textInput;\n\n const { filteredOptions, filterOptions } = useDropdownFiltering<T>(\n options,\n filterOption,\n showSelectedOptions,\n currentSelectedItems\n );\n const flatOptions = useMemo(() => filteredOptions.flatMap(group => group.options), [filteredOptions]);\n const { getSelectedItemProps, getDropdownProps, addSelectedItem, removeSelectedItem } = useMultipleSelection<T>({\n selectedItems: currentSelectedItems,\n initialSelectedItems: defaultValue,\n onSelectedItemsChange: ({ selectedItems }) => {\n if (value === undefined) {\n setSelectedItems(selectedItems || []);\n }\n onChange?.(selectedItems || []);\n },\n onStateChange: ({ type, selectedItems: newSelectedItems }) => {\n // Notify onOptionRemove for keyboard-driven chip deletion (× button uses contextOnOptionRemove).\n if (\n (type === useMultipleSelection.stateChangeTypes.SelectedItemKeyDownBackspace ||\n type === useMultipleSelection.stateChangeTypes.SelectedItemKeyDownDelete) &&\n newSelectedItems\n ) {\n const removedItem = currentSelectedItems.find(\n item => !newSelectedItems.some(si => si.value === item.value)\n );\n if (removedItem) onOptionRemove?.(removedItem);\n }\n }\n });\n\n const {\n isOpen,\n inputValue,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset: downshiftReset,\n openMenu,\n toggleMenu,\n closeMenu\n } = useCombobox<T>({\n items: flatOptions,\n itemToString: item => item?.label ?? \"\",\n itemToKey: item => (item?.value !== undefined ? String(item.value) : \"\"),\n isItemDisabled: item => Boolean(item.disabled),\n isOpen: isMenuOpen,\n initialIsOpen: autoFocus,\n initialInputValue: inputValueProp ?? (textInput ? currentSelectedItems.map(i => i.label).join(\", \") : \"\"),\n id,\n onIsOpenChange: ({ isOpen }) => {\n // Reset the text filter on any open/close change so the full list is always ready.\n filterOptions(\"\");\n isOpen ? onMenuClose?.() : onMenuOpen?.();\n },\n onInputValueChange: useCallback(\n ({ inputValue, type }) => {\n // Only filter on actual user typing. Downshift also writes values into the input on\n // open/close/selection — those changes must not filter the list.\n if (type === useCombobox.stateChangeTypes.InputChange) {\n filterOptions(inputValue || \"\");\n }\n onInputChange?.(inputValue);\n },\n [onInputChange, filterOptions]\n ),\n // When enableToggle (textInput), stateReducer resets selectedItem to null so this fires with\n // null and exits early; onStateChange + pendingToggleRef handle selection instead.\n onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {\n if (enableToggle || !newSelectedItem) return;\n const existingItem = currentSelectedItems.find(item => item.value === newSelectedItem.value);\n if (existingItem) {\n removeSelectedItem(existingItem);\n onOptionRemove?.(existingItem);\n } else {\n addSelectedItem(newSelectedItem);\n }\n onOptionSelect?.(newSelectedItem);\n filterOptions(\"\");\n },\n onStateChange: ({ type }) => {\n if (!enableToggle) return;\n if (\n type !== useCombobox.stateChangeTypes.ItemClick &&\n type !== useCombobox.stateChangeTypes.InputKeyDownEnter\n )\n return;\n\n const clickedItem = pendingToggleRef.current;\n pendingToggleRef.current = null;\n if (!clickedItem) return;\n const existingItem = currentSelectedItems.find(i => i.value === clickedItem.value);\n if (existingItem) {\n removeSelectedItem(existingItem);\n onOptionRemove?.(existingItem);\n } else {\n addSelectedItem(clickedItem);\n }\n onOptionSelect?.(clickedItem);\n filterOptions(\"\");\n },\n stateReducer: (state, actionAndChanges) => {\n const { type, changes } = actionAndChanges;\n // null clears the input and restores the placeholder (original multi-select behavior).\n // textInput mode shows a comma-separated summary instead.\n const closedInputValue = textInput ? currentSelectedItems.map(i => i.label).join(\", \") : null;\n\n switch (type) {\n case useCombobox.stateChangeTypes.InputKeyDownEnter:\n case useCombobox.stateChangeTypes.ItemClick: {\n if (enableToggle) {\n const clickedItem = changes.selectedItem;\n pendingToggleRef.current = clickedItem ?? null;\n const newItems = clickedItem\n ? currentSelectedItems.some(i => i.value === clickedItem.value)\n ? currentSelectedItems.filter(i => i.value !== clickedItem.value)\n : [...currentSelectedItems, clickedItem]\n : currentSelectedItems;\n const newInputValue = textInput ? newItems.map(i => i.label).join(\", \") : null;\n return {\n ...changes,\n selectedItem: null,\n inputValue: newInputValue,\n isOpen: true,\n highlightedIndex: (changes.selectedItem?.index as number) ?? 0\n };\n }\n // Default mode: original behavior — keep the menu open, clear input to restore placeholder.\n return {\n ...changes,\n inputValue: null,\n isOpen: true,\n highlightedIndex: (changes.selectedItem?.index as number) ?? 0\n };\n }\n case useCombobox.stateChangeTypes.InputBlur:\n case useCombobox.stateChangeTypes.ControlledPropUpdatedSelectedItem:\n return { ...changes, inputValue: closedInputValue };\n default:\n if (!changes.isOpen && state.isOpen) {\n return { ...changes, inputValue: closedInputValue };\n }\n return changes;\n }\n }\n });\n\n const reset = useCallback(() => {\n if (value === undefined) {\n setSelectedItems([]);\n }\n downshiftReset();\n onChange?.([]);\n }, [value, setSelectedItems, downshiftReset, onChange]);\n\n return {\n isOpen,\n inputValue,\n highlightedIndex,\n selectedItems: currentSelectedItems,\n getSelectedItemProps,\n getDropdownProps,\n addSelectedItem,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getInputProps,\n getItemProps,\n reset,\n removeSelectedItem,\n filteredOptions,\n openMenu,\n toggleMenu,\n closeMenu\n };\n}\n\nexport default useDropdownMultiCombobox;\n"],"names":["useDropdownMultiCombobox","options","selectedItems","setSelectedItems","isMenuOpen","autoFocus","defaultValue","value","inputValueProp","onChange","onInputChange","onMenuOpen","onMenuClose","onOptionSelect","filterOption","showSelectedOptions","id","onOptionRemove","textInput","interactiveChips","currentSelectedItems","undefined","pendingToggleRef","useRef","enableToggle","_useDropdownFiltering","useDropdownFiltering","filteredOptions","filterOptions","flatOptions","useMemo","flatMap","group","_useMultipleSelection","useMultipleSelection","initialSelectedItems","onSelectedItemsChange","_ref","onStateChange","_ref2","type","newSelectedItems","stateChangeTypes","SelectedItemKeyDownBackspace","SelectedItemKeyDownDelete","removedItem","find","item","some","si","getSelectedItemProps","getDropdownProps","addSelectedItem","removeSelectedItem","_useCombobox","useCombobox","items","itemToString","_a","label","itemToKey","String","isItemDisabled","disabled","isOpen","initialIsOpen","initialInputValue","map","i","join","onIsOpenChange","_ref3","onInputValueChange","useCallback","_ref4","inputValue","InputChange","onSelectedItemChange","_ref5","newSelectedItem","selectedItem","existingItem","_ref6","ItemClick","InputKeyDownEnter","clickedItem","current","stateReducer","state","actionAndChanges","changes","closedInputValue","newItems","filter","concat","_toConsumableArray","newInputValue","Object","assign","highlightedIndex","_b","index","_d","_c","InputBlur","ControlledPropUpdatedSelectedItem","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getItemProps","downshiftReset","reset","openMenu","toggleMenu","closeMenu"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useState as n}from"react";import t from"../hooks/useDropdownMultiCombobox.js";import l from"../components/DropdownWrapperUI.js";var i=function(i){var r=i.options,u=i.isMenuOpen,s=i.autoFocus,d=i.defaultValue,a=i.value,p=i.inputValue,c=i.onChange,g=i.onInputChange,m=i.onMenuClose,v=i.onMenuOpen,O=i.onOptionSelect,f=i.filterOption,b=i.showSelectedOptions,I=void 0===b||b,P=i.clearable,h=void 0===P||P,M=i.searchable,w=void 0===M||M,x=i.multi,S=void 0===x||x,j=i.closeMenuOnSelect,y=void 0===j||j,D=i.dropdownRef,B=i.onFocus,C=i.onBlur,F=i.onKeyDown,V=i.onClear,R=i.onOptionRemove,A=i.loading,K=void 0!==A&&A,T=i.size,z=void 0===T?"medium":T,L=i.id,_=i.boxMode,k=void 0!==_&&_,E=n(Array.isArray(d)?d:[]),H=e(E,2),U=H[0],W=H[1],q=n(!1),G=e(q,2),J=G[0],N=G[1],Q=t(r,U,W,k?void 0:u,s,d,a,p,c,g,m,v,O,f,I,L),X=Q.isOpen,Y=Q.inputValue,Z=Q.highlightedIndex,$=Q.getToggleButtonProps,ee=Q.getLabelProps,oe=Q.getMenuProps,ne=Q.getItemProps,te=Q.getInputProps,le=Q.reset,ie=Q.toggleMenu,re=Q.filteredOptions,ue=Q.selectedItems,se=Q.addSelectedItem,de=Q.removeSelectedItem,ae=Q.getDropdownProps,pe=Object.assign(Object.assign({},i),{isOpen:!!k||X,inputValue:null!=Y?Y:null,highlightedIndex:Z,selectedItems:ue||[],filteredOptions:re,getToggleButtonProps:$,getLabelProps:ee,getMenuProps:oe,getItemProps:ne,getInputProps:function(e){return te(Object.assign(Object.assign({},e||{}),{disabled:i.readOnly||i.disabled,onFocus:function(o){var n;N(!0),null==B||B(o),null===(n=null==e?void 0:e.onFocus)||void 0===n||n.call(e,o)},onBlur:function(o){var n;N(!1),null==C||C(o),null===(n=null==e?void 0:e.onBlur)||void 0===n||n.call(e,o)},onKeyDown:function(o){var n;null==F||F(o),null===(n=null==e?void 0:e.onKeyDown)||void 0===n||n.call(e,o)}}))},reset:le,contextOnClear:function(){le(),void 0===a&&W([]),null==V||V()},contextOnOptionRemove:function(e){de&&de(e),null==R||R(e)},addSelectedItem:se,removeSelectedItem:de,isFocused:J,clearable:h,searchable:w,multi:S,closeMenuOnSelect:y,size:z,getDropdownProps:ae,toggleMenu:ie,loading:K});return o.createElement(l,{contextValue:pe,dropdownRef:D})};export{i as default};
1
+ import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useState as n}from"react";import t from"../hooks/useDropdownMultiCombobox.js";import l from"../components/DropdownWrapperUI.js";var i=function(i){var r=i.options,u=i.isMenuOpen,s=i.autoFocus,d=i.defaultValue,a=i.value,p=i.inputValue,c=i.onChange,g=i.onInputChange,m=i.onMenuClose,v=i.onMenuOpen,O=i.onOptionSelect,f=i.filterOption,I=i.showSelectedOptions,b=void 0===I||I,P=i.clearable,h=void 0===P||P,M=i.searchable,w=void 0===M||M,x=i.multi,S=void 0===x||x,C=i.closeMenuOnSelect,j=void 0===C||C,y=i.dropdownRef,D=i.onFocus,B=i.onBlur,F=i.onKeyDown,V=i.onClear,R=i.onOptionRemove,A=i.loading,K=void 0!==A&&A,T=i.size,z=void 0===T?"medium":T,L=i.id,_=i.boxMode,k=void 0!==_&&_,E=i.textInput,H=i.interactiveChips,U=n(Array.isArray(d)?d:[]),W=e(U,2),q=W[0],G=W[1],J=n(!1),N=e(J,2),Q=N[0],X=N[1],Y=t(r,q,G,k?void 0:u,s,d,a,p,c,g,m,v,O,f,b,L,R,E),Z=Y.isOpen,$=Y.inputValue,ee=Y.highlightedIndex,oe=Y.getToggleButtonProps,ne=Y.getLabelProps,te=Y.getMenuProps,le=Y.getItemProps,ie=Y.getInputProps,re=Y.reset,ue=Y.toggleMenu,se=Y.filteredOptions,de=Y.selectedItems,ae=Y.addSelectedItem,pe=Y.removeSelectedItem,ce=Y.getDropdownProps,ge=Y.getSelectedItemProps,me=Object.assign(Object.assign({},i),{isOpen:!!k||Z,inputValue:null!=$?$:null,highlightedIndex:ee,selectedItems:de||[],filteredOptions:se,getToggleButtonProps:oe,getLabelProps:ne,getMenuProps:te,getItemProps:le,getInputProps:function(e){return ie(Object.assign(Object.assign({},e||{}),{disabled:i.readOnly||i.disabled,onFocus:function(o){var n;X(!0),null==D||D(o),null===(n=null==e?void 0:e.onFocus)||void 0===n||n.call(e,o)},onBlur:function(o){var n;X(!1),null==B||B(o),null===(n=null==e?void 0:e.onBlur)||void 0===n||n.call(e,o)},onKeyDown:function(o){var n;null==F||F(o),null===(n=null==e?void 0:e.onKeyDown)||void 0===n||n.call(e,o)}}))},reset:re,contextOnClear:function(){re(),void 0===a&&G([]),null==V||V()},contextOnOptionRemove:function(e){pe&&pe(e),null==R||R(e)},addSelectedItem:ae,removeSelectedItem:pe,getSelectedItemProps:ge,isFocused:Q,clearable:h,searchable:w,multi:S,closeMenuOnSelect:j,size:z,getDropdownProps:ce,toggleMenu:ue,loading:K,textInput:E,interactiveChips:H});return o.createElement(l,{contextValue:me,dropdownRef:y})};export{i as default};
2
2
  //# sourceMappingURL=DropdownMultiComboboxController.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownMultiComboboxController.js","sources":["../../../../../../src/components/Dropdown/modes/DropdownMultiComboboxController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownMultiControllerProps } from \"../Dropdown.types\";\nimport useDropdownMultiCombobox from \"../hooks/useDropdownMultiCombobox\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownMultiComboboxController = <Item extends BaseItemData<Record<string, unknown>>>(\n props: DropdownMultiControllerProps<Item>\n) => {\n const {\n options,\n isMenuOpen: isMenuOpenProp,\n autoFocus,\n defaultValue,\n value,\n inputValue: inputValueProp,\n onChange,\n onInputChange,\n onMenuClose,\n onMenuOpen,\n onOptionSelect,\n filterOption,\n showSelectedOptions = true,\n clearable = true,\n searchable = true,\n multi = true,\n closeMenuOnSelect = true,\n dropdownRef,\n onFocus,\n onBlur,\n onKeyDown,\n onClear,\n onOptionRemove,\n loading = false,\n size = \"medium\",\n id,\n boxMode = false\n } = props;\n\n const initialMultiSelectedItems = Array.isArray(defaultValue) ? defaultValue : [];\n const [multiSelectedItemsState, setMultiSelectedItemsState] = useState<Item[]>(initialMultiSelectedItems);\n const [isFocused, setIsFocused] = useState(false);\n\n const {\n isOpen,\n inputValue: hookInputValue,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n getInputProps: hookGetInputProps,\n reset: hookReset,\n toggleMenu,\n filteredOptions,\n selectedItems: hookSelectedItems,\n addSelectedItem: hookAddSelectedItem,\n removeSelectedItem: hookRemoveSelectedItem,\n getDropdownProps\n } = useDropdownMultiCombobox<Item>(\n options,\n multiSelectedItemsState,\n setMultiSelectedItemsState,\n boxMode ? undefined : isMenuOpenProp,\n autoFocus,\n defaultValue,\n value,\n inputValueProp,\n onChange,\n onInputChange,\n onMenuClose,\n onMenuOpen,\n onOptionSelect,\n filterOption,\n showSelectedOptions,\n id\n );\n\n const contextValue: DropdownContextProps<Item> = {\n ...props,\n isOpen: boxMode ? true : isOpen,\n inputValue: hookInputValue ?? null,\n highlightedIndex,\n selectedItems: hookSelectedItems || [],\n filteredOptions,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n getInputProps: (inputOptions?: any) => {\n return hookGetInputProps!({\n ...(inputOptions || {}),\n disabled: props.readOnly || props.disabled,\n onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(true);\n onFocus?.(event as any);\n inputOptions?.onFocus?.(event);\n },\n onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(false);\n onBlur?.(event);\n inputOptions?.onBlur?.(event);\n },\n onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n inputOptions?.onKeyDown?.(event);\n }\n });\n },\n reset: hookReset,\n contextOnClear: () => {\n hookReset();\n if (value === undefined) {\n setMultiSelectedItemsState([]);\n }\n onClear?.();\n },\n contextOnOptionRemove: (option: Item) => {\n if (hookRemoveSelectedItem) {\n hookRemoveSelectedItem(option);\n }\n onOptionRemove?.(option);\n },\n addSelectedItem: hookAddSelectedItem,\n removeSelectedItem: hookRemoveSelectedItem,\n isFocused,\n clearable,\n searchable,\n multi,\n closeMenuOnSelect,\n size,\n getDropdownProps,\n toggleMenu,\n loading\n };\n\n return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownMultiComboboxController;\n"],"names":["DropdownMultiComboboxController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","defaultValue","value","inputValueProp","inputValue","onChange","onInputChange","onMenuClose","onMenuOpen","onOptionSelect","filterOption","_props$showSelectedOp","showSelectedOptions","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","_props$closeMenuOnSel","closeMenuOnSelect","dropdownRef","onFocus","onBlur","onKeyDown","onClear","onOptionRemove","_props$loading","loading","_props$size","size","id","_props$boxMode","boxMode","_useState","useState","Array","isArray","_useState2","_slicedToArray","multiSelectedItemsState","setMultiSelectedItemsState","_useState3","_useState4","isFocused","setIsFocused","_useDropdownMultiComb","useDropdownMultiCombobox","undefined","isOpen","hookInputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookGetInputProps","getInputProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItems","selectedItems","hookAddSelectedItem","addSelectedItem","hookRemoveSelectedItem","removeSelectedItem","getDropdownProps","contextValue","Object","assign","inputOptions","disabled","readOnly","event","_a","call","contextOnClear","contextOnOptionRemove","option","React","createElement","DropdownWrapperUI"],"mappings":"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"}
1
+ {"version":3,"file":"DropdownMultiComboboxController.js","sources":["../../../../../../src/components/Dropdown/modes/DropdownMultiComboboxController.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { type DropdownMultiControllerProps } from \"../Dropdown.types\";\nimport useDropdownMultiCombobox from \"../hooks/useDropdownMultiCombobox\";\nimport { type BaseItemData } from \"../../BaseItem\";\nimport { type DropdownContextProps } from \"../context/DropdownContext.types\";\nimport DropdownWrapperUI from \"../components/DropdownWrapperUI\";\n\nconst DropdownMultiComboboxController = <Item extends BaseItemData<Record<string, unknown>>>(\n props: DropdownMultiControllerProps<Item>\n) => {\n const {\n options,\n isMenuOpen: isMenuOpenProp,\n autoFocus,\n defaultValue,\n value,\n inputValue: inputValueProp,\n onChange,\n onInputChange,\n onMenuClose,\n onMenuOpen,\n onOptionSelect,\n filterOption,\n showSelectedOptions = true,\n clearable = true,\n searchable = true,\n multi = true,\n closeMenuOnSelect = true,\n dropdownRef,\n onFocus,\n onBlur,\n onKeyDown,\n onClear,\n onOptionRemove,\n loading = false,\n size = \"medium\",\n id,\n boxMode = false,\n textInput,\n interactiveChips\n } = props;\n\n const initialMultiSelectedItems = Array.isArray(defaultValue) ? defaultValue : [];\n const [multiSelectedItemsState, setMultiSelectedItemsState] = useState<Item[]>(initialMultiSelectedItems);\n const [isFocused, setIsFocused] = useState(false);\n\n const {\n isOpen,\n inputValue: hookInputValue,\n highlightedIndex,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n getInputProps: hookGetInputProps,\n reset: hookReset,\n toggleMenu,\n filteredOptions,\n selectedItems: hookSelectedItems,\n addSelectedItem: hookAddSelectedItem,\n removeSelectedItem: hookRemoveSelectedItem,\n getDropdownProps,\n getSelectedItemProps: hookGetSelectedItemProps\n } = useDropdownMultiCombobox<Item>(\n options,\n multiSelectedItemsState,\n setMultiSelectedItemsState,\n boxMode ? undefined : isMenuOpenProp,\n autoFocus,\n defaultValue,\n value,\n inputValueProp,\n onChange,\n onInputChange,\n onMenuClose,\n onMenuOpen,\n onOptionSelect,\n filterOption,\n showSelectedOptions,\n id,\n onOptionRemove,\n textInput,\n interactiveChips\n );\n\n const contextValue: DropdownContextProps<Item> = {\n ...props,\n isOpen: boxMode ? true : isOpen,\n inputValue: hookInputValue ?? null,\n highlightedIndex,\n selectedItems: hookSelectedItems || [],\n filteredOptions,\n getToggleButtonProps,\n getLabelProps,\n getMenuProps,\n getItemProps,\n getInputProps: (inputOptions?: any) => {\n return hookGetInputProps!({\n ...(inputOptions || {}),\n disabled: props.readOnly || props.disabled,\n onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(true);\n onFocus?.(event as any);\n inputOptions?.onFocus?.(event);\n },\n onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n setIsFocused(false);\n onBlur?.(event);\n inputOptions?.onBlur?.(event);\n },\n onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n inputOptions?.onKeyDown?.(event);\n }\n });\n },\n reset: hookReset,\n contextOnClear: () => {\n hookReset();\n if (value === undefined) {\n setMultiSelectedItemsState([]);\n }\n onClear?.();\n },\n contextOnOptionRemove: (option: Item) => {\n if (hookRemoveSelectedItem) {\n hookRemoveSelectedItem(option);\n }\n onOptionRemove?.(option);\n },\n addSelectedItem: hookAddSelectedItem,\n removeSelectedItem: hookRemoveSelectedItem,\n getSelectedItemProps: hookGetSelectedItemProps,\n isFocused,\n clearable,\n searchable,\n multi,\n closeMenuOnSelect,\n size,\n getDropdownProps,\n toggleMenu,\n loading,\n textInput,\n interactiveChips\n };\n\n return <DropdownWrapperUI contextValue={contextValue} dropdownRef={dropdownRef} />;\n};\n\nexport default DropdownMultiComboboxController;\n"],"names":["DropdownMultiComboboxController","props","options","isMenuOpenProp","isMenuOpen","autoFocus","defaultValue","value","inputValueProp","inputValue","onChange","onInputChange","onMenuClose","onMenuOpen","onOptionSelect","filterOption","_props$showSelectedOp","showSelectedOptions","_props$clearable","clearable","_props$searchable","searchable","_props$multi","multi","_props$closeMenuOnSel","closeMenuOnSelect","dropdownRef","onFocus","onBlur","onKeyDown","onClear","onOptionRemove","_props$loading","loading","_props$size","size","id","_props$boxMode","boxMode","textInput","interactiveChips","_useState","useState","Array","isArray","_useState2","_slicedToArray","multiSelectedItemsState","setMultiSelectedItemsState","_useState3","_useState4","isFocused","setIsFocused","_useDropdownMultiComb","useDropdownMultiCombobox","undefined","isOpen","hookInputValue","highlightedIndex","getToggleButtonProps","getLabelProps","getMenuProps","getItemProps","hookGetInputProps","getInputProps","hookReset","reset","toggleMenu","filteredOptions","hookSelectedItems","selectedItems","hookAddSelectedItem","addSelectedItem","hookRemoveSelectedItem","removeSelectedItem","getDropdownProps","hookGetSelectedItemProps","getSelectedItemProps","contextValue","Object","assign","inputOptions","disabled","readOnly","event","_a","call","contextOnClear","contextOnOptionRemove","option","React","createElement","DropdownWrapperUI"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- var n={h1Bold:"h1Bold",h1Medium:"h1Medium",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Medium:"h2Medium",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Medium:"h3Medium",h3Normal:"h3Normal",h3Light:"h3Light"};!function(n){const o="s_id-6e5330892778_4_2_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold {\n font: var(--font-h1-bold);\n letter-spacing: var(--letter-spacing-h1-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Medium {\n font: var(--font-h1-medium);\n letter-spacing: var(--letter-spacing-h1-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Normal {\n font: var(--font-h1-normal);\n letter-spacing: var(--letter-spacing-h1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Light {\n font: var(--font-h1-light);\n letter-spacing: var(--letter-spacing-h1-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Bold {\n font: var(--font-h2-bold);\n letter-spacing: var(--letter-spacing-h2-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Medium {\n font: var(--font-h2-medium);\n letter-spacing: var(--letter-spacing-h2-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Normal {\n font: var(--font-h2-normal);\n letter-spacing: var(--letter-spacing-h2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Light {\n font: var(--font-h2-light);\n letter-spacing: var(--letter-spacing-h2-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Bold {\n font: var(--font-h3-bold);\n letter-spacing: var(--letter-spacing-h3-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Medium {\n font: var(--font-h3-medium);\n letter-spacing: var(--letter-spacing-h3-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Normal {\n font: var(--font-h3-normal);\n letter-spacing: var(--letter-spacing-h3-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Light {\n font: var(--font-h3-light);\n letter-spacing: var(--letter-spacing-h3-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
1
+ var n={h1Bold:"h1Bold",h1Medium:"h1Medium",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Medium:"h2Medium",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Medium:"h3Medium",h3Normal:"h3Normal",h3Light:"h3Light"};!function(n){const o="s_id-6e5330892778_4_3_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold {\n font: var(--font-h1-bold);\n letter-spacing: var(--letter-spacing-h1-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Medium {\n font: var(--font-h1-medium);\n letter-spacing: var(--letter-spacing-h1-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Normal {\n font: var(--font-h1-normal);\n letter-spacing: var(--letter-spacing-h1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h1Light {\n font: var(--font-h1-light);\n letter-spacing: var(--letter-spacing-h1-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Bold {\n font: var(--font-h2-bold);\n letter-spacing: var(--letter-spacing-h2-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Medium {\n font: var(--font-h2-medium);\n letter-spacing: var(--letter-spacing-h2-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Normal {\n font: var(--font-h2-normal);\n letter-spacing: var(--letter-spacing-h2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h2Light {\n font: var(--font-h2-light);\n letter-spacing: var(--letter-spacing-h2-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Bold {\n font: var(--font-h3-bold);\n letter-spacing: var(--letter-spacing-h3-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Medium {\n font: var(--font-h3-medium);\n letter-spacing: var(--letter-spacing-h3-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Normal {\n font: var(--font-h3-normal);\n letter-spacing: var(--letter-spacing-h3-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.h3Light {\n font: var(--font-h3-light);\n letter-spacing: var(--letter-spacing-h3-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
2
2
  //# sourceMappingURL=EditableHeading.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text3Bold:"text3Bold",text3Medium:"text3Medium",text3Normal:"text3Normal",editableText:"editableText",typography:"typography"};!function(t){const e="s_id-9c016e638d33_4_2_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold {\n font: var(--font-text1-bold);\n}\n.text1Medium {\n font: var(--font-text1-medium);\n}\n.text1Normal {\n font: var(--font-text1-normal);\n}\n.text2Bold {\n font: var(--font-text2-bold);\n}\n.text2Medium {\n font: var(--font-text2-medium);\n}\n.text2Normal {\n font: var(--font-text2-normal);\n}\n.text3Bold {\n font: var(--font-text3-bold);\n}\n.text3Medium {\n font: var(--font-text3-medium);\n}\n.text3Normal {\n font: var(--font-text3-normal);\n}\n.editableText .typography {\n min-width: 56px;\n}");export{t as default};
1
+ var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text3Bold:"text3Bold",text3Medium:"text3Medium",text3Normal:"text3Normal",editableText:"editableText",typography:"typography"};!function(t){const e="s_id-9c016e638d33_4_3_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold {\n font: var(--font-text1-bold);\n}\n.text1Medium {\n font: var(--font-text1-medium);\n}\n.text1Normal {\n font: var(--font-text1-normal);\n}\n.text2Bold {\n font: var(--font-text2-bold);\n}\n.text2Medium {\n font: var(--font-text2-medium);\n}\n.text2Normal {\n font: var(--font-text2-normal);\n}\n.text3Bold {\n font: var(--font-text3-bold);\n}\n.text3Medium {\n font: var(--font-text3-medium);\n}\n.text3Normal {\n font: var(--font-text3-normal);\n}\n.editableText .typography {\n min-width: 56px;\n}");export{t as default};
2
2
  //# sourceMappingURL=EditableText.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={editableTypography:"editableTypography",input:"input",textarea:"textarea",typography:"typography",disabled:"disabled",hidden:"hidden",placeholder:"placeholder",multiline:"multiline"};!function(e){const n="s_id-639103c98382_4_2_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.editableTypography {\n display: inline-flex;\n min-width: 0;\n max-width: 100%;\n margin-inline-start: -6px;\n overflow: hidden;\n position: relative;\n}\n.editableTypography .input,\n.editableTypography .textarea {\n width: var(--input-width);\n display: inline-block;\n max-width: 100%;\n min-width: 64px;\n padding: 0 var(--space-4);\n outline: none;\n border: 1px solid var(--primary-color);\n border-radius: var(--border-radius-small);\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.editableTypography .input:focus, .editableTypography .input:active,\n.editableTypography .textarea:focus,\n.editableTypography .textarea:active {\n outline: none;\n}\n.editableTypography .textarea {\n resize: none;\n overflow: hidden;\n height: var(--input-height);\n}\n.editableTypography .typography {\n border: 1px solid transparent;\n padding: 0 var(--space-4);\n border-radius: var(--border-radius-small);\n}\n.editableTypography .typography:hover:not(.disabled) {\n border-color: var(--ui-border-color);\n}\n.editableTypography .typography.hidden {\n position: absolute;\n opacity: 0;\n height: 0;\n visibility: hidden;\n white-space: pre;\n}\n.editableTypography .typography.placeholder {\n color: var(--placeholder-color);\n}\n.editableTypography .typography.multiline {\n white-space: pre-wrap;\n}");export{e as default};
1
+ var e={editableTypography:"editableTypography",input:"input",textarea:"textarea",typography:"typography",disabled:"disabled",hidden:"hidden",placeholder:"placeholder",multiline:"multiline"};!function(e){const n="s_id-639103c98382_4_3_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.editableTypography {\n display: inline-flex;\n min-width: 0;\n max-width: 100%;\n margin-inline-start: -6px;\n overflow: hidden;\n position: relative;\n}\n.editableTypography .input,\n.editableTypography .textarea {\n width: var(--input-width);\n display: inline-block;\n max-width: 100%;\n min-width: 64px;\n padding: 0 var(--space-4);\n outline: none;\n border: 1px solid var(--primary-color);\n border-radius: var(--border-radius-small);\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.editableTypography .input:focus, .editableTypography .input:active,\n.editableTypography .textarea:focus,\n.editableTypography .textarea:active {\n outline: none;\n}\n.editableTypography .textarea {\n resize: none;\n overflow: hidden;\n height: var(--input-height);\n}\n.editableTypography .typography {\n border: 1px solid transparent;\n padding: 0 var(--space-4);\n border-radius: var(--border-radius-small);\n}\n.editableTypography .typography:hover:not(.disabled) {\n border-color: var(--ui-border-color);\n}\n.editableTypography .typography.hidden {\n position: absolute;\n opacity: 0;\n height: 0;\n visibility: hidden;\n white-space: pre;\n}\n.editableTypography .typography.placeholder {\n color: var(--placeholder-color);\n}\n.editableTypography .typography.multiline {\n white-space: pre-wrap;\n}");export{e as default};
2
2
  //# sourceMappingURL=EditableTypography.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var t={emptyState:"emptyState",compact:"compact",content:"content",title:"title",description:"description",actions:"actions"};!function(t){const e="s_id-e8e63a5fb772_4_2_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".emptyState {\n width: 100%;\n padding: var(--space-24);\n box-sizing: border-box;\n background: var(--primary-background-color);\n}\n.emptyState.compact {\n padding: var(--space-16);\n}\n.emptyState .content {\n width: 100%;\n text-align: center;\n}\n.emptyState .content .title {\n max-width: 500px;\n}\n.emptyState .content .description {\n max-width: 500px;\n}\n.emptyState .content .actions {\n width: 100%;\n}");export{t as default};
1
+ var t={emptyState:"emptyState",compact:"compact",content:"content",title:"title",description:"description",actions:"actions"};!function(t){const e="s_id-e8e63a5fb772_4_3_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".emptyState {\n width: 100%;\n padding: var(--space-24);\n box-sizing: border-box;\n background: var(--primary-background-color);\n}\n.emptyState.compact {\n padding: var(--space-16);\n}\n.emptyState .content {\n width: 100%;\n text-align: center;\n}\n.emptyState .content .title {\n max-width: 500px;\n}\n.emptyState .content .description {\n max-width: 500px;\n}\n.emptyState .content .actions {\n width: 100%;\n}");export{t as default};
2
2
  //# sourceMappingURL=EmptyState.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var n={expandCollapse:"expandCollapse",header:"header","focus-visible":"focus-visible",headerContent:"headerContent",iconComponent:"iconComponent",content:"content",section:"section",hideBorder:"hideBorder",hideBorderBottom:"hideBorderBottom",showBorder:"showBorder",headerOpen:"headerOpen",animateIconOpen:"animateIconOpen",animateIconClose:"animateIconClose",leftIcon:"leftIcon"};!function(n){const e="s_id-56805b2f3dc6_4_2_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.expandCollapse {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n color: var(--primary-text-color);\n background-color: transparent;\n box-sizing: border-box;\n border-radius: var(--border-radius-small);\n}\n.header {\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n background: transparent;\n /* inherit font & color from ancestor */\n color: inherit;\n font: inherit;\n /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n line-height: normal;\n /* Corrects font smoothing for webkit */\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n /* Corrects inability to style clickable `input` types in iOS */\n appearance: none;\n padding: var(--space-16);\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n.header:focus-visible, .header.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.header:focus:not(.focus-visible) {\n outline: none;\n}\n.header:hover {\n background-color: var(--primary-background-hover-color);\n}\n.header:active {\n transform: scale(1);\n}\n.header .headerContent {\n margin: 0;\n}\n.header .iconComponent {\n color: var(--icon-color);\n}\n.content {\n padding: var(--space-16);\n}\n.section {\n width: 100%;\n}\n.hideBorder {\n border: none;\n}\n.hideBorderBottom {\n border-bottom: none;\n}\n.showBorder {\n border: 1px solid var(--ui-border-color);\n}\n.showBorder .headerOpen {\n border-bottom: 1px solid;\n border-color: var(--ui-border-color);\n}\n.animateIconOpen {\n transform: rotate(-180deg);\n transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.animateIconClose {\n transform: rotate(-360deg);\n transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.header.leftIcon {\n justify-content: flex-start;\n gap: var(--space-8);\n}");export{n as default};
1
+ var n={expandCollapse:"expandCollapse",header:"header","focus-visible":"focus-visible",headerContent:"headerContent",iconComponent:"iconComponent",content:"content",section:"section",hideBorder:"hideBorder",hideBorderBottom:"hideBorderBottom",showBorder:"showBorder",headerOpen:"headerOpen",animateIconOpen:"animateIconOpen",animateIconClose:"animateIconClose",leftIcon:"leftIcon"};!function(n){const e="s_id-56805b2f3dc6_4_3_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.expandCollapse {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n color: var(--primary-text-color);\n background-color: transparent;\n box-sizing: border-box;\n border-radius: var(--border-radius-small);\n}\n.header {\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n background: transparent;\n /* inherit font & color from ancestor */\n color: inherit;\n font: inherit;\n /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n line-height: normal;\n /* Corrects font smoothing for webkit */\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n /* Corrects inability to style clickable `input` types in iOS */\n appearance: none;\n padding: var(--space-16);\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n.header:focus-visible, .header.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.header:focus:not(.focus-visible) {\n outline: none;\n}\n.header:hover {\n background-color: var(--primary-background-hover-color);\n}\n.header:active {\n transform: scale(1);\n}\n.header .headerContent {\n margin: 0;\n}\n.header .iconComponent {\n color: var(--icon-color);\n}\n.content {\n padding: var(--space-16);\n}\n.section {\n width: 100%;\n}\n.hideBorder {\n border: none;\n}\n.hideBorderBottom {\n border-bottom: none;\n}\n.showBorder {\n border: 1px solid var(--ui-border-color);\n}\n.showBorder .headerOpen {\n border-bottom: 1px solid;\n border-color: var(--ui-border-color);\n}\n.animateIconOpen {\n transform: rotate(-180deg);\n transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.animateIconClose {\n transform: rotate(-360deg);\n transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.header.leftIcon {\n justify-content: flex-start;\n gap: var(--space-8);\n}");export{n as default};
2
2
  //# sourceMappingURL=ExpandCollapse.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",required:"required"};!function(e){const n="s_id-c78e4bf29ce0_4_2_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper {\n font: var(--font-text2-normal);\n display: flex;\n padding-bottom: var(--space-4);\n align-items: center;\n}\n.labelComponentIcon {\n margin: 0 var(--space-8) 0 var(--space-4);\n line-height: 24px;\n color: var(--secondary-text-color);\n}\n.labelComponentText {\n color: var(--primary-text-color);\n padding-block: 2px;\n}\n.required {\n color: var(--negative-color);\n}");export{e as default};
1
+ var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",required:"required"};!function(e){const n="s_id-c78e4bf29ce0_4_3_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper {\n font: var(--font-text2-normal);\n display: flex;\n padding-bottom: var(--space-4);\n align-items: center;\n}\n.labelComponentIcon {\n margin: 0 var(--space-8) 0 var(--space-4);\n line-height: 24px;\n color: var(--secondary-text-color);\n}\n.labelComponentText {\n color: var(--primary-text-color);\n padding-block: 2px;\n}\n.required {\n color: var(--negative-color);\n}");export{e as default};
2
2
  //# sourceMappingURL=FieldLabel.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={formattedNumberComponent:"formattedNumberComponent",prefix:"prefix",suffix:"suffix"};!function(e){const n="s_id-d821b20045aa_4_2_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.formattedNumberComponent {\n display: flex;\n flex-direction: row;\n box-sizing: border-box;\n font-family: var(--font-family);\n width: 100%;\n}\n.prefix {\n white-space: pre;\n}\n.suffix {\n white-space: pre;\n}");export{e as default};
1
+ var e={formattedNumberComponent:"formattedNumberComponent",prefix:"prefix",suffix:"suffix"};!function(e){const n="s_id-d821b20045aa_4_3_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.formattedNumberComponent {\n display: flex;\n flex-direction: row;\n box-sizing: border-box;\n font-family: var(--font-family);\n width: 100%;\n}\n.prefix {\n white-space: pre;\n}\n.suffix {\n white-space: pre;\n}");export{e as default};
2
2
  //# sourceMappingURL=FormattedNumber.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={hiddenTextWrapper:"hiddenTextWrapper"};!function(e){const t="s_id-5ac012179a41_4_2_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hiddenTextWrapper {\n /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n clip: rect(0, 0, 0, 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}");export{e as default};
1
+ var e={hiddenTextWrapper:"hiddenTextWrapper"};!function(e){const t="s_id-5ac012179a41_4_3_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hiddenTextWrapper {\n /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n clip: rect(0, 0, 0, 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}");export{e as default};
2
2
  //# sourceMappingURL=HiddenText.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={contentWrapper:"contentWrapper",link:"link"};!function(e){const t="s_id-646297cad054_4_2_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper {\n max-width: 240px;\n}\n.contentWrapper .link {\n margin-top: var(--space-4);\n}");export{e as default};
1
+ var e={contentWrapper:"contentWrapper",link:"link"};!function(e){const t="s_id-646297cad054_4_3_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper {\n max-width: 240px;\n}\n.contentWrapper .link {\n margin-top: var(--space-4);\n}");export{e as default};
2
2
  //# sourceMappingURL=InfoDialogContent.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={infoLink:"infoLink"};!function(e){const t="s_id-63a4f7de1b47_4_2_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".infoLink {\n color: var(--primary-text-color);\n text-decoration: underline;\n}");export{e as default};
1
+ var e={infoLink:"infoLink"};!function(e){const t="s_id-63a4f7de1b47_4_3_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".infoLink {\n color: var(--primary-text-color);\n text-decoration: underline;\n}");export{e as default};
2
2
  //# sourceMappingURL=InfoLink.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={infoText:"infoText",error:"error",success:"success",disabled:"disabled",readOnly:"readOnly"};!function(e){const o="s_id-05a2b3ab5fae_4_2_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText {\n color: var(--secondary-text-color);\n}\n.infoText.error {\n color: var(--negative-color);\n}\n.infoText.success {\n color: var(--positive-color);\n}\n.infoText.disabled {\n color: var(--disabled-text-color);\n}\n.infoText.readOnly {\n color: var(--secondary-text-color);\n}");export{e as default};
1
+ var e={infoText:"infoText",error:"error",success:"success",disabled:"disabled",readOnly:"readOnly"};!function(e){const o="s_id-05a2b3ab5fae_4_3_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText {\n color: var(--secondary-text-color);\n}\n.infoText.error {\n color: var(--negative-color);\n}\n.infoText.success {\n color: var(--positive-color);\n}\n.infoText.disabled {\n color: var(--disabled-text-color);\n}\n.infoText.readOnly {\n color: var(--secondary-text-color);\n}");export{e as default};
2
2
  //# sourceMappingURL=InfoText.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var n={clickableWrapper:"clickableWrapper","focus-visible":"focus-visible",label:"label",small:"small",withLeg:"withLeg",legWrapper:"legWrapper",kindFill:"kindFill",colorPrimary:"colorPrimary",clickable:"clickable",colorDark:"colorDark",colorNegative:"colorNegative",colorPositive:"colorPositive",kindLine:"kindLine",smallText:"smallText"};!function(n){const r="s_id-05b0d3f05a05_4_2_4";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper {\n cursor: pointer;\n}\n.clickableWrapper:focus-visible, .clickableWrapper.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper:focus:not(.focus-visible) {\n outline: none;\n}\n.clickableWrapper:active {\n transform: scale(0.95) translate3d(0, 0, 0);\n transition: var(--motion-productive-short) transform;\n}\n.label {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--border-radius-small);\n padding: 2px var(--space-8);\n position: relative;\n}\n.label.small {\n padding: 0 var(--space-4);\n border-radius: 2px;\n}\n.withLeg {\n border-start-start-radius: var(--border-radius-small);\n border-start-end-radius: var(--border-radius-small);\n border-end-end-radius: var(--border-radius-small);\n border-end-start-radius: 0;\n}\n.legWrapper {\n position: absolute;\n height: 8px;\n top: 100%;\n inset-inline-start: 0;\n display: inline-flex;\n}\n.kindFill.colorPrimary {\n background-color: var(--primary-color);\n}\n.kindFill.colorPrimary svg path {\n fill: var(--primary-color);\n}\n.kindFill.colorPrimary.clickable:hover, .kindFill.colorPrimary.clickable:active {\n background-color: var(--primary-hover-color);\n}\n.kindFill.colorDark {\n background-color: var(--inverted-color-background);\n}\n.kindFill.colorDark svg path {\n fill: var(--inverted-color-background);\n}\n.kindFill.colorNegative {\n background-color: var(--negative-color);\n}\n.kindFill.colorNegative svg path {\n fill: var(--negative-color);\n}\n.kindFill.colorNegative.clickable:hover, .kindFill.colorNegative.clickable:active {\n background-color: var(--negative-color-hover);\n}\n.kindFill.colorPositive {\n background-color: var(--positive-color);\n}\n.kindFill.colorPositive svg path {\n fill: var(--positive-color);\n}\n.kindFill.colorPositive.clickable:hover, .kindFill.colorPositive.clickable:active {\n background-color: var(--positive-color-hover);\n}\n.kindLine {\n border: 1px solid currentColor;\n padding: 1px var(--space-8);\n}\n.kindLine .legWrapper {\n inset-inline-start: -1px;\n top: calc(100% + 1px);\n}\n.kindLine.colorPrimary {\n color: var(--primary-color);\n}\n.kindLine.colorPrimary svg path {\n fill: var(--primary-color);\n}\n.kindLine.colorPrimary.clickable:hover, .kindLine.colorPrimary.clickable:active {\n background-color: var(--primary-background-hover-color);\n}\n.kindLine.colorDark {\n color: var(--inverted-color-background);\n}\n.kindLine.colorDark svg path {\n fill: var(--inverted-color-background);\n}\n.kindLine.colorDark.clickable:hover, .kindLine.colorDark.clickable:active {\n background-color: var(--primary-background-hover-color);\n}\n.kindLine.colorNegative {\n color: var(--negative-color);\n}\n.kindLine.colorNegative svg path {\n fill: var(--negative-color);\n}\n.kindLine.colorNegative.clickable:hover, .kindLine.colorNegative.clickable:active {\n background-color: var(--negative-color-selected);\n}\n.kindLine.colorPositive {\n color: var(--positive-color);\n}\n.kindLine.colorPositive svg path {\n fill: var(--positive-color);\n}\n.kindLine.colorPositive.clickable:hover, .kindLine.colorPositive.clickable:active {\n background-color: var(--positive-color-selected);\n}\n.kindLine .smallText {\n line-height: 14px;\n}");export{n as default};
1
+ var n={clickableWrapper:"clickableWrapper","focus-visible":"focus-visible",label:"label",small:"small",withLeg:"withLeg",legWrapper:"legWrapper",kindFill:"kindFill",colorPrimary:"colorPrimary",clickable:"clickable",colorDark:"colorDark",colorNegative:"colorNegative",colorPositive:"colorPositive",kindLine:"kindLine",smallText:"smallText"};!function(n){const r="s_id-05b0d3f05a05_4_3_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper {\n cursor: pointer;\n}\n.clickableWrapper:focus-visible, .clickableWrapper.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper:focus:not(.focus-visible) {\n outline: none;\n}\n.clickableWrapper:active {\n transform: scale(0.95) translate3d(0, 0, 0);\n transition: var(--motion-productive-short) transform;\n}\n.label {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--border-radius-small);\n padding: 2px var(--space-8);\n position: relative;\n}\n.label.small {\n padding: 0 var(--space-4);\n border-radius: 2px;\n}\n.withLeg {\n border-start-start-radius: var(--border-radius-small);\n border-start-end-radius: var(--border-radius-small);\n border-end-end-radius: var(--border-radius-small);\n border-end-start-radius: 0;\n}\n.legWrapper {\n position: absolute;\n height: 8px;\n top: 100%;\n inset-inline-start: 0;\n display: inline-flex;\n}\n.kindFill.colorPrimary {\n background-color: var(--primary-color);\n}\n.kindFill.colorPrimary svg path {\n fill: var(--primary-color);\n}\n.kindFill.colorPrimary.clickable:hover, .kindFill.colorPrimary.clickable:active {\n background-color: var(--primary-hover-color);\n}\n.kindFill.colorDark {\n background-color: var(--inverted-color-background);\n}\n.kindFill.colorDark svg path {\n fill: var(--inverted-color-background);\n}\n.kindFill.colorNegative {\n background-color: var(--negative-color);\n}\n.kindFill.colorNegative svg path {\n fill: var(--negative-color);\n}\n.kindFill.colorNegative.clickable:hover, .kindFill.colorNegative.clickable:active {\n background-color: var(--negative-color-hover);\n}\n.kindFill.colorPositive {\n background-color: var(--positive-color);\n}\n.kindFill.colorPositive svg path {\n fill: var(--positive-color);\n}\n.kindFill.colorPositive.clickable:hover, .kindFill.colorPositive.clickable:active {\n background-color: var(--positive-color-hover);\n}\n.kindLine {\n border: 1px solid currentColor;\n padding: 1px var(--space-8);\n}\n.kindLine .legWrapper {\n inset-inline-start: -1px;\n top: calc(100% + 1px);\n}\n.kindLine.colorPrimary {\n color: var(--primary-color);\n}\n.kindLine.colorPrimary svg path {\n fill: var(--primary-color);\n}\n.kindLine.colorPrimary.clickable:hover, .kindLine.colorPrimary.clickable:active {\n background-color: var(--primary-background-hover-color);\n}\n.kindLine.colorDark {\n color: var(--inverted-color-background);\n}\n.kindLine.colorDark svg path {\n fill: var(--inverted-color-background);\n}\n.kindLine.colorDark.clickable:hover, .kindLine.colorDark.clickable:active {\n background-color: var(--primary-background-hover-color);\n}\n.kindLine.colorNegative {\n color: var(--negative-color);\n}\n.kindLine.colorNegative svg path {\n fill: var(--negative-color);\n}\n.kindLine.colorNegative.clickable:hover, .kindLine.colorNegative.clickable:active {\n background-color: var(--negative-color-selected);\n}\n.kindLine.colorPositive {\n color: var(--positive-color);\n}\n.kindLine.colorPositive svg path {\n fill: var(--positive-color);\n}\n.kindLine.colorPositive.clickable:hover, .kindLine.colorPositive.clickable:active {\n background-color: var(--positive-color-selected);\n}\n.kindLine .smallText {\n line-height: 14px;\n}");export{n as default};
2
2
  //# sourceMappingURL=Label.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var n={celebration:"celebration",svg:"svg",stroke:"stroke","stroke-rotate":"stroke-rotate",base:"base",fade:"fade",first:"first",second:"second",third:"third","gradient-text-fill":"gradient-text-fill"};!function(n){const e="s_id-f81803454b25_4_2_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".celebration {\n --container-perimeter: 840;\n position: relative;\n}\n.celebration .svg {\n position: absolute;\n top: 0;\n inset-inline-start: 0;\n height: 100%;\n width: 100%;\n}\n.celebration .svg .stroke {\n fill: none;\n stroke-width: 1;\n stroke-linecap: round;\n stroke-linejoin: round;\n animation: stroke-rotate cubic-bezier(0.33, 0, 0.67, 1) forwards;\n stroke-dasharray: var(--container-perimeter);\n stroke-dashoffset: var(--container-perimeter);\n}\n.celebration .svg .stroke.base {\n stroke: var(--color-egg_yolk);\n animation: fade 200ms linear forwards;\n animation-delay: 80ms;\n stroke-dasharray: 0;\n stroke-dashoffset: 0;\n opacity: 0;\n}\n.celebration .svg .stroke.first {\n stroke: var(--color-done-green);\n animation-delay: 80ms;\n animation-duration: 320ms;\n}\n.celebration .svg .stroke.second {\n stroke: var(--color-stuck-red);\n animation-delay: 200ms;\n animation-duration: 320ms;\n}\n.celebration .svg .stroke.third {\n stroke: var(--primary-color);\n animation-delay: 360ms;\n animation-duration: 320ms;\n}\n.celebration.celebration [data-celebration-text] {\n background-size: 300% 100%;\n background-repeat: no-repeat;\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n animation: gradient-text-fill 680ms linear forwards;\n background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes stroke-rotate {\n to {\n stroke-dashoffset: 0;\n }\n}\n@keyframes gradient-text-fill {\n from {\n background-position: 150% 0;\n }\n to {\n background-position: 0% 0;\n }\n}");export{n as default};
1
+ var n={celebration:"celebration",svg:"svg",stroke:"stroke","stroke-rotate":"stroke-rotate",base:"base",fade:"fade",first:"first",second:"second",third:"third","gradient-text-fill":"gradient-text-fill"};!function(n){const e="s_id-f81803454b25_4_3_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".celebration {\n --container-perimeter: 840;\n position: relative;\n}\n.celebration .svg {\n position: absolute;\n top: 0;\n inset-inline-start: 0;\n height: 100%;\n width: 100%;\n}\n.celebration .svg .stroke {\n fill: none;\n stroke-width: 1;\n stroke-linecap: round;\n stroke-linejoin: round;\n animation: stroke-rotate cubic-bezier(0.33, 0, 0.67, 1) forwards;\n stroke-dasharray: var(--container-perimeter);\n stroke-dashoffset: var(--container-perimeter);\n}\n.celebration .svg .stroke.base {\n stroke: var(--color-egg_yolk);\n animation: fade 200ms linear forwards;\n animation-delay: 80ms;\n stroke-dasharray: 0;\n stroke-dashoffset: 0;\n opacity: 0;\n}\n.celebration .svg .stroke.first {\n stroke: var(--color-done-green);\n animation-delay: 80ms;\n animation-duration: 320ms;\n}\n.celebration .svg .stroke.second {\n stroke: var(--color-stuck-red);\n animation-delay: 200ms;\n animation-duration: 320ms;\n}\n.celebration .svg .stroke.third {\n stroke: var(--primary-color);\n animation-delay: 360ms;\n animation-duration: 320ms;\n}\n.celebration.celebration [data-celebration-text] {\n background-size: 300% 100%;\n background-repeat: no-repeat;\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n animation: gradient-text-fill 680ms linear forwards;\n background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes stroke-rotate {\n to {\n stroke-dashoffset: 0;\n }\n}\n@keyframes gradient-text-fill {\n from {\n background-position: 150% 0;\n }\n to {\n background-position: 0% 0;\n }\n}");export{n as default};
2
2
  //# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map