@zonos/amino 5.1.111 → 5.1.113
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.js +1 -1
- package/components/cover-sheet/CoverSheet.d.ts +2 -1
- package/components/cover-sheet/CoverSheet.js +1 -1
- package/components/slide-over/SlideOver.d.ts +2 -1
- package/components/slide-over/SlideOver.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("clsx"),r=require("lodash/groupBy"),l=require("../checkbox/Checkbox.js"),i=require("../collapse/Collapse.js"),d=require("../divider/Divider.js"),a=require("../text/Text.js"),u=require("../../icons/
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),o=require("clsx"),r=require("lodash/groupBy"),l=require("../checkbox/Checkbox.js"),i=require("../collapse/Collapse.js"),d=require("../divider/Divider.js"),a=require("../text/Text.js"),u=require("../../icons/ChevronUpIcon.js"),c=require("../../icons/SearchIcon.js"),s=require("../../utils/getFuzzySearch.js"),p=require("../../style-inject.es-d4ddeae4.js");function m(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../utils/getTestId.js"),require("@mui/material/Collapse"),require("fuse.js");var _=m(o),x=m(r),y="Amino_CountryMultiSelectExpanded-module__wrapper--LzApA",h="Amino_CountryMultiSelectExpanded-module__disabled--uDoTU",f="Amino_CountryMultiSelectExpanded-module__header--I3SHr",C="Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN",b="Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun",A="Amino_CountryMultiSelectExpanded-module__searchInput--AifLd",g="Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r",S="Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup",j="Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi",M="Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-",v="Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-",E="Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz",k="Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn",W="Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7",N="Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX",q="Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4",I="Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO-",z="Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z";p.styleInject(".Amino_CountryMultiSelectExpanded-module__wrapper--LzApA{display:flex;flex-direction:column;gap:12px}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU{cursor:not-allowed;opacity:.5}.Amino_CountryMultiSelectExpanded-module__wrapper--LzApA.Amino_CountryMultiSelectExpanded-module__disabled--uDoTU>*{pointer-events:none}.Amino_CountryMultiSelectExpanded-module__header--I3SHr{display:flex;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__componentWrapper--F2CCN{border:var(--amino-border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:8px}.Amino_CountryMultiSelectExpanded-module__componentHeaderWrapper--4Tbun{align-items:center;display:flex;gap:8px;justify-content:space-between}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd{align-items:center;display:flex;gap:8px;padding:8px 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input{background:var(--amino-input-background);flex-grow:1;padding:0 4px}.Amino_CountryMultiSelectExpanded-module__searchInput--AifLd>input:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__headerActions--KMJ-r{padding:4px 0}.Amino_CountryMultiSelectExpanded-module__selectionWrapper--G9Zup{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.Amino_CountryMultiSelectExpanded-module__noCountriesWrapper--mxTCi{padding:8px}.Amino_CountryMultiSelectExpanded-module__checkboxWrapper--WOHj-{display:flex;flex-direction:column;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-{border-radius:6px}.Amino_CountryMultiSelectExpanded-module__hoverWrapper--T8yP-:hover{background-color:var(--amino-hover-color)}.Amino_CountryMultiSelectExpanded-module__groupWrapper--HI-rz{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:8px;width:100%}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn{align-items:center;cursor:pointer;display:flex;flex-grow:1;gap:8px;justify-content:flex-end}.Amino_CountryMultiSelectExpanded-module__collapseButton--Ea8Gn:focus{outline:none}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7{transition:var(--amino-transition)}.Amino_CountryMultiSelectExpanded-module__collapseIcon--maZm7.Amino_CountryMultiSelectExpanded-module__collapsed--uBLGX{transform:rotate(180deg)}.Amino_CountryMultiSelectExpanded-module__countriesWrapper--r2bn4{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(50%,max(300px,33.3333333333%)),1fr));padding-left:24px}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO->div{align-items:center}.Amino_CountryMultiSelectExpanded-module__checkboxCountry--yhWO- div[class*=Amino_Checkbox]{gap:var(--amino-space-8)}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z{align-items:center;display:flex;justify-content:space-between;width:100%}.Amino_CountryMultiSelectExpanded-module__checkboxLabelWrapper--H-c8z>div{align-items:center;display:flex;gap:4px}");exports.CountryMultiSelectExpanded=function(o){var r=o.actions,p=o.className,m=o.countries,T=o.disabled,w=void 0!==T&&T,H=o.maxHeight,L=void 0===H?380:H,B=o.noHeader,G=void 0!==B&&B,D=o.onChange,O=o.selectedCountries,F=o.style,U=o.withoutSearch,Z=void 0!==U&&U,P=e.__read(t.useState(""),2),J=P[0],K=P[1],X=e.__read(t.useState([]),2),R=X[0],Q=X[1],V=t.useCallback((function(e){return s.getFuzzySearch({array:m,options:{keys:["label","code","group"],threshold:.1}}).fuzzySearch.search(e)}),[m]),Y=t.useMemo((function(){return""===J?m:V(J).map((function(e){return e.item}))}),[m,V,J]),$=t.useMemo((function(){var n=Object.entries(x.default(Y,"group")).map((function(n){var t=e.__read(n,2),o=t[0];return{countries:t[1],label:o}}));return n.sort((function(e,n){return e.label.localeCompare(n.label)}))}),[Y]),ee=t.useMemo((function(){return m.filter((function(e){return!e.disabled})).length===O.length}),[m,O.length]);if(!m.length)return n.jsx("div",{className:_.default(p),children:n.jsx(a.Text,{color:"textColorSecondary",children:"No countries"})});var ne=m.filter((function(e){return!e.disabled})).length;return n.jsxs("div",{className:_.default(y,p,w&&h),style:F,children:[!G&&n.jsxs("div",{className:f,children:[n.jsx(a.Text,{type:"bold-label",children:"Countries and Regions"}),n.jsxs(a.Text,{color:"textColorSecondary",type:"label",children:[O.length," of ",ne," selected"]})]}),n.jsxs("div",{className:C,children:[n.jsxs("div",{className:b,children:[!Z&&n.jsxs("label",{className:A,htmlFor:"country-multi-select-search",children:[n.jsx(c.SearchIcon,{size:24}),n.jsx("input",{autoComplete:"off",id:"country-multi-select-search",onChange:function(e){return K(e.target.value)},placeholder:"Search...",type:"text",value:J})]}),r&&n.jsx("div",{className:g,children:r})]}),(!!r||!Z)&&n.jsx(d.Divider,{noMargin:!0}),Y.length?n.jsxs("div",{className:S,style:{maxHeight:"".concat(L,"px")},children:[n.jsx("div",{className:M,children:n.jsx(l.Checkbox,{checked:ee,label:"Select all",onChange:function(e){D(e?m.filter((function(e){return!e.disabled})):[])}})}),$.map((function(t){var o=t.countries.filter((function(e){return O.some((function(n){return n.code===e.code}))})).length,r=t.countries.filter((function(e){return!e.disabled})).length,d=!!r&&t.countries.every((function(e){return e.disabled||O.some((function(n){return n.code===e.code}))})),c=!R.includes(t.label);return n.jsxs("div",{children:[n.jsxs("div",{className:_.default(E,v),children:[n.jsx(l.Checkbox,{checked:d,disabled:!r,label:t.label,onChange:function(n){if(n){var o=e.__spreadArray(e.__spreadArray([],e.__read(O),!1),e.__read(t.countries.filter((function(e){return!e.disabled}))),!1);D(o)}else o=O.filter((function(e){return!e.disabled&&!t.countries.some((function(n){return n.code===e.code}))})),D(o)}}),n.jsxs("button",{className:k,onClick:function(){R.includes(t.label)?Q(R.filter((function(e){return e!==t.label}))):Q(e.__spreadArray(e.__spreadArray([],e.__read(R),!1),[t.label],!1))},type:"button",children:[n.jsxs(a.Text,{color:"textColorSecondary",children:[o,"/",r]}),n.jsx(u.ChevronUpIcon,{className:_.default(W,c&&N),size:24})]})]}),n.jsx(i.Collapse,{collapsed:c,children:n.jsx("div",{className:q,children:t.countries.map((function(t){var o;return n.jsx(l.Checkbox,{checked:O.some((function(e){return e.code===t.code})),className:_.default(M,I,!t.disabled&&v),disabled:t.disabled,icon:t.icon,label:t.label,labelComponent:n.jsxs("div",{className:z,style:{opacity:t.disabled?.5:1},children:[n.jsxs("div",{children:[t.icon,t.label]}),null===(o=t.rightDecorator)||void 0===o?void 0:o.call(t)]}),onChange:function(n){D(n?e.__spreadArray(e.__spreadArray([],e.__read(O),!1),[t],!1):O.filter((function(e){return e.code!==t.code})))}},t.code)}))})})]},t.label)}))]}):n.jsx("div",{className:j,children:n.jsx(a.Text,{color:"textColorSecondary",children:"No countries"})})]})]})};
|
|
@@ -6,6 +6,7 @@ export type CoverSheetProps = BaseDialogProps & {
|
|
|
6
6
|
actionWrapperId?: string;
|
|
7
7
|
actions?: ReactNode;
|
|
8
8
|
headerComponent?: ReactNode;
|
|
9
|
+
hideCloseButton?: boolean;
|
|
9
10
|
label: string;
|
|
10
11
|
};
|
|
11
|
-
export declare const CoverSheet: ({ actions, actionWrapperId, children, className, headerComponent, label, onClose, open, ...props }: CoverSheetProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const CoverSheet: ({ actions, actionWrapperId, children, className, headerComponent, hideCloseButton, label, onClose, open, ...props }: CoverSheetProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),t=require("react"),r=require("clsx"),n=require("../button/Button.js"),i=require("./CoverSheetActions.js"),a=require("../dialog/BaseDialog.js"),s=require("../text/Text.js"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),o=require("react/jsx-runtime"),t=require("react"),r=require("clsx"),n=require("../button/Button.js"),i=require("./CoverSheetActions.js"),a=require("../dialog/BaseDialog.js"),s=require("../text/Text.js"),d=require("../../icons/RemoveIcon.js"),c=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/HStack.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var u=l(r),m="Amino_CoverSheet-module__coverSheet--nZP66",h="Amino_CoverSheet-module__headerContainer--SCAgD",p="Amino_CoverSheet-module__header--praFM",v="Amino_CoverSheet-module__headerComponent--fgFRV",_="Amino_CoverSheet-module__content--Zht4F";c.styleInject(".Amino_CoverSheet-module__coverSheet--nZP66{background:var(--amino-page-background);border:var(--amino-border-subtle);border-radius:0;box-sizing:border-box;color:var(--amino-text-color);height:100vh;left:0;max-height:100vh;outline:none;overscroll-behavior:contain;position:fixed;top:0;width:100vw}@media print{.Amino_CoverSheet-module__coverSheet--nZP66{height:auto;min-height:100vh;position:absolute}}.Amino_CoverSheet-module__headerContainer--SCAgD{align-items:center;background-color:var(--amino-page-background);border-bottom:var(--amino-border-subtle);display:flex;height:64px;justify-content:space-between;padding:var(--amino-space-16) var(--amino-space-32);position:-webkit-sticky;position:sticky;top:0;z-index:99}@media print{.Amino_CoverSheet-module__headerContainer--SCAgD{display:none}}.Amino_CoverSheet-module__header--praFM{align-items:center;display:flex;gap:var(--amino-space-16)}.Amino_CoverSheet-module__headerComponent--fgFRV{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.Amino_CoverSheet-module__content--Zht4F{overflow:auto;padding:var(--amino-space-56)}");exports.CoverSheet=function(r){var c=r.actions,l=r.actionWrapperId,C=void 0===l?"__cover-sheet-actions":l,b=r.children,j=r.className,g=r.headerComponent,S=r.hideCloseButton,x=void 0!==S&&S,f=r.label,q=r.onClose,A=r.open,y=e.__rest(r,["actions","actionWrapperId","children","className","headerComponent","hideCloseButton","label","onClose","open"]);return t.useEffect((function(){"undefined"!=typeof document&&document.querySelectorAll("[id='".concat(C,"']")).length>1&&console.error('Duplicate id "'.concat(C,'" detected in "CoverSheet" component. Please set "actionWrapperId" to a unique id.'))}),[C]),t.useEffect((function(){(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=A?"hidden":"auto")}),[A]),o.jsxs(a.BaseDialog,e.__assign({className:u.default(m,j),onClose:q,open:A,popupMotionProps:{animate:{translateY:0},exit:{translateY:"100vh"},initial:{translateY:"100vh"},transition:{duration:.35,ease:[0,0,0,1]}}},y,{children:[o.jsxs("header",{className:h,children:[o.jsxs("div",{className:p,children:[!x&&o.jsx(n.Button,{icon:o.jsx(d.RemoveIcon,{size:20}),onClick:q}),o.jsx(s.Text,{type:"subheader",children:f})]}),o.jsx("div",{className:v,children:g}),o.jsx("div",{id:C,children:c&&o.jsx(i.CoverSheetActions,{coverSheetActionId:C,children:c})})]}),o.jsx("div",{className:_,children:b})]}))};
|
|
@@ -2,7 +2,8 @@ import { type ReactNode } from 'react';
|
|
|
2
2
|
import { type BaseDialogProps } from "../dialog/BaseDialog";
|
|
3
3
|
export type SlideOverProps = BaseDialogProps & {
|
|
4
4
|
actions?: ReactNode;
|
|
5
|
+
bottomActions?: ReactNode;
|
|
5
6
|
label?: string;
|
|
6
7
|
subtitle?: ReactNode;
|
|
7
8
|
};
|
|
8
|
-
export declare const SlideOver: ({ actions, children, label, onClose, subtitle, width, ...props }: SlideOverProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const SlideOver: ({ actions, bottomActions, children, label, onClose, subtitle, width, ...props }: SlideOverProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),i=require("react/jsx-runtime");require("react");var r=require("../button/Button.js"),o=require("../dialog/BaseDialog.js"),s=require("../stack/HStack.js"),n=require("../stack/VStack.js"),t=require("../text/Text.js"),l=require("../../icons/RemoveIcon.js"),a=require("../../style-inject.es-d4ddeae4.js");require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var d="Amino_SlideOver-module__styledBaseDialog--kdoHN",u="Amino_SlideOver-module__wrapper--h4h0-",c="Amino_SlideOver-module__slideOverHeader--QseSi",m="Amino_SlideOver-module__slideOverContent--vCKvH",v="Amino_SlideOver-module__footer--mwPVV";a.styleInject(".Amino_SlideOver-module__styledBaseDialog--kdoHN{background:#0000;border:none;border-radius:0;box-shadow:none;height:100vh;max-height:none;overflow:visible;overflow:initial;position:absolute;right:0;top:0}.Amino_SlideOver-module__wrapper--h4h0-{background:var(--amino-surface-color);border-radius:12px;box-shadow:var(--amino-v3-shadow-large);display:flex;flex-direction:column;height:100%;margin:8px}.Amino_SlideOver-module__slideOverHeader--QseSi{align-items:center;border-bottom:var(--amino-border-subtle);display:flex;gap:16px;justify-content:space-between;padding:16px}.Amino_SlideOver-module__slideOverHeader--QseSi>div{align-items:center;display:flex;gap:16px}.Amino_SlideOver-module__slideOverContent--vCKvH{flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:24px}.Amino_SlideOver-module__footer--mwPVV{align-items:center;background:var(--amino-surface-color-secondary);border-radius:0 0 12px 12px;display:flex;justify-content:flex-end;padding:24px}.Amino_SlideOver-module__footer--mwPVV>div+div{margin-left:8px}");exports.SlideOver=function(a){var x=a.actions,p=a.bottomActions,_=a.children,h=a.label,j=a.onClose,b=a.subtitle,g=a.width,q=void 0===g?444:g,S=e.__rest(a,["actions","bottomActions","children","label","onClose","subtitle","width"]);return i.jsx(o.BaseDialog,e.__assign({className:d,onClose:j,popupMotionProps:{animate:{x:0},exit:{x:q},initial:{x:q},transition:{duration:.45,ease:[.4,0,.2,1]}},width:q},S,{children:i.jsxs("div",{className:u,children:[i.jsxs("header",{className:c,children:[i.jsxs("div",{children:[i.jsx(r.Button,{icon:i.jsx(l.RemoveIcon,{}),onClick:j}),b?i.jsxs(n.VStack,{spacing:0,children:[i.jsx(t.Text,{type:"subheader",children:h}),b]}):i.jsx(t.Text,{type:"subheader",children:h})]}),x&&i.jsx("div",{children:x})]}),i.jsx("div",{className:m,children:_}),p&&i.jsx("div",{className:v,children:i.jsx(s.HStack,{spacing:8,children:p})})]})}))};
|