@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.
- package/dist/_virtual/index.cjs +1 -1
- package/dist/_virtual/index.js +3 -5
- package/dist/_virtual/index2.cjs +1 -1
- package/dist/_virtual/index2.js +5 -3
- package/dist/components/Accordion/Accordion.cjs +1 -1
- package/dist/components/Accordion/Accordion.js +1 -1
- package/dist/components/Accordion/AccordionItem.cjs +1 -1
- package/dist/components/Accordion/AccordionItem.js +9 -9
- package/dist/components/Accordion/utils.cjs +1 -1
- package/dist/components/Accordion/utils.js +1 -1
- package/dist/components/AddToCalendar/AddToCalendar.cjs +1 -1
- package/dist/components/AddToCalendar/AddToCalendar.js +19 -20
- package/dist/components/Article/Article.cjs +1 -1
- package/dist/components/Article/Article.js +6 -6
- package/dist/components/Banner/Banner.cjs +1 -1
- package/dist/components/Banner/Banner.js +8 -8
- package/dist/components/Breadcrumb/Breadcrumb.cjs +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +2 -2
- package/dist/components/Breadcrumb/BreadcrumbItem.cjs +1 -1
- package/dist/components/Breadcrumb/BreadcrumbItem.js +1 -1
- package/dist/components/Button/Button.cjs +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Card/Card.cjs +1 -1
- package/dist/components/Card/Card.js +18 -18
- package/dist/components/Carousel/Carousel.cjs +1 -1
- package/dist/components/Carousel/Carousel.js +4 -4
- package/dist/components/Carousel/CarouselArrows.cjs +1 -1
- package/dist/components/Carousel/CarouselArrows.js +1 -1
- package/dist/components/Carousel/CarouselContent.cjs +1 -1
- package/dist/components/Carousel/CarouselContent.js +1 -1
- package/dist/components/Carousel/CarouselDot.cjs +1 -1
- package/dist/components/Carousel/CarouselDot.js +1 -1
- package/dist/components/Carousel/CarouselDots.cjs +1 -1
- package/dist/components/Carousel/CarouselDots.js +1 -1
- package/dist/components/Carousel/CarouselItem.cjs +1 -1
- package/dist/components/Carousel/CarouselItem.js +1 -1
- package/dist/components/Collapsible/Collapsible.cjs +1 -1
- package/dist/components/Collapsible/Collapsible.js +1 -1
- package/dist/components/Collapsible/CollapsibleContent.cjs +1 -1
- package/dist/components/Collapsible/CollapsibleContent.js +1 -1
- package/dist/components/Collapsible/CollapsibleTrigger.cjs +1 -1
- package/dist/components/Collapsible/CollapsibleTrigger.js +1 -1
- package/dist/components/ComboBox/ComboBox.cjs +1 -1
- package/dist/components/ComboBox/ComboBox.js +139 -224
- package/dist/components/ComposedModal/ComposedModal.cjs +1 -1
- package/dist/components/ComposedModal/ComposedModal.js +8 -8
- package/dist/components/ContentPeek/ContentPeek.cjs +1 -1
- package/dist/components/ContentPeek/ContentPeek.js +3 -3
- package/dist/components/Countdown/Countdown.cjs +1 -1
- package/dist/components/Countdown/Countdown.js +17 -17
- package/dist/components/Countdown/Duration.cjs +1 -1
- package/dist/components/Countdown/Duration.js +4 -4
- package/dist/components/DescriptiveRadioButton/DescriptiveRadioButton.cjs +1 -1
- package/dist/components/DescriptiveRadioButton/DescriptiveRadioButton.js +1 -1
- package/dist/components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.cjs +1 -1
- package/dist/components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js +1 -1
- package/dist/components/Detail/Detail.cjs +1 -1
- package/dist/components/Detail/Detail.js +1 -1
- package/dist/components/DetailList/DetailList.cjs +1 -1
- package/dist/components/DetailList/DetailList.js +1 -1
- package/dist/components/Divider/Divider.cjs +1 -1
- package/dist/components/Divider/Divider.js +1 -1
- package/dist/components/Drawer/Drawer.cjs +1 -1
- package/dist/components/Drawer/Drawer.js +1 -1
- package/dist/components/Drawer/DrawerHeader.cjs +1 -1
- package/dist/components/Drawer/DrawerHeader.js +4 -4
- package/dist/components/Dropdown/Dropdown.cjs +1 -1
- package/dist/components/Dropdown/Dropdown.js +1 -1
- package/dist/components/ExitGateCard/ExitGateCard.cjs +1 -1
- package/dist/components/ExitGateCard/ExitGateCard.js +19 -20
- package/dist/components/FavoritingTileButton/FavoritingTileButton.cjs +1 -1
- package/dist/components/FavoritingTileButton/FavoritingTileButton.js +1 -1
- package/dist/components/Filter/Filter.cjs +1 -1
- package/dist/components/Filter/Filter.js +5 -5
- package/dist/components/Filter/FilterHeader.cjs +1 -1
- package/dist/components/Filter/FilterHeader.js +6 -6
- package/dist/components/Grid/Grid.cjs +1 -1
- package/dist/components/Grid/Grid.js +1 -1
- package/dist/components/Grid/utils.cjs +1 -1
- package/dist/components/Grid/utils.js +1 -1
- package/dist/components/GridItem/GridItem.cjs +1 -1
- package/dist/components/GridItem/GridItem.js +1 -1
- package/dist/components/Icon/Icon.cjs +1 -1
- package/dist/components/Icon/Icon.js +1 -1
- package/dist/components/IconButton/IconButton.cjs +1 -1
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/Input/Input.cjs +1 -1
- package/dist/components/Input/Input.js +6 -6
- package/dist/components/Input/utils.cjs +1 -1
- package/dist/components/Input/utils.js +2 -100
- package/dist/components/Link/Link.cjs +1 -1
- package/dist/components/Link/Link.js +1 -1
- package/dist/components/Link/types.cjs +1 -1
- package/dist/components/Link/types.js +0 -1
- package/dist/components/LinkBlock/LinkBlock.cjs +1 -1
- package/dist/components/LinkBlock/LinkBlock.js +5 -5
- package/dist/components/LinkList/LinkList.cjs +1 -1
- package/dist/components/LinkList/LinkList.js +1 -1
- package/dist/components/Loader/Loader.cjs +1 -1
- package/dist/components/Loader/Loader.js +1 -1
- package/dist/components/Modal/Modal.cjs +1 -1
- package/dist/components/Modal/Modal.js +18 -18
- package/dist/components/Navigation/Navigation.cjs +1 -1
- package/dist/components/Navigation/Navigation.js +2 -2
- package/dist/components/Navigation/NavigationItem/NavigationItem.cjs +1 -1
- package/dist/components/Navigation/NavigationItem/NavigationItem.js +1 -1
- package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.cjs +1 -1
- package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.js +5 -5
- package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.cjs +1 -1
- package/dist/components/Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.js +8 -8
- package/dist/components/Navigation/NavigationList/NavigationList.cjs +1 -1
- package/dist/components/Navigation/NavigationList/NavigationList.js +1 -1
- package/dist/components/Navigation/NavigationSubmenu/NavigationSubmenu.cjs +1 -1
- package/dist/components/Navigation/NavigationSubmenu/NavigationSubmenu.js +5 -5
- package/dist/components/NotificationBanner/NotificationBanner.cjs +1 -1
- package/dist/components/NotificationBanner/NotificationBanner.js +1 -1
- package/dist/components/PageContentWrapper/PageContentWrapper.cjs +1 -1
- package/dist/components/PageContentWrapper/PageContentWrapper.js +1 -1
- package/dist/components/Pagination/Pagination.cjs +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/Pictogram/Pictogram.cjs +1 -1
- package/dist/components/Pictogram/Pictogram.js +1 -1
- package/dist/components/PinchZoom/PinchZoom.cjs +1 -1
- package/dist/components/PinchZoom/PinchZoom.js +1 -1
- package/dist/components/ProgressBar/ProgressBar.cjs +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +5 -5
- package/dist/components/ProgressIndicator/ProgressIndicator.cjs +1 -1
- package/dist/components/ProgressIndicator/ProgressIndicator.js +5 -5
- package/dist/components/Row/Row.cjs +1 -1
- package/dist/components/Row/Row.js +1 -1
- package/dist/components/Search/Search.cjs +1 -1
- package/dist/components/Search/Search.js +16 -16
- package/dist/components/SeldonImage/SeldonImage.cjs +1 -1
- package/dist/components/SeldonImage/SeldonImage.js +2 -2
- package/dist/components/Select/Select.cjs +1 -1
- package/dist/components/Select/Select.js +9 -9
- package/dist/components/SplitPanel/SplitPanel.cjs +1 -1
- package/dist/components/SplitPanel/SplitPanel.js +1 -1
- package/dist/components/Tabs/TabsContainer.cjs +1 -1
- package/dist/components/Tabs/TabsContainer.js +5 -5
- package/dist/components/Tabs/TabsContent.cjs +1 -1
- package/dist/components/Tabs/TabsContent.js +1 -1
- package/dist/components/Tags/Tags.cjs +1 -1
- package/dist/components/Tags/Tags.js +8 -8
- package/dist/components/Text/Text.cjs +1 -1
- package/dist/components/Text/Text.js +1 -1
- package/dist/components/TextArea/TextArea.cjs +1 -1
- package/dist/components/TextArea/TextArea.js +7 -7
- package/dist/components/TextSymbol/TextSymbol.cjs +1 -1
- package/dist/components/TextSymbol/TextSymbol.js +1 -1
- package/dist/components/Toast/Toast.cjs +1 -1
- package/dist/components/Toast/Toast.js +5 -5
- package/dist/components/Toast/ToastContextProvider.js +3 -3
- package/dist/components/Video/Video.cjs +1 -1
- package/dist/components/Video/Video.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +277 -279
- package/dist/node_modules/@radix-ui/react-accordion/dist/index.js +1 -1
- package/dist/node_modules/@radix-ui/react-menu/dist/index.js +1 -1
- package/dist/node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-popper/dist/index.js +6 -6
- package/dist/node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-popper/dist/index.js +6 -6
- package/dist/node_modules/@radix-ui/react-tabs/dist/index.js +3 -3
- package/dist/node_modules/@radix-ui/react-toast/dist/index.js +3 -3
- package/dist/node_modules/react-zoom-pan-pinch/dist/index.esm.cjs +1 -1
- package/dist/node_modules/react-zoom-pan-pinch/dist/index.esm.js +1 -1
- package/dist/node_modules/usehooks-ts/dist/index.js +3 -3
- package/dist/patterns/AccountPageHeader/AccountPageHeader.cjs +1 -1
- package/dist/patterns/AccountPageHeader/AccountPageHeader.js +8 -8
- package/dist/patterns/BidSnapshot/BidMessage.cjs +1 -1
- package/dist/patterns/BidSnapshot/BidMessage.js +5 -5
- package/dist/patterns/BidSnapshot/BidSnapshot.cjs +1 -1
- package/dist/patterns/BidSnapshot/BidSnapshot.js +12 -13
- package/dist/patterns/CountryPicker/CountryPickerCountryList.cjs +1 -1
- package/dist/patterns/CountryPicker/CountryPickerCountryList.js +4 -4
- package/dist/patterns/CountryPicker/CountryPickerModal.cjs +1 -1
- package/dist/patterns/CountryPicker/CountryPickerModal.js +10 -10
- package/dist/patterns/CountryPicker/CountryPickerOption.cjs +1 -1
- package/dist/patterns/CountryPicker/CountryPickerOption.js +1 -1
- package/dist/patterns/CountryPicker/CountryPickerTrigger.cjs +1 -1
- package/dist/patterns/CountryPicker/CountryPickerTrigger.js +10 -10
- package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.cjs +1 -1
- package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.js +14 -14
- package/dist/patterns/FilterMenu/FilterMenu.cjs +1 -1
- package/dist/patterns/FilterMenu/FilterMenu.js +1 -1
- package/dist/patterns/FiltersInline/FilterButton.cjs +1 -1
- package/dist/patterns/FiltersInline/FilterButton.js +22 -21
- package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.cjs +1 -1
- package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.js +47 -53
- package/dist/patterns/FiltersInline/FilterDropdownMenuMobile.cjs +1 -1
- package/dist/patterns/FiltersInline/FilterDropdownMenuMobile.js +51 -65
- package/dist/patterns/FiltersInline/FiltersInline.cjs +1 -1
- package/dist/patterns/FiltersInline/FiltersInline.js +1 -1
- package/dist/patterns/FiltersInline/MainFilterDropdown.cjs +1 -1
- package/dist/patterns/FiltersInline/MainFilterDropdown.js +56 -55
- package/dist/patterns/FiltersInline/SubFilterDropdown.cjs +1 -1
- package/dist/patterns/FiltersInline/SubFilterDropdown.js +76 -76
- package/dist/patterns/FiltersInline/utils.cjs +1 -1
- package/dist/patterns/FiltersInline/utils.d.ts +4 -0
- package/dist/patterns/FiltersInline/utils.js +25 -20
- package/dist/patterns/HeroBanner/HeroBanner.cjs +1 -1
- package/dist/patterns/HeroBanner/HeroBanner.js +5 -5
- package/dist/patterns/LanguageSelector/LanguageSelector.cjs +1 -1
- package/dist/patterns/LanguageSelector/LanguageSelector.js +25 -26
- package/dist/patterns/ObjectTile/ObjectTile.cjs +1 -1
- package/dist/patterns/ObjectTile/ObjectTile.js +19 -19
- package/dist/patterns/PhoneNumberInput/PhoneNumberInput.cjs +1 -1
- package/dist/patterns/PhoneNumberInput/PhoneNumberInput.js +1 -1
- package/dist/patterns/ProgressWizard/ProgressWizard.cjs +1 -1
- package/dist/patterns/ProgressWizard/ProgressWizard.js +5 -5
- package/dist/patterns/SaleCard/SaleCard.cjs +1 -1
- package/dist/patterns/SaleCard/SaleCard.js +11 -11
- package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.cjs +1 -1
- package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.js +16 -16
- package/dist/patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.cjs +1 -1
- package/dist/patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js +6 -7
- package/dist/patterns/Social/Social.cjs +1 -1
- package/dist/patterns/Social/Social.js +4 -4
- package/dist/patterns/Subscribe/Subscribe.cjs +1 -1
- package/dist/patterns/Subscribe/Subscribe.js +2 -2
- package/dist/patterns/TextBanner/TextBanner.cjs +1 -1
- package/dist/patterns/TextBanner/TextBanner.js +2 -2
- package/dist/patterns/UserManagement/UserManagement.cjs +1 -1
- package/dist/patterns/UserManagement/UserManagement.js +7 -7
- package/dist/patterns/ViewingDetails/ViewingDetails.cjs +1 -1
- package/dist/patterns/ViewingDetails/ViewingDetails.js +7 -7
- package/dist/patterns/ViewingsList/ViewingsList.cjs +1 -1
- package/dist/patterns/ViewingsList/ViewingsList.js +1 -1
- package/dist/patterns/ViewingsList/ViewingsListCard.cjs +1 -1
- package/dist/patterns/ViewingsList/ViewingsListCard.js +1 -1
- package/dist/patterns/ViewingsList/ViewingsListCardForm.cjs +1 -1
- package/dist/patterns/ViewingsList/ViewingsListCardForm.js +1 -1
- package/dist/providers/SeldonProvider/utils.cjs +1 -1
- package/dist/providers/SeldonProvider/utils.js +1 -1
- package/dist/scss/patterns/FiltersInline/_filterDropdownMenu.scss +86 -27
- package/dist/scss/patterns/FiltersInline/_filtersInline.scss +22 -0
- package/dist/site-furniture/Footer/Footer.cjs +1 -1
- package/dist/site-furniture/Footer/Footer.js +4 -4
- package/dist/site-furniture/Header/Header.cjs +1 -1
- package/dist/site-furniture/Header/Header.js +14 -14
- package/package.json +5 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import c from "../../_virtual/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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
|
|
2
|
-
import { Root as
|
|
3
|
-
import
|
|
4
|
-
import { Command as
|
|
5
|
-
import
|
|
6
|
-
import { useOnClickOutside as
|
|
7
|
-
import "../../
|
|
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
|
|
98
|
-
import
|
|
99
|
-
import
|
|
100
|
-
|
|
101
|
-
|
|
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:
|
|
18
|
+
id: n,
|
|
104
19
|
labelText: S,
|
|
105
20
|
placeholder: J,
|
|
106
21
|
name: k,
|
|
107
|
-
value:
|
|
108
|
-
onChange:
|
|
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:
|
|
115
|
-
hideLabel:
|
|
116
|
-
popoverContainerRef:
|
|
117
|
-
noOptionsMessage:
|
|
29
|
+
ariaLabelContent: ee,
|
|
30
|
+
hideLabel: te = !1,
|
|
31
|
+
popoverContainerRef: ae,
|
|
32
|
+
noOptionsMessage: le = "No Options.",
|
|
118
33
|
invalid: N = !1,
|
|
119
|
-
invalidText:
|
|
34
|
+
invalidText: re,
|
|
120
35
|
countOfCharsBeforeDropdown: q = 0,
|
|
121
|
-
...
|
|
36
|
+
...se
|
|
122
37
|
}, V) {
|
|
123
|
-
const { className:
|
|
124
|
-
id:
|
|
38
|
+
const { className: t, ...ne } = Te({ id: n }, "ComboBox"), oe = De, ie = Ve, z = xe({
|
|
39
|
+
id: n,
|
|
125
40
|
invalid: N,
|
|
126
|
-
invalidText:
|
|
41
|
+
invalidText: re,
|
|
127
42
|
type: "text"
|
|
128
|
-
}), [
|
|
129
|
-
if (
|
|
130
|
-
const
|
|
131
|
-
return
|
|
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),
|
|
135
|
-
if (!
|
|
136
|
-
return
|
|
137
|
-
const
|
|
138
|
-
return
|
|
139
|
-
const w =
|
|
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
|
|
56
|
+
return a.filterTerms && a.filterTerms.length > 0 && (v = a.filterTerms.some((pe) => pe.toLowerCase().includes(e))), w || P || A || v;
|
|
142
57
|
});
|
|
143
|
-
}, [
|
|
144
|
-
(
|
|
145
|
-
const w = (
|
|
146
|
-
(!
|
|
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,
|
|
68
|
+
[q, l.length, s, u.length]
|
|
154
69
|
), I = g(
|
|
155
|
-
(
|
|
156
|
-
h ||
|
|
157
|
-
const
|
|
158
|
-
b(
|
|
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,
|
|
163
|
-
),
|
|
164
|
-
|
|
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
|
-
},
|
|
168
|
-
G(!
|
|
169
|
-
},
|
|
170
|
-
b(
|
|
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 (
|
|
174
|
-
return
|
|
175
|
-
if (
|
|
176
|
-
const
|
|
177
|
-
return
|
|
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
|
|
94
|
+
return l;
|
|
180
95
|
}
|
|
181
|
-
return
|
|
182
|
-
}, [h,
|
|
183
|
-
if (
|
|
184
|
-
const
|
|
185
|
-
|
|
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
|
|
190
|
-
const w =
|
|
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
|
-
|
|
194
|
-
}, [
|
|
195
|
-
return
|
|
196
|
-
|
|
197
|
-
}), /* @__PURE__ */ T("div", { ref: V, className:
|
|
198
|
-
k && /* @__PURE__ */
|
|
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: (
|
|
206
|
-
typeof V == "function" &&
|
|
120
|
+
ref: (e) => {
|
|
121
|
+
typeof V == "function" && e && V(e);
|
|
207
122
|
}
|
|
208
123
|
}
|
|
209
124
|
),
|
|
210
|
-
/* @__PURE__ */ T("div", { ref: C, className: `${
|
|
211
|
-
/* @__PURE__ */
|
|
212
|
-
|
|
125
|
+
/* @__PURE__ */ T("div", { ref: C, className: `${t}__wrapper`, children: [
|
|
126
|
+
/* @__PURE__ */ r(
|
|
127
|
+
ke,
|
|
213
128
|
{
|
|
214
129
|
element: "label",
|
|
215
|
-
variant:
|
|
216
|
-
htmlFor: `${
|
|
217
|
-
className:
|
|
218
|
-
[`${
|
|
219
|
-
[`${
|
|
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": `${
|
|
136
|
+
"data-testid": `${n}-label`,
|
|
222
137
|
children: S
|
|
223
138
|
}
|
|
224
139
|
),
|
|
225
|
-
/* @__PURE__ */
|
|
226
|
-
|
|
140
|
+
/* @__PURE__ */ r(
|
|
141
|
+
Ce,
|
|
227
142
|
{
|
|
228
143
|
loop: !0,
|
|
229
|
-
onKeyDown: (
|
|
144
|
+
onKeyDown: (e) => {
|
|
230
145
|
setTimeout(() => {
|
|
231
|
-
|
|
146
|
+
e.key === "Escape" && o(!1);
|
|
232
147
|
}, 0);
|
|
233
148
|
},
|
|
234
149
|
shouldFilter: !1,
|
|
235
|
-
className: `${
|
|
236
|
-
children: /* @__PURE__ */ T(
|
|
237
|
-
/* @__PURE__ */
|
|
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:
|
|
241
|
-
[`${
|
|
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__ */
|
|
247
|
-
|
|
161
|
+
/* @__PURE__ */ r(
|
|
162
|
+
ye,
|
|
248
163
|
{
|
|
249
|
-
id: `${
|
|
164
|
+
id: `${n}-input`,
|
|
250
165
|
placeholder: J,
|
|
251
166
|
value: U,
|
|
252
|
-
onValueChange:
|
|
167
|
+
onValueChange: de,
|
|
253
168
|
tabIndex: 0,
|
|
254
169
|
onFocus: () => {
|
|
255
|
-
|
|
170
|
+
u.length > 0 && !$.current && !d && o(!0);
|
|
256
171
|
},
|
|
257
|
-
onClick: (
|
|
258
|
-
|
|
172
|
+
onClick: (e) => {
|
|
173
|
+
o(!0), e.preventDefault(), e.currentTarget.focus();
|
|
259
174
|
},
|
|
260
|
-
onKeyDown: (
|
|
261
|
-
|
|
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:
|
|
265
|
-
[`${
|
|
179
|
+
className: p(`${t}__input`, {
|
|
180
|
+
[`${t}__input--invalid`]: N
|
|
266
181
|
}),
|
|
267
182
|
"aria-label": Y,
|
|
268
|
-
"aria-controls": `${
|
|
269
|
-
"data-testid": `${
|
|
183
|
+
"aria-controls": `${n}-content`,
|
|
184
|
+
"data-testid": `${n}-input`,
|
|
270
185
|
ref: y
|
|
271
186
|
}
|
|
272
187
|
),
|
|
273
|
-
|
|
188
|
+
l && /* @__PURE__ */ r(
|
|
274
189
|
W,
|
|
275
190
|
{
|
|
276
|
-
className: `${
|
|
277
|
-
"data-testid": `${
|
|
278
|
-
onClick:
|
|
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__ */
|
|
283
|
-
|
|
197
|
+
children: /* @__PURE__ */ r(
|
|
198
|
+
ie,
|
|
284
199
|
{
|
|
285
200
|
color: "currentColor",
|
|
286
201
|
height: 18,
|
|
287
202
|
width: 18,
|
|
288
|
-
className: `${
|
|
203
|
+
className: `${t}__icon-button`
|
|
289
204
|
}
|
|
290
205
|
)
|
|
291
206
|
}
|
|
292
207
|
),
|
|
293
|
-
/* @__PURE__ */
|
|
208
|
+
/* @__PURE__ */ r(
|
|
294
209
|
W,
|
|
295
210
|
{
|
|
296
211
|
"aria-label": L,
|
|
297
|
-
className:
|
|
298
|
-
[`${
|
|
212
|
+
className: p(`${t}__dropdown-button`, {
|
|
213
|
+
[`${t}__dropdown-button--open`]: d
|
|
299
214
|
}),
|
|
300
|
-
onClick:
|
|
301
|
-
"data-testid": `${
|
|
215
|
+
onClick: fe,
|
|
216
|
+
"data-testid": `${n}-dropdown`,
|
|
302
217
|
tabIndex: -1,
|
|
303
218
|
variant: X.tertiary,
|
|
304
|
-
children: /* @__PURE__ */
|
|
305
|
-
|
|
219
|
+
children: /* @__PURE__ */ r(
|
|
220
|
+
oe,
|
|
306
221
|
{
|
|
307
222
|
color: "currentColor",
|
|
308
223
|
height: 18,
|
|
309
224
|
width: 18,
|
|
310
|
-
className: `${
|
|
311
|
-
title: L || `${
|
|
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
|
-
|
|
320
|
-
|
|
234
|
+
d && /* @__PURE__ */ r(ve, { container: ae?.current || document.body, children: /* @__PURE__ */ r(
|
|
235
|
+
be,
|
|
321
236
|
{
|
|
322
|
-
id: `${
|
|
323
|
-
className: `${
|
|
324
|
-
"aria-label":
|
|
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__ */
|
|
336
|
-
|
|
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:
|
|
339
|
-
[`${
|
|
253
|
+
className: p(`${t}__item`, {
|
|
254
|
+
[`${t}__item--selected`]: s?.value === e.value
|
|
340
255
|
}),
|
|
341
|
-
value:
|
|
342
|
-
onSelect: () => I(
|
|
343
|
-
...
|
|
344
|
-
children: j ? j(
|
|
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
|
-
|
|
347
|
-
)) }) : /* @__PURE__ */
|
|
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__ */
|
|
268
|
+
z.validation ? z.validation : /* @__PURE__ */ r("p", { className: p(`${t}__empty-validation`), children: " " })
|
|
354
269
|
] })
|
|
355
270
|
] });
|
|
356
271
|
});
|
|
357
|
-
|
|
272
|
+
Me.displayName = "ComboBox";
|
|
358
273
|
export {
|
|
359
|
-
|
|
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/
|
|
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;
|