@zonos/amino 5.5.33 → 5.5.34

package/components/country-multi-select/CountryMultiSelectExpanded.d.ts

@@ -16,6 +16,16 @@ export type CountryMultiSelectExpandedProps<CountryCode extends string = string>
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Expand all groups by default
+     * @default false
+     */
+    expandAllGroupsOnInitialRender?: boolean;
+    /**
+     * Whether to hide the "Select all" checkbox
+     * @default false
+     */
+    hideSelectAll?: boolean;
     /**
      * Maximum height of the country selection area in pixels
      * @default 380
@@ -120,4 +130,4 @@ export type CountryMultiSelectExpandedProps<CountryCode extends string = string>
  * />
  * ```
  */
-export declare const CountryMultiSelectExpanded: <CountryCode extends string = string>({ actions, className, countries, disabled, error, helpText, maxHeight, noHeader, onChange, selectedCountries, style, withoutSearch, }: CountryMultiSelectExpandedProps<CountryCode>) => import("react").JSX.Element;
+export declare const CountryMultiSelectExpanded: <CountryCode extends string = string>({ actions, className, countries, disabled, error, expandAllGroupsOnInitialRender, helpText, hideSelectAll, maxHeight, noHeader, onChange, selectedCountries, style, withoutSearch, }: CountryMultiSelectExpandedProps<CountryCode>) => import("react").JSX.Element;

package/components/country-multi-select/CountryMultiSelectExpanded.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("react"),t=require("clsx"),s=require("lodash/groupBy"),n=require("../button/Button.js"),l=require("../checkbox/Checkbox.js"),o=require("../collapse/Collapse.js"),i=require("../../CountryMultiSelectExpandedOption-22d4110d.js"),a=require("../divider/Divider.js"),c=require("../help-text/HelpText.js"),u=require("../text/Text.js"),d=require("../../icons/ChevronUpIcon.js"),p=require("../../icons/RemoveCircleIcon.js"),h=require("../../icons/SearchIcon.js"),x=require("../../utils/getFuzzySearch.js"),f=require("react/jsx-runtime");function j(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("@mui/material/Collapse"),require("react-intersection-observer"),require("fuse.js");var m=j(t),b=j(s);exports.CountryMultiSelectExpanded=function(t){var s=t.actions,j=t.className,y=t.countries,v=t.disabled,C=void 0!==v&&v,q=t.error,_=void 0!==q&&q,g=t.helpText,S=t.maxHeight,N=void 0===S?380:S,k=t.noHeader,I=void 0!==k&&k,T=t.onChange,M=t.selectedCountries,z=t.style,A=t.withoutSearch,W=void 0!==A&&A,H=r.useId(),B=e.__read(r.useState(""),2),R=B[0],E=B[1],w=e.__read(r.useState([]),2),F=w[0],O=w[1],D=r.useMemo((function(){return y.sort((function(e,r){return e.label.localeCompare(r.label)}))}),[y]),U=r.useCallback((function(e){return x.getFuzzySearch({array:D,options:{keys:["label","code","group"],threshold:.1}}).fuzzySearch.search(e)}),[D]),G=r.useMemo((function(){return""===R?D:U(R).map((function(e){return e.item}))}),[D,U,R]),P=r.useMemo((function(){var r=Object.entries(b.default(G,"group")).map((function(r){var t=e.__read(r,2),s=t[0];return{countries:t[1],label:s}}));return r.sort((function(e,r){return e.label.localeCompare(r.label)}))}),[G]),J=r.useMemo((function(){return D.filter((function(e){return!e.disabled})).length===M.length}),[D,M.length]);if(r.useEffect((function(){R&&O(P.map((function(e){return e.label})))}),[P,R]),!D.length)return f.jsx("div",{className:m.default(j),children:f.jsx(u.Text,{color:"textColorSecondary",children:"No countries"})});var K=D.filter((function(e){return!e.disabled})).length;return f.jsxs("div",{className:m.default(i.styles.wrapper,j,C&&i.styles.disabled),style:z,children:[!I&&f.jsxs("div",{className:i.styles.header,children:[f.jsx(u.Text,{type:"bold-label",children:"Countries and Regions"}),f.jsxs(u.Text,{color:"textColorSecondary",type:"label",children:[M.length," of ",K," selected"]})]}),f.jsx(c.HelpText,{error:_,helpText:g,withoutMargin:!0}),f.jsxs("div",{className:m.default(i.styles.componentWrapper,_&&"error"),children:[f.jsxs("div",{className:i.styles.componentHeaderWrapper,children:[!W&&f.jsxs("label",{className:i.styles.searchInput,htmlFor:H,children:[f.jsx(h.SearchIcon,{size:24}),f.jsx("input",{autoComplete:"off",id:H,onChange:function(e){return E(e.target.value)},placeholder:"Search...",type:"text",value:R}),R&&f.jsx(n.Button,{icon:f.jsx(p.RemoveCircleIcon,{size:24}),onClick:function(){return E("")},variant:"text"})]}),s&&f.jsx("div",{className:i.styles.headerActions,children:s})]}),(!!s||!W)&&f.jsx(a.Divider,{noMargin:!0}),G.length?f.jsxs("div",{className:i.styles.selectionWrapper,style:{maxHeight:"".concat(N,"px")},children:[!R&&f.jsx("div",{className:i.styles.checkboxWrapper,children:f.jsx(l.Checkbox,{checked:J,label:"Select all",onChange:function(e){T(e?D.filter((function(e){return!e.disabled})):[])}})}),P.map((function(r){var t=r.countries.filter((function(e){return M.some((function(r){return r.code===e.code}))})).length,s=r.countries.filter((function(e){return!e.disabled})).length,n=!!s&&r.countries.every((function(e){return e.disabled||M.some((function(r){return r.code===e.code}))})),a=!F.includes(r.label);return f.jsxs("div",{children:[f.jsxs("div",{className:m.default(i.styles.groupWrapper,i.styles.hoverWrapper),children:[f.jsx(l.Checkbox,{checked:n,disabled:!s,label:r.label,onChange:function(t){if(t){var s=e.__spreadArray(e.__spreadArray([],e.__read(M),!1),e.__read(r.countries.filter((function(e){return!e.disabled}))),!1);T(s)}else s=M.filter((function(e){return!e.disabled&&!r.countries.some((function(r){return r.code===e.code}))})),T(s)}}),f.jsxs("button",{className:i.styles.collapseButton,onClick:function(){F.includes(r.label)?O(F.filter((function(e){return e!==r.label}))):O(e.__spreadArray(e.__spreadArray([],e.__read(F),!1),[r.label],!1))},type:"button",children:[f.jsxs(u.Text,{color:"textColorSecondary",children:[t,"/",s]}),f.jsx(d.ChevronUpIcon,{className:m.default(i.styles.collapseIcon,a&&i.styles.collapsed),size:24})]})]}),f.jsx(o.Collapse,{collapsed:a,children:f.jsx("div",{className:i.styles.countriesWrapper,children:r.countries.map((function(r){var t=M.some((function(e){return e.code===r.code}));return f.jsx(i._CountryMultiSelectExpandedOptionComponent,{country:r,isChecked:t,onChange:function(t){T(t?e.__spreadArray(e.__spreadArray([],e.__read(M),!1),[r],!1):M.filter((function(e){return e.code!==r.code})))}},r.code)}))})})]},r.label)}))]}):f.jsx("div",{className:i.styles.noCountriesWrapper,children:f.jsx(u.Text,{color:"textColorSecondary",children:"No countries"})})]})]})};
+"use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("react"),t=require("clsx"),n=require("lodash/groupBy"),s=require("../button/Button.js"),l=require("../checkbox/Checkbox.js"),i=require("../collapse/Collapse.js"),o=require("../../CountryMultiSelectExpandedOption-22d4110d.js"),a=require("../divider/Divider.js"),c=require("../help-text/HelpText.js"),u=require("../text/Text.js"),d=require("../../icons/ChevronUpIcon.js"),p=require("../../icons/RemoveCircleIcon.js"),h=require("../../icons/SearchIcon.js"),f=require("../../utils/getFuzzySearch.js"),x=require("react/jsx-runtime");function j(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("@mui/material/Collapse"),require("react-intersection-observer"),require("fuse.js");var m=j(t),b=j(n);exports.CountryMultiSelectExpanded=function(t){var n=t.actions,j=t.className,y=t.countries,v=t.disabled,C=void 0!==v&&v,_=t.error,q=void 0!==_&&_,g=t.expandAllGroupsOnInitialRender,S=void 0!==g&&g,N=t.helpText,k=t.hideSelectAll,I=void 0!==k&&k,T=t.maxHeight,A=void 0===T?380:T,M=t.noHeader,z=void 0!==M&&M,W=t.onChange,H=t.selectedCountries,R=t.style,B=t.withoutSearch,E=void 0!==B&&B,O=r.useId(),w=e.__read(r.useState(""),2),F=w[0],D=w[1],G=e.__read(r.useState([]),2),U=G[0],P=G[1],J=e.__read(r.useState(!1),2),K=J[0],L=J[1],Q=r.useMemo((function(){return y.sort((function(e,r){return e.label.localeCompare(r.label)}))}),[y]),V=r.useCallback((function(e){return f.getFuzzySearch({array:Q,options:{keys:["label","code","group"],threshold:.1}}).fuzzySearch.search(e)}),[Q]),X=r.useMemo((function(){return""===F?Q:V(F).map((function(e){return e.item}))}),[Q,V,F]),Y=r.useMemo((function(){var r=Object.entries(b.default(X,"group")).map((function(r){var t=e.__read(r,2),n=t[0];return{countries:t[1],label:n}}));return r.sort((function(e,r){return e.label.localeCompare(r.label)}))}),[X]),Z=r.useMemo((function(){return Q.filter((function(e){return!e.disabled})).length===H.length}),[Q,H.length]);if(r.useEffect((function(){F&&P(Y.map((function(e){return e.label})))}),[Y,F]),r.useEffect((function(){S&&!K&&(P(Y.map((function(e){return e.label}))),L(!0))}),[Y,S,K]),!Q.length)return x.jsx("div",{className:m.default(j),children:x.jsx(u.Text,{color:"textColorSecondary",children:"No countries"})});var $=Q.filter((function(e){return!e.disabled})).length;return x.jsxs("div",{className:m.default(o.styles.wrapper,j,C&&o.styles.disabled),style:R,children:[!z&&x.jsxs("div",{className:o.styles.header,children:[x.jsx(u.Text,{type:"bold-label",children:"Countries and Regions"}),x.jsxs(u.Text,{color:"textColorSecondary",type:"label",children:[H.length," of ",$," selected"]})]}),x.jsx(c.HelpText,{error:q,helpText:N,withoutMargin:!0}),x.jsxs("div",{className:m.default(o.styles.componentWrapper,q&&"error"),children:[x.jsxs("div",{className:o.styles.componentHeaderWrapper,children:[!E&&x.jsxs("label",{className:o.styles.searchInput,htmlFor:O,children:[x.jsx(h.SearchIcon,{size:24}),x.jsx("input",{autoComplete:"off",id:O,onChange:function(e){return D(e.target.value)},placeholder:"Search...",type:"text",value:F}),F&&x.jsx(s.Button,{icon:x.jsx(p.RemoveCircleIcon,{size:24}),onClick:function(){return D("")},variant:"text"})]}),n&&x.jsx("div",{className:o.styles.headerActions,children:n})]}),(!!n||!E)&&x.jsx(a.Divider,{noMargin:!0}),X.length?x.jsxs("div",{className:o.styles.selectionWrapper,style:{maxHeight:"".concat(A,"px")},children:[!F&&!I&&x.jsx("div",{className:o.styles.checkboxWrapper,children:x.jsx(l.Checkbox,{checked:Z,label:"Select all",onChange:function(e){W(e?Q.filter((function(e){return!e.disabled})):[])}})}),Y.map((function(r){var t=r.countries.filter((function(e){return H.some((function(r){return r.code===e.code}))})).length,n=r.countries.filter((function(e){return!e.disabled})).length,s=!!n&&r.countries.every((function(e){return e.disabled||H.some((function(r){return r.code===e.code}))})),a=!U.includes(r.label);return x.jsxs("div",{children:[x.jsxs("div",{className:m.default(o.styles.groupWrapper,o.styles.hoverWrapper),children:[x.jsx(l.Checkbox,{checked:s,disabled:!n,label:r.label,onChange:function(t){if(t){var n=e.__spreadArray(e.__spreadArray([],e.__read(H),!1),e.__read(r.countries.filter((function(e){return!e.disabled}))),!1);W(n)}else n=H.filter((function(e){return!e.disabled&&!r.countries.some((function(r){return r.code===e.code}))})),W(n)}}),x.jsxs("button",{className:o.styles.collapseButton,onClick:function(){U.includes(r.label)?P(U.filter((function(e){return e!==r.label}))):P(e.__spreadArray(e.__spreadArray([],e.__read(U),!1),[r.label],!1))},type:"button",children:[x.jsxs(u.Text,{color:"textColorSecondary",children:[t,"/",n]}),x.jsx(d.ChevronUpIcon,{className:m.default(o.styles.collapseIcon,a&&o.styles.collapsed),size:24})]})]}),x.jsx(i.Collapse,{collapsed:a,children:x.jsx("div",{className:o.styles.countriesWrapper,children:r.countries.map((function(r){var t=H.some((function(e){return e.code===r.code}));return x.jsx(o._CountryMultiSelectExpandedOptionComponent,{country:r,isChecked:t,onChange:function(t){W(t?e.__spreadArray(e.__spreadArray([],e.__read(H),!1),[r],!1):H.filter((function(e){return e.code!==r.code})))}},r.code)}))})})]},r.label)}))]}):x.jsx("div",{className:o.styles.noCountriesWrapper,children:x.jsx(u.Text,{color:"textColorSecondary",children:"No countries"})})]})]})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.5.33",
+  "version": "5.5.34",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",