@zonos/amino 5.5.34 → 5.5.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -7,6 +7,11 @@ export type CountryMultiSelectExpandedProps<CountryCode extends string = string>
|
|
|
7
7
|
* Optional actions to display in the component header
|
|
8
8
|
*/
|
|
9
9
|
actions?: ReactNode;
|
|
10
|
+
/**
|
|
11
|
+
* Keep all groups permanently expanded and hide collapse/expand controls
|
|
12
|
+
* @default false
|
|
13
|
+
*/
|
|
14
|
+
alwaysExpand?: boolean;
|
|
10
15
|
/**
|
|
11
16
|
* Array of country options to display in the select
|
|
12
17
|
*/
|
|
@@ -16,11 +21,6 @@ export type CountryMultiSelectExpandedProps<CountryCode extends string = string>
|
|
|
16
21
|
* @default false
|
|
17
22
|
*/
|
|
18
23
|
disabled?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* Expand all groups by default
|
|
21
|
-
* @default false
|
|
22
|
-
*/
|
|
23
|
-
expandAllGroupsOnInitialRender?: boolean;
|
|
24
24
|
/**
|
|
25
25
|
* Whether to hide the "Select all" checkbox
|
|
26
26
|
* @default false
|
|
@@ -130,4 +130,4 @@ export type CountryMultiSelectExpandedProps<CountryCode extends string = string>
|
|
|
130
130
|
* />
|
|
131
131
|
* ```
|
|
132
132
|
*/
|
|
133
|
-
export declare const CountryMultiSelectExpanded: <CountryCode extends string = string>({ actions, className, countries, disabled, error,
|
|
133
|
+
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"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"),
|
|
1
|
+
"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"})})]})]})};
|