@zonos/amino 5.5.32 → 5.5.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/country-multi-select/CountryMultiSelectExpanded.d.ts +11 -1
- package/components/country-multi-select/CountryMultiSelectExpanded.js +1 -1
- package/components/toggle/Toggle.js +1 -1
- package/package.json +1 -1
- package/tsconfig.emitDeclarationOnly.tsbuildinfo +1 -1
- package/tsconfig.tsbuildinfo +1 -1
|
@@ -16,6 +16,16 @@ export type CountryMultiSelectExpandedProps<CountryCode extends string = string>
|
|
|
16
16
|
* @default false
|
|
17
17
|
*/
|
|
18
18
|
disabled?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Expand all groups by default
|
|
21
|
+
* @default false
|
|
22
|
+
*/
|
|
23
|
+
expandAllGroupsOnInitialRender?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Whether to hide the "Select all" checkbox
|
|
26
|
+
* @default false
|
|
27
|
+
*/
|
|
28
|
+
hideSelectAll?: boolean;
|
|
19
29
|
/**
|
|
20
30
|
* Maximum height of the country selection area in pixels
|
|
21
31
|
* @default 380
|
|
@@ -120,4 +130,4 @@ export type CountryMultiSelectExpandedProps<CountryCode extends string = string>
|
|
|
120
130
|
* />
|
|
121
131
|
* ```
|
|
122
132
|
*/
|
|
123
|
-
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;
|
|
133
|
+
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("react"),t=require("clsx"),
|
|
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"),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"})})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var o=require("../../tslib.es6-8c21e256.js"),e=require("react"),r=require("clsx"),i=require("framer-motion"),l=require("../../style-inject.es-d4ddeae4.js"),n=require("react/jsx-runtime");function _(o){return o&&o.__esModule?o:{default:o}}var d=_(r),p="Amino_Toggle-module__shrinkWrapper--osh3J",t="Amino_Toggle-module__wrapper--NF4v5",a="Amino_Toggle-module__selectedSlider--WsUDo",m="Amino_Toggle-module__optionWrapper--0wrNp",g="Amino_Toggle-module__icon--8o1Om",u="Amino_Toggle-module__selected--badUt",s="Amino_Toggle-module__fullWidth--vw3dd";l.styleInject(".Amino_Toggle-module__shrinkWrapper--osh3J{display:inline-flex}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__wrapper--NF4v5{background-color:#050a280f;border-radius:6px;display:flex;height:32px;position:relative}[data-theme=night] .Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__wrapper--NF4v5{background-color:#dce1ff1a}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__selectedSlider--WsUDo{background-color:var(--amino-raised-surface-color);border-radius:6px;box-shadow:var(--amino-shadow-raised-standard);height:100%;height:30px;margin-top:1px;position:absolute;z-index:1}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp{border-radius:6px;color:var(--amino-text-color-secondary);cursor:pointer;display:flex;font-size:var(--amino-font-size-base);font-weight:500;gap:6px;justify-content:center;padding:4px 12px;text-align:center;z-index:2}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp .Amino_Toggle-module__icon--8o1Om,.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp .Amino_Toggle-module__icon--8o1Om svg{max-height:100%;width:auto}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp:focus{outline:none}.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp.Amino_Toggle-module__selected--badUt,.Amino_Toggle-module__shrinkWrapper--osh3J .Amino_Toggle-module__optionWrapper--0wrNp:hover:not(.Amino_Toggle-module__selected--badUt){color:var(--amino-text-color)}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd,.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd .Amino_Toggle-module__wrapper--NF4v5{width:100%}.Amino_Toggle-module__shrinkWrapper--osh3J.Amino_Toggle-module__fullWidth--vw3dd .Amino_Toggle-module__wrapper--NF4v5 .Amino_Toggle-module__optionWrapper--0wrNp{flex-grow:1}.Amino_Toggle-module__shrinkWrapper--osh3J.sm .Amino_Toggle-module__optionWrapper--0wrNp{padding:6px 12px}.Amino_Toggle-module__shrinkWrapper--osh3J.md .Amino_Toggle-module__optionWrapper--0wrNp{padding:10px 12px}.Amino_Toggle-module__shrinkWrapper--osh3J.lg .Amino_Toggle-module__optionWrapper--0wrNp{padding:14px}.Amino_Toggle-module__shrinkWrapper--osh3J.xl .Amino_Toggle-module__optionWrapper--0wrNp{padding:18px 16px}");exports.Toggle=function(r){var l=r.className,_=r.fullWidth,h=void 0!==_&&_,c=r.onChange,A=r.options,T=r.size,f=void 0===T?"sm":T,v=r.style,x=r.value,W=e.useRef(null),w=e.useRef(null),N=o.__read(e.useState({left:0,width:0}),2),k=N[0],J=N[1],b=o.__read(e.useState(!1),2),j=b[0],y=b[1];return e.useEffect((function(){var o,e,r=function(o,e){if(!e||!o)return{left:0,width:0};var r=e.width;return{left:e.left-o.left,width:r}}((null===(o=W.current)||void 0===o?void 0:o.getBoundingClientRect())||null,(null===(e=w.current)||void 0===e?void 0:e.getBoundingClientRect())||null);J(r)}),[x,f]),n.jsx("div",{className:d.default(l,p,h&&s,f),style:v,children:n.jsxs("div",{ref:W,className:t,children:[n.jsx(i.motion.div,{animate:{width:k.width,x:k.left},className:a,initial:!1,onAnimationComplete:function(){y(!0)},transition:{duration:j?.2:0}}),A.map((function(o){var e=o.value===x;return n.jsxs("button",{ref:e?w:null,className:d.default([m,e&&u]),onClick:function(){return c(o.value)},type:"button",children:[o.icon&&n.jsx("div",{className:g,children:o.icon}),n.jsx("div",{children:o.label})]},o.value)}))]})})};
|