@zonos/amino 5.5.33 → 5.5.35

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

@@ -7,6 +7,11 @@ export type CountryMultiSelectExpandedProps<CountryCode extends string = string>
      * Optional actions to display in the component header
      */
     actions?: ReactNode;
+    /**
+     * Keep all groups permanently expanded and hide collapse/expand controls
+     * @default false
+     */
+    alwaysExpand?: boolean;
     /**
      * Array of country options to display in the select
      */
@@ -16,6 +21,11 @@ export type CountryMultiSelectExpandedProps<CountryCode extends string = string>
      * @default false
      */
     disabled?: 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, alwaysExpand, className, countries, disabled, error, 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"),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"),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.alwaysExpand,y=void 0!==j&&j,v=t.className,C=t.countries,q=t.disabled,_=void 0!==q&&q,g=t.error,S=void 0!==g&&g,N=t.helpText,k=t.hideSelectAll,I=void 0!==k&&k,T=t.maxHeight,M=void 0===T?380:T,z=t.noHeader,A=void 0!==z&&z,W=t.onChange,H=t.selectedCountries,B=t.style,E=t.withoutSearch,R=void 0!==E&&E,w=r.useId(),F=e.__read(r.useState(""),2),O=F[0],D=F[1],U=e.__read(r.useState([]),2),G=U[0],P=U[1],J=r.useMemo((function(){return C.sort((function(e,r){return e.label.localeCompare(r.label)}))}),[C]),K=r.useCallback((function(e){return f.getFuzzySearch({array:J,options:{keys:["label","code","group"],threshold:.1}}).fuzzySearch.search(e)}),[J]),L=r.useMemo((function(){return""===O?J:K(O).map((function(e){return e.item}))}),[J,K,O]),Q=r.useMemo((function(){var r=Object.entries(b.default(L,"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)}))}),[L]),V=r.useMemo((function(){return J.filter((function(e){return!e.disabled})).length===H.length}),[J,H.length]);if(r.useEffect((function(){O&&P(Q.map((function(e){return e.label})))}),[Q,O]),r.useEffect((function(){y&&P(Q.map((function(e){return e.label})))}),[Q,y]),!J.length)return x.jsx("div",{className:m.default(v),children:x.jsx(u.Text,{color:"textColorSecondary",children:"No countries"})});var X=J.filter((function(e){return!e.disabled})).length;return x.jsxs("div",{className:m.default(i.styles.wrapper,v,_&&i.styles.disabled),style:B,children:[!A&&x.jsxs("div",{className:i.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 ",X," selected"]})]}),x.jsx(c.HelpText,{error:S,helpText:N,withoutMargin:!0}),x.jsxs("div",{className:m.default(i.styles.componentWrapper,S&&"error"),children:[x.jsxs("div",{className:i.styles.componentHeaderWrapper,children:[!R&&x.jsxs("label",{className:i.styles.searchInput,htmlFor:w,children:[x.jsx(h.SearchIcon,{size:24}),x.jsx("input",{autoComplete:"off",id:w,onChange:function(e){return D(e.target.value)},placeholder:"Search...",type:"text",value:O}),O&&x.jsx(s.Button,{icon:x.jsx(p.RemoveCircleIcon,{size:24}),onClick:function(){return D("")},variant:"text"})]}),n&&x.jsx("div",{className:i.styles.headerActions,children:n})]}),(!!n||!R)&&x.jsx(a.Divider,{noMargin:!0}),L.length?x.jsxs("div",{className:i.styles.selectionWrapper,style:{maxHeight:"".concat(M,"px")},children:[!O&&!I&&x.jsx("div",{className:i.styles.checkboxWrapper,children:x.jsx(l.Checkbox,{checked:V,label:"Select all",onChange:function(e){W(e?J.filter((function(e){return!e.disabled})):[])}})}),Q.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=!G.includes(r.label);return x.jsxs("div",{children:[x.jsxs("div",{className:m.default(i.styles.groupWrapper,i.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)}}),!y&&x.jsxs("button",{className:i.styles.collapseButton,onClick:function(){G.includes(r.label)?P(G.filter((function(e){return e!==r.label}))):P(e.__spreadArray(e.__spreadArray([],e.__read(G),!1),[r.label],!1))},type:"button",children:[x.jsxs(u.Text,{color:"textColorSecondary",children:[t,"/",n]}),x.jsx(d.ChevronUpIcon,{className:m.default(i.styles.collapseIcon,a&&i.styles.collapsed),size:24})]})]}),x.jsx(o.Collapse,{collapsed:a,children:x.jsx("div",{className:i.styles.countriesWrapper,children:r.countries.map((function(r){var t=H.some((function(e){return e.code===r.code}));return x.jsx(i._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:i.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.35",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",