@zonos/amino 5.5.30 → 5.5.32

package/components/section/VSection.d.ts

@@ -0,0 +1,94 @@
+import type { ReactNode } from 'react';
+import type { FontType } from "../text/Text";
+import type { BaseProps } from "../../types/BaseProps";
+export type VSectionProps = BaseProps & {
+    /**
+     * Actions to display in the header, typically buttons
+     */
+    actions?: ReactNode;
+    /**
+     * Content to display within the section
+     */
+    children?: ReactNode;
+    /**
+     * Title text or element to display at the top of the section
+     */
+    label?: ReactNode;
+    /**
+     * The font type to use for the label
+     * @default 'title'
+     */
+    labelType?: FontType;
+    /**
+     * Secondary text or element to display below the label
+     */
+    sublabel?: ReactNode;
+};
+/**
+ * VSection component provides a vertical section layout with an optional header
+ * containing a label, sublabel, and action buttons.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <VSection label="Section Title">
+ *   <p>Content goes here...</p>
+ * </VSection>
+ * ```
+ *
+ * @example With sublabel
+ * ```tsx
+ * <VSection
+ *   label="Payment Information"
+ *   sublabel="Add your payment details"
+ * >
+ *   <PaymentForm />
+ * </VSection>
+ * ```
+ *
+ * @example With actions
+ * ```tsx
+ * <VSection
+ *   label="Order Details"
+ *   actions={
+ *     <>
+ *       <Button>Print</Button>
+ *       <Button variant="primary">Edit</Button>
+ *     </>
+ *   }
+ * >
+ *   <OrderDetails />
+ * </VSection>
+ * ```
+ *
+ * @example Custom label type
+ * ```tsx
+ * <VSection
+ *   label="Order Summary"
+ *   labelType="subheader"
+ *   sublabel="Order #12345"
+ * >
+ *   <OrderSummary />
+ * </VSection>
+ * ```
+ *
+ * @example Multiple sections
+ * ```tsx
+ * <VStack spacing={32}>
+ *   <VSection
+ *     label="Shipping Information"
+ *     actions={<Button>Edit</Button>}
+ *   >
+ *     <ShippingDetails />
+ *   </VSection>
+ *
+ *   <VSection
+ *     label="Payment Method"
+ *     sublabel="Select your payment method"
+ *     actions={<Button>Add Payment</Button>}
+ *   >
+ *     <PaymentOptions />
+ *   </VSection>
+ * </VStack>
+ * ```
+ */
+export declare const VSection: ({ actions, children, className, label, labelType, style, sublabel, }: VSectionProps) => import("react").JSX.Element;

package/components/section/VSection.js

@@ -1 +1 @@
-"use strict";var e=require("clsx"),t=require("./_SectionInnerWrapper.js"),r=require("./_SectionSubheader.js"),n=require("../stack/HStack.js"),a=require("./_SectionHeader.js"),c=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../tslib.es6-8c21e256.js"),require("../../styles/constants/theme.js"),require("../../_rollupPluginBabelHelpers-77a6284f.js"),require("../stack/Stack.js");var i=l(e),s="Amino_VSection-module__styledSectionWrapper--jKcx5";c.styleInject(".Amino_VSection-module__styledSectionWrapper--jKcx5{margin-bottom:40px}");exports.VSection=function(e){var c=e.actions,l=e.children,u=e.className,o=e.label,d=e.labelType,p=void 0===d?"title":d,m=e.style,S=e.sublabel,j=void 0===S?"":S;return React.createElement("div",{className:i.default(u,s),style:m},o&&React.createElement(t.SectionInnerWrapper,null,React.createElement("div",null,"string"==typeof o?React.createElement(a.SectionHeader,{type:p},o):o,"string"==typeof j?React.createElement(r.SectionSubheader,null,j):j),React.createElement(n.HStack,{spacing:8},c)),l&&React.createElement("div",null,l))};
+"use strict";var e=require("clsx"),r=require("./_SectionInnerWrapper.js"),t=require("./_SectionSubheader.js"),i=require("../stack/HStack.js"),s=require("./_SectionHeader.js"),n=require("../../style-inject.es-d4ddeae4.js"),c=require("react/jsx-runtime");function l(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../../tslib.es6-8c21e256.js"),require("../../styles/constants/theme.js"),require("../stack/Stack.js");var a=l(e),o="Amino_VSection-module__styledSectionWrapper--jKcx5";n.styleInject(".Amino_VSection-module__styledSectionWrapper--jKcx5{margin-bottom:40px}");exports.VSection=function(e){var n=e.actions,l=e.children,u=e.className,d=e.label,j=e.labelType,p=void 0===j?"title":j,S=e.style,x=e.sublabel,q=void 0===x?"":x;return c.jsxs("div",{className:a.default(u,o),style:S,children:[d&&c.jsxs(r.SectionInnerWrapper,{children:[c.jsxs("div",{children:["string"==typeof d?c.jsx(s.SectionHeader,{type:p,children:d}):d,"string"==typeof q?c.jsx(t.SectionSubheader,{children:q}):q]}),c.jsx(i.HStack,{spacing:8,children:n})]}),l&&c.jsx("div",{children:l})]})};

package/components/section/_SectionHeader.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import { type FontType } from "../text/Text";
+import type { BaseProps } from "../../types/BaseProps";
+type Props = BaseProps & {
+    children: ReactNode;
+    type: FontType;
+};
+export declare const SectionHeader: ({ children, className, style, type }: Props) => import("react").JSX.Element;
+export {};

package/components/section/_SectionHeader.js

@@ -1 +1 @@
-"use strict";var e=require("clsx"),t=require("../text/Text.js"),r=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../tslib.es6-8c21e256.js"),require("../../styles/constants/theme.js");var l=s(e),n="Amino__SectionHeader-module__styledSectionHeader--no0Wh";r.styleInject(".Amino__SectionHeader-module__styledSectionHeader--no0Wh{display:flex;flex:auto;flex-direction:column}");exports.SectionHeader=function(e){var r=e.children,s=e.className,i=e.style,a=e.type;return React.createElement(t.Text,{className:l.default(s,n),style:i,type:a},r)};
+"use strict";var e=require("clsx"),t=require("../text/Text.js"),r=require("../../style-inject.es-d4ddeae4.js"),s=require("react/jsx-runtime");function l(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../../tslib.es6-8c21e256.js"),require("../../styles/constants/theme.js");var i=l(e),n="Amino__SectionHeader-module__styledSectionHeader--no0Wh";r.styleInject(".Amino__SectionHeader-module__styledSectionHeader--no0Wh{display:flex;flex:auto;flex-direction:column}");exports.SectionHeader=function(e){var r=e.children,l=e.className,u=e.style,o=e.type;return s.jsx(t.Text,{className:i.default(l,n),style:u,type:o,children:r})};

package/components/section/_SectionInnerWrapper.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+type Props = BaseProps & {
+    children: ReactNode;
+};
+export declare const SectionInnerWrapper: ({ children, className, style }: Props) => import("react").JSX.Element;
+export {};

package/components/section/_SectionInnerWrapper.js

@@ -1 +1 @@
-"use strict";var e=require("clsx"),t=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}var n=r(e),a="Amino__SectionInnerWrapper-module__styledSectionInnerWrapper--J-UCy";t.styleInject(".Amino__SectionInnerWrapper-module__styledSectionInnerWrapper--J-UCy{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}");exports.SectionInnerWrapper=function(e){var t=e.children,r=e.className,s=e.style;return React.createElement("header",{className:n.default(r,a),style:s},t)};
+"use strict";var e=require("clsx"),r=require("../../style-inject.es-d4ddeae4.js"),n=require("react/jsx-runtime");function t(e){return e&&e.__esModule?e:{default:e}}var s=t(e),i="Amino__SectionInnerWrapper-module__styledSectionInnerWrapper--J-UCy";r.styleInject(".Amino__SectionInnerWrapper-module__styledSectionInnerWrapper--J-UCy{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}");exports.SectionInnerWrapper=function(e){var r=e.children,t=e.className,a=e.style;return n.jsx("header",{className:s.default(t,i),style:a,children:r})};

package/components/section/_SectionSubheader.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+type Props = BaseProps & {
+    children: ReactNode;
+};
+export declare const SectionSubheader: ({ children, className, style }: Props) => import("react").JSX.Element;
+export {};

package/components/section/_SectionSubheader.js

@@ -1 +1 @@
-"use strict";var e=require("clsx"),t=require("../text/Text.js"),r=require("../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../tslib.es6-8c21e256.js"),require("../../styles/constants/theme.js");var c=s(e),n="Amino__SectionSubheader-module__styledSectionSubheader--EHA4c";r.styleInject(".Amino__SectionSubheader-module__styledSectionSubheader--EHA4c.Amino__SectionSubheader-module__styledSectionSubheader--EHA4c{margin-top:8px}");exports.SectionSubheader=function(e){var r=e.children,s=e.className,u=e.style;return React.createElement(t.Text,{className:c.default(s,n),color:"gray800",style:u,type:"body"},r)};
+"use strict";var e=require("clsx"),r=require("../text/Text.js"),t=require("../../style-inject.es-d4ddeae4.js"),s=require("react/jsx-runtime");function u(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../../tslib.es6-8c21e256.js"),require("../../styles/constants/theme.js");var i=u(e),l="Amino__SectionSubheader-module__styledSectionSubheader--EHA4c";t.styleInject(".Amino__SectionSubheader-module__styledSectionSubheader--EHA4c.Amino__SectionSubheader-module__styledSectionSubheader--EHA4c{margin-top:8px}");exports.SectionSubheader=function(e){var t=e.children,u=e.className,n=e.style;return s.jsx(r.Text,{className:i.default(u,l),color:"gray800",style:n,type:"body",children:t})};

package/components/select/CountryMultiSelect.d.ts

@@ -0,0 +1,89 @@
+import type { ReactNode } from 'react';
+import { type GroupBase, type Props, type SelectComponentsConfig, type StylesConfig } from 'react-select';
+import type { HelpTextProps } from "../help-text/HelpText";
+import type { SelectOption } from "../../types/SelectOption";
+import type { CountryOption, UnavailableCountry } from "../../utils/hooks/useCountryOptions";
+export type CountryMultiSelectProps<Option extends SelectOption<string> = SelectOption<string>, IsMulti extends true = true, Group extends GroupBase<Option> = GroupBase<Option>> = {
+    /**
+     * Custom components to override default react-select components
+     */
+    components?: SelectComponentsConfig<Option, IsMulti, Group>;
+    /**
+     * Array of country options to display in the select
+     */
+    countryOptions: CountryOption<Option['value']>[];
+    /**
+     * Optional icon to display in the select control
+     */
+    icon?: ReactNode;
+    /**
+     * Label for the select field
+     * @default 'Select countries'
+     */
+    label?: string;
+    /**
+     * Handler called when selection changes
+     * @param countryCodes Array of country codes that are selected
+     */
+    onChange: (countryCodes: Option['value'][]) => void;
+    /**
+     * Custom styles to override default react-select styles
+     */
+    styles?: StylesConfig<Option, IsMulti, Group>;
+    /**
+     * Array of countries that should appear disabled with optional explanatory messages
+     */
+    unavailableCountries: UnavailableCountry[];
+    /**
+     * Array of country codes that are currently selected
+     */
+    value: Option['value'][];
+} & Omit<Props<Option, IsMulti, Group>, 'isMulti' | 'onChange' | 'options' | 'value'> & HelpTextProps;
+/**
+ * A multi-select component specialized for selecting multiple countries.
+ * Displays country flags alongside names, organizes countries by region, and includes a "Select all" option.
+ *
+ * @example Basic usage
+ * ```tsx
+ * const [selectedCountries, setSelectedCountries] = useState<string[]>([]);
+ * const { countryOptions } = useCountryOptions();
+ *
+ * <CountryMultiSelect
+ *   countryOptions={countryOptions}
+ *   onChange={setSelectedCountries}
+ *   unavailableCountries={[]}
+ *   value={selectedCountries}
+ * />
+ * ```
+ *
+ * @example With unavailable countries
+ * ```tsx
+ * const [selectedCountries, setSelectedCountries] = useState<string[]>(['US', 'CA']);
+ * const { countryOptions } = useCountryOptions();
+ * const unavailableCountries = [
+ *   { code: 'GB', message: 'Coming soon' },
+ *   { code: 'AU', message: 'Not supported' }
+ * ];
+ *
+ * <CountryMultiSelect
+ *   countryOptions={countryOptions}
+ *   label="Shipping Countries"
+ *   onChange={setSelectedCountries}
+ *   unavailableCountries={unavailableCountries}
+ *   value={selectedCountries}
+ * />
+ * ```
+ *
+ * @example With error state
+ * ```tsx
+ * <CountryMultiSelect
+ *   countryOptions={countryOptions}
+ *   error={!selectedCountries.length}
+ *   helpText={!selectedCountries.length ? 'At least one country is required' : undefined}
+ *   onChange={setSelectedCountries}
+ *   unavailableCountries={[]}
+ *   value={selectedCountries}
+ * />
+ * ```
+ */
+export declare const CountryMultiSelect: <T extends string>({ countryOptions, label, onChange, unavailableCountries, value, ...props }: CountryMultiSelectProps<SelectOption<T>>) => import("react").JSX.Element;

package/components/select/CountryMultiSelect.js

@@ -1 +1 @@
-"use strict";var s=require("../../_rollupPluginBabelHelpers-77a6284f.js"),e=require("../../tslib.es6-8c21e256.js"),r=require("react-select"),i=require("../checkbox/Checkbox.js"),n=require("./MultiSelect.js"),l=require("../../icons/flag-icon/FlagIcon.js"),o=require("../../utils/prepRegionCountryOptions.js");require("react"),require("clsx"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("./_StyledReactSelect.js"),require("react-intersection-observer"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AQ.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BV.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CC.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CX.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GS.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IO.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js"),require("../../utils/hooks/useCountryOptions.js"),require("dayjs"),require("zod"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwrt.js"),require("lodash/isEqual"),require("swr"),require("../../utils/prepCountryOptions.js"),require("../../utils/countryPhoneCodes.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js");var u=function(s){var n=s.children,l=e.__rest(s,["children"]),o=l.getStyles,u=l.selectProps,c=u.allSelected,a=u.toggleSelectAll;return React.createElement(r.components.MenuList,l,React.createElement("div",{style:o("option",l)},React.createElement(i.Checkbox,{checked:c,label:"Select all",onChange:a})),n)};exports.CountryMultiSelect=function(r){var i=r.countryOptions,c=r.label,a=void 0===c?"Select countries":c,q=r.onChange,j=r.unavailableCountries,g=r.value,f=e.__rest(r,["countryOptions","label","onChange","unavailableCountries","value"]),t=i.map((function(s){var r=j.find((function(e){return e.code===s.code}));return e.__assign(e.__assign({},s),{icon:React.createElement(l.FlagIcon,{code:s.code,iconScale:"small"}),isDisabled:!!r,labelDescription:null==r?void 0:r.message})})),S=t.filter((function(s){return!g.includes(s.code)&&!s.isDisabled})),C={allSelected:!!g.length&&!S.length,toggleSelectAll:function(){return q(S.length?g.concat(S.map((function(s){return s.value}))):[])}};return React.createElement(n.MultiSelect,s._extends({},f,{components:{MenuList:u},hasGroups:!0,hideSelectedOptions:!1,label:a,onChange:function(s){return q(s.map((function(s){return s.value})))},options:o.prepRegionCountryOptions(t),value:t.filter((function(s){return g.includes(s.code)}))},C))};
+"use strict";var s=require("../../_rollupPluginBabelHelpers-697f213c.js"),e=require("../../tslib.es6-8c21e256.js"),r=require("react-select"),i=require("../checkbox/Checkbox.js"),n=require("./MultiSelect.js"),o=require("../../icons/flag-icon/FlagIcon.js"),u=require("../../utils/prepRegionCountryOptions.js"),l=require("react/jsx-runtime");require("react"),require("clsx"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("./_StyledReactSelect.js"),require("react-intersection-observer"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AQ.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BV.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CC.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CX.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GS.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IO.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js"),require("../../utils/hooks/useCountryOptions.js"),require("dayjs"),require("zod"),require("../../utils/handleFetch.js"),require("../../utils/hooks/useSwrt.js"),require("lodash/isEqual"),require("swr"),require("../../utils/prepCountryOptions.js"),require("../../utils/countryPhoneCodes.js"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js");var c=function(n){var o=n.children,u=e.__rest(n,["children"]),c=u.getStyles,a=u.selectProps,j=a.allSelected,q=a.toggleSelectAll;return l.jsxs(r.components.MenuList,s._objectSpread2(s._objectSpread2({},u),{},{children:[l.jsx("div",{style:c("option",u),children:l.jsx(i.Checkbox,{checked:j,label:"Select all",onChange:q})}),o]}))};exports.CountryMultiSelect=function(r){var i=r.countryOptions,a=r.label,j=void 0===a?"Select countries":a,q=r.onChange,g=r.unavailableCountries,f=r.value,t=e.__rest(r,["countryOptions","label","onChange","unavailableCountries","value"]),S=i.map((function(s){var r=g.find((function(e){return e.code===s.code}));return e.__assign(e.__assign({},s),{icon:l.jsx(o.FlagIcon,{code:s.code,iconScale:"small"}),isDisabled:!!r,labelDescription:null==r?void 0:r.message})})),C=S.filter((function(s){return!f.includes(s.code)&&!s.isDisabled})),M={allSelected:!!f.length&&!C.length,toggleSelectAll:function(){return q(C.length?f.concat(C.map((function(s){return s.value}))):[])}};return l.jsx(n.MultiSelect,s._objectSpread2(s._objectSpread2({},t),{},{components:{MenuList:c},hasGroups:!0,hideSelectedOptions:!1,label:j,onChange:function(s){return q(s.map((function(s){return s.value})))},options:u.prepRegionCountryOptions(S),value:S.filter((function(s){return f.includes(s.code)}))},M))};

package/components/select/CountrySelect.d.ts

@@ -0,0 +1,102 @@
+import { type SelectProps } from "./Select";
+import type { BaseProps } from "../../types/BaseProps";
+import type { CountryOption } from "../../utils/hooks/useCountryOptions";
+type CountrySelectType<T extends string> = {
+    /**
+     * Determines if the field should automatically receive focus when rendered
+     */
+    autoFocus?: SelectProps['autoFocus'];
+    /**
+     * Array of country options to display in the select dropdown
+     */
+    countryOptions: CountryOption<T>[];
+    /**
+     * Optional filter function to determine which countries to show
+     * @param country The country option to filter
+     * @returns Whether the country should be included in the dropdown
+     * @default Boolean - Shows all countries that are truthy
+     */
+    filter?: (country: CountryOption<T>) => boolean;
+    /**
+     * Label displayed above the select input
+     */
+    label?: string;
+    /**
+     * Handler called when selection changes
+     * @param value The selected country value or null if cleared
+     * @param option The selected country option or null if cleared
+     */
+    onChange: SelectProps<T, CountryOption<T>>['onChange'];
+    /**
+     * Text displayed when no option is selected
+     */
+    placeholder?: string;
+    /**
+     * The currently selected country code or null if none selected
+     */
+    value: T | null;
+};
+export type CountrySelectProps<T extends string = string> = CountrySelectType<T> & BaseProps & Omit<SelectProps<T, CountryOption<T>>, keyof CountrySelectType<T> | 'options'>;
+/**
+ * A select component specialized for selecting a single country.
+ * Displays country flags alongside names and supports filtering options.
+ *
+ * @example Basic usage
+ * ```tsx
+ * const [selectedCountry, setSelectedCountry] = useState<string | null>(null);
+ * const { countryOptions } = useCountryOptions();
+ *
+ * <CountrySelect
+ *   countryOptions={countryOptions}
+ *   label="Country"
+ *   onChange={(value) => setSelectedCountry(value)}
+ *   placeholder="Select a country"
+ *   value={selectedCountry}
+ * />
+ * ```
+ *
+ * @example With pre-selected value
+ * ```tsx
+ * const [selectedCountry, setSelectedCountry] = useState<string | null>('US');
+ * const { countryOptions } = useCountryOptions();
+ *
+ * <CountrySelect
+ *   countryOptions={countryOptions}
+ *   label="Country"
+ *   onChange={(value) => setSelectedCountry(value)}
+ *   value={selectedCountry}
+ * />
+ * ```
+ *
+ * @example With country filtering
+ * ```tsx
+ * const [selectedCountry, setSelectedCountry] = useState<string | null>(null);
+ * const { countryOptions } = useCountryOptions();
+ *
+ * // Only show EU countries
+ * const euCountries = ['AT', 'BE', 'BG', 'HR', 'CY', 'CZ', 'DK', 'EE', 'FI', 'FR', 'DE', 'GR', 'HU',
+ *   'IE', 'IT', 'LV', 'LT', 'LU', 'MT', 'NL', 'PL', 'PT', 'RO', 'SK', 'SI', 'ES', 'SE'];
+ *
+ * <CountrySelect
+ *   countryOptions={countryOptions}
+ *   filter={(country) => euCountries.includes(country.code)}
+ *   label="EU Country"
+ *   onChange={(value) => setSelectedCountry(value)}
+ *   value={selectedCountry}
+ * />
+ * ```
+ *
+ * @example With error state
+ * ```tsx
+ * <CountrySelect
+ *   countryOptions={countryOptions}
+ *   error={!selectedCountry}
+ *   helpText={!selectedCountry ? 'Country selection is required' : undefined}
+ *   label="Country"
+ *   onChange={(value) => setSelectedCountry(value)}
+ *   value={selectedCountry}
+ * />
+ * ```
+ */
+export declare const CountrySelect: <T extends string>({ autoFocus, countryOptions, filter, label, onChange, placeholder, value, ...props }: CountrySelectProps<T>) => import("react").JSX.Element;
+export {};

package/components/select/CountrySelect.js

@@ -1 +1 @@
-"use strict";var s=require("../../_rollupPluginBabelHelpers-77a6284f.js"),e=require("../../tslib.es6-8c21e256.js"),r=require("./Select.js"),i=require("../../icons/flag-icon/FlagIcon.js");require("./_StyledReactSelect.js"),require("react"),require("react-intersection-observer"),require("react-select"),require("clsx"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AQ.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BV.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CC.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CX.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GS.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IO.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js");exports.CountrySelect=function(o){var c=o.autoFocus,l=o.countryOptions,n=o.filter,a=void 0===n?Boolean:n,u=o.label,q=o.onChange,j=o.placeholder,g=o.value,f=e.__rest(o,["autoFocus","countryOptions","filter","label","onChange","placeholder","value"]),t=l.flatMap((function(s){return a(s)?e.__assign(e.__assign({},s),{icon:React.createElement(i.FlagIcon,{code:s.code,iconScale:"small"})}):[]})),M=t.filter((function(s){return s.value===g})),S=M.find(Boolean);return React.createElement(r.Select,s._extends({autoFocus:c,icon:React.createElement(i.FlagIcon,{code:S?S.value:"Default",iconScale:"medium"}),label:u,onChange:q,options:t,placeholder:j,value:M},f))};
+"use strict";var s=require("../../_rollupPluginBabelHelpers-697f213c.js"),e=require("../../tslib.es6-8c21e256.js"),r=require("./Select.js"),i=require("../../icons/flag-icon/FlagIcon.js"),o=require("react/jsx-runtime");require("./_StyledReactSelect.js"),require("react"),require("react-intersection-observer"),require("react-select"),require("clsx"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/flags/AD.js"),require("../../icons/flag-icon/_FlagIconBase.js"),require("../../icons/flags/AE.js"),require("../../icons/flags/AF.js"),require("../../icons/flags/AG.js"),require("../../icons/flags/AI.js"),require("../../icons/flags/AL.js"),require("../../icons/flags/AM.js"),require("../../icons/flags/AO.js"),require("../../icons/flags/AQ.js"),require("../../icons/flags/AR.js"),require("../../icons/flags/AS.js"),require("../../icons/flags/AT.js"),require("../../icons/flags/AU.js"),require("../../icons/flags/AW.js"),require("../../icons/flags/AX.js"),require("../../icons/flags/AZ.js"),require("../../icons/flags/BA.js"),require("../../icons/flags/BB.js"),require("../../icons/flags/BD.js"),require("../../icons/flags/BE.js"),require("../../icons/flags/BF.js"),require("../../icons/flags/BG.js"),require("../../icons/flags/BH.js"),require("../../icons/flags/BI.js"),require("../../icons/flags/BJ.js"),require("../../icons/flags/BL.js"),require("../../icons/flags/BM.js"),require("../../icons/flags/BN.js"),require("../../icons/flags/BO.js"),require("../../icons/flags/BQ.js"),require("../../icons/flags/BR.js"),require("../../icons/flags/BS.js"),require("../../icons/flags/BT.js"),require("../../icons/flags/BV.js"),require("../../icons/flags/BW.js"),require("../../icons/flags/BY.js"),require("../../icons/flags/BZ.js"),require("../../icons/flags/CA.js"),require("../../icons/flags/CC.js"),require("../../icons/flags/CD.js"),require("../../icons/flags/CF.js"),require("../../icons/flags/CG.js"),require("../../icons/flags/CH.js"),require("../../icons/flags/CI.js"),require("../../icons/flags/CK.js"),require("../../icons/flags/CL.js"),require("../../icons/flags/CM.js"),require("../../icons/flags/CN.js"),require("../../icons/flags/CO.js"),require("../../icons/flags/CR.js"),require("../../icons/flags/CU.js"),require("../../icons/flags/CV.js"),require("../../icons/flags/CW.js"),require("../../icons/flags/CX.js"),require("../../icons/flags/CY.js"),require("../../icons/flags/CZ.js"),require("../../icons/flags/DE.js"),require("../../icons/flags/Default.js"),require("../../icons/flags/DJ.js"),require("../../icons/flags/DK.js"),require("../../icons/flags/DM.js"),require("../../icons/flags/DO.js"),require("../../icons/flags/DZ.js"),require("../../icons/flags/EC.js"),require("../../icons/flags/EE.js"),require("../../icons/flags/EG.js"),require("../../icons/flags/EH.js"),require("../../icons/flags/ER.js"),require("../../icons/flags/ES.js"),require("../../icons/flags/ET.js"),require("../../icons/flags/FI.js"),require("../../icons/flags/FJ.js"),require("../../icons/flags/FK.js"),require("../../icons/flags/FM.js"),require("../../icons/flags/FO.js"),require("../../icons/flags/FR.js"),require("../../icons/flags/GA.js"),require("../../icons/flags/GB.js"),require("../../icons/flags/GD.js"),require("../../icons/flags/GE.js"),require("../../icons/flags/GF.js"),require("../../icons/flags/GG.js"),require("../../icons/flags/GH.js"),require("../../icons/flags/GI.js"),require("../../icons/flags/GL.js"),require("../../icons/flags/GM.js"),require("../../icons/flags/GN.js"),require("../../icons/flags/GP.js"),require("../../icons/flags/GQ.js"),require("../../icons/flags/GR.js"),require("../../icons/flags/GS.js"),require("../../icons/flags/GT.js"),require("../../icons/flags/GU.js"),require("../../icons/flags/GW.js"),require("../../icons/flags/GY.js"),require("../../icons/flags/HK.js"),require("../../icons/flags/HM.js"),require("../../icons/flags/HN.js"),require("../../icons/flags/HR.js"),require("../../icons/flags/HT.js"),require("../../icons/flags/HU.js"),require("../../icons/flags/IC.js"),require("../../icons/flags/ID.js"),require("../../icons/flags/IE.js"),require("../../icons/flags/IL.js"),require("../../icons/flags/IM.js"),require("../../icons/flags/IN.js"),require("../../icons/flags/IO.js"),require("../../icons/flags/IQ.js"),require("../../icons/flags/IR.js"),require("../../icons/flags/IS.js"),require("../../icons/flags/IT.js"),require("../../icons/flags/JE.js"),require("../../icons/flags/JM.js"),require("../../icons/flags/JO.js"),require("../../icons/flags/JP.js"),require("../../icons/flags/KE.js"),require("../../icons/flags/KG.js"),require("../../icons/flags/KH.js"),require("../../icons/flags/KI.js"),require("../../icons/flags/KM.js"),require("../../icons/flags/KN.js"),require("../../icons/flags/KP.js"),require("../../icons/flags/KR.js"),require("../../icons/flags/KW.js"),require("../../icons/flags/KY.js"),require("../../icons/flags/KZ.js"),require("../../icons/flags/LA.js"),require("../../icons/flags/LB.js"),require("../../icons/flags/LC.js"),require("../../icons/flags/LI.js"),require("../../icons/flags/LK.js"),require("../../icons/flags/LR.js"),require("../../icons/flags/LS.js"),require("../../icons/flags/LT.js"),require("../../icons/flags/LU.js"),require("../../icons/flags/LV.js"),require("../../icons/flags/LY.js"),require("../../icons/flags/MA.js"),require("../../icons/flags/MC.js"),require("../../icons/flags/MD.js"),require("../../icons/flags/ME.js"),require("../../icons/flags/MF.js"),require("../../icons/flags/MG.js"),require("../../icons/flags/MH.js"),require("../../icons/flags/MK.js"),require("../../icons/flags/ML.js"),require("../../icons/flags/MM.js"),require("../../icons/flags/MN.js"),require("../../icons/flags/MO.js"),require("../../icons/flags/MP.js"),require("../../icons/flags/MQ.js"),require("../../icons/flags/MR.js"),require("../../icons/flags/MS.js"),require("../../icons/flags/MT.js"),require("../../icons/flags/MU.js"),require("../../icons/flags/MV.js"),require("../../icons/flags/MW.js"),require("../../icons/flags/MX.js"),require("../../icons/flags/MY.js"),require("../../icons/flags/MZ.js"),require("../../icons/flags/NA.js"),require("../../icons/flags/NC.js"),require("../../icons/flags/NE.js"),require("../../icons/flags/NF.js"),require("../../icons/flags/NG.js"),require("../../icons/flags/NI.js"),require("../../icons/flags/NL.js"),require("../../icons/flags/NO.js"),require("../../icons/flags/NP.js"),require("../../icons/flags/NR.js"),require("../../icons/flags/NU.js"),require("../../icons/flags/NZ.js"),require("../../icons/flags/OM.js"),require("../../icons/flags/PA.js"),require("../../icons/flags/PE.js"),require("../../icons/flags/PF.js"),require("../../icons/flags/PG.js"),require("../../icons/flags/PH.js"),require("../../icons/flags/PK.js"),require("../../icons/flags/PL.js"),require("../../icons/flags/PM.js"),require("../../icons/flags/PN.js"),require("../../icons/flags/PR.js"),require("../../icons/flags/PS.js"),require("../../icons/flags/PT.js"),require("../../icons/flags/PW.js"),require("../../icons/flags/PY.js"),require("../../icons/flags/QA.js"),require("../../icons/flags/RE.js"),require("../../icons/flags/RO.js"),require("../../icons/flags/RS.js"),require("../../icons/flags/RU.js"),require("../../icons/flags/RW.js"),require("../../icons/flags/SA.js"),require("../../icons/flags/SB.js"),require("../../icons/flags/SC.js"),require("../../icons/flags/SD.js"),require("../../icons/flags/SE.js"),require("../../icons/flags/SG.js"),require("../../icons/flags/SH.js"),require("../../icons/flags/SI.js"),require("../../icons/flags/SJ.js"),require("../../icons/flags/SK.js"),require("../../icons/flags/SL.js"),require("../../icons/flags/SM.js"),require("../../icons/flags/SN.js"),require("../../icons/flags/SO.js"),require("../../icons/flags/SR.js"),require("../../icons/flags/SS.js"),require("../../icons/flags/ST.js"),require("../../icons/flags/SV.js"),require("../../icons/flags/SX.js"),require("../../icons/flags/SY.js"),require("../../icons/flags/SZ.js"),require("../../icons/flags/TC.js"),require("../../icons/flags/TD.js"),require("../../icons/flags/TF.js"),require("../../icons/flags/TG.js"),require("../../icons/flags/TH.js"),require("../../icons/flags/TJ.js"),require("../../icons/flags/TK.js"),require("../../icons/flags/TL.js"),require("../../icons/flags/TM.js"),require("../../icons/flags/TN.js"),require("../../icons/flags/TO.js"),require("../../icons/flags/TR.js"),require("../../icons/flags/TT.js"),require("../../icons/flags/TV.js"),require("../../icons/flags/TW.js"),require("../../icons/flags/TZ.js"),require("../../icons/flags/UA.js"),require("../../icons/flags/UG.js"),require("../../icons/flags/UM.js"),require("../../icons/flags/US.js"),require("../../icons/flags/UY.js"),require("../../icons/flags/UZ.js"),require("../../icons/flags/VA.js"),require("../../icons/flags/VC.js"),require("../../icons/flags/VE.js"),require("../../icons/flags/VG.js"),require("../../icons/flags/VI.js"),require("../../icons/flags/VN.js"),require("../../icons/flags/VU.js"),require("../../icons/flags/WF.js"),require("../../icons/flags/WS.js"),require("../../icons/flags/YE.js"),require("../../icons/flags/YT.js"),require("../../icons/flags/ZA.js"),require("../../icons/flags/ZM.js"),require("../../icons/flags/ZW.js");exports.CountrySelect=function(c){var l=c.autoFocus,n=c.countryOptions,u=c.filter,a=void 0===u?Boolean:u,j=c.label,q=c.onChange,g=c.placeholder,f=c.value,t=e.__rest(c,["autoFocus","countryOptions","filter","label","onChange","placeholder","value"]),M=n.flatMap((function(s){return a(s)?e.__assign(e.__assign({},s),{icon:o.jsx(i.FlagIcon,{code:s.code,iconScale:"small"})}):[]})),S=M.filter((function(s){return s.value===f})),C=S.find(Boolean);return o.jsx(r.Select,s._objectSpread2({autoFocus:l,icon:o.jsx(i.FlagIcon,{code:C?C.value:"Default",iconScale:"medium"}),label:j,onChange:q,options:M,placeholder:g,value:S},t))};

package/components/select/MultiSelect.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import type { GroupBase, Props, PropsValue, SelectComponentsConfig, StylesConfig } from 'react-select';
+import type { HelpTextProps } from "../help-text/HelpText";
+import type { BaseProps } from "../../types/BaseProps";
+import type { SelectOption, SelectValue } from "../../types/SelectOption";
+type RequiredProps = 'onChange' | 'options' | 'value';
+export type MultiSelectProps<Option extends SelectOption = SelectOption, IsMulti extends true = true, Group extends GroupBase<Option> = GroupBase<Option>> = BaseProps & {
+    components?: SelectComponentsConfig<Option, IsMulti, Group>;
+    hasGroups?: boolean;
+    icon?: ReactNode;
+    label?: string;
+    styles?: StylesConfig<Option, IsMulti, Group>;
+    /**
+     * @example
+     * value: { label: string; value: string; }[];
+     */
+    value: PropsValue<Option>;
+} & Omit<Props<Option, IsMulti, Group>, 'isMulti' | RequiredProps> & Required<Pick<Props<Option, IsMulti, Group>, RequiredProps>> & HelpTextProps;
+export type GroupOption<Option extends SelectOption> = {
+    data: Option;
+    index: 0;
+    isDisabled: false;
+    isSelected: false;
+    type: 'option';
+} & SelectOption;
+export declare const MultiSelect: <V extends SelectValue, Option extends SelectOption<V>, Group extends GroupBase<Option>>({ closeMenuOnSelect, hideSelectedOptions, ...props }: MultiSelectProps<Option, true, Group>) => import("react").JSX.Element;
+export {};

package/components/select/MultiSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-77a6284f.js"),t=require("../../tslib.es6-8c21e256.js"),r=require("../checkbox/Checkbox.js"),n=require("./_StyledReactSelect.js");require("react"),require("clsx"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var i=function(t){var n=t.children,i=t.getStyles,c=t.innerProps,s=t.label,o=t.options,l=t.selectProps,u=l.value,a=o.filter((function(e){return!e.isDisabled})),d=a.filter((function(e){return!e.isSelected})).map((function(e){return e.data})),p=a.filter((function(e){return e.isSelected})).map((function(e){return e.data})),q=a.length===p.length;return React.createElement("div",e._extends({style:i("group",t)},c),React.createElement("div",{style:i("option",t)},React.createElement(r.Checkbox,{checked:q,label:"string"==typeof s?s:"",onChange:function(){var e=q?u.filter((function(e){return!p.find((function(t){return t.value===e.value}))})):u.concat(d);l.onChange(e,{action:q?"deselect-group":"select-group",option:q?p:d})}})),n)};exports.MultiSelect=function(r){var c=r.closeMenuOnSelect,s=void 0!==c&&c,o=r.hideSelectedOptions,l=void 0===o||o,u=t.__rest(r,["closeMenuOnSelect","hideSelectedOptions"]);return React.createElement(n.StyledReactSelect,e._extends({},u,{closeMenuOnSelect:s,components:t.__assign({Group:i},u.components),hideSelectedOptions:l,isMulti:!0}))};
+"use strict";var e=require("../../_rollupPluginBabelHelpers-697f213c.js"),r=require("../../tslib.es6-8c21e256.js"),t=require("../checkbox/Checkbox.js"),n=require("./_StyledReactSelect.js"),i=require("react/jsx-runtime");require("react"),require("clsx"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var s=function(r){var n=r.children,s=r.getStyles,c=r.innerProps,o=r.label,l=r.options,u=r.selectProps,a=u.value,d=l.filter((function(e){return!e.isDisabled})),p=d.filter((function(e){return!e.isSelected})).map((function(e){return e.data})),j=d.filter((function(e){return e.isSelected})).map((function(e){return e.data})),q=d.length===j.length;return i.jsxs("div",e._objectSpread2(e._objectSpread2({style:s("group",r)},c),{},{children:[i.jsx("div",{style:s("option",r),children:i.jsx(t.Checkbox,{checked:q,label:"string"==typeof o?o:"",onChange:function(){var e=q?a.filter((function(e){return!j.find((function(r){return r.value===e.value}))})):a.concat(p);u.onChange(e,{action:q?"deselect-group":"select-group",option:q?j:p})}})}),n]}))};exports.MultiSelect=function(t){var c=t.closeMenuOnSelect,o=void 0!==c&&c,l=t.hideSelectedOptions,u=void 0===l||l,a=r.__rest(t,["closeMenuOnSelect","hideSelectedOptions"]);return i.jsx(n.StyledReactSelect,e._objectSpread2(e._objectSpread2({},a),{},{closeMenuOnSelect:o,components:r.__assign({Group:s},a.components),hideSelectedOptions:u,isMulti:!0}))};