@zonos/amino 5.2.7 → 5.2.9
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/all.d.ts +1 -0
- package/components/button/Button.js +1 -1
- package/components/filter/FilterWrapper.js +1 -1
- package/components/filter/filter-amount/FilterAmount.js +1 -1
- package/components/filter/filter-amount/filterAmountReducer.d.ts +4 -1
- package/components/filter/filter-amount/filterAmountReducer.js +1 -1
- package/components/filter/filter-date/DateControls.js +1 -1
- package/components/filter/filter-date/FilterDate.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsInTheLast.js +1 -1
- package/components/filter/filter-date/filterDateReducer.d.ts +2 -0
- package/components/filter/filter-date/filterDateReducer.js +1 -1
- package/components/filter/filter-multi-select/FilterMultiSelect.d.ts +2 -2
- package/components/filter/filter-multi-select/FilterMultiSelect.js +1 -1
- package/components/filter/filter-select/FilterSelect.d.ts +3 -3
- package/components/filter/filter-select/FilterSelect.js +1 -1
- package/components/filter/filter-text/FilterText.js +1 -1
- package/components/filter/useFilterWrapper.d.ts +7 -2
- package/components/filter/useFilterWrapper.js +1 -1
- package/package.json +2 -2
- package/types/Variant.d.ts +1 -1
- package/utils/hooks/useStateUrl.d.ts +24 -0
- package/utils/hooks/useStateUrl.js +1 -0
package/all.d.ts
CHANGED
|
@@ -740,6 +740,7 @@ import './utils/hooks/useDropdown';
|
|
|
740
740
|
import './utils/hooks/useHeightAdjustTextarea';
|
|
741
741
|
import './utils/hooks/useNotify';
|
|
742
742
|
import './utils/hooks/usePrevious';
|
|
743
|
+
import './utils/hooks/useStateUrl';
|
|
743
744
|
import './utils/hooks/useStorage';
|
|
744
745
|
import './utils/hooks/useSwr';
|
|
745
746
|
import './utils/hooks/useSwrt';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("clsx"),e=require("./RippleGroup.js"),a=require("./useRipple.js"),i=require("../spinner/Spinner.js"),m=require("../../styles/constants/theme.js"),_=require("../../utils/getAminoColor.js"),r=require("../../utils/hooks/useAminoTheme.js"),s=require("../../style-inject.es-d4ddeae4.js");function d(o){return o&&o.__esModule?o:{default:o}}require("framer-motion"),require("uuid"),require("./_Ripple.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs");var l=d(u),B={spinnerWrapper:"Amino_Button-module__spinnerWrapper--tgOjW",aminoButton:"Amino_Button-module__aminoButton--spa1s",text:"Amino_Button-module__text--uD3sd",onlyIcon:"Amino_Button-module__onlyIcon--HSsiQ",loading:"Amino_Button-module__loading--J6rUt",content:"Amino_Button-module__content--Hw0WG",hasIcon:"Amino_Button-module__hasIcon--WyBHM",iconRight:"Amino_Button-module__iconRight--rHggX","amino-spinner":"Amino_Button-module__amino-spinner--h2J8a",primaryButton:"Amino_Button-module__primaryButton--oqikL",outline:"Amino_Button-module__outline--1SRt-",successButton:"Amino_Button-module__successButton--vCdA9",standardButton:"Amino_Button-module__standardButton--sNzVf",dangerButton:"Amino_Button-module__dangerButton--0SWdY",warningButton:"Amino_Button-module__warningButton--4wL7z",subtleButton:"Amino_Button-module__subtleButton--9dx3n",linkButton:"Amino_Button-module__linkButton--rrpjp",textButton:"Amino_Button-module__textButton--NATCk"};s.styleInject(".Amino_Button-module__spinnerWrapper--tgOjW{align-items:center;border-radius:var(--amino-radius-6);bottom:0;display:flex;gap:var(--amino-space-8);justify-content:center;left:0;position:absolute;right:0;top:0}.Amino_Button-module__aminoButton--spa1s{align-items:center;background:var(--amino-button-background-color);border-radius:var(--amino-button-radius);box-sizing:border-box;color:var(--amino-button-color);cursor:pointer;display:flex;flex-direction:row;font-family:var(--amino-font-sans);font-size:var(--amino-font-size-base);font-weight:var(--amino-button-font-weight);height:var(--amino-button-size);justify-content:center;letter-spacing:normal;line-height:var(--amino-button-size);outline:none;padding:var(--amino-button-padding);position:relative;text-shadow:0 2px 4px #0000000f,0 1px 2px #0000000a;transition:var(--amino-transition),visibility 0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:var(--amino-button-width)}.Amino_Button-module__aminoButton--spa1s svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s .Amino_Button-module__text--uD3sd{padding:0 var(--amino-space-4)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ{padding:0;width:var(--amino-button-size)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ .Amino_Button-module__text--uD3sd{padding:0}.Amino_Button-module__aminoButton--spa1s:active svg path:not([data-is-secondary-color]),.Amino_Button-module__aminoButton--spa1s:focus svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s:focus{outline:none}.Amino_Button-module__aminoButton--spa1s:active:not([disabled]){transform:scale(.99)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__loading--J6rUt .Amino_Button-module__content--Hw0WG{visibility:hidden}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM.Amino_Button-module__iconRight--rHggX svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:2px;margin-right:0;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:0;margin-right:2px;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not([disabled]):hover{background-image:var(--amino-button-hover-background-color)}.Amino_Button-module__aminoButton--spa1s[disabled]{cursor:not-allowed;opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{box-shadow:var(--amino-shadow-button-primary)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{color:var(--amino-gray-1200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):active{background:var(--amino-blue-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset;color:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-blue-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{box-shadow:var(--amino-shadow-button-success)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{color:var(--amino-gray-1200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):active{background:var(--amino-green-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):focus{box-shadow:0 0 0 1px var(--amino-success) inset,var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset;color:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-green-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-green-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf{box-shadow:var(--amino-shadow-button-standard)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-gray-300) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-gray-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{box-shadow:var(--amino-shadow-button-danger)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{color:var(--amino-gray-1200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):active{background:var(--amino-red-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset;color:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-red-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-red-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{color:var(--amino-gray-1200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):active{background:var(--amino-orange-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset;color:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-orange-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-orange-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):focus{box-shadow:var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk{color:var(--amino-button-text-button-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk[disabled]{color:var(--amino-button-text-button-disabled-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk.Amino_Button-module__loading--J6rUt{color:#0000}");exports.Button=function(u){var s,d=u.background,c=u.children,p=u.className,A=u.color,b=u.disabled,g=void 0!==b&&b,h=u.fitContentWidth,v=u.hoverBackground,w=u.icon,x=u.iconRight,k=u.loading,y=void 0!==k&&k,f=u.loadingText,S=u.noRipple,W=void 0!==S&&S,R=u.outline,j=void 0!==R&&R,z=u.size,C=void 0===z?"sm":z,q=u.spinnerColor,L=u.style,H=u.tag,N=void 0===H?"button":H,I=u.themeOverride,O=u.type,Y=void 0===O?"button":O,T=u.variant,V=void 0===T?"standard":T,G=o.__rest(u,["background","children","className","color","disabled","fitContentWidth","hoverBackground","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","themeOverride","type","variant"]),J=N,Q=function(){switch(C){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},D=l.default("amino-button",B.aminoButton,"plain"===V?"":B["".concat(V,"Button")],j&&B.outline,p||"",w&&!c?B.onlyIcon:"",x?B.iconRight:"",w?B.hasIcon:"",y?B.loading:"",I),M=t.useRef(null),U=a.useRipple({disabled:g||y,rippleEnabled:!W&&!["plain","text"].includes(V),rippleRef:M}),E=U.getRippleHandlers,X=U.rippleEnabled,F={className:D,disabled:g||y,size:C},P=o.__assign(o.__assign(o.__assign({type:Y},F),G),E(G)),K="night"===r.useAminoTheme().aminoTheme;return n.jsxs(J,o.__assign({style:o.__assign(o.__assign({},L),{"--amino-button-background-color":function(){if(d)return _.getAminoColor(d)||"";switch(V){case"primary":return m.theme.primary;case"success":return m.theme.success;case"warning":return m.theme.warning;case"danger":return m.theme.danger;case"standard":return m.theme.raisedSurfaceColor;case"subtle":return"none";default:return""}}(),"--amino-button-color":function(){if(A)return _.getAminoColor(A)||"";switch(V){case"primary":case"success":case"warning":case"danger":return m.theme.gray0;case"link":return m.theme.primary;case"subtle":return m.theme.textColorSecondary;default:return m.theme.textColor}}(),"--amino-button-font-weight":function(){switch(C){case"lg":case"xl":return 600;default:return 500}}(),"--amino-button-hover-background-color":function(){if(v&&"inherit"!==v){var o=_.getAminoColor(v);return"linear-gradient(".concat(o,", ").concat(o,")")}switch(V){case"primary":return m.theme.buttonPrimaryHover;case"success":return m.theme.buttonSuccessHover;case"warning":return m.theme.buttonWarningHover;case"danger":return m.theme.buttonDangerHover;case"standard":return m.theme.buttonStandardHover;case"subtle":return m.theme.gray100;case"link":return m.theme.blue100;case"text":return m.theme.gray500;default:return""}}(),"--amino-button-padding":function(){switch(C){case"sm":return"".concat(m.theme.space4," ").concat(m.theme.space8);case"lg":case"xl":return"".concat(m.theme.space12," ").concat(m.theme.space24);default:return"".concat(m.theme.space8," ").concat(m.theme.space16)}}(),"--amino-button-radius":function(){switch(C){case"sm":return"".concat(m.theme.radius6);case"lg":case"xl":return"".concat(m.theme.radius10);default:return"".concat(m.theme.radius8)}}(),"--amino-button-size":"var(--amino-size-".concat(C,")"),"--amino-button-text-button-color":G.href?m.theme.primary:m.theme.textColorSecondary,"--amino-button-text-button-disabled-color":G.href?m.theme.blue300:m.theme.gray300,"--amino-button-text-button-hover-color":G.href?m.theme.blue500:m.theme.gray500,"--amino-button-width":h?"fit-content":"auto"}),tabIndex:"div"===N?0:void 0},P,{children:[(s=q||function(){switch(V){case"primary":return j?"info":K?"black":"white";case"success":return j?"success":K?"black":"white";case"warning":return j?"warning":K?"black":"white";case"danger":return j?"danger":K?"black":"white";case"link":return"info";default:return"black"}}(),n.jsxs(n.Fragment,{children:[!x&&n.jsx("span",{className:B.content,children:w}),n.jsx("div",{className:l.default(B.content,B.text),children:c}),x&&n.jsx("span",{className:B.content,children:w}),"plain"!==V&&"text"!==V&&y&&n.jsxs("span",{className:B.spinnerWrapper,children:[n.jsx(i.Spinner,{color:s,size:Q()}),f]})]})),X&&n.jsx(e.RippleGroup,{ref:M})]}))};
|
|
1
|
+
"use strict";var o=require("../../_tslib-bd4862e8.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("clsx"),e=require("./RippleGroup.js"),i=require("./useRipple.js"),a=require("../spinner/Spinner.js"),m=require("../../styles/constants/theme.js"),_=require("../../utils/getAminoColor.js"),r=require("../../utils/hooks/useAminoTheme.js"),s=require("../../style-inject.es-d4ddeae4.js");function d(o){return o&&o.__esModule?o:{default:o}}require("framer-motion"),require("uuid"),require("./_Ripple.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs");var l=d(u),B={spinnerWrapper:"Amino_Button-module__spinnerWrapper--tgOjW",aminoButton:"Amino_Button-module__aminoButton--spa1s",text:"Amino_Button-module__text--uD3sd",onlyIcon:"Amino_Button-module__onlyIcon--HSsiQ",loading:"Amino_Button-module__loading--J6rUt",content:"Amino_Button-module__content--Hw0WG",hasIcon:"Amino_Button-module__hasIcon--WyBHM",iconRight:"Amino_Button-module__iconRight--rHggX","amino-spinner":"Amino_Button-module__amino-spinner--h2J8a",primaryButton:"Amino_Button-module__primaryButton--oqikL",outline:"Amino_Button-module__outline--1SRt-",successButton:"Amino_Button-module__successButton--vCdA9",standardButton:"Amino_Button-module__standardButton--sNzVf",dangerButton:"Amino_Button-module__dangerButton--0SWdY",warningButton:"Amino_Button-module__warningButton--4wL7z",subtleButton:"Amino_Button-module__subtleButton--9dx3n",linkButton:"Amino_Button-module__linkButton--rrpjp",inlineLinkButton:"Amino_Button-module__inlineLinkButton--3hm2I",textButton:"Amino_Button-module__textButton--NATCk"};s.styleInject(".Amino_Button-module__spinnerWrapper--tgOjW{align-items:center;border-radius:var(--amino-radius-6);bottom:0;display:flex;gap:var(--amino-space-8);justify-content:center;left:0;position:absolute;right:0;top:0}.Amino_Button-module__aminoButton--spa1s{align-items:center;background:var(--amino-button-background-color);border-radius:var(--amino-button-radius);box-sizing:border-box;color:var(--amino-button-color);cursor:pointer;display:flex;flex-direction:row;font-family:var(--amino-font-sans);font-size:var(--amino-font-size-base);font-weight:var(--amino-button-font-weight);height:var(--amino-button-size);justify-content:center;letter-spacing:normal;line-height:var(--amino-button-size);outline:none;padding:var(--amino-button-padding);position:relative;text-shadow:0 2px 4px #0000000f,0 1px 2px #0000000a;transition:var(--amino-transition),visibility 0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:var(--amino-button-width)}.Amino_Button-module__aminoButton--spa1s svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s .Amino_Button-module__text--uD3sd{padding:0 var(--amino-space-4)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ{padding:0;width:var(--amino-button-size)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__onlyIcon--HSsiQ .Amino_Button-module__text--uD3sd{padding:0}.Amino_Button-module__aminoButton--spa1s:active svg path:not([data-is-secondary-color]),.Amino_Button-module__aminoButton--spa1s:focus svg path:not([data-is-secondary-color]){fill:currentColor}.Amino_Button-module__aminoButton--spa1s:focus{outline:none}.Amino_Button-module__aminoButton--spa1s:active:not([disabled]){transform:scale(.99)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__loading--J6rUt .Amino_Button-module__content--Hw0WG{visibility:hidden}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM.Amino_Button-module__iconRight--rHggX svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:2px;margin-right:0;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not(.Amino_Button-module__onlyIcon--HSsiQ).Amino_Button-module__hasIcon--WyBHM svg:not(.Amino_Button-module__amino-spinner--h2J8a){margin-left:0;margin-right:2px;opacity:.8}.Amino_Button-module__aminoButton--spa1s:not([disabled]):hover{background-image:var(--amino-button-hover-background-color)}.Amino_Button-module__aminoButton--spa1s[disabled]{cursor:not-allowed;opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{box-shadow:var(--amino-shadow-button-primary)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL{color:var(--amino-gray-1200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):active{background:var(--amino-blue-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset;color:var(--amino-primary)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-blue-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-primary) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__primaryButton--oqikL.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{box-shadow:var(--amino-shadow-button-success)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9{color:var(--amino-gray-1200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):active{background:var(--amino-green-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9:not([disabled]):focus{box-shadow:0 0 0 1px var(--amino-success) inset,var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9 .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset;color:var(--amino-success)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-green-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-green-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-success) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__successButton--vCdA9.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf{box-shadow:var(--amino-shadow-button-standard)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-gray-300) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-gray-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__standardButton--sNzVf.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-gray-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{box-shadow:var(--amino-shadow-button-danger)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY{color:var(--amino-gray-1200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):active{background:var(--amino-red-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset;color:var(--amino-danger)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-red-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-red-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-danger) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__dangerButton--0SWdY.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{box-shadow:var(--amino-shadow-button-warning)}[data-theme=night] .Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z{color:var(--amino-gray-1200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):active{background:var(--amino-orange-700)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z[disabled]{background:var(--amino-gray-400);box-shadow:var(--amino-shadow-button-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z .Amino_Button-module__spinnerWrapper--tgOjW{background:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset;color:var(--amino-warning)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):hover{background-color:var(--amino-orange-100);background-image:none}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-:not([disabled]):active{background:var(--amino-orange-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt-[disabled]{background:#0000;box-shadow:0 0 0 1px var(--amino-warning) inset}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__warningButton--4wL7z.Amino_Button-module__outline--1SRt- .Amino_Button-module__spinnerWrapper--tgOjW{background:#0000}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):active{background:var(--amino-gray-100)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n:not([disabled]):focus{box-shadow:var(--amino-focus-button)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__subtleButton--9dx3n[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):active{background:var(--amino-blue-200)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp:not([disabled]):focus{box-shadow:var(--amino-button-focus-ring)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__linkButton--rrpjp[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I{display:inline-flex;padding:0}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I:not([disabled]):active,.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__inlineLinkButton--3hm2I[disabled] .Amino_Button-module__content--Hw0WG{opacity:var(--amino-opacity-disabled)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk{color:var(--amino-button-text-button-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk:not([disabled]):hover{color:var(--amino-button-text-button-hover-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk[disabled]{color:var(--amino-button-text-button-disabled-color)}.Amino_Button-module__aminoButton--spa1s.Amino_Button-module__textButton--NATCk.Amino_Button-module__loading--J6rUt{color:#0000}");exports.Button=function(u){var s,d=u.background,c=u.children,p=u.className,A=u.color,b=u.disabled,g=void 0!==b&&b,h=u.fitContentWidth,v=u.hoverBackground,w=u.icon,k=u.iconRight,x=u.loading,y=void 0!==x&&x,f=u.loadingText,S=u.noRipple,W=void 0!==S&&S,R=u.outline,j=void 0!==R&&R,L=u.size,z=void 0===L?"sm":L,C=u.spinnerColor,q=u.style,H=u.tag,N=void 0===H?"button":H,I=u.themeOverride,O=u.type,Y=void 0===O?"button":O,T=u.variant,G=void 0===T?"standard":T,V=o.__rest(u,["background","children","className","color","disabled","fitContentWidth","hoverBackground","icon","iconRight","loading","loadingText","noRipple","outline","size","spinnerColor","style","tag","themeOverride","type","variant"]),J=N,Q=function(){switch(z){case"sm":return 16;case"lg":case"xl":return 24;default:return 20}},D=l.default("amino-button",B.aminoButton,"plain"===G?"":B["".concat(G,"Button")],j&&B.outline,p||"",w&&!c?B.onlyIcon:"",k?B.iconRight:"",w?B.hasIcon:"",y?B.loading:"",I),M=t.useRef(null),U=i.useRipple({disabled:g||y,rippleEnabled:!W&&!["plain","text","inlineLink"].includes(G),rippleRef:M}),E=U.getRippleHandlers,X=U.rippleEnabled,F={className:D,disabled:g||y,size:z},P=o.__assign(o.__assign(o.__assign({type:Y},F),V),E(V)),K="night"===r.useAminoTheme().aminoTheme;return n.jsxs(J,o.__assign({style:o.__assign(o.__assign({},q),{"--amino-button-background-color":function(){if(d)return _.getAminoColor(d)||"";switch(G){case"primary":return m.theme.primary;case"success":return m.theme.success;case"warning":return m.theme.warning;case"danger":return m.theme.danger;case"standard":return m.theme.raisedSurfaceColor;case"subtle":case"inlineLink":return"none";default:return""}}(),"--amino-button-color":function(){if(A)return _.getAminoColor(A)||"";switch(G){case"primary":case"success":case"warning":case"danger":return m.theme.gray0;case"link":case"inlineLink":return m.theme.primary;case"subtle":return m.theme.textColorSecondary;default:return m.theme.textColor}}(),"--amino-button-font-weight":function(){switch(z){case"lg":case"xl":return 600;default:return 500}}(),"--amino-button-hover-background-color":function(){if(v&&"inherit"!==v){var o=_.getAminoColor(v);return"linear-gradient(".concat(o,", ").concat(o,")")}switch(G){case"primary":return m.theme.buttonPrimaryHover;case"success":return m.theme.buttonSuccessHover;case"warning":return m.theme.buttonWarningHover;case"danger":return m.theme.buttonDangerHover;case"standard":return m.theme.buttonStandardHover;case"subtle":return m.theme.gray100;case"link":return m.theme.blue100;case"text":return m.theme.gray500;default:return""}}(),"--amino-button-padding":function(){switch(z){case"sm":return"".concat(m.theme.space4," ").concat(m.theme.space8);case"lg":case"xl":return"".concat(m.theme.space12," ").concat(m.theme.space24);default:return"".concat(m.theme.space8," ").concat(m.theme.space16)}}(),"--amino-button-radius":function(){switch(z){case"sm":return"".concat(m.theme.radius6);case"lg":case"xl":return"".concat(m.theme.radius10);default:return"".concat(m.theme.radius8)}}(),"--amino-button-size":"var(--amino-size-".concat(z,")"),"--amino-button-text-button-color":V.href?m.theme.primary:m.theme.textColorSecondary,"--amino-button-text-button-disabled-color":V.href?m.theme.blue300:m.theme.gray300,"--amino-button-text-button-hover-color":V.href?m.theme.blue500:m.theme.gray500,"--amino-button-width":h?"fit-content":"auto"}),tabIndex:"div"===N?0:void 0},P,{children:[(s=C||function(){switch(G){case"primary":return j?"info":K?"black":"white";case"success":return j?"success":K?"black":"white";case"warning":return j?"warning":K?"black":"white";case"danger":return j?"danger":K?"black":"white";case"link":case"inlineLink":return"info";default:return"black"}}(),n.jsxs(n.Fragment,{children:[!k&&n.jsx("span",{className:B.content,children:w}),n.jsx("div",{className:l.default(B.content,B.text),children:c}),k&&n.jsx("span",{className:B.content,children:w}),"plain"!==G&&"text"!==G&&y&&n.jsxs("span",{className:B.spinnerWrapper,children:[n.jsx(a.Spinner,{color:s,size:Q()}),f]})]})),X&&n.jsx(e.RippleGroup,{ref:M})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var r=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("clsx"),i=require("../button/Button.js"),a=require("../text/Text.js"),
|
|
1
|
+
"use strict";var r=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),o=require("clsx"),i=require("../button/Button.js"),a=require("../text/Text.js"),l=require("../../icons/ChevronDownIcon.js"),n=require("../../icons/MinusCircleDuotoneIcon.js"),s=require("../../icons/PlusCircleDuotoneIcon.js"),t=require("../../styles/constants/theme.js"),p=require("../../style-inject.es-d4ddeae4.js");function d(r){return r&&r.__esModule?r:{default:r}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs"),require("../../icons/icon-base/_IconBase.js");var u=d(o),c="Amino_FilterWrapper-module__filterWrapper--u-lhr",m="Amino_FilterWrapper-module__badgeWrapper--wljBB",g="Amino_FilterWrapper-module__toggleWrapper--gqVoy",_="Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i",h="Amino_FilterWrapper-module__dropdownWrapper--dPZ9C",x="Amino_FilterWrapper-module__controlsWrapper--j4AT5";p.styleInject(".Amino_FilterWrapper-module__filterWrapper--u-lhr{position:relative}.Amino_FilterWrapper-module__badgeWrapper--wljBB{align-items:center;background-color:initial;border:1px dashed var(--amino-gray-200);border-radius:100px;color:var(--amino-gray-700);display:inline-flex}.Amino_FilterWrapper-module__badgeWrapper--wljBB.active{border:var(--amino-border)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy{align-items:center;border-radius:100px;border-bottom-right-radius:var(--amino-filter-wrapper-border-bottom-right-radius);border-right:1px solid var(--amino-filter-wrapper-border-right-color);border-top-right-radius:var(--amino-filter-wrapper-border-top-right-radius);cursor:pointer;display:flex;gap:var(--amino-space-8);padding:var(--amino-space-4) var(--amino-space-8)}.Amino_FilterWrapper-module__toggleWrapper--gqVoy:hover{background-color:var(--amino-hover-color)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i{align-items:center;border-radius:100px;border-bottom-left-radius:0;border-top-left-radius:0;cursor:pointer;display:flex;gap:var(--amino-space-8);padding:var(--amino-space-4) var(--amino-space-8)}.Amino_FilterWrapper-module__styledDropdownTrigger--YXu5i:hover{background-color:var(--amino-hover-color)}.Amino_FilterWrapper-module__dropdownWrapper--dPZ9C{background-color:var(--amino-surface-color);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xl);display:flex;flex-direction:column;gap:var(--amino-space-24);min-width:400px;outline:none;padding:var(--amino-space-24);position:absolute;z-index:1}.Amino_FilterWrapper-module__controlsWrapper--j4AT5{display:flex;flex-direction:column;gap:var(--amino-space-8);max-height:400px}");exports.FilterWrapper=function(o){var p=o.active,d=o.children,b=o.className,v=o.dropDownOpen,j=o.dropdownRef,y=o.dropdownTitle,f=o.filterText,W=o.handleApply,q=o.handleKeyDown,w=o.handleOpenDropdown,A=o.handleToggle,F=o.hasFilter,C=o.label,D=o.style;return e.jsxs("div",{className:u.default(b,c),style:r.__assign(r.__assign({},D),{"--amino-filter-wrapper-border-bottom-right-radius":F?"0px":"100px","--amino-filter-wrapper-border-right-color":p?t.theme.borderColor:t.theme.gray200,"--amino-filter-wrapper-border-top-right-radius":F?"0px":"100px"}),children:[e.jsxs("div",{className:u.default(p&&"active",m),onClick:A,children:[e.jsxs("div",{className:g,children:[p?e.jsx(n.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):e.jsx(s.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),e.jsx(a.Text,{fontWeight:600,children:C})]}),F&&e.jsxs("div",{className:_,onClick:w,children:[e.jsx(a.Text,{color:"blue600",fontWeight:600,children:f}),e.jsx(l.ChevronDownIcon,{size:24})]})]}),e.jsxs("div",{ref:j,className:h,onKeyDown:q,style:{display:v?"flex":"none"},tabIndex:-1,children:[e.jsx(a.Text,{type:"bold-subheader",children:y}),e.jsx("div",{className:x,children:d}),e.jsx(i.Button,{onClick:W,size:"md",variant:"primary",children:"Apply"})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("./filterAmountReducer.js"),i=require("../useFilterWrapper.js"),u=require("../../input/Input.js"),o=require("../../select/Select.js"),a=require("../../../icons/ArrowRightIcon.js"),s=require("../../../style-inject.es-d4ddeae4.js");require("lodash/cloneDeep"),require("zod"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),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("../../../utils/hooks/useAminoTheme.js"),require("../../../utils/hooks/useStorage.js"),require("../../../utils/storage.js"),require("dayjs"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var l="Amino_FilterAmount-module__inputWrapper--6kcs2";s.styleInject(".Amino_FilterAmount-module__inputWrapper--6kcs2{align-items:center;display:flex;gap:var(--amino-space-8)}.Amino_FilterAmount-module__inputWrapper--6kcs2 svg{min-width:var(--amino-space-24)}.Amino_FilterAmount-module__inputWrapper--6kcs2 .arrow-right{margin-right:var(--amino-space-16)}");exports.FilterAmount=function(s){var c=s.dispatch,p=s.dropdownTitle,m=s.filter,q=s.label,j=e.__read(r.useState(m.amountFilterType),2),d=j[0],h=j[1],v=e.__read(r.useState(m.amountTotalMin),2),g=v[0],y=v[1],b=e.__read(r.useState(m.amountTotalMax),2),A=b[0],_=b[1],I=e.__read(r.useState(!1),2),f=I[0],F=I[1],k=r.useCallback((function(e){c({name:"amountTotalMin",type:"change",value:e.amount1}),c({name:"amountTotalMax",type:"change",value:e.amount2})}),[c]),x=r.useCallback((function(e){var t="".concat((null==g?void 0:g.toFixed(2))||0)||"",r="".concat((null==A?void 0:A.toFixed(2))||0)||"";switch(d){case"between":e("Between ".concat(t," and ").concat(r));break;case"equal":e("Equal to ".concat(t));break;case"greater":e("Greater than ".concat(t));break;case"less":e("Less than ".concat(t))}}),[g,A,d]),C=r.useCallback((function(e){switch(c({name:"amountFilterType",type:"change",value:d}),d){case"between":k({amount1:g,amount2:A});break;case"equal":k({amount1:g,amount2:g});break;case"greater":k({amount1:g,amount2:null});break;case"less":k({amount1:null,amount2:g})}c({name:"isActive",type:"change",value:!0}),x(e)}),[c,k,g,A,d,x]);return(0,i.useFilterWrapper({dropdownTitle:p,isActive:m.isActive,label:q,onApply:C,onApplyFilterText:x,onClose:function(){h(m.amountFilterType),y(m.amountTotalMin),_(m.amountTotalMax)},onRemove:function(){c({name:"isActive",type:"change",value:!1}),c({name:"amountFilterType",type:"change",value:n.initialFilterAmountState.amountFilterType}),k({amount1:null,amount2:null}),h(n.initialFilterAmountState.amountFilterType),y(0),_(0)},setActive:function(e){return c({name:"isActive",type:"change",value:e})}}).renderWrapper)(t.jsxs(t.Fragment,{children:[t.jsx(o.Select,{isClearable:!1,onChange:function(e){return h((null==e?void 0:e.value)||n.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&f&&e.stopPropagation()},onMenuClose:function(){return F(!1)},onMenuOpen:function(){return F(!0)},options:n.filterAmountOptions,size:"md",value:n.filterAmountOptions.filter((function(e){return e.value===d}))}),t.jsxs("div",{className:l,children:[t.jsx(a.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),t.jsx(u.Input,{onChange:function(e){return y(e.target.valueAsNumber)},size:"md",type:"number",value:null===g?"":String(g)}),"between"===d&&t.jsxs(t.Fragment,{children:["and",t.jsx(u.Input,{onChange:function(e){return _(e.target.valueAsNumber)},size:"md",type:"number",value:null===A?"":String(A)})]})]})]}))};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { DeepReducerActions } from "../../../types/deep/DeepReducerActions";
|
|
2
|
-
export
|
|
2
|
+
export declare const filterAmountTypes: readonly ["equal", "between", "greater", "less"];
|
|
3
|
+
export type FilterAmountType = (typeof filterAmountTypes)[number];
|
|
3
4
|
export declare const filterAmountOptions: {
|
|
4
5
|
label: string;
|
|
5
6
|
value: FilterAmountType;
|
|
@@ -15,3 +16,5 @@ export type FilterAmountAction = DeepReducerActions<FilterAmountState> | {
|
|
|
15
16
|
type: 'reset';
|
|
16
17
|
};
|
|
17
18
|
export declare const filterAmountReducer: (state: FilterAmountState, action: FilterAmountAction) => FilterAmountState;
|
|
19
|
+
export declare const filterAmountReducerUrl: (prefixKey?: string) => (state: FilterAmountState, action: FilterAmountAction) => FilterAmountState;
|
|
20
|
+
export declare const getInitialFilterAmountStateUrl: (prefixKey?: string) => FilterAmountState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("lodash/cloneDeep"),
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("lodash/cloneDeep"),a=require("zod"),n=require("../../../utils/changeDeepProperty.js"),r=require("../../../utils/hooks/useStateUrl.js");function u(e){return e&&e.__esModule?e:{default:e}}require("lodash/set"),require("react");var l=u(t),o=["equal","between","greater","less"],i={amountFilterType:"equal",amountTotalMax:0,amountTotalMin:0,isActive:!1},s=function(e,t){var a=l.default(e);switch(t.type){case"reset":return i;case"change":var r=t.name,u=t.value;return n.changeDeepProperty({obj:a,propertyPath:r,value:u});default:return t}};exports.filterAmountOptions=[{label:"is equal to",value:"equal"},{label:"is between",value:"between"},{label:"is greater than",value:"greater"},{label:"is less than",value:"less"}],exports.filterAmountReducer=s,exports.filterAmountReducerUrl=function(e){return function(t,a){var n=e?"".concat(e,"Filter"):"filter",u=s(t,a);return u.isActive?(r.setStateUrl({name:"".concat(n,"AmountType"),value:u.amountFilterType}),r.setStateUrl({name:"".concat(n,"AmountMin"),value:u.amountTotalMin}),r.setStateUrl({name:"".concat(n,"AmountMax"),value:u.amountTotalMax})):(r.setStateUrl({name:"".concat(n,"AmountType"),value:null}),r.setStateUrl({name:"".concat(n,"AmountMin"),value:null}),r.setStateUrl({name:"".concat(n,"AmountMax"),value:null})),u}},exports.filterAmountTypes=o,exports.getInitialFilterAmountStateUrl=function(t){var n=t?"".concat(t,"Filter"):"filter",u=r.getCurrentStateUrl({name:"".concat(n,"AmountType"),schema:a.z.enum(o)}),l={amountFilterType:u||"equal",amountTotalMax:r.getCurrentStateUrl({name:"".concat(n,"AmountMax"),schema:a.z.number()})||0,amountTotalMin:r.getCurrentStateUrl({name:"".concat(n,"AmountMin"),schema:a.z.number()})||0},i=!!u;return e.__assign(e.__assign({},l),{isActive:i})},exports.initialFilterAmountState=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("./_DateControls/_IsAfter.js"),s=require("./_DateControls/_IsBefore.js"),i=require("./_DateControls/_IsBeforeOrOn.js"),u=require("./_DateControls/_IsBetween.js"),o=require("./_DateControls/_IsEqualTo.js"),a=require("./_DateControls/_IsInTheLast.js"),l=require("./_DateControls/_IsOnOrAfter.js"),c=require("./filterDateReducer.js"),j=require("../../select/Select.js"),q=require("../../../icons/ArrowRightIcon.js"),p=require("../../../DateControlsWrapper-d09e2e06.js");require("dayjs"),require("../../input/Input.js"),require("clsx"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../../utils/hooks/useStorage.js"),require("../../../utils/storage.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("./_DateControls/_IsAfter.js"),s=require("./_DateControls/_IsBefore.js"),i=require("./_DateControls/_IsBeforeOrOn.js"),u=require("./_DateControls/_IsBetween.js"),o=require("./_DateControls/_IsEqualTo.js"),a=require("./_DateControls/_IsInTheLast.js"),l=require("./_DateControls/_IsOnOrAfter.js"),c=require("./filterDateReducer.js"),j=require("../../select/Select.js"),q=require("../../../icons/ArrowRightIcon.js"),p=require("../../../DateControlsWrapper-d09e2e06.js");require("dayjs"),require("../../input/Input.js"),require("clsx"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../../utils/hooks/useStorage.js"),require("../../../utils/storage.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var h=c.filterDateRanges.map((function(e){return{label:e,value:e}}));exports.DateControls=function(C){var I=C.onChange,g=C.onChangeFilterText,f=C.rangeType,x=C.setRangeType,_=C.value,v=e.__read(t.useState(!1),2),T=v[0],y=v[1];return r.jsxs(r.Fragment,{children:[r.jsx(j.Select,{isClearable:!1,onChange:function(e){x((null==e?void 0:e.value)||c.initialFilterDateState.dateRangeType)},onKeyDown:function(e){"Enter"===e.key&&T&&e.stopPropagation()},onMenuClose:function(){return y(!1)},onMenuOpen:function(){return y(!0)},options:h,size:"sm",value:h.filter((function(e){return e.value===f}))}),r.jsxs("div",{className:p.styles.controlsValueWrapper,children:[r.jsx(q.ArrowRightIcon,{color:"blue600"}),function(){switch(f){case"is in the last":return r.jsx(a.IsInTheLast,{onChange:I,onChangeFilterText:g,value:_});case"is equal to":default:return r.jsx(o.IsEqualTo,{onChange:I,onChangeFilterText:g,value:_});case"is after":return r.jsx(n.IsAfter,{onChange:I,onChangeFilterText:g,value:_});case"is before":return r.jsx(s.IsBefore,{onChange:I,onChangeFilterText:g,value:_});case"is between":return r.jsx(u.IsBetween,{onChange:I,onChangeFilterText:g,value:_});case"is on or after":return r.jsx(l.IsOnOrAfter,{onChange:I,onChangeFilterText:g,value:_});case"is before or on":return r.jsx(i.IsBeforeOrOn,{onChange:I,onChangeFilterText:g,value:_})}}()]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("react/jsx-runtime"),r=require("react"),a=require("./DateControls.js"),n=require("./filterDateReducer.js"),i=require("../useFilterWrapper.js");require("./_DateControls/_IsAfter.js"),require("dayjs"),require("../../../DateControlsWrapper-d09e2e06.js"),require("clsx"),require("../../../style-inject.es-d4ddeae4.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../../utils/hooks/useStorage.js"),require("../../../utils/storage.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("./_DateControls/_IsBefore.js"),require("./_DateControls/_IsBeforeOrOn.js"),require("./_DateControls/_IsBetween.js"),require("./_DateControls/_IsEqualTo.js"),require("./_DateControls/_IsInTheLast.js"),require("../../select/Select.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js"),require("./_DateControls/_IsOnOrAfter.js"),require("../../../icons/ArrowRightIcon.js"),require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../FilterWrapper.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterDate=function(s){var u=s.dispatch,o=s.dropdownTitle,l=s.filter,c=s.label,p=e.__read(r.useState(l.dateData),2),q=p[0],j=p[1],d=e.__read(r.useState(l.dateRangeType),2),g=d[0],y=d[1],C=e.__read(r.useState(""),2),D=C[0],h=C[1],I=r.useCallback((function(e){u({name:"dateRangeType",type:"change",value:g}),u({name:"dateData.dateBegin",type:"change",value:e.dateBegin||null}),u({name:"dateData.dateEnd",type:"change",value:e.dateEnd||null}),u({name:"dateData.lastCount",type:"change",value:e.lastCount}),u({name:"dateData.lastUnit",type:"change",value:e.lastUnit})}),[u,g]),_=r.useCallback((function(){u({name:"dateRangeType",type:"change",value:g}),u({name:"dateData.dateBegin",type:"change",value:q.dateBegin||null}),u({name:"dateData.dateEnd",type:"change",value:q.dateEnd||null}),u({name:"dateData.lastCount",type:"change",value:q.lastCount}),u({name:"dateData.lastUnit",type:"change",value:q.lastUnit}),u({name:"isActive",type:"change",value:!0})}),[u,q.dateBegin,q.dateEnd,q.lastCount,q.lastUnit,g]),v=r.useCallback((function(e){e(D)}),[D]),m=r.useCallback((function(e){_(),v(e)}),[_,v]);return(0,i.useFilterWrapper({dropdownTitle:o,isActive:l.isActive,label:c,onApply:m,onApplyFilterText:v,onClose:function(){j(l.dateData),y(l.dateRangeType)},onRemove:function(){u({name:"isActive",type:"change",value:!1}),u({name:"dateRangeType",type:"change",value:g}),I(n.initialFilterDateState.dateData),j(n.initialFilterDateState.dateData),y(n.initialFilterDateState.dateRangeType)},setActive:function(e){return u({name:"isActive",type:"change",value:e})}}).renderWrapper)(t.jsx(a.DateControls,{onChange:j,onChangeFilterText:function(e){h(e)},rangeType:g,setRangeType:y,value:q}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("dayjs"),u=require("../../../../DateControlsWrapper-d09e2e06.js"),n=require("../filterDateReducer.js"),i=require("../../../input/Input.js"),s=require("../../../select/Select.js");function o(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("lodash/cloneDeep"),require("../../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../../
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("dayjs"),u=require("../../../../DateControlsWrapper-d09e2e06.js"),n=require("../filterDateReducer.js"),i=require("../../../input/Input.js"),s=require("../../../select/Select.js");function o(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../_tslib-bd4862e8.js"),require("lodash/cloneDeep"),require("zod"),require("../../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../../utils/hooks/useStateUrl.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/CaretDownIcon.js"),require("../../../../icons/CaretUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../button/Button.js"),require("../../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../../button/_Ripple.js"),require("../../../../utils/getAminoColor.js"),require("../../../button/useRipple.js"),require("../../../spinner/Spinner.js"),require("../../../../utils/hooks/useAminoTheme.js"),require("../../../../utils/hooks/useStorage.js"),require("../../../../utils/storage.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js"),require("../../../select/_StyledReactSelect.js"),require("react-select"),require("../../../checkbox/Checkbox.js"),require("../../../../icons/CheckmarkIcon.js"),require("../../../../icons/CheckCircleIcon.js"),require("../../../../icons/DoubleChevronIcon.js"),require("../../../../icons/RemoveCircleIcon.js"),require("../../../../icons/RemoveIcon.js");var a=o(t),l=n.dateUnits.map((function(e){return{label:e,value:e}}));exports.IsInTheLast=function(t){var n=t.onChange,o=t.onChangeFilterText,c=t.value,q=r.useMemo((function(){return{count:c.lastCount,unit:c.lastUnit}}),[c]),p=q.count,j=q.unit,f=r.useCallback((function(e){var r=a.default().subtract(p,e).format(u.defaultDateFormat);n({dateBegin:r,dateEnd:null,lastCount:p,lastUnit:e})}),[p,n]),d=r.useCallback((function(e){var r=a.default().subtract(e,j).format(u.defaultDateFormat);n({dateBegin:r,dateEnd:null,lastCount:e,lastUnit:j})}),[n,j]);return r.useEffect((function(){var e=a.default().subtract(p,j).format(u.defaultDateFormat);n({dateBegin:e,dateEnd:null,lastCount:p,lastUnit:j})}),[p,n,j]),r.useEffect((function(){var e="Last ".concat(p," ").concat(j);o(e)}),[j,p,o]),e.jsxs(u.DateControlsWrapper,{children:[e.jsx(i.Input,{min:1,onChange:function(e){return d(parseFloat(e.target.value))},size:"sm",suffix:null,type:"number",value:String(p)}),e.jsx(s.Select,{isClearable:!1,onChange:function(e){f((null==e?void 0:e.value)||"days")},options:l,size:"sm",value:l.filter((function(e){return e.value===j}))})]})};
|
|
@@ -20,3 +20,5 @@ export type FilterDateAction = DeepReducerActions<FilterDateState> | {
|
|
|
20
20
|
type: 'reset';
|
|
21
21
|
};
|
|
22
22
|
export declare const filterDateReducer: (state: FilterDateState, action: FilterDateAction) => FilterDateState;
|
|
23
|
+
export declare const filterDateReducerUrl: (prefixKey?: string) => (state: FilterDateState, action: FilterDateAction) => FilterDateState;
|
|
24
|
+
export declare const getInitialFilterDateStateUrl: (prefixKey?: string) => FilterDateState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("lodash/cloneDeep"),
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),t=require("lodash/cloneDeep"),a=require("zod"),n=require("../../../utils/changeDeepProperty.js"),r=require("../../../utils/hooks/useStateUrl.js");function l(e){return e&&e.__esModule?e:{default:e}}require("lodash/set"),require("react");var s=l(t),i=["is in the last","is equal to","is after","is before","is between","is on or after","is before or on"],u=["days","months"],c={dateData:{dateBegin:null,dateEnd:null,lastCount:5,lastUnit:"days"},dateRangeType:"is in the last",isActive:!1},o=function(e,t){var a=s.default(e);switch(t.type){case"reset":return c;case"change":var r=t.name,l=t.value;return n.changeDeepProperty({obj:a,propertyPath:r,value:l});default:return t}};exports.dateUnits=u,exports.filterDateRanges=i,exports.filterDateReducer=o,exports.filterDateReducerUrl=function(e){return function(t,a){var n=e?"".concat(e,"Filter"):"filter",l=o(t,a);return l.isActive?(r.setStateUrl({name:"".concat(n,"DateBegin"),value:l.dateData.dateBegin}),r.setStateUrl({name:"".concat(n,"DateEnd"),value:l.dateData.dateEnd}),r.setStateUrl({name:"".concat(n,"DateRangeType"),value:l.dateRangeType}),"is in the last"===l.dateRangeType&&(r.setStateUrl({name:"".concat(n,"DateLastCount"),value:l.dateData.lastCount}),r.setStateUrl({name:"".concat(n,"DateLastUnit"),value:l.dateData.lastUnit}))):(r.setStateUrl({name:"".concat(n,"DateBegin"),value:null}),r.setStateUrl({name:"".concat(n,"DateEnd"),value:null}),r.setStateUrl({name:"".concat(n,"DateRangeType"),value:null}),r.setStateUrl({name:"".concat(n,"DateLastCount"),value:null}),r.setStateUrl({name:"".concat(n,"DateLastUnit"),value:null})),l}},exports.getInitialFilterDateStateUrl=function(t){var n=t?"".concat(t,"Filter"):"filter",l=r.getCurrentStateUrl({name:"".concat(n,"DateRangeType"),schema:a.z.enum(i)}),s={dateData:{dateBegin:r.getCurrentStateUrl({name:"".concat(n,"DateBegin"),schema:a.z.string().date()})||null,dateEnd:r.getCurrentStateUrl({name:"".concat(n,"DateEnd"),schema:a.z.string().date()})||null,lastCount:r.getCurrentStateUrl({name:"".concat(n,"DateLastCount"),schema:a.z.number()})||5,lastUnit:r.getCurrentStateUrl({name:"".concat(n,"DateLastUnit"),schema:a.z.enum(u)})||"days"},dateRangeType:l||"is in the last"},c=!!l;return e.__assign(e.__assign({},s),{isActive:c})},exports.initialFilterDateState=c;
|
|
@@ -2,7 +2,7 @@ import { type BaseFilterProps } from "../useFilterWrapper";
|
|
|
2
2
|
import type { SelectOption } from "../../../types/SelectOption";
|
|
3
3
|
export type FilterMultiSelectProps<T extends string | number = string> = BaseFilterProps & {
|
|
4
4
|
options: SelectOption<T>[];
|
|
5
|
-
value:
|
|
6
|
-
onChange: (value:
|
|
5
|
+
value: T[];
|
|
6
|
+
onChange: (value: T[]) => void;
|
|
7
7
|
};
|
|
8
8
|
export declare const FilterMultiSelect: <T extends string | number = string>({ dropdownTitle, label, onChange, options, value, }: FilterMultiSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../../checkbox/Checkbox.js"),u=require("../useFilterWrapper.js"),
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../../checkbox/Checkbox.js"),u=require("../useFilterWrapper.js"),n=require("../../stack/VStack.js"),s=require("../../../style-inject.es-d4ddeae4.js");require("clsx"),require("framer-motion"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js"),require("../FilterWrapper.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/hooks/useAminoTheme.js"),require("zod"),require("../../../utils/hooks/useStorage.js"),require("../../../utils/storage.js"),require("dayjs"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../stack/Stack.js");var o="Amino_FilterMultiSelect-module__vStackStyled--CSfRg";s.styleInject(".Amino_FilterMultiSelect-module__vStackStyled--CSfRg{max-height:400px;overflow-y:auto}");exports.FilterMultiSelect=function(s){var l=s.dropdownTitle,c=s.label,a=s.onChange,q=s.options,j=s.value,p=e.__read(t.useState(j),2),d=p[0],f=p[1],h=t.useCallback((function(e){if(1===d.length){var r=q.find((function(e){return e.value===d[0]}));e((null==r?void 0:r.label)||"1 selected")}else e("".concat(d.length," selected"))}),[d,q]),m=t.useCallback((function(e){a(d),h(e)}),[d,h,a]);return(0,u.useFilterWrapper({dropdownTitle:l,isActive:!!j.length,label:c,onApply:m,onApplyFilterText:h,onClose:function(){f(j)},onRemove:function(){a([]),f([])}}).renderWrapper)(r.jsx(n.VStack,{className:o,spacing:8,children:q.map((function(t){return r.jsx(i.Checkbox,{checked:d.some((function(e){return e===t.value}))||!1,label:t.label,onChange:function(){d.some((function(e){return e===t.value}))?f(d.filter((function(e){return e!==t.value}))):f(e.__spreadArray(e.__spreadArray([],e.__read(d),!1),[t.value],!1))}},t.value)}))}))};
|
|
@@ -6,12 +6,12 @@ export type FilterSelectProps<T extends string = string, O extends SelectOption<
|
|
|
6
6
|
filterTextCharacterLimit?: number;
|
|
7
7
|
options: O[];
|
|
8
8
|
selectProps?: CustomSelectProps<T, O> | ((editingValue: O | null) => CustomSelectProps<T, O>);
|
|
9
|
-
value:
|
|
9
|
+
value: T | null;
|
|
10
10
|
/**
|
|
11
11
|
* @default `is ${value.label}`
|
|
12
12
|
*/
|
|
13
13
|
getFilterText?: (value: O) => string;
|
|
14
|
-
onChange: (value:
|
|
14
|
+
onChange: (value: T | null) => void;
|
|
15
15
|
};
|
|
16
|
-
export declare const FilterSelect: <T extends string = string, O extends SelectOption<T> = SelectOption<T>>({ filterTextCharacterLimit, getFilterText, onChange, options, selectProps, value, ...props }: FilterSelectProps<T, O>) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const FilterSelect: <T extends string = string, O extends SelectOption<T> = SelectOption<T>>({ filterTextCharacterLimit, getFilterText: _getFilterText, onChange, options, selectProps, value, ...props }: FilterSelectProps<T, O>) => import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("../useFilterWrapper.js"),i=require("../../select/Select.js"),u=require("../../../utils/truncateText.js");require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.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/hooks/useAminoTheme.js"),require("zod"),require("../../../utils/hooks/useStorage.js"),require("../../../utils/storage.js"),require("dayjs"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../utils/getTestId.js"),require("../../help-text/HelpText.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");exports.FilterSelect=function(s){var o=s.filterTextCharacterLimit,l=void 0===o?20:o,c=s.getFilterText,a=s.onChange,q=s.options,j=s.selectProps,p=s.value,f=e.__rest(s,["filterTextCharacterLimit","getFilterText","onChange","options","selectProps","value"]),C=e.__read(t.useState(p),2),v=C[0],x=C[1],h=e.__read(t.useState(!1),2),m=h[0],_=h[1],g=t.useMemo((function(){return c||function(e){return"is ".concat(e.label)}}),[c]),b=t.useMemo((function(){return q.find((function(e){return e.value===v}))||null}),[v,q]),d=t.useCallback((function(e){if(v){var r=q.find((function(e){return e.value===v}));if(r){var t=g(r);e(u.truncateText({length:l,text:t}))}}}),[v,l,g,q]),T=t.useCallback((function(e){a(v),d(e)}),[v,d,a]),k=n.useFilterWrapper(e.__assign(e.__assign({},f),{isActive:!!p,onApply:T,onApplyFilterText:d,onClose:function(){x(p)},onRemove:function(){a(null),x(null)}})).renderWrapper,I=t.useMemo((function(){return"function"==typeof j?j(b):j}),[j,b]);return k(r.jsx(i.Select,e.__assign({isClearable:!1,onChange:function(e){return x((null==e?void 0:e.value)||null)},onKeyDown:function(e){"Enter"===e.key&&m&&e.stopPropagation()},onMenuClose:function(){return _(!1)},onMenuOpen:function(){return _(!0)},options:q,size:"sm",value:q.filter((function(e){return e.value===v}))},I)))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),u=require("../useFilterWrapper.js"),t=require("../../input/Input.js");require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.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/hooks/useAminoTheme.js"),require("zod"),require("../../../utils/hooks/useStorage.js"),require("../../../utils/storage.js"),require("dayjs"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js");exports.FilterText=function(n){var s=n.dropdownTitle,o=n.label,p=n.onChange,l=n.value,q=e.__read(i.useState(l||""),2),
|
|
1
|
+
"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),i=require("react"),u=require("../useFilterWrapper.js"),t=require("../../input/Input.js");require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.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/hooks/useAminoTheme.js"),require("zod"),require("../../../utils/hooks/useStorage.js"),require("../../../utils/storage.js"),require("dayjs"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js");exports.FilterText=function(n){var s=n.dropdownTitle,o=n.label,p=n.onChange,l=n.value,q=e.__read(i.useState(l||""),2),c=q[0],a=q[1],j=i.useCallback((function(e){e(c)}),[c]),I=i.useCallback((function(e){p(c),j(e)}),[c,j,p]);return(0,u.useFilterWrapper({dropdownTitle:s,isActive:!!l,label:o,onApply:I,onApplyFilterText:j,onClose:function(){a(l||"")},onRemove:function(){p(null),a("")}}).renderWrapper)(r.jsx(t.Input,{onChange:function(e){return a(e.target.value)},size:"sm",type:"text",value:c}))};
|
|
@@ -6,16 +6,21 @@ export type BaseFilterProps = BaseProps & {
|
|
|
6
6
|
};
|
|
7
7
|
export type FilterApplyCallback = (setFilterText: (newFilterText: string) => void) => void;
|
|
8
8
|
type UseFilterProps = {
|
|
9
|
-
|
|
9
|
+
isActive: boolean;
|
|
10
10
|
onApply: FilterApplyCallback;
|
|
11
|
+
/**
|
|
12
|
+
* This is called in a use effect to allow for initial states from URL, needs to be memoized.
|
|
13
|
+
*/
|
|
14
|
+
onApplyFilterText: FilterApplyCallback;
|
|
11
15
|
/**
|
|
12
16
|
* When the menu is closed without applying.
|
|
13
17
|
*/
|
|
14
18
|
onClose: () => void;
|
|
15
19
|
onRemove: () => void;
|
|
20
|
+
setActive?: (active: boolean) => void;
|
|
16
21
|
};
|
|
17
22
|
export type FilterProps = BaseFilterProps & UseFilterProps;
|
|
18
|
-
export declare const useFilterWrapper: ({ className, dropdownTitle,
|
|
23
|
+
export declare const useFilterWrapper: ({ className, dropdownTitle, isActive, label, onApply, onApplyFilterText, onClose, onRemove, setActive, style, }: FilterProps) => {
|
|
19
24
|
handleApplyFilter: () => void;
|
|
20
25
|
renderWrapper: (control: ReactNode) => import("react/jsx-runtime").JSX.Element;
|
|
21
26
|
setFilterText: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("./FilterWrapper.js");require("clsx"),require("../button/Button.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/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs"),require("../text/Text.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusCircleDuotoneIcon.js"),require("../../icons/PlusCircleDuotoneIcon.js");exports.useFilterWrapper=function(
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("./FilterWrapper.js");require("clsx"),require("../button/Button.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/hooks/useAminoTheme.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("dayjs"),require("../text/Text.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../icons/MinusCircleDuotoneIcon.js"),require("../../icons/PlusCircleDuotoneIcon.js");exports.useFilterWrapper=function(i){var o=i.className,u=i.dropdownTitle,s=i.isActive,l=i.label,c=i.onApply,a=i.onApplyFilterText,d=i.onClose,p=i.onRemove,q=i.setActive,v=i.style,f=e.__read(n.useState(!1),2),j=f[0],m=f[1],y=e.__read(n.useState("Filter"),2),h=y[0],b=y[1],w=n.useRef(null),x=function(){c(b),m(!1)},E=function(e){"Escape"===e.key&&(m(!1),d()),"Enter"===e.key&&x()},A=n.useCallback((function(e){var r,n=e.target;n instanceof Element&&!(null===(r=w.current)||void 0===r?void 0:r.contains(n))&&j&&(m(!1),d())}),[j,d]);n.useEffect((function(){var e,r,n;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",A),(null===(r=w.current)||void 0===r?void 0:r.contains(document.activeElement))||null===(n=w.current)||void 0===n||n.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",A)}}),[j,A]),n.useEffect((function(){var e;if(j){var r=null===(e=w.current)||void 0===e?void 0:e.querySelector("input");null==r||r.focus()}}),[j]);var F=function(e){e.stopPropagation(),m(!0)},T=function(){s?(null==q||q(!1),p()):m(!0)};n.useEffect((function(){s&&a(b)}),[s,a]);return{handleApplyFilter:x,renderWrapper:function(e){return r.jsx(t.FilterWrapper,{active:s,className:o,dropDownOpen:j,dropdownRef:w,dropdownTitle:u,filterText:h,handleApply:x,handleKeyDown:E,handleOpenDropdown:F,handleToggle:T,hasFilter:s,label:l,style:v,children:e})},setFilterText:b}};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zonos/amino",
|
|
3
|
-
"version": "5.2.
|
|
3
|
+
"version": "5.2.9",
|
|
4
4
|
"description": "Core UI components for Amino",
|
|
5
5
|
"repository": "git@github.com:Zonos/amino.git",
|
|
6
6
|
"license": "MIT",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"react-split-it": "^2.0.0",
|
|
34
34
|
"topojson-client": "^3.1.0",
|
|
35
35
|
"uuid": "^9.0.0",
|
|
36
|
-
"zod": "^3.
|
|
36
|
+
"zod": "^3.23.5"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {},
|
|
39
39
|
"peerDependencies": {
|
package/types/Variant.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export type Variant = '
|
|
1
|
+
export type Variant = 'danger' | 'inlineLink' | 'link' | 'plain' | 'primary' | 'standard' | 'subtle' | 'success' | 'text' | 'warning';
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { Schema } from 'zod';
|
|
2
|
+
type Params<Value> = {
|
|
3
|
+
initialValue: Value;
|
|
4
|
+
name: string;
|
|
5
|
+
schema: Schema<Value>;
|
|
6
|
+
};
|
|
7
|
+
export declare const getCurrentStateUrl: <Value>({ name, schema, }: {
|
|
8
|
+
name: string;
|
|
9
|
+
schema: Schema<Value>;
|
|
10
|
+
}) => Value | null;
|
|
11
|
+
/**
|
|
12
|
+
* Uses JSON.stringify. The caller is responsible for making the sure the value is serializable.
|
|
13
|
+
*/
|
|
14
|
+
export declare const setStateUrl: <Value>({ name, value, }: {
|
|
15
|
+
name: string;
|
|
16
|
+
value: Value | null;
|
|
17
|
+
}) => void;
|
|
18
|
+
/**
|
|
19
|
+
* Uses the URL params to store the state.
|
|
20
|
+
*
|
|
21
|
+
* Uses zod for validation.
|
|
22
|
+
*/
|
|
23
|
+
export declare const useStateUrl: <Value>({ initialValue, name, schema, }: Params<Value>) => [Value | null, (newValue: Value | null) => void];
|
|
24
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../_tslib-bd4862e8.js"),t=require("react"),a=function(e){var t=e.name,a=e.schema,r=new URLSearchParams(window.location.search).get(t);if(!r)return null;try{var n=JSON.parse(r);return(s=a.safeParse(n)).success?s.data:null}catch(e){var s;return(s=a.safeParse(r)).success?s.data:null}},r=function(e){var t=e.name,a=e.value,r=new URLSearchParams(window.location.search);try{if("object"==typeof a&&(null===a||0===Object.keys(a).length))return void r.delete(t);var n="string"==typeof a?a:JSON.stringify(a);null===a?r.delete(t):r.set(t,n)}finally{""===r.toString()?window.history.replaceState(null,"",window.location.pathname):window.history.replaceState(null,"","?".concat(r.toString()))}};exports.getCurrentStateUrl=a,exports.setStateUrl=r,exports.useStateUrl=function(n){var s=n.initialValue,l=n.name,i=n.schema,c=e.__read(t.useState(a({name:l,schema:i})||s),2),u=c[0],o=c[1];return[u,t.useCallback((function(e){r({name:l,value:e}),o(e)}),[l])]};
|