@zonos/amino 5.2.8 → 5.2.10

package/all.d.ts

@@ -740,6 +740,7 @@ import './utils/hooks/useDropdown';
 import './utils/hooks/useHeightAdjustTextarea';
 import './utils/hooks/useNotify';
 import './utils/hooks/usePrevious';
+import './utils/hooks/useStateUrl';
 import './utils/hooks/useStorage';
 import './utils/hooks/useSwr';
 import './utils/hooks/useSwrt';

package/components/filter/FilterWrapper.js

@@ -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"),n=require("../../icons/ChevronDownIcon.js"),l=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,W=o.filterText,f=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(l.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:W}),e.jsx(n.ChevronDownIcon,{size:24})]})]}),v&&e.jsxs("div",{ref:j,className:h,onKeyDown:q,tabIndex:-1,children:[e.jsx(a.Text,{type:"bold-subheader",children:y}),e.jsx("div",{className:x,children:d}),e.jsx(i.Button,{onClick:f,size:"md",variant:"primary",children:"Apply"})]})]})};
+"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"})]})]})};

package/components/filter/filter-amount/FilterAmount.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=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("../../../utils/changeDeepProperty.js"),require("lodash/set"),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("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"),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(t.useState(m.amountFilterType),2),d=j[0],h=j[1],v=e.__read(t.useState(m.amountTotalMin),2),g=v[0],y=v[1],_=e.__read(t.useState(m.amountTotalMax),2),I=_[0],A=_[1],b=e.__read(t.useState(!1),2),f=b[0],x=b[1],F=function(e){c({name:"amountFilterType",type:"change",value:e})},C=function(e){c({name:"amountTotalMin",type:"change",value:e.amount1}),c({name:"amountTotalMax",type:"change",value:e.amount2})};return(0,i.useFilterWrapper({dropdownTitle:p,filterExists:m.isActive,label:q,onApply:function(e){F(d);var r="".concat((null==g?void 0:g.toFixed(2))||0)||"",t="".concat((null==I?void 0:I.toFixed(2))||0)||"";switch(d){case"between":C({amount1:g,amount2:I}),e("Between ".concat(r," and ").concat(t));break;case"equal":C({amount1:g,amount2:g}),e("Equal to ".concat(r));break;case"greater":C({amount1:g,amount2:null}),e("Greater than ".concat(r));break;case"less":C({amount1:null,amount2:g}),e("Less than ".concat(r))}c({name:"isActive",type:"change",value:!0})},onClose:function(){h(m.amountFilterType),y(m.amountTotalMin),A(m.amountTotalMax)},onRemove:function(){c({name:"isActive",type:"change",value:!1}),F(n.initialFilterAmountState.amountFilterType),C({amount1:null,amount2:null}),h(n.initialFilterAmountState.amountFilterType),y(0),A(0)}}).renderWrapper)(r.jsxs(r.Fragment,{children:[r.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 x(!1)},onMenuOpen:function(){return x(!0)},options:n.filterAmountOptions,size:"md",value:n.filterAmountOptions.filter((function(e){return e.value===d}))}),r.jsxs("div",{className:l,children:[r.jsx(a.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),r.jsx(u.Input,{onChange:function(e){return y(e.target.valueAsNumber)},size:"md",type:"number",value:null===g?"":String(g)}),"between"===d&&r.jsxs(r.Fragment,{children:["and",r.jsx(u.Input,{onChange:function(e){return A(e.target.valueAsNumber)},size:"md",type:"number",value:null===I?"":String(I)})]})]})]}))};
+"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)})]})]})]}))};

package/components/filter/filter-amount/filterAmountReducer.d.ts

@@ -1,5 +1,6 @@
 import type { DeepReducerActions } from "../../../types/deep/DeepReducerActions";
-export type FilterAmountType = 'equal' | 'between' | 'greater' | 'less';
+export declare const filterAmountTypes: readonly ["equal", "between", "greater", "less"];
+export type FilterAmountType = (typeof filterAmountTypes)[number];
 export declare const filterAmountOptions: {
     label: string;
     value: FilterAmountType;
@@ -15,3 +16,5 @@ export type FilterAmountAction = DeepReducerActions<FilterAmountState> | {
     type: 'reset';
 };
 export declare const filterAmountReducer: (state: FilterAmountState, action: FilterAmountAction) => FilterAmountState;
+export declare const filterAmountReducerUrl: (prefixKey?: string) => (state: FilterAmountState, action: FilterAmountAction) => FilterAmountState;
+export declare const getInitialFilterAmountStateUrl: (prefixKey?: string) => FilterAmountState;

package/components/filter/filter-amount/filterAmountReducer.js

@@ -1 +1 @@
-"use strict";var e=require("lodash/cloneDeep"),t=require("../../../utils/changeDeepProperty.js");function a(e){return e&&e.__esModule?e:{default:e}}require("lodash/set");var r=a(e),l={amountFilterType:"equal",amountTotalMax:0,amountTotalMin:0,isActive:!1};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=function(e,a){var u=r.default(e);switch(a.type){case"reset":return l;case"change":var n=a.name,s=a.value;return t.changeDeepProperty({obj:u,propertyPath:n,value:s});default:return a}},exports.initialFilterAmountState=l;
+"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;

package/components/filter/filter-date/DateControls.js

@@ -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 C=c.filterDateRanges.map((function(e){return{label:e,value:e}}));exports.DateControls=function(h){var I=h.onChange,g=h.onChangeFilterText,f=h.rangeType,x=h.setRangeType,_=h.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:C,size:"sm",value:C.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:_})}}()]})]})};
+"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:_})}}()]})]})};

package/components/filter/filter-date/FilterDate.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("./DateControls.js"),n=require("./filterDateReducer.js"),a=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("../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(t.useState(l.dateData),2),q=p[0],j=p[1],d=e.__read(t.useState(l.dateRangeType),2),D=d[0],I=d[1],C=e.__read(t.useState(""),2),_=C[0],y=C[1],g=function(e){u({name:"dateRangeType",type:"change",value:D}),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})};return(0,a.useFilterWrapper({dropdownTitle:o,filterExists:!!l.dateData.dateBegin||!!l.dateData.dateEnd,label:c,onApply:function(e){g(q),u({name:"isActive",type:"change",value:!0}),e(_)},onClose:function(){j(l.dateData),I(l.dateRangeType)},onRemove:function(){u({name:"isActive",type:"change",value:!1}),u({name:"dateRangeType",type:"change",value:D}),g(n.initialFilterDateState.dateData),j(n.initialFilterDateState.dateData),I(n.initialFilterDateState.dateRangeType)}}).renderWrapper)(r.jsx(i.DateControls,{onChange:j,onChangeFilterText:function(e){y(e)},rangeType:D,setRangeType:I,value:q}))};
+"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}))};

package/components/filter/filter-date/_DateControls/_IsInTheLast.js

@@ -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("../../../../_tslib-bd4862e8.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("../../../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:e.jsx(e.Fragment,{}),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}))})]})};
+"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}))})]})};

package/components/filter/filter-date/filterDateReducer.d.ts

@@ -20,3 +20,5 @@ export type FilterDateAction = DeepReducerActions<FilterDateState> | {
     type: 'reset';
 };
 export declare const filterDateReducer: (state: FilterDateState, action: FilterDateAction) => FilterDateState;
+export declare const filterDateReducerUrl: (prefixKey?: string) => (state: FilterDateState, action: FilterDateAction) => FilterDateState;
+export declare const getInitialFilterDateStateUrl: (prefixKey?: string) => FilterDateState;

package/components/filter/filter-date/filterDateReducer.js

@@ -1 +1 @@
-"use strict";var e=require("lodash/cloneDeep"),t=require("../../../utils/changeDeepProperty.js");function a(e){return e&&e.__esModule?e:{default:e}}require("lodash/set");var r=a(e),s={dateData:{dateBegin:null,dateEnd:null,lastCount:5,lastUnit:"days"},dateRangeType:"is in the last",isActive:!1};exports.dateUnits=["days","months"],exports.filterDateRanges=["is in the last","is equal to","is after","is before","is between","is on or after","is before or on"],exports.filterDateReducer=function(e,a){var i=r.default(e);switch(a.type){case"reset":return s;case"change":var n=a.name,l=a.value;return t.changeDeepProperty({obj:i,propertyPath:n,value:l});default:return a}},exports.initialFilterDateState=s;
+"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;

package/components/filter/filter-multi-select/FilterMultiSelect.d.ts

@@ -2,7 +2,7 @@ import { type BaseFilterProps } from "../useFilterWrapper";
 import type { SelectOption } from "../../../types/SelectOption";
 export type FilterMultiSelectProps<T extends string | number = string> = BaseFilterProps & {
     options: SelectOption<T>[];
-    value: SelectOption<T>[];
-    onChange: (value: SelectOption<T>[]) => void;
+    value: T[];
+    onChange: (value: T[]) => void;
 };
 export declare const FilterMultiSelect: <T extends string | number = string>({ dropdownTitle, label, onChange, options, value, }: FilterMultiSelectProps<T>) => import("react/jsx-runtime").JSX.Element;

package/components/filter/filter-multi-select/FilterMultiSelect.js

@@ -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"),s=require("../../stack/VStack.js"),n=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";n.styleInject(".Amino_FilterMultiSelect-module__vStackStyled--CSfRg{max-height:400px;overflow-y:auto}");exports.FilterMultiSelect=function(n){var l=n.dropdownTitle,a=n.label,c=n.onChange,q=n.options,j=n.value,p=e.__read(t.useState(j),2),d=p[0],v=p[1],h=u.useFilterWrapper({dropdownTitle:l,filterExists:!!j.length,label:a,onApply:function(e){var r;e(d.length>1?"".concat(d.length," selected"):(null===(r=d[0])||void 0===r?void 0:r.label)||""),c(d)},onClose:function(){v(j)},onRemove:function(){c([]),v([])}}).renderWrapper;return h(r.jsx(s.VStack,{className:o,spacing:8,children:q.map((function(t){return r.jsx(i.Checkbox,{checked:d.some((function(e){return e.value===t.value}))||!1,label:t.label,onChange:function(){d.some((function(e){return e.value===t.value}))?v(d.filter((function(e){return e.value!==t.value}))):v(e.__spreadArray(e.__spreadArray([],e.__read(d),!1),[t],!1))}},t.value)}))}))};
+"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)}))}))};

package/components/filter/filter-select/FilterSelect.d.ts

@@ -6,12 +6,12 @@ export type FilterSelectProps<T extends string = string, O extends SelectOption<
     filterTextCharacterLimit?: number;
     options: O[];
     selectProps?: CustomSelectProps<T, O> | ((editingValue: O | null) => CustomSelectProps<T, O>);
-    value: O | null;
+    value: T | null;
     /**
      * @default `is ${value.label}`
      */
     getFilterText?: (value: O) => string;
-    onChange: (value: O | null) => void;
+    onChange: (value: T | null) => void;
 };
-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;
+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;
 export {};

package/components/filter/filter-select/FilterSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-bd4862e8.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../useFilterWrapper.js"),s=require("../../select/Select.js"),n=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(u){var o=u.filterTextCharacterLimit,c=void 0===o?20:o,l=u.getFilterText,a=void 0===l?function(e){return"is ".concat(e.label)}:l,q=u.onChange,j=u.options,p=u.selectProps,f=u.value,x=e.__rest(u,["filterTextCharacterLimit","getFilterText","onChange","options","selectProps","value"]),C=e.__read(t.useState(f),2),h=C[0],v=C[1],_=e.__read(t.useState(!1),2),m=_[0],g=_[1],b=i.useFilterWrapper(e.__assign(e.__assign({},x),{filterExists:!!f,onApply:function(e){if(q(h),h){var r=a(h);e(n.truncateText({length:c,text:r}))}},onClose:function(){v(f)},onRemove:function(){q(null),v(null)}})).renderWrapper,d=t.useMemo((function(){return"function"==typeof p?p(h):p}),[h,p]);return b(r.jsx(s.Select,e.__assign({isClearable:!1,onChange:v,onKeyDown:function(e){"Enter"===e.key&&m&&e.stopPropagation()},onMenuClose:function(){return g(!1)},onMenuOpen:function(){return g(!0)},options:j,size:"sm",value:j.filter((function(e){return e.value===(null==h?void 0:h.value)}))},d)))};
+"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)))};

package/components/filter/filter-text/FilterText.js

@@ -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),j=q[0],c=q[1];return(0,u.useFilterWrapper({dropdownTitle:s,filterExists:!!l,label:o,onApply:function(e){p(j),e(j)},onClose:function(){c(l||"")},onRemove:function(){p(null),c("")}}).renderWrapper)(r.jsx(t.Input,{onChange:function(e){return c(e.target.value)},size:"sm",type:"text",value:j}))};
+"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}))};

package/components/filter/useFilterWrapper.d.ts

@@ -6,16 +6,21 @@ export type BaseFilterProps = BaseProps & {
 };
 export type FilterApplyCallback = (setFilterText: (newFilterText: string) => void) => void;
 type UseFilterProps = {
-    filterExists: boolean;
+    isActive: boolean;
     onApply: FilterApplyCallback;
+    /**
+     * This is called in a use effect to allow for initial states from URL, needs to be memoized.
+     */
+    onApplyFilterText: FilterApplyCallback;
     /**
      * When the menu is closed without applying.
      */
     onClose: () => void;
     onRemove: () => void;
+    setActive?: (active: boolean) => void;
 };
 export type FilterProps = BaseFilterProps & UseFilterProps;
-export declare const useFilterWrapper: ({ className, dropdownTitle, filterExists, label, onApply, onClose, onRemove, style, }: FilterProps) => {
+export declare const useFilterWrapper: ({ className, dropdownTitle, isActive, label, onApply, onApplyFilterText, onClose, onRemove, setActive, style, }: FilterProps) => {
     handleApplyFilter: () => void;
     renderWrapper: (control: ReactNode) => import("react/jsx-runtime").JSX.Element;
     setFilterText: import("react").Dispatch<import("react").SetStateAction<string>>;

package/components/filter/useFilterWrapper.js

@@ -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(o){var i=o.className,u=o.dropdownTitle,s=o.filterExists,l=o.label,c=o.onApply,a=o.onClose,d=o.onRemove,p=o.style,q=e.__read(n.useState(!1),2),f=q[0],v=q[1],j=e.__read(n.useState(!1),2),m=j[0],y=j[1],h=e.__read(n.useState("Filter"),2),b=h[0],E=h[1],w=n.useRef(null),x=function(){v(!0),c(E),y(!1)},_=function(e){"Escape"===e.key&&(y(!1),a()),"Enter"===e.key&&x()},S=n.useCallback((function(e){var r,n=e.target;n instanceof Element&&!(null===(r=w.current)||void 0===r?void 0:r.contains(n))&&(y(!1),a())}),[a]);n.useEffect((function(){var e,r,n;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",S),(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",S)}}),[m,S]),n.useEffect((function(){var e;if(m){var r=null===(e=w.current)||void 0===e?void 0:e.querySelector("input");null==r||r.focus()}}),[m]);var g=function(e){e.stopPropagation(),y(!0)},F=function(){s?(v(!f),d()):y(!0)};n.useEffect((function(){s||v(!1)}),[s]);return{handleApplyFilter:x,renderWrapper:function(e){return r.jsx(t.FilterWrapper,{active:f,className:i,dropDownOpen:m,dropdownRef:w,dropdownTitle:u,filterText:b,handleApply:x,handleKeyDown:_,handleOpenDropdown:g,handleToggle:F,hasFilter:f&&s,label:l,style:p,children:e})},setFilterText:E}};
+"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/components/layout/Layout.js

@@ -1 +1 @@
-"use strict";var o=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),a=require("clsx"),i=require("../input/SearchInput.js"),r=require("../../styles/constants/theme.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(o){return o&&o.__esModule?o:{default:o}}require("react"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js");var d=n(a),s="Amino_Layout-module__aminoLayout--k-8EW",l="Amino_Layout-module__contentGrid--6ltoS",u="Amino_Layout-module__styledSidebar--dnwoo",m="Amino_Layout-module__sidebarContent--NXMVV",_="Amino_Layout-module__searchInputWrapper--JldDc",c="Amino_Layout-module__styledLogoSidebar--MTiPe",h="Amino_Layout-module__styledSearchInput--uJCBW",y="Amino_Layout-module__content--LYUwT",b="Amino_Layout-module__header--lID5Y",p="Amino_Layout-module__footer--5enlV";t.styleInject(".Amino_Layout-module__aminoLayout--k-8EW{height:100vh;overflow:hidden}.Amino_Layout-module__contentGrid--6ltoS{display:grid;grid-template-columns:var(--amino-sidebar-width) 1fr;height:var(--amino-layout-height)}.Amino_Layout-module__styledSidebar--dnwoo{background:var(--amino-sidebar-color);border-right:var(--amino-border-subtle);box-sizing:border-box;display:grid;grid-template-rows:1fr calc(39px + var(--amino-space-24)*2);height:inherit;width:var(--amino-sidebar-width)}.Amino_Layout-module__sidebarContent--NXMVV{box-sizing:border-box;height:100%;overflow-y:auto;padding:var(--amino-space-16);width:100%}.Amino_Layout-module__searchInputWrapper--JldDc{margin-bottom:var(--amino-space-40)}.Amino_Layout-module__styledLogoSidebar--MTiPe{margin-bottom:var(--amino-space-24)}.Amino_Layout-module__styledSearchInput--uJCBW{border:0}.Amino_Layout-module__styledSearchInput--uJCBW svg{color:var(--amino-gray-1200)}.Amino_Layout-module__styledSearchInput--uJCBW input{background-color:var(--amino-gray-100);border:0}.Amino_Layout-module__styledSearchInput--uJCBW input::placeholder{color:var(--amino-gray-1200)}.Amino_Layout-module__content--LYUwT{box-sizing:border-box;height:inherit;overflow-y:auto;padding:var(--amino-space-32)}.Amino_Layout-module__header--lID5Y{background:var(--amino-header-color);border-bottom:var(--amino-border);box-shadow:var(--amino-v3-shadow-base);box-sizing:border-box;display:flex;height:var(--amino-appbar-height);position:-webkit-sticky;position:sticky;top:0;z-index:var(--amino-appbar-elevation)}.Amino_Layout-module__footer--5enlV{box-sizing:border-box;width:var(--amino-sidebar-width)}");exports.Layout=function(a){var t=a.className,n=a.content,v=a.footer,g=a.headerContent,L=a.logoSidebar,x=a.searchInput,A=a.sidebar,j=a.style;return e.jsxs("main",{className:d.default(t,s),style:o.__assign(o.__assign({},j),{"--amino-layout-height":g?"calc(100vh - ".concat(r.theme.appbarHeight,")"):"100vh"}),children:[!!g&&e.jsx("header",{className:b,children:g}),e.jsxs("div",{className:l,children:[e.jsxs("nav",{className:u,children:[e.jsxs("div",{className:m,children:[!!L&&e.jsx("div",{className:c,children:L}),!!x&&e.jsx("div",{className:_,children:e.jsx(i.SearchInput,{className:h,onChange:x.onChange,value:x.value})}),A]}),e.jsx("div",{className:p,children:v})]}),e.jsx("div",{className:y,children:n})]})]})};
+"use strict";var o=require("../../_tslib-bd4862e8.js"),e=require("react/jsx-runtime"),a=require("clsx"),i=require("../input/SearchInput.js"),r=require("../../styles/constants/theme.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(o){return o&&o.__esModule?o:{default:o}}require("react"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js");var d=n(a),s="Amino_Layout-module__aminoLayout--k-8EW",u="Amino_Layout-module__contentGrid--6ltoS",l="Amino_Layout-module__styledSidebar--dnwoo",m="Amino_Layout-module__sidebarContent--NXMVV",_="Amino_Layout-module__searchInputWrapper--JldDc",c="Amino_Layout-module__styledLogoSidebar--MTiPe",h="Amino_Layout-module__styledSearchInput--uJCBW",y="Amino_Layout-module__content--LYUwT",b="Amino_Layout-module__header--lID5Y",p="Amino_Layout-module__footer--5enlV";t.styleInject(".Amino_Layout-module__aminoLayout--k-8EW{height:100vh;overflow:hidden}.Amino_Layout-module__contentGrid--6ltoS{display:grid;grid-template-columns:var(--amino-sidebar-width) 1fr;height:var(--amino-layout-height)}.Amino_Layout-module__styledSidebar--dnwoo{background:var(--amino-sidebar-color);border-right:var(--amino-border-subtle);box-sizing:border-box;display:grid;grid-template-rows:1fr auto;height:inherit;width:var(--amino-sidebar-width)}.Amino_Layout-module__sidebarContent--NXMVV{box-sizing:border-box;height:100%;overflow-y:auto;padding:var(--amino-space-16);width:100%}.Amino_Layout-module__searchInputWrapper--JldDc{margin-bottom:var(--amino-space-40)}.Amino_Layout-module__styledLogoSidebar--MTiPe{margin-bottom:var(--amino-space-24)}.Amino_Layout-module__styledSearchInput--uJCBW{border:0}.Amino_Layout-module__styledSearchInput--uJCBW svg{color:var(--amino-gray-1200)}.Amino_Layout-module__styledSearchInput--uJCBW input{background-color:var(--amino-gray-100);border:0}.Amino_Layout-module__styledSearchInput--uJCBW input::placeholder{color:var(--amino-gray-1200)}.Amino_Layout-module__content--LYUwT{box-sizing:border-box;height:inherit;overflow-y:auto;padding:var(--amino-space-32)}.Amino_Layout-module__header--lID5Y{background:var(--amino-header-color);border-bottom:var(--amino-border);box-shadow:var(--amino-v3-shadow-base);box-sizing:border-box;display:flex;height:var(--amino-appbar-height);position:-webkit-sticky;position:sticky;top:0;z-index:var(--amino-appbar-elevation)}.Amino_Layout-module__footer--5enlV{box-sizing:border-box;width:var(--amino-sidebar-width)}");exports.Layout=function(a){var t=a.className,n=a.content,v=a.footer,g=a.headerContent,L=a.logoSidebar,x=a.searchInput,A=a.sidebar,j=a.style;return e.jsxs("main",{className:d.default(t,s),style:o.__assign(o.__assign({},j),{"--amino-layout-height":g?"calc(100vh - ".concat(r.theme.appbarHeight,")"):"100vh"}),children:[!!g&&e.jsx("header",{className:b,children:g}),e.jsxs("div",{className:u,children:[e.jsxs("nav",{className:l,children:[e.jsxs("div",{className:m,children:[!!L&&e.jsx("div",{className:c,children:L}),!!x&&e.jsx("div",{className:_,children:e.jsx(i.SearchInput,{className:h,onChange:x.onChange,value:x.value})}),A]}),e.jsx("div",{className:p,children:v})]}),e.jsx("div",{className:y,children:n})]})]})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.2.8",
+  "version": "5.2.10",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",
@@ -33,7 +33,7 @@
     "react-split-it": "^2.0.0",
     "topojson-client": "^3.1.0",
     "uuid": "^9.0.0",
-    "zod": "^3.22.3"
+    "zod": "^3.23.5"
   },
   "devDependencies": {},
   "peerDependencies": {

package/utils/hooks/useStateUrl.d.ts

@@ -0,0 +1,24 @@
+import type { Schema } from 'zod';
+type Params<Value> = {
+    initialValue: Value;
+    name: string;
+    schema: Schema<Value>;
+};
+export declare const getCurrentStateUrl: <Value>({ name, schema, }: {
+    name: string;
+    schema: Schema<Value>;
+}) => Value | null;
+/**
+ * Uses JSON.stringify. The caller is responsible for making the sure the value is serializable.
+ */
+export declare const setStateUrl: <Value>({ name, value, }: {
+    name: string;
+    value: Value | null;
+}) => void;
+/**
+ * Uses the URL params to store the state.
+ *
+ * Uses zod for validation.
+ */
+export declare const useStateUrl: <Value>({ initialValue, name, schema, }: Params<Value>) => [Value | null, (newValue: Value | null) => void];
+export {};

package/utils/hooks/useStateUrl.js

@@ -0,0 +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])]};