@phillips/seldon 1.271.0 → 1.273.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 (240) hide show
  1. package/dist/_virtual/index.cjs +1 -1
  2. package/dist/_virtual/index.js +3 -5
  3. package/dist/_virtual/index2.cjs +1 -1
  4. package/dist/_virtual/index2.js +5 -3
  5. package/dist/components/Accordion/Accordion.cjs +1 -1
  6. package/dist/components/Accordion/Accordion.js +1 -1
  7. package/dist/components/Accordion/AccordionItem.cjs +1 -1
  8. package/dist/components/Accordion/AccordionItem.js +9 -9
  9. package/dist/components/Accordion/utils.cjs +1 -1
  10. package/dist/components/Accordion/utils.js +1 -1
  11. package/dist/components/AddToCalendar/AddToCalendar.cjs +1 -1
  12. package/dist/components/AddToCalendar/AddToCalendar.js +19 -20
  13. package/dist/components/Article/Article.cjs +1 -1
  14. package/dist/components/Article/Article.js +6 -6
  15. package/dist/components/Banner/Banner.cjs +1 -1
  16. package/dist/components/Banner/Banner.js +8 -8
  17. package/dist/components/Breadcrumb/Breadcrumb.cjs +1 -1
  18. package/dist/components/Breadcrumb/Breadcrumb.js +2 -2
  19. package/dist/components/Breadcrumb/BreadcrumbItem.cjs +1 -1
  20. package/dist/components/Breadcrumb/BreadcrumbItem.js +1 -1
  21. package/dist/components/Button/Button.cjs +1 -1
  22. package/dist/components/Button/Button.js +1 -1
  23. package/dist/components/Card/Card.cjs +1 -1
  24. package/dist/components/Card/Card.js +18 -18
  25. package/dist/components/Carousel/Carousel.cjs +1 -1
  26. package/dist/components/Carousel/Carousel.js +4 -4
  27. package/dist/components/Carousel/CarouselArrows.cjs +1 -1
  28. package/dist/components/Carousel/CarouselArrows.js +1 -1
  29. package/dist/components/Carousel/CarouselContent.cjs +1 -1
  30. package/dist/components/Carousel/CarouselContent.js +1 -1
  31. package/dist/components/Carousel/CarouselDot.cjs +1 -1
  32. package/dist/components/Carousel/CarouselDot.js +1 -1
  33. package/dist/components/Carousel/CarouselDots.cjs +1 -1
  34. package/dist/components/Carousel/CarouselDots.js +1 -1
  35. package/dist/components/Carousel/CarouselItem.cjs +1 -1
  36. package/dist/components/Carousel/CarouselItem.js +1 -1
  37. package/dist/components/Collapsible/Collapsible.cjs +1 -1
  38. package/dist/components/Collapsible/Collapsible.js +1 -1
  39. package/dist/components/Collapsible/CollapsibleContent.cjs +1 -1
  40. package/dist/components/Collapsible/CollapsibleContent.js +1 -1
  41. package/dist/components/Collapsible/CollapsibleTrigger.cjs +1 -1
  42. package/dist/components/Collapsible/CollapsibleTrigger.js +1 -1
  43. package/dist/components/ComboBox/ComboBox.cjs +1 -1
  44. package/dist/components/ComboBox/ComboBox.js +139 -224
  45. package/dist/components/ComposedModal/ComposedModal.cjs +1 -1
  46. package/dist/components/ComposedModal/ComposedModal.js +8 -8
  47. package/dist/components/ContentPeek/ContentPeek.cjs +1 -1
  48. package/dist/components/ContentPeek/ContentPeek.js +3 -3
  49. package/dist/components/Countdown/Countdown.cjs +1 -1
  50. package/dist/components/Countdown/Countdown.js +17 -17
  51. package/dist/components/Countdown/Duration.cjs +1 -1
  52. package/dist/components/Countdown/Duration.js +4 -4
  53. package/dist/components/DescriptiveRadioButton/DescriptiveRadioButton.cjs +1 -1
  54. package/dist/components/DescriptiveRadioButton/DescriptiveRadioButton.js +1 -1
  55. package/dist/components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.cjs +1 -1
  56. package/dist/components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js +1 -1
  57. package/dist/components/Detail/Detail.cjs +1 -1
  58. package/dist/components/Detail/Detail.js +1 -1
  59. package/dist/components/DetailList/DetailList.cjs +1 -1
  60. package/dist/components/DetailList/DetailList.js +1 -1
  61. package/dist/components/Divider/Divider.cjs +1 -1
  62. package/dist/components/Divider/Divider.js +1 -1
  63. package/dist/components/Drawer/Drawer.cjs +1 -1
  64. package/dist/components/Drawer/Drawer.js +1 -1
  65. package/dist/components/Drawer/DrawerHeader.cjs +1 -1
  66. package/dist/components/Drawer/DrawerHeader.js +4 -4
  67. package/dist/components/Dropdown/Dropdown.cjs +1 -1
  68. package/dist/components/Dropdown/Dropdown.js +1 -1
  69. package/dist/components/ExitGateCard/ExitGateCard.cjs +1 -1
  70. package/dist/components/ExitGateCard/ExitGateCard.js +19 -20
  71. package/dist/components/FavoritingTileButton/FavoritingTileButton.cjs +1 -1
  72. package/dist/components/FavoritingTileButton/FavoritingTileButton.js +1 -1
  73. package/dist/components/Filter/Filter.cjs +1 -1
  74. package/dist/components/Filter/Filter.js +5 -5
  75. package/dist/components/Filter/FilterHeader.cjs +1 -1
  76. package/dist/components/Filter/FilterHeader.js +6 -6
  77. package/dist/components/Grid/Grid.cjs +1 -1
  78. package/dist/components/Grid/Grid.js +1 -1
  79. package/dist/components/Grid/utils.cjs +1 -1
  80. package/dist/components/Grid/utils.js +1 -1
  81. package/dist/components/GridItem/GridItem.cjs +1 -1
  82. package/dist/components/GridItem/GridItem.js +1 -1
  83. package/dist/components/Icon/Icon.cjs +1 -1
  84. package/dist/components/Icon/Icon.js +1 -1
  85. package/dist/components/IconButton/IconButton.cjs +1 -1
  86. package/dist/components/IconButton/IconButton.js +1 -1
  87. package/dist/components/Input/Input.cjs +1 -1
  88. package/dist/components/Input/Input.js +6 -6
  89. package/dist/components/Input/utils.cjs +1 -1
  90. package/dist/components/Input/utils.js +2 -100
  91. package/dist/components/Link/Link.cjs +1 -1
  92. package/dist/components/Link/Link.js +1 -1
  93. package/dist/components/Link/types.cjs +1 -1
  94. package/dist/components/Link/types.js +0 -1
  95. package/dist/components/LinkBlock/LinkBlock.cjs +1 -1
  96. package/dist/components/LinkBlock/LinkBlock.js +5 -5
  97. package/dist/components/LinkList/LinkList.cjs +1 -1
  98. package/dist/components/LinkList/LinkList.js +1 -1
  99. package/dist/components/Loader/Loader.cjs +1 -1
  100. package/dist/components/Loader/Loader.js +1 -1
  101. package/dist/components/Modal/Modal.cjs +1 -1
  102. package/dist/components/Modal/Modal.js +18 -18
  103. package/dist/components/Navigation/Navigation.cjs +1 -1
  104. package/dist/components/Navigation/Navigation.js +2 -2
  105. package/dist/components/Navigation/NavigationItem/NavigationItem.cjs +1 -1
  106. package/dist/components/Navigation/NavigationItem/NavigationItem.js +1 -1
  107. package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.cjs +1 -1
  108. package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.js +5 -5
  109. package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs +1 -1
  110. package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.js +8 -8
  111. package/dist/components/Navigation/NavigationList/NavigationList.cjs +1 -1
  112. package/dist/components/Navigation/NavigationList/NavigationList.js +1 -1
  113. package/dist/components/Navigation/NavigationSubmenu/NavigationSubmenu.cjs +1 -1
  114. package/dist/components/Navigation/NavigationSubmenu/NavigationSubmenu.js +5 -5
  115. package/dist/components/NotificationBanner/NotificationBanner.cjs +1 -1
  116. package/dist/components/NotificationBanner/NotificationBanner.js +1 -1
  117. package/dist/components/PageContentWrapper/PageContentWrapper.cjs +1 -1
  118. package/dist/components/PageContentWrapper/PageContentWrapper.js +1 -1
  119. package/dist/components/Pagination/Pagination.cjs +1 -1
  120. package/dist/components/Pagination/Pagination.js +1 -1
  121. package/dist/components/Pictogram/Pictogram.cjs +1 -1
  122. package/dist/components/Pictogram/Pictogram.js +1 -1
  123. package/dist/components/PinchZoom/PinchZoom.cjs +1 -1
  124. package/dist/components/PinchZoom/PinchZoom.js +1 -1
  125. package/dist/components/ProgressBar/ProgressBar.cjs +1 -1
  126. package/dist/components/ProgressBar/ProgressBar.js +5 -5
  127. package/dist/components/ProgressIndicator/ProgressIndicator.cjs +1 -1
  128. package/dist/components/ProgressIndicator/ProgressIndicator.js +5 -5
  129. package/dist/components/Row/Row.cjs +1 -1
  130. package/dist/components/Row/Row.js +1 -1
  131. package/dist/components/Search/Search.cjs +1 -1
  132. package/dist/components/Search/Search.js +16 -16
  133. package/dist/components/SeldonImage/SeldonImage.cjs +1 -1
  134. package/dist/components/SeldonImage/SeldonImage.js +2 -2
  135. package/dist/components/Select/Select.cjs +1 -1
  136. package/dist/components/Select/Select.js +9 -9
  137. package/dist/components/SplitPanel/SplitPanel.cjs +1 -1
  138. package/dist/components/SplitPanel/SplitPanel.js +1 -1
  139. package/dist/components/Tabs/TabsContainer.cjs +1 -1
  140. package/dist/components/Tabs/TabsContainer.js +5 -5
  141. package/dist/components/Tabs/TabsContent.cjs +1 -1
  142. package/dist/components/Tabs/TabsContent.js +1 -1
  143. package/dist/components/Tags/Tags.cjs +1 -1
  144. package/dist/components/Tags/Tags.js +8 -8
  145. package/dist/components/Text/Text.cjs +1 -1
  146. package/dist/components/Text/Text.js +1 -1
  147. package/dist/components/TextArea/TextArea.cjs +1 -1
  148. package/dist/components/TextArea/TextArea.js +7 -7
  149. package/dist/components/TextSymbol/TextSymbol.cjs +1 -1
  150. package/dist/components/TextSymbol/TextSymbol.js +1 -1
  151. package/dist/components/Toast/Toast.cjs +1 -1
  152. package/dist/components/Toast/Toast.js +5 -5
  153. package/dist/components/Toast/ToastContextProvider.js +3 -3
  154. package/dist/components/Video/Video.cjs +1 -1
  155. package/dist/components/Video/Video.js +1 -1
  156. package/dist/index.cjs +1 -1
  157. package/dist/index.js +277 -279
  158. package/dist/node_modules/@radix-ui/react-accordion/dist/index.js +1 -1
  159. package/dist/node_modules/@radix-ui/react-menu/dist/index.js +1 -1
  160. package/dist/node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-popper/dist/index.js +6 -6
  161. package/dist/node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-popper/dist/index.js +6 -6
  162. package/dist/node_modules/@radix-ui/react-tabs/dist/index.js +3 -3
  163. package/dist/node_modules/@radix-ui/react-toast/dist/index.js +3 -3
  164. package/dist/node_modules/react-zoom-pan-pinch/dist/index.esm.cjs +1 -1
  165. package/dist/node_modules/react-zoom-pan-pinch/dist/index.esm.js +1 -1
  166. package/dist/node_modules/usehooks-ts/dist/index.js +3 -3
  167. package/dist/patterns/AccountPageHeader/AccountPageHeader.cjs +1 -1
  168. package/dist/patterns/AccountPageHeader/AccountPageHeader.js +8 -8
  169. package/dist/patterns/BidSnapshot/BidMessage.cjs +1 -1
  170. package/dist/patterns/BidSnapshot/BidMessage.js +5 -5
  171. package/dist/patterns/BidSnapshot/BidSnapshot.cjs +1 -1
  172. package/dist/patterns/BidSnapshot/BidSnapshot.js +12 -13
  173. package/dist/patterns/CountryPicker/CountryPickerCountryList.cjs +1 -1
  174. package/dist/patterns/CountryPicker/CountryPickerCountryList.js +4 -4
  175. package/dist/patterns/CountryPicker/CountryPickerModal.cjs +1 -1
  176. package/dist/patterns/CountryPicker/CountryPickerModal.js +10 -10
  177. package/dist/patterns/CountryPicker/CountryPickerOption.cjs +1 -1
  178. package/dist/patterns/CountryPicker/CountryPickerOption.js +1 -1
  179. package/dist/patterns/CountryPicker/CountryPickerTrigger.cjs +1 -1
  180. package/dist/patterns/CountryPicker/CountryPickerTrigger.js +10 -10
  181. package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.cjs +1 -1
  182. package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.js +14 -14
  183. package/dist/patterns/FilterMenu/FilterMenu.cjs +1 -1
  184. package/dist/patterns/FilterMenu/FilterMenu.js +1 -1
  185. package/dist/patterns/FiltersInline/FilterButton.cjs +1 -1
  186. package/dist/patterns/FiltersInline/FilterButton.js +22 -21
  187. package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.cjs +1 -1
  188. package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.js +47 -53
  189. package/dist/patterns/FiltersInline/FilterDropdownMenuMobile.cjs +1 -1
  190. package/dist/patterns/FiltersInline/FilterDropdownMenuMobile.js +51 -65
  191. package/dist/patterns/FiltersInline/FiltersInline.cjs +1 -1
  192. package/dist/patterns/FiltersInline/FiltersInline.js +1 -1
  193. package/dist/patterns/FiltersInline/MainFilterDropdown.cjs +1 -1
  194. package/dist/patterns/FiltersInline/MainFilterDropdown.js +56 -55
  195. package/dist/patterns/FiltersInline/SubFilterDropdown.cjs +1 -1
  196. package/dist/patterns/FiltersInline/SubFilterDropdown.js +76 -76
  197. package/dist/patterns/FiltersInline/utils.cjs +1 -1
  198. package/dist/patterns/FiltersInline/utils.d.ts +4 -0
  199. package/dist/patterns/FiltersInline/utils.js +25 -20
  200. package/dist/patterns/HeroBanner/HeroBanner.cjs +1 -1
  201. package/dist/patterns/HeroBanner/HeroBanner.js +5 -5
  202. package/dist/patterns/LanguageSelector/LanguageSelector.cjs +1 -1
  203. package/dist/patterns/LanguageSelector/LanguageSelector.js +25 -26
  204. package/dist/patterns/ObjectTile/ObjectTile.cjs +1 -1
  205. package/dist/patterns/ObjectTile/ObjectTile.js +19 -19
  206. package/dist/patterns/PhoneNumberInput/PhoneNumberInput.cjs +1 -1
  207. package/dist/patterns/PhoneNumberInput/PhoneNumberInput.js +1 -1
  208. package/dist/patterns/ProgressWizard/ProgressWizard.cjs +1 -1
  209. package/dist/patterns/ProgressWizard/ProgressWizard.js +5 -5
  210. package/dist/patterns/SaleCard/SaleCard.cjs +1 -1
  211. package/dist/patterns/SaleCard/SaleCard.js +11 -11
  212. package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.cjs +1 -1
  213. package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.js +16 -16
  214. package/dist/patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.cjs +1 -1
  215. package/dist/patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js +6 -7
  216. package/dist/patterns/Social/Social.cjs +1 -1
  217. package/dist/patterns/Social/Social.js +4 -4
  218. package/dist/patterns/Subscribe/Subscribe.cjs +1 -1
  219. package/dist/patterns/Subscribe/Subscribe.js +2 -2
  220. package/dist/patterns/TextBanner/TextBanner.cjs +1 -1
  221. package/dist/patterns/TextBanner/TextBanner.js +2 -2
  222. package/dist/patterns/UserManagement/UserManagement.cjs +1 -1
  223. package/dist/patterns/UserManagement/UserManagement.js +7 -7
  224. package/dist/patterns/ViewingDetails/ViewingDetails.cjs +1 -1
  225. package/dist/patterns/ViewingDetails/ViewingDetails.js +7 -7
  226. package/dist/patterns/ViewingsList/ViewingsList.cjs +1 -1
  227. package/dist/patterns/ViewingsList/ViewingsList.js +1 -1
  228. package/dist/patterns/ViewingsList/ViewingsListCard.cjs +1 -1
  229. package/dist/patterns/ViewingsList/ViewingsListCard.js +1 -1
  230. package/dist/patterns/ViewingsList/ViewingsListCardForm.cjs +1 -1
  231. package/dist/patterns/ViewingsList/ViewingsListCardForm.js +1 -1
  232. package/dist/providers/SeldonProvider/utils.cjs +1 -1
  233. package/dist/providers/SeldonProvider/utils.js +1 -1
  234. package/dist/scss/patterns/FiltersInline/_filterDropdownMenu.scss +86 -27
  235. package/dist/scss/patterns/FiltersInline/_filtersInline.scss +22 -0
  236. package/dist/site-furniture/Footer/Footer.cjs +1 -1
  237. package/dist/site-furniture/Footer/Footer.js +4 -4
  238. package/dist/site-furniture/Header/Header.cjs +1 -1
  239. package/dist/site-furniture/Header/Header.js +14 -14
  240. package/package.json +5 -1
@@ -1,5 +1,5 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
- import c from "../../_virtual/index.js";
2
+ import c from "../../_virtual/index2.js";
3
3
  import { forwardRef as u } from "react";
4
4
  import { getCommonProps as p } from "../../utils/index.js";
5
5
  import { useCarousel as C } from "./utils.js";
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),i=require("../../node_modules/@radix-ui/react-collapsible/dist/index.cjs"),n=require("../../utils/index.cjs"),u=require("../../_virtual/index.cjs"),c=require("react"),s=c.forwardRef(({className:o,...e},t)=>{const{className:l,...r}=n.getCommonProps(e,"Collapsible");return a.jsx(i.Root,{className:u.default(l,o),...r,...e,ref:t})});s.displayName="Collapsible";exports.default=s;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),i=require("../../node_modules/@radix-ui/react-collapsible/dist/index.cjs"),n=require("../../utils/index.cjs"),u=require("../../_virtual/index2.cjs"),c=require("react"),s=c.forwardRef(({className:o,...e},t)=>{const{className:l,...r}=n.getCommonProps(e,"Collapsible");return a.jsx(i.Root,{className:u.default(l,o),...r,...e,ref:t})});s.displayName="Collapsible";exports.default=s;
@@ -1,7 +1,7 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
2
  import { Root as e } from "../../node_modules/@radix-ui/react-collapsible/dist/index.js";
3
3
  import { getCommonProps as t } from "../../utils/index.js";
4
- import p from "../../_virtual/index.js";
4
+ import p from "../../_virtual/index2.js";
5
5
  import { forwardRef as i } from "react";
6
6
  const f = i(({ className: m, ...o }, s) => {
7
7
  const { className: a, ...r } = t(o, "Collapsible");
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),a=require("react"),i=require("../../node_modules/@radix-ui/react-collapsible/dist/index.cjs"),u=require("../../utils/index.cjs"),c=require("../../_virtual/index.cjs"),t=a.forwardRef(({className:o,...e},s)=>{const{className:n,...l}=u.getCommonProps(e,"CollapsibleContent");return r.jsx(i.Content,{ref:s,className:c.default(n,o),...l,...e})});t.displayName="CollapsibleContent";exports.default=t;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),a=require("react"),i=require("../../node_modules/@radix-ui/react-collapsible/dist/index.cjs"),u=require("../../utils/index.cjs"),c=require("../../_virtual/index2.cjs"),t=a.forwardRef(({className:o,...e},s)=>{const{className:n,...l}=u.getCommonProps(e,"CollapsibleContent");return r.jsx(i.Content,{ref:s,className:c.default(n,o),...l,...e})});t.displayName="CollapsibleContent";exports.default=t;
@@ -2,7 +2,7 @@ import { jsx as s } from "react/jsx-runtime";
2
2
  import l from "react";
3
3
  import { Content as r } from "../../node_modules/@radix-ui/react-collapsible/dist/index.js";
4
4
  import { getCommonProps as n } from "../../utils/index.js";
5
- import p from "../../_virtual/index.js";
5
+ import p from "../../_virtual/index2.js";
6
6
  const f = l.forwardRef(({ className: t, ...o }, e) => {
7
7
  const { className: a, ...m } = n(o, "CollapsibleContent");
8
8
  return /* @__PURE__ */ s(
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("../../node_modules/@radix-ui/react-collapsible/dist/index.cjs"),n=require("../../utils/index.cjs"),u=require("../../_virtual/index.cjs"),c=require("react"),r=c.forwardRef(({className:s,...e},i)=>{const{className:o,...l}=n.getCommonProps(e,"CollapsibleTrigger");return t.jsx(a.Trigger,{className:u.default(o,s),...l,...e,ref:i})});r.displayName="CollapsibleTrigger";exports.default=r;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("../../node_modules/@radix-ui/react-collapsible/dist/index.cjs"),n=require("../../utils/index.cjs"),u=require("../../_virtual/index2.cjs"),c=require("react"),r=c.forwardRef(({className:s,...e},i)=>{const{className:o,...l}=n.getCommonProps(e,"CollapsibleTrigger");return t.jsx(a.Trigger,{className:u.default(o,s),...l,...e,ref:i})});r.displayName="CollapsibleTrigger";exports.default=r;
@@ -1,7 +1,7 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
2
  import { Trigger as l } from "../../node_modules/@radix-ui/react-collapsible/dist/index.js";
3
3
  import { getCommonProps as i } from "../../utils/index.js";
4
- import t from "../../_virtual/index.js";
4
+ import t from "../../_virtual/index2.js";
5
5
  import { forwardRef as p } from "react";
6
6
  const g = p(({ className: o, ...r }, m) => {
7
7
  const { className: s, ...e } = i(r, "CollapsibleTrigger");
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),N=require("../../node_modules/@radix-ui/react-popover/dist/index.cjs"),p=require("../../_virtual/index.cjs"),g=require("../../node_modules/cmdk/dist/index.cjs"),i=require("react"),pe=require("../../node_modules/usehooks-ts/dist/index.cjs");require("../../assets/formatted/Account.cjs");require("../../assets/formatted/AccountActive.cjs");require("../../assets/formatted/Add.cjs");require("../../assets/formatted/AdminCheck.cjs");require("../../assets/formatted/AdminChevronLeft.cjs");require("../../assets/formatted/AdminChevronRight.cjs");require("../../assets/formatted/AdminChevronUp.cjs");require("../../assets/formatted/AdminClose.cjs");require("../../assets/formatted/AdminFullscreen.cjs");require("../../assets/formatted/AdminFullscreenExit.cjs");require("../../assets/formatted/AdminGavel.cjs");require("../../assets/formatted/AdminHome.cjs");require("../../assets/formatted/AdminLiveOnline.cjs");require("../../assets/formatted/AdminPencil.cjs");require("../../assets/formatted/AdminPerson.cjs");require("../../assets/formatted/AdminPlay.cjs");require("../../assets/formatted/AdminSearch.cjs");require("../../assets/formatted/AdminTelephone.cjs");require("../../assets/formatted/AppleAppStoreBadge.cjs");require("../../assets/formatted/ArrowDown.cjs");require("../../assets/formatted/ArrowLeft.cjs");require("../../assets/formatted/ArrowRight.cjs");require("../../assets/formatted/ArrowUp.cjs");require("../../assets/formatted/Bag.cjs");require("../../assets/formatted/Calendar.cjs");require("../../assets/formatted/Card.cjs");const he=require("../../assets/formatted/ChevronDown.cjs");require("../../assets/formatted/ChevronLeft.cjs");require("../../assets/formatted/ChevronRight.cjs");require("../../assets/formatted/ChevronUp.cjs");require("../../assets/formatted/Clock.cjs");const _e=require("../../assets/formatted/CloseX.cjs");require("../../assets/formatted/ConditionReport.cjs");require("../../assets/formatted/Delete.cjs");require("../../assets/formatted/Download.cjs");require("../../assets/formatted/Edit.cjs");require("../../assets/formatted/Email.cjs");require("../../assets/formatted/Error.cjs");require("../../assets/formatted/ExternalLink.cjs");require("../../assets/formatted/Facebook.cjs");require("../../assets/formatted/Favorite.cjs");require("../../assets/formatted/FavoriteActive.cjs");require("../../assets/formatted/Filters.cjs");require("../../assets/formatted/Fullscreen.cjs");require("../../assets/formatted/FullscreenExit.cjs");require("../../assets/formatted/Gavel.cjs");require("../../assets/formatted/GavelActive.cjs");require("../../assets/formatted/Grid.cjs");require("../../assets/formatted/Hide.cjs");require("../../assets/formatted/Home.cjs");require("../../assets/formatted/HomeActive.cjs");require("../../assets/formatted/Icon.cjs");require("../../assets/formatted/IconBlueCircle.cjs");require("../../assets/formatted/IconGreenCircle.cjs");require("../../assets/formatted/IconOrangeCircle.cjs");require("../../assets/formatted/IconRedCircle.cjs");require("../../assets/formatted/ImageUnavailable.cjs");require("../../assets/formatted/Instagram.cjs");require("../../assets/formatted/LinkedIn.cjs");require("../../assets/formatted/List.cjs");require("../../assets/formatted/LiveNow.cjs");require("../../assets/formatted/Lock.cjs");require("../../assets/formatted/MagnificentSeven.cjs");require("../../assets/formatted/Menu.cjs");require("../../assets/formatted/Mute.cjs");require("../../assets/formatted/Paddle.cjs");require("../../assets/formatted/Pause.cjs");require("../../assets/formatted/PhillipsAppIcon.cjs");require("../../assets/formatted/PhillipsLogo.cjs");require("../../assets/formatted/Play.cjs");require("../../assets/formatted/Red.cjs");require("../../assets/formatted/Refresh.cjs");require("../../assets/formatted/Search.cjs");require("../../assets/formatted/Sell.cjs");require("../../assets/formatted/SellActive.cjs");require("../../assets/formatted/Settings.cjs");require("../../assets/formatted/Share.cjs");require("../../assets/formatted/Subtract.cjs");require("../../assets/formatted/Success.cjs");require("../../assets/formatted/Tooltip.cjs");require("../../assets/formatted/TwitterX.cjs");require("../../assets/formatted/Upload.cjs");require("../../assets/formatted/View.cjs");require("../../assets/formatted/VolumeMaximum.cjs");require("../../assets/formatted/VolumeMid.cjs");require("../../assets/formatted/VolumeMinimum.cjs");require("../../assets/formatted/WeChat.cjs");const K=require("../../utils/index.cjs"),U=require("../IconButton/IconButton.cjs"),W=require("../Button/types.cjs"),be=require("../../utils/usePrevious.cjs"),ve=require("../Text/types.cjs"),xe=require("../Text/Text.cjs"),X=i.forwardRef(function({options:o=[],className:H,id:l,labelText:S,placeholder:J,name:I,value:q,onChange:f,onBlur:Q,renderOption:F,ariaLabelDropdown:T,ariaLabelInput:Y,ariaLabelClear:Z,ariaLabelContent:ee,hideLabel:re=!1,popoverContainerRef:te,noOptionsMessage:ue="No Options.",invalid:w=!1,invalidText:ie,countOfCharsBeforeDropdown:B=0,...se},k){const{className:r,...ae}=K.getCommonProps({id:l},"ComboBox"),le=he.default,ne=_e.default,E=K.useNormalizedInputProps({id:l,invalid:w,invalidText:ie,type:"text"}),[m,A]=i.useState(!1),[oe,ce]=i.useState(""),z=be.usePrevious(q),M=i.useCallback(e=>e.label||e.value,[]),[s,v]=i.useState(()=>{if(q!==void 0){const e=o.find(u=>u.value===q);return e?e.displayValue||M(e):""}return""}),x=i.useRef(null),$=i.useRef(null),y=i.useRef(!1),O=i.useRef(null),c=i.useCallback(e=>M(e),[M]),h=q!==void 0,V=h?q:oe,a=i.useMemo(()=>o.find(e=>e.value===V)||null,[o,V]),_=i.useMemo(()=>a?a.displayValue||c(a):"",[a,c]),d=i.useMemo(()=>{if(!s||a&&s===_)return o;const e=s.toLowerCase().trim();return o.filter(u=>{const C=c(u).toLowerCase().includes(e),D=u.value.toLowerCase().includes(e),P=u.displayValue?.toLowerCase().includes(e)||!1;let b=!1;return u.filterTerms&&u.filterTerms.length>0&&(b=u.filterTerms.some(me=>me.toLowerCase().includes(e))),C||D||P||b})},[s,_,a,c,o]),n=i.useCallback((e,u)=>{const C=(u?.length||s.length)>=B;(!e||e&&C)&&A(e),e&&a&&d.length>5&&requestAnimationFrame(()=>{O.current&&O.current.scrollIntoView({block:"nearest",behavior:"auto"})})},[B,s.length,a,d.length]),j=i.useCallback(e=>{h||ce(e.value);const u=e.displayValue||c(e);v(u),f&&f(e.value,e),n(!1),y.current=!0,requestAnimationFrame(()=>{y.current=!1})},[h,f,n,c]),de=e=>{n(!1),y.current=!0,e.preventDefault(),e.stopPropagation(),f&&h&&f("",null),v(""),$.current?.focus(),requestAnimationFrame(()=>{y.current=!1})},qe=()=>{A(!m),$.current?.focus()},fe=e=>{v(e),e!==""&&d.length>0&&n(!0,e)},G=i.useMemo(()=>{if(h){if(q!==z)return a?_:s;if(a){const e=_;return e!==s?s:e}else return s}return s},[h,s,q,z,a,_]),L=e=>{if(a){const u=_;u!==G&&v(u)}else v("")},R=i.useCallback(()=>{const e=o.filter(u=>{const C=c(u).toLowerCase(),D=u.value.toLowerCase(),P=u.displayValue?.toLowerCase(),b=s.toLowerCase();return C===b||D===b||P===b});e.length===1&&j(e[0])},[s,o,j,c]);return pe.useOnClickOutside(x,e=>{e.target.closest(`.${r}__item`)||e.target.closest(`.${r}__content`)||x.current?.contains(e.target)||e.target===x.current||(R(),L(),n(!1))}),t.jsxs("div",{ref:k,className:p.default(r,H),id:l,...ae,...se,children:[I&&t.jsx("input",{type:"hidden",name:I,id:I,value:V||"",ref:e=>{typeof k=="function"&&e&&k(e)}}),t.jsxs("div",{ref:x,className:`${r}__wrapper`,children:[t.jsx(xe.default,{element:"label",variant:ve.TextVariants.labelMedium,htmlFor:`${l}-input`,className:p.default(`${r}__label`,{[`${r}__label--hidden`]:re,[`${r}__label--invalid`]:w}),"data-testid":`${l}-label`,children:S}),t.jsx(g.Command,{loop:!0,onKeyDown:e=>{setTimeout(()=>{e.key==="Escape"&&n(!1)},0)},shouldFilter:!1,className:`${r}__command-wrapper`,children:t.jsxs(N.Root,{open:m,modal:!1,children:[t.jsx(N.Trigger,{asChild:!0,children:t.jsxs("div",{className:p.default(`${r}__input-wrapper`,{[`${r}__input-wrapper--invalid`]:w}),role:"combobox","aria-label":S,children:[t.jsx(g.CommandInput,{id:`${l}-input`,placeholder:J,value:G,onValueChange:fe,tabIndex:0,onFocus:()=>{d.length>0&&!y.current&&!m&&n(!0)},onClick:e=>{n(!0),e.preventDefault(),e.currentTarget.focus()},onKeyDown:e=>{e.key==="Tab"?(n(!1),R(),L()):e.key==="Enter"&&!m?(f&&f(s,null),d.length===1&&j(d[0])):e.key==="Escape"?(n(!1),e.preventDefault(),R(),L()):(e.key==="ArrowDown"||e.key==="ArrowUp")&&!m&&d.length>0&&(n(!0),e.preventDefault())},onBlur:Q,className:p.default(`${r}__input`,{[`${r}__input--invalid`]:w}),"aria-label":Y,"aria-controls":`${l}-content`,"data-testid":`${l}-input`,ref:$}),s&&t.jsx(U.default,{className:`${r}__close-button`,"data-testid":`${l}-clear-button`,onClick:de,"aria-label":Z,tabIndex:-1,variant:W.ButtonVariants.tertiary,children:t.jsx(ne,{color:"currentColor",height:18,width:18,className:`${r}__icon-button`})}),t.jsx(U.default,{"aria-label":T,className:p.default(`${r}__dropdown-button`,{[`${r}__dropdown-button--open`]:m}),onClick:qe,"data-testid":`${l}-dropdown`,tabIndex:-1,variant:W.ButtonVariants.tertiary,children:t.jsx(le,{color:"currentColor",height:18,width:18,className:`${r}__icon-button`,title:T||`${l}-dropdown`})})]})}),m&&t.jsx(N.Portal,{container:te?.current||document.body,children:t.jsx(N.Content,{id:`${l}-content`,className:`${r}__content`,"aria-label":ee,side:"bottom",sideOffset:-5,align:"start",alignOffset:0,onFocus:()=>{document.activeElement!==$.current&&$.current?.focus()},style:{width:x.current?.offsetWidth||"100%"},children:t.jsx(g.CommandList,{className:`${r}__list`,children:d.length>0?t.jsx(g.CommandGroup,{className:`${r}__group`,children:d.map(e=>t.jsx(g.CommandItem,{className:p.default(`${r}__item`,{[`${r}__item--selected`]:a?.value===e.value}),value:e.value,onSelect:()=>j(e),...a?.value===e.value?{ref:O}:{},children:F?F(e):c(e)},e.value))}):t.jsx("div",{className:`${r}__no-options`,children:ue})})})})]})}),E.validation?E.validation:t.jsx("p",{className:p.default(`${r}__empty-validation`),children:" "})]})]})});X.displayName="ComboBox";exports.default=X;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),q=require("../../node_modules/@radix-ui/react-popover/dist/index.cjs"),h=require("../../_virtual/index2.cjs"),w=require("../../node_modules/cmdk/dist/index.cjs"),l=require("react"),he=require("../../node_modules/usehooks-ts/dist/index.cjs"),K=require("../../utils/index.cjs"),U=require("../IconButton/IconButton.cjs"),W=require("../Button/types.cjs"),_e=require("../../utils/usePrevious.cjs"),be=require("../Text/Text.cjs"),ve=require("../Text/types.cjs"),xe=require("../../assets/formatted/CloseX.cjs"),$e=require("../../assets/formatted/ChevronDown.cjs"),X=l.forwardRef(function({options:c=[],className:H,id:o,labelText:S,placeholder:J,name:I,value:f,onChange:m,onBlur:Q,renderOption:F,ariaLabelDropdown:T,ariaLabelInput:Y,ariaLabelClear:Z,ariaLabelContent:ee,hideLabel:te=!1,popoverContainerRef:se,noOptionsMessage:ae="No Options.",invalid:j=!1,invalidText:le,countOfCharsBeforeDropdown:B=0,...ne},k){const{className:t,...re}=K.getCommonProps({id:o},"ComboBox"),oe=$e.default,ue=xe.default,E=K.useNormalizedInputProps({id:o,invalid:j,invalidText:le,type:"text"}),[p,A]=l.useState(!1),[ce,ie]=l.useState(""),z=_e.usePrevious(f),M=l.useCallback(e=>e.label||e.value,[]),[n,x]=l.useState(()=>{if(f!==void 0){const e=c.find(a=>a.value===f);return e?e.displayValue||M(e):""}return""}),$=l.useRef(null),y=l.useRef(null),C=l.useRef(!1),O=l.useRef(null),i=l.useCallback(e=>M(e),[M]),_=f!==void 0,V=_?f:ce,r=l.useMemo(()=>c.find(e=>e.value===V)||null,[c,V]),b=l.useMemo(()=>r?r.displayValue||i(r):"",[r,i]),d=l.useMemo(()=>{if(!n||r&&n===b)return c;const e=n.toLowerCase().trim();return c.filter(a=>{const g=i(a).toLowerCase().includes(e),D=a.value.toLowerCase().includes(e),P=a.displayValue?.toLowerCase().includes(e)||!1;let v=!1;return a.filterTerms&&a.filterTerms.length>0&&(v=a.filterTerms.some(pe=>pe.toLowerCase().includes(e))),g||D||P||v})},[n,b,r,i,c]),u=l.useCallback((e,a)=>{const g=(a?.length||n.length)>=B;(!e||e&&g)&&A(e),e&&r&&d.length>5&&requestAnimationFrame(()=>{O.current&&O.current.scrollIntoView({block:"nearest",behavior:"auto"})})},[B,n.length,r,d.length]),N=l.useCallback(e=>{_||ie(e.value);const a=e.displayValue||i(e);x(a),m&&m(e.value,e),u(!1),C.current=!0,requestAnimationFrame(()=>{C.current=!1})},[_,m,u,i]),de=e=>{u(!1),C.current=!0,e.preventDefault(),e.stopPropagation(),m&&_&&m("",null),x(""),y.current?.focus(),requestAnimationFrame(()=>{C.current=!1})},fe=()=>{A(!p),y.current?.focus()},me=e=>{x(e),e!==""&&d.length>0&&u(!0,e)},G=l.useMemo(()=>{if(_){if(f!==z)return r?b:n;if(r){const e=b;return e!==n?n:e}else return n}return n},[_,n,f,z,r,b]),L=e=>{if(r){const a=b;a!==G&&x(a)}else x("")},R=l.useCallback(()=>{const e=c.filter(a=>{const g=i(a).toLowerCase(),D=a.value.toLowerCase(),P=a.displayValue?.toLowerCase(),v=n.toLowerCase();return g===v||D===v||P===v});e.length===1&&N(e[0])},[n,c,N,i]);return he.useOnClickOutside($,e=>{e.target.closest(`.${t}__item`)||e.target.closest(`.${t}__content`)||$.current?.contains(e.target)||e.target===$.current||(R(),L(),u(!1))}),s.jsxs("div",{ref:k,className:h.default(t,H),id:o,...re,...ne,children:[I&&s.jsx("input",{type:"hidden",name:I,id:I,value:V||"",ref:e=>{typeof k=="function"&&e&&k(e)}}),s.jsxs("div",{ref:$,className:`${t}__wrapper`,children:[s.jsx(be.default,{element:"label",variant:ve.TextVariants.labelMedium,htmlFor:`${o}-input`,className:h.default(`${t}__label`,{[`${t}__label--hidden`]:te,[`${t}__label--invalid`]:j}),"data-testid":`${o}-label`,children:S}),s.jsx(w.Command,{loop:!0,onKeyDown:e=>{setTimeout(()=>{e.key==="Escape"&&u(!1)},0)},shouldFilter:!1,className:`${t}__command-wrapper`,children:s.jsxs(q.Root,{open:p,modal:!1,children:[s.jsx(q.Trigger,{asChild:!0,children:s.jsxs("div",{className:h.default(`${t}__input-wrapper`,{[`${t}__input-wrapper--invalid`]:j}),role:"combobox","aria-label":S,children:[s.jsx(w.CommandInput,{id:`${o}-input`,placeholder:J,value:G,onValueChange:me,tabIndex:0,onFocus:()=>{d.length>0&&!C.current&&!p&&u(!0)},onClick:e=>{u(!0),e.preventDefault(),e.currentTarget.focus()},onKeyDown:e=>{e.key==="Tab"?(u(!1),R(),L()):e.key==="Enter"&&!p?(m&&m(n,null),d.length===1&&N(d[0])):e.key==="Escape"?(u(!1),e.preventDefault(),R(),L()):(e.key==="ArrowDown"||e.key==="ArrowUp")&&!p&&d.length>0&&(u(!0),e.preventDefault())},onBlur:Q,className:h.default(`${t}__input`,{[`${t}__input--invalid`]:j}),"aria-label":Y,"aria-controls":`${o}-content`,"data-testid":`${o}-input`,ref:y}),n&&s.jsx(U.default,{className:`${t}__close-button`,"data-testid":`${o}-clear-button`,onClick:de,"aria-label":Z,tabIndex:-1,variant:W.ButtonVariants.tertiary,children:s.jsx(ue,{color:"currentColor",height:18,width:18,className:`${t}__icon-button`})}),s.jsx(U.default,{"aria-label":T,className:h.default(`${t}__dropdown-button`,{[`${t}__dropdown-button--open`]:p}),onClick:fe,"data-testid":`${o}-dropdown`,tabIndex:-1,variant:W.ButtonVariants.tertiary,children:s.jsx(oe,{color:"currentColor",height:18,width:18,className:`${t}__icon-button`,title:T||`${o}-dropdown`})})]})}),p&&s.jsx(q.Portal,{container:se?.current||document.body,children:s.jsx(q.Content,{id:`${o}-content`,className:`${t}__content`,"aria-label":ee,side:"bottom",sideOffset:-5,align:"start",alignOffset:0,onFocus:()=>{document.activeElement!==y.current&&y.current?.focus()},style:{width:$.current?.offsetWidth||"100%"},children:s.jsx(w.CommandList,{className:`${t}__list`,children:d.length>0?s.jsx(w.CommandGroup,{className:`${t}__group`,children:d.map(e=>s.jsx(w.CommandItem,{className:h.default(`${t}__item`,{[`${t}__item--selected`]:r?.value===e.value}),value:e.value,onSelect:()=>N(e),...r?.value===e.value?{ref:O}:{},children:F?F(e):i(e)},e.value))}):s.jsx("div",{className:`${t}__no-options`,children:ae})})})})]})}),E.validation?E.validation:s.jsx("p",{className:h.default(`${t}__empty-validation`),children:" "})]})]})});X.displayName="ComboBox";exports.default=X;
@@ -1,314 +1,229 @@
1
- import { jsxs as T, jsx as i } from "react/jsx-runtime";
2
- import { Root as ht, Trigger as _t, Portal as vt, Content as bt } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
3
- import d from "../../_virtual/index.js";
4
- import { Command as Ct, CommandInput as yt, CommandList as $t, CommandGroup as wt, CommandItem as gt } from "../../node_modules/cmdk/dist/index.js";
5
- import Nt, { useState as B, useCallback as g, useRef as x, useMemo as O } from "react";
6
- import { useOnClickOutside as It } from "../../node_modules/usehooks-ts/dist/index.js";
7
- import "../../assets/formatted/Account.js";
8
- import "../../assets/formatted/AccountActive.js";
9
- import "../../assets/formatted/Add.js";
10
- import "../../assets/formatted/AdminCheck.js";
11
- import "../../assets/formatted/AdminChevronLeft.js";
12
- import "../../assets/formatted/AdminChevronRight.js";
13
- import "../../assets/formatted/AdminChevronUp.js";
14
- import "../../assets/formatted/AdminClose.js";
15
- import "../../assets/formatted/AdminFullscreen.js";
16
- import "../../assets/formatted/AdminFullscreenExit.js";
17
- import "../../assets/formatted/AdminGavel.js";
18
- import "../../assets/formatted/AdminHome.js";
19
- import "../../assets/formatted/AdminLiveOnline.js";
20
- import "../../assets/formatted/AdminPencil.js";
21
- import "../../assets/formatted/AdminPerson.js";
22
- import "../../assets/formatted/AdminPlay.js";
23
- import "../../assets/formatted/AdminSearch.js";
24
- import "../../assets/formatted/AdminTelephone.js";
25
- import "../../assets/formatted/AppleAppStoreBadge.js";
26
- import "../../assets/formatted/ArrowDown.js";
27
- import "../../assets/formatted/ArrowLeft.js";
28
- import "../../assets/formatted/ArrowRight.js";
29
- import "../../assets/formatted/ArrowUp.js";
30
- import "../../assets/formatted/Bag.js";
31
- import "../../assets/formatted/Calendar.js";
32
- import "../../assets/formatted/Card.js";
33
- import Tt from "../../assets/formatted/ChevronDown.js";
34
- import "../../assets/formatted/ChevronLeft.js";
35
- import "../../assets/formatted/ChevronRight.js";
36
- import "../../assets/formatted/ChevronUp.js";
37
- import "../../assets/formatted/Clock.js";
38
- import xt from "../../assets/formatted/CloseX.js";
39
- import "../../assets/formatted/ConditionReport.js";
40
- import "../../assets/formatted/Delete.js";
41
- import "../../assets/formatted/Download.js";
42
- import "../../assets/formatted/Edit.js";
43
- import "../../assets/formatted/Email.js";
44
- import "../../assets/formatted/Error.js";
45
- import "../../assets/formatted/ExternalLink.js";
46
- import "../../assets/formatted/Facebook.js";
47
- import "../../assets/formatted/Favorite.js";
48
- import "../../assets/formatted/FavoriteActive.js";
49
- import "../../assets/formatted/Filters.js";
50
- import "../../assets/formatted/Fullscreen.js";
51
- import "../../assets/formatted/FullscreenExit.js";
52
- import "../../assets/formatted/Gavel.js";
53
- import "../../assets/formatted/GavelActive.js";
54
- import "../../assets/formatted/Grid.js";
55
- import "../../assets/formatted/Hide.js";
56
- import "../../assets/formatted/Home.js";
57
- import "../../assets/formatted/HomeActive.js";
58
- import "../../assets/formatted/Icon.js";
59
- import "../../assets/formatted/IconBlueCircle.js";
60
- import "../../assets/formatted/IconGreenCircle.js";
61
- import "../../assets/formatted/IconOrangeCircle.js";
62
- import "../../assets/formatted/IconRedCircle.js";
63
- import "../../assets/formatted/ImageUnavailable.js";
64
- import "../../assets/formatted/Instagram.js";
65
- import "../../assets/formatted/LinkedIn.js";
66
- import "../../assets/formatted/List.js";
67
- import "../../assets/formatted/LiveNow.js";
68
- import "../../assets/formatted/Lock.js";
69
- import "../../assets/formatted/MagnificentSeven.js";
70
- import "../../assets/formatted/Menu.js";
71
- import "../../assets/formatted/Mute.js";
72
- import "../../assets/formatted/Paddle.js";
73
- import "../../assets/formatted/Pause.js";
74
- import "../../assets/formatted/PhillipsAppIcon.js";
75
- import "../../assets/formatted/PhillipsLogo.js";
76
- import "../../assets/formatted/Play.js";
77
- import "../../assets/formatted/Red.js";
78
- import "../../assets/formatted/Refresh.js";
79
- import "../../assets/formatted/Search.js";
80
- import "../../assets/formatted/Sell.js";
81
- import "../../assets/formatted/SellActive.js";
82
- import "../../assets/formatted/Settings.js";
83
- import "../../assets/formatted/Share.js";
84
- import "../../assets/formatted/Subtract.js";
85
- import "../../assets/formatted/Success.js";
86
- import "../../assets/formatted/Tooltip.js";
87
- import "../../assets/formatted/TwitterX.js";
88
- import "../../assets/formatted/Upload.js";
89
- import "../../assets/formatted/View.js";
90
- import "../../assets/formatted/VolumeMaximum.js";
91
- import "../../assets/formatted/VolumeMid.js";
92
- import "../../assets/formatted/VolumeMinimum.js";
93
- import "../../assets/formatted/WeChat.js";
94
- import { getCommonProps as Ot, useNormalizedInputProps as kt } from "../../utils/index.js";
1
+ import { jsxs as T, jsx as r } from "react/jsx-runtime";
2
+ import { Root as he, Trigger as _e, Portal as ve, Content as be } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
3
+ import p from "../../_virtual/index2.js";
4
+ import { Command as Ce, CommandInput as ye, CommandList as $e, CommandGroup as we, CommandItem as ge } from "../../node_modules/cmdk/dist/index.js";
5
+ import Ne, { useState as B, useCallback as g, useRef as x, useMemo as O } from "react";
6
+ import { useOnClickOutside as Ie } from "../../node_modules/usehooks-ts/dist/index.js";
7
+ import { getCommonProps as Te, useNormalizedInputProps as xe } from "../../utils/index.js";
95
8
  import W from "../IconButton/IconButton.js";
96
9
  import { ButtonVariants as X } from "../Button/types.js";
97
- import { usePrevious as Lt } from "../../utils/usePrevious.js";
98
- import { TextVariants as Vt } from "../Text/types.js";
99
- import Dt from "../Text/Text.js";
100
- const Mt = Nt.forwardRef(function({
101
- options: n = [],
10
+ import { usePrevious as Oe } from "../../utils/usePrevious.js";
11
+ import ke from "../Text/Text.js";
12
+ import { TextVariants as Le } from "../Text/types.js";
13
+ import Ve from "../../assets/formatted/CloseX.js";
14
+ import De from "../../assets/formatted/ChevronDown.js";
15
+ const Me = Ne.forwardRef(function({
16
+ options: i = [],
102
17
  className: H,
103
- id: l,
18
+ id: n,
104
19
  labelText: S,
105
20
  placeholder: J,
106
21
  name: k,
107
- value: p,
108
- onChange: u,
22
+ value: m,
23
+ onChange: f,
109
24
  onBlur: Q,
110
25
  renderOption: j,
111
26
  ariaLabelDropdown: L,
112
27
  ariaLabelInput: Y,
113
28
  ariaLabelClear: Z,
114
- ariaLabelContent: tt,
115
- hideLabel: et = !1,
116
- popoverContainerRef: rt,
117
- noOptionsMessage: ot = "No Options.",
29
+ ariaLabelContent: ee,
30
+ hideLabel: te = !1,
31
+ popoverContainerRef: ae,
32
+ noOptionsMessage: le = "No Options.",
118
33
  invalid: N = !1,
119
- invalidText: it,
34
+ invalidText: re,
120
35
  countOfCharsBeforeDropdown: q = 0,
121
- ...at
36
+ ...se
122
37
  }, V) {
123
- const { className: e, ...lt } = Ot({ id: l }, "ComboBox"), st = Tt, nt = xt, z = kt({
124
- id: l,
38
+ const { className: t, ...ne } = Te({ id: n }, "ComboBox"), oe = De, ie = Ve, z = xe({
39
+ id: n,
125
40
  invalid: N,
126
- invalidText: it,
41
+ invalidText: re,
127
42
  type: "text"
128
- }), [f, G] = B(!1), [mt, ct] = B(""), K = Lt(p), D = g((t) => t.label || t.value, []), [o, b] = B(() => {
129
- if (p !== void 0) {
130
- const t = n.find((r) => r.value === p);
131
- return t ? t.displayValue || D(t) : "";
43
+ }), [d, G] = B(!1), [ce, ue] = B(""), K = Oe(m), D = g((e) => e.label || e.value, []), [l, b] = B(() => {
44
+ if (m !== void 0) {
45
+ const e = i.find((a) => a.value === m);
46
+ return e ? e.displayValue || D(e) : "";
132
47
  }
133
48
  return "";
134
- }), C = x(null), y = x(null), $ = x(!1), M = x(null), m = g((t) => D(t), [D]), h = p !== void 0, R = h ? p : mt, a = O(() => n.find((t) => t.value === R) || null, [n, R]), _ = O(() => a ? a.displayValue || m(a) : "", [a, m]), c = O(() => {
135
- if (!o || a && o === _)
136
- return n;
137
- const t = o.toLowerCase().trim();
138
- return n.filter((r) => {
139
- const w = m(r).toLowerCase().includes(t), P = r.value.toLowerCase().includes(t), A = r.displayValue?.toLowerCase().includes(t) || !1;
49
+ }), C = x(null), y = x(null), $ = x(!1), M = x(null), c = g((e) => D(e), [D]), h = m !== void 0, R = h ? m : ce, s = O(() => i.find((e) => e.value === R) || null, [i, R]), _ = O(() => s ? s.displayValue || c(s) : "", [s, c]), u = O(() => {
50
+ if (!l || s && l === _)
51
+ return i;
52
+ const e = l.toLowerCase().trim();
53
+ return i.filter((a) => {
54
+ const w = c(a).toLowerCase().includes(e), P = a.value.toLowerCase().includes(e), A = a.displayValue?.toLowerCase().includes(e) || !1;
140
55
  let v = !1;
141
- return r.filterTerms && r.filterTerms.length > 0 && (v = r.filterTerms.some((dt) => dt.toLowerCase().includes(t))), w || P || A || v;
56
+ return a.filterTerms && a.filterTerms.length > 0 && (v = a.filterTerms.some((pe) => pe.toLowerCase().includes(e))), w || P || A || v;
142
57
  });
143
- }, [o, _, a, m, n]), s = g(
144
- (t, r) => {
145
- const w = (r?.length || o.length) >= q;
146
- (!t || t && w) && G(t), t && a && c.length > 5 && requestAnimationFrame(() => {
58
+ }, [l, _, s, c, i]), o = g(
59
+ (e, a) => {
60
+ const w = (a?.length || l.length) >= q;
61
+ (!e || e && w) && G(e), e && s && u.length > 5 && requestAnimationFrame(() => {
147
62
  M.current && M.current.scrollIntoView({
148
63
  block: "nearest",
149
64
  behavior: "auto"
150
65
  });
151
66
  });
152
67
  },
153
- [q, o.length, a, c.length]
68
+ [q, l.length, s, u.length]
154
69
  ), I = g(
155
- (t) => {
156
- h || ct(t.value);
157
- const r = t.displayValue || m(t);
158
- b(r), u && u(t.value, t), s(!1), $.current = !0, requestAnimationFrame(() => {
70
+ (e) => {
71
+ h || ue(e.value);
72
+ const a = e.displayValue || c(e);
73
+ b(a), f && f(e.value, e), o(!1), $.current = !0, requestAnimationFrame(() => {
159
74
  $.current = !1;
160
75
  });
161
76
  },
162
- [h, u, s, m]
163
- ), pt = (t) => {
164
- s(!1), $.current = !0, t.preventDefault(), t.stopPropagation(), u && h && u("", null), b(""), y.current?.focus(), requestAnimationFrame(() => {
77
+ [h, f, o, c]
78
+ ), me = (e) => {
79
+ o(!1), $.current = !0, e.preventDefault(), e.stopPropagation(), f && h && f("", null), b(""), y.current?.focus(), requestAnimationFrame(() => {
165
80
  $.current = !1;
166
81
  });
167
- }, ut = () => {
168
- G(!f), y.current?.focus();
169
- }, ft = (t) => {
170
- b(t), t !== "" && c.length > 0 && s(!0, t);
82
+ }, fe = () => {
83
+ G(!d), y.current?.focus();
84
+ }, de = (e) => {
85
+ b(e), e !== "" && u.length > 0 && o(!0, e);
171
86
  }, U = O(() => {
172
87
  if (h) {
173
- if (p !== K)
174
- return a ? _ : o;
175
- if (a) {
176
- const t = _;
177
- return t !== o ? o : t;
88
+ if (m !== K)
89
+ return s ? _ : l;
90
+ if (s) {
91
+ const e = _;
92
+ return e !== l ? l : e;
178
93
  } else
179
- return o;
94
+ return l;
180
95
  }
181
- return o;
182
- }, [h, o, p, K, a, _]), E = (t) => {
183
- if (a) {
184
- const r = _;
185
- r !== U && b(r);
96
+ return l;
97
+ }, [h, l, m, K, s, _]), E = (e) => {
98
+ if (s) {
99
+ const a = _;
100
+ a !== U && b(a);
186
101
  } else
187
102
  b("");
188
103
  }, F = g(() => {
189
- const t = n.filter((r) => {
190
- const w = m(r).toLowerCase(), P = r.value.toLowerCase(), A = r.displayValue?.toLowerCase(), v = o.toLowerCase();
104
+ const e = i.filter((a) => {
105
+ const w = c(a).toLowerCase(), P = a.value.toLowerCase(), A = a.displayValue?.toLowerCase(), v = l.toLowerCase();
191
106
  return w === v || P === v || A === v;
192
107
  });
193
- t.length === 1 && I(t[0]);
194
- }, [o, n, I, m]);
195
- return It(C, (t) => {
196
- t.target.closest(`.${e}__item`) || t.target.closest(`.${e}__content`) || C.current?.contains(t.target) || t.target === C.current || (F(), E(), s(!1));
197
- }), /* @__PURE__ */ T("div", { ref: V, className: d(e, H), id: l, ...lt, ...at, children: [
198
- k && /* @__PURE__ */ i(
108
+ e.length === 1 && I(e[0]);
109
+ }, [l, i, I, c]);
110
+ return Ie(C, (e) => {
111
+ e.target.closest(`.${t}__item`) || e.target.closest(`.${t}__content`) || C.current?.contains(e.target) || e.target === C.current || (F(), E(), o(!1));
112
+ }), /* @__PURE__ */ T("div", { ref: V, className: p(t, H), id: n, ...ne, ...se, children: [
113
+ k && /* @__PURE__ */ r(
199
114
  "input",
200
115
  {
201
116
  type: "hidden",
202
117
  name: k,
203
118
  id: k,
204
119
  value: R || "",
205
- ref: (t) => {
206
- typeof V == "function" && t && V(t);
120
+ ref: (e) => {
121
+ typeof V == "function" && e && V(e);
207
122
  }
208
123
  }
209
124
  ),
210
- /* @__PURE__ */ T("div", { ref: C, className: `${e}__wrapper`, children: [
211
- /* @__PURE__ */ i(
212
- Dt,
125
+ /* @__PURE__ */ T("div", { ref: C, className: `${t}__wrapper`, children: [
126
+ /* @__PURE__ */ r(
127
+ ke,
213
128
  {
214
129
  element: "label",
215
- variant: Vt.labelMedium,
216
- htmlFor: `${l}-input`,
217
- className: d(`${e}__label`, {
218
- [`${e}__label--hidden`]: et,
219
- [`${e}__label--invalid`]: N
130
+ variant: Le.labelMedium,
131
+ htmlFor: `${n}-input`,
132
+ className: p(`${t}__label`, {
133
+ [`${t}__label--hidden`]: te,
134
+ [`${t}__label--invalid`]: N
220
135
  }),
221
- "data-testid": `${l}-label`,
136
+ "data-testid": `${n}-label`,
222
137
  children: S
223
138
  }
224
139
  ),
225
- /* @__PURE__ */ i(
226
- Ct,
140
+ /* @__PURE__ */ r(
141
+ Ce,
227
142
  {
228
143
  loop: !0,
229
- onKeyDown: (t) => {
144
+ onKeyDown: (e) => {
230
145
  setTimeout(() => {
231
- t.key === "Escape" && s(!1);
146
+ e.key === "Escape" && o(!1);
232
147
  }, 0);
233
148
  },
234
149
  shouldFilter: !1,
235
- className: `${e}__command-wrapper`,
236
- children: /* @__PURE__ */ T(ht, { open: f, modal: !1, children: [
237
- /* @__PURE__ */ i(_t, { asChild: !0, children: /* @__PURE__ */ T(
150
+ className: `${t}__command-wrapper`,
151
+ children: /* @__PURE__ */ T(he, { open: d, modal: !1, children: [
152
+ /* @__PURE__ */ r(_e, { asChild: !0, children: /* @__PURE__ */ T(
238
153
  "div",
239
154
  {
240
- className: d(`${e}__input-wrapper`, {
241
- [`${e}__input-wrapper--invalid`]: N
155
+ className: p(`${t}__input-wrapper`, {
156
+ [`${t}__input-wrapper--invalid`]: N
242
157
  }),
243
158
  role: "combobox",
244
159
  "aria-label": S,
245
160
  children: [
246
- /* @__PURE__ */ i(
247
- yt,
161
+ /* @__PURE__ */ r(
162
+ ye,
248
163
  {
249
- id: `${l}-input`,
164
+ id: `${n}-input`,
250
165
  placeholder: J,
251
166
  value: U,
252
- onValueChange: ft,
167
+ onValueChange: de,
253
168
  tabIndex: 0,
254
169
  onFocus: () => {
255
- c.length > 0 && !$.current && !f && s(!0);
170
+ u.length > 0 && !$.current && !d && o(!0);
256
171
  },
257
- onClick: (t) => {
258
- s(!0), t.preventDefault(), t.currentTarget.focus();
172
+ onClick: (e) => {
173
+ o(!0), e.preventDefault(), e.currentTarget.focus();
259
174
  },
260
- onKeyDown: (t) => {
261
- t.key === "Tab" ? (s(!1), F(), E()) : t.key === "Enter" && !f ? (u && u(o, null), c.length === 1 && I(c[0])) : t.key === "Escape" ? (s(!1), t.preventDefault(), F(), E()) : (t.key === "ArrowDown" || t.key === "ArrowUp") && !f && c.length > 0 && (s(!0), t.preventDefault());
175
+ onKeyDown: (e) => {
176
+ e.key === "Tab" ? (o(!1), F(), E()) : e.key === "Enter" && !d ? (f && f(l, null), u.length === 1 && I(u[0])) : e.key === "Escape" ? (o(!1), e.preventDefault(), F(), E()) : (e.key === "ArrowDown" || e.key === "ArrowUp") && !d && u.length > 0 && (o(!0), e.preventDefault());
262
177
  },
263
178
  onBlur: Q,
264
- className: d(`${e}__input`, {
265
- [`${e}__input--invalid`]: N
179
+ className: p(`${t}__input`, {
180
+ [`${t}__input--invalid`]: N
266
181
  }),
267
182
  "aria-label": Y,
268
- "aria-controls": `${l}-content`,
269
- "data-testid": `${l}-input`,
183
+ "aria-controls": `${n}-content`,
184
+ "data-testid": `${n}-input`,
270
185
  ref: y
271
186
  }
272
187
  ),
273
- o && /* @__PURE__ */ i(
188
+ l && /* @__PURE__ */ r(
274
189
  W,
275
190
  {
276
- className: `${e}__close-button`,
277
- "data-testid": `${l}-clear-button`,
278
- onClick: pt,
191
+ className: `${t}__close-button`,
192
+ "data-testid": `${n}-clear-button`,
193
+ onClick: me,
279
194
  "aria-label": Z,
280
195
  tabIndex: -1,
281
196
  variant: X.tertiary,
282
- children: /* @__PURE__ */ i(
283
- nt,
197
+ children: /* @__PURE__ */ r(
198
+ ie,
284
199
  {
285
200
  color: "currentColor",
286
201
  height: 18,
287
202
  width: 18,
288
- className: `${e}__icon-button`
203
+ className: `${t}__icon-button`
289
204
  }
290
205
  )
291
206
  }
292
207
  ),
293
- /* @__PURE__ */ i(
208
+ /* @__PURE__ */ r(
294
209
  W,
295
210
  {
296
211
  "aria-label": L,
297
- className: d(`${e}__dropdown-button`, {
298
- [`${e}__dropdown-button--open`]: f
212
+ className: p(`${t}__dropdown-button`, {
213
+ [`${t}__dropdown-button--open`]: d
299
214
  }),
300
- onClick: ut,
301
- "data-testid": `${l}-dropdown`,
215
+ onClick: fe,
216
+ "data-testid": `${n}-dropdown`,
302
217
  tabIndex: -1,
303
218
  variant: X.tertiary,
304
- children: /* @__PURE__ */ i(
305
- st,
219
+ children: /* @__PURE__ */ r(
220
+ oe,
306
221
  {
307
222
  color: "currentColor",
308
223
  height: 18,
309
224
  width: 18,
310
- className: `${e}__icon-button`,
311
- title: L || `${l}-dropdown`
225
+ className: `${t}__icon-button`,
226
+ title: L || `${n}-dropdown`
312
227
  }
313
228
  )
314
229
  }
@@ -316,12 +231,12 @@ const Mt = Nt.forwardRef(function({
316
231
  ]
317
232
  }
318
233
  ) }),
319
- f && /* @__PURE__ */ i(vt, { container: rt?.current || document.body, children: /* @__PURE__ */ i(
320
- bt,
234
+ d && /* @__PURE__ */ r(ve, { container: ae?.current || document.body, children: /* @__PURE__ */ r(
235
+ be,
321
236
  {
322
- id: `${l}-content`,
323
- className: `${e}__content`,
324
- "aria-label": tt,
237
+ id: `${n}-content`,
238
+ className: `${t}__content`,
239
+ "aria-label": ee,
325
240
  side: "bottom",
326
241
  sideOffset: -5,
327
242
  align: "start",
@@ -332,29 +247,29 @@ const Mt = Nt.forwardRef(function({
332
247
  style: {
333
248
  width: C.current?.offsetWidth || "100%"
334
249
  },
335
- children: /* @__PURE__ */ i($t, { className: `${e}__list`, children: c.length > 0 ? /* @__PURE__ */ i(wt, { className: `${e}__group`, children: c.map((t) => /* @__PURE__ */ i(
336
- gt,
250
+ children: /* @__PURE__ */ r($e, { className: `${t}__list`, children: u.length > 0 ? /* @__PURE__ */ r(we, { className: `${t}__group`, children: u.map((e) => /* @__PURE__ */ r(
251
+ ge,
337
252
  {
338
- className: d(`${e}__item`, {
339
- [`${e}__item--selected`]: a?.value === t.value
253
+ className: p(`${t}__item`, {
254
+ [`${t}__item--selected`]: s?.value === e.value
340
255
  }),
341
- value: t.value,
342
- onSelect: () => I(t),
343
- ...a?.value === t.value ? { ref: M } : {},
344
- children: j ? j(t) : m(t)
256
+ value: e.value,
257
+ onSelect: () => I(e),
258
+ ...s?.value === e.value ? { ref: M } : {},
259
+ children: j ? j(e) : c(e)
345
260
  },
346
- t.value
347
- )) }) : /* @__PURE__ */ i("div", { className: `${e}__no-options`, children: ot }) })
261
+ e.value
262
+ )) }) : /* @__PURE__ */ r("div", { className: `${t}__no-options`, children: le }) })
348
263
  }
349
264
  ) })
350
265
  ] })
351
266
  }
352
267
  ),
353
- z.validation ? z.validation : /* @__PURE__ */ i("p", { className: d(`${e}__empty-validation`), children: " " })
268
+ z.validation ? z.validation : /* @__PURE__ */ r("p", { className: p(`${t}__empty-validation`), children: " " })
354
269
  ] })
355
270
  ] });
356
271
  });
357
- Mt.displayName = "ComboBox";
272
+ Me.displayName = "ComboBox";
358
273
  export {
359
- Mt as default
274
+ Me as default
360
275
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("../../_virtual/index.cjs"),q=require("react"),t=require("../../utils/index.cjs"),b=require("../Divider/Divider.cjs"),f=require("../Modal/Modal.cjs"),h=require("../Text/types.cjs"),p=require("../Text/Text.cjs"),o=q.forwardRef(({children:c,className:m,overlayClassName:$,isOpen:n=!1,onClose:u=t.noOp,maxHeightValue:x="60vh",title:v,footerContent:a,secondaryButton:l,primaryButton:r,id:d,...i},_)=>{const{className:s,"data-testid":g,...N}=t.getCommonProps({id:d,...i},"ComposedModal");return e.jsxs(f.default,{isOpen:n,onClose:u,...i,...N,className:j.default(`${s}`,m),id:d,ref:_,title:v,children:[e.jsx("div",{className:`${s}__body`,style:{"--max-modal-body-height":x},children:c}),(l||r||a)&&e.jsxs(e.Fragment,{children:[e.jsx(b.default,{className:`${s}__divider`,id:`${d}-divider`}),e.jsxs("div",{className:`${s}__btns-group`,children:[l,r]}),a&&e.jsx(p.default,{variant:h.TextVariants.bodySmall,className:`${s}__disclaimer`,children:a})]})]})});o.displayName="ComposedModal";exports.default=o;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("../../_virtual/index2.cjs"),q=require("react"),t=require("../../utils/index.cjs"),b=require("../Modal/Modal.cjs"),f=require("../Divider/Divider.cjs"),h=require("../Text/Text.cjs"),p=require("../Text/types.cjs"),o=q.forwardRef(({children:c,className:m,overlayClassName:$,isOpen:n=!1,onClose:u=t.noOp,maxHeightValue:x="60vh",title:v,footerContent:a,secondaryButton:l,primaryButton:r,id:d,...i},_)=>{const{className:s,"data-testid":g,...N}=t.getCommonProps({id:d,...i},"ComposedModal");return e.jsxs(b.default,{isOpen:n,onClose:u,...i,...N,className:j.default(`${s}`,m),id:d,ref:_,title:v,children:[e.jsx("div",{className:`${s}__body`,style:{"--max-modal-body-height":x},children:c}),(l||r||a)&&e.jsxs(e.Fragment,{children:[e.jsx(f.default,{className:`${s}__divider`,id:`${d}-divider`}),e.jsxs("div",{className:`${s}__btns-group`,children:[l,r]}),a&&e.jsx(h.default,{variant:p.TextVariants.bodySmall,className:`${s}__disclaimer`,children:a})]})]})});o.displayName="ComposedModal";exports.default=o;