@zonos/amino 5.1.18 → 5.1.19

package/components/dialog/Dialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),r=require("../button/LegacyButton.js"),i=require("./BaseDialog.js"),o=require("../text/Text.js"),s=require("../../icons/RemoveCircleDuotoneIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../../icons/icon-base/_IconBase.js");var d=c(a),h=d.default.div(k||(k=e.__makeTemplateObject(["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),l.theme.space24,l.theme.space16,l.theme.radius12,l.theme.radius12,l.theme.space12),m=d.default.div(v||(v=e.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n  }\n"]))),p=d.default(r.LegacyButton)(x||(x=e.__makeTemplateObject(["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"],["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"])),l.theme.gray200,l.theme.gray800,l.theme.gray300,l.theme.gray400),g=d.default.div(w||(w=e.__makeTemplateObject(["\n  flex-grow: 1;\n  display: flex;\n"],["\n  flex-grow: 1;\n  display: flex;\n"]))),u=d.default(g)(y||(y=e.__makeTemplateObject(["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"])),l.theme.space8),f=d.default(g)(j||(j=e.__makeTemplateObject(["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"])),l.theme.space8),b=d.default.div(_||(_=e.__makeTemplateObject(["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),l.theme.space24,l.theme.radius12,l.theme.radius12,l.theme.space8);a.css(T||(T=e.__makeTemplateObject(["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position:\n    0 0,\n    100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"],["\n  overscroll-behavior: contain;\n  /* scroll bar width, for use in mask calculations */\n  --scrollbar-width: 8px;\n\n  /* mask fade distance, for use in mask calculations */\n  --mask-height: 32px;\n\n  /* If content exceeds height of container, overflow! */\n  overflow-y: auto;\n\n  padding-bottom: var(--mask-height);\n  /* The CSS mask */\n\n  /* The content mask is a linear gradient from top to bottom */\n  --mask-image-content: linear-gradient(\n    to bottom,\n    transparent,\n    black var(--mask-height),\n    black calc(100% - var(--mask-height)),\n    transparent\n  );\n  /* Here we scale the content gradient to the width of the container\nminus the scrollbar width. The height is the full container height */\n  --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;\n\n  /* The scrollbar mask is a black pixel */\n  --mask-image-scrollbar: linear-gradient(black, black);\n\n  /* The width of our black pixel is the width of the scrollbar.\nThe height is the full container height */\n  --mask-size-scrollbar: var(--scrollbar-width) 100%;\n\n  /* Apply the mask image and mask size variables */\n  mask-image: var(--mask-image-content), var(--mask-image-scrollbar);\n  mask-size: var(--mask-size-content), var(--mask-size-scrollbar);\n\n  /* Position the content gradient in the top left, and the\nscroll gradient in the top right */\n  mask-position:\n    0 0,\n    100% 0;\n\n  /* We don't repeat our mask images */\n  mask-repeat: no-repeat, no-repeat;\n"])));var k,v,x,w,y,j,_,T,q,z=d.default.div(q||(q=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n  /**\n   * Current overflow is not working well with react-tooltip.\n   * Temporary remove gradient overflow until having new tooltip library to use\n   */\n  // gradientOverflow\n"])),l.theme.space8,l.theme.space24),O=t.forwardRef((function(t,a){var r=t.actions,l=t.children,c=t.label,d=t.leftActions,g=t.onClose,k=t.subtitle,v=e.__rest(t,["actions","children","label","leftActions","onClose","subtitle"]);return n.jsxs(i.BaseDialog,e.__assign({},v,{onClose:g,children:[n.jsxs(h,{children:[n.jsxs(m,{children:[n.jsx(o.Text,{type:"title",children:c}),n.jsx(p,{icon:n.jsx(s.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:g})]}),k&&n.jsx(o.Text,{type:"subtitle",children:k})]}),n.jsx(z,{ref:a,children:l}),(r||d)&&n.jsxs(b,{children:[d&&n.jsx(u,{children:d}),r&&n.jsx(f,{children:r})]})]}))}));exports.Dialog=O;
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../button/LegacyButton.js"),i=require("./BaseDialog.js"),o=require("../text/Text.js"),l=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../../icons/icon-base/_IconBase.js");var c,u,p,f,m,g,h,x,b=d(r),j=b.default.div(c||(c=e.__makeTemplateObject(["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  padding: ",";\n  padding-bottom: ",";\n  border-top-left-radius: ",";\n  border-top-right-radius: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),s.theme.space24,s.theme.space16,s.theme.radius12,s.theme.radius12,s.theme.space12),y=b.default.div(u||(u=e.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n  }\n"],["\n  width: 100%;\n  display: flex;\n  align-items: center;\n\n  > :not(button) {\n    margin: 0;\n    flex-grow: 1;\n  }\n"]))),_=b.default(a.LegacyButton)(p||(p=e.__makeTemplateObject(["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"],["\n  padding: 0;\n  path[data-is-secondary-color] {\n    fill: ",";\n  }\n\n  && {\n    &,\n    &:focus,\n    &:hover,\n    &:active {\n      color: ",";\n      background: transparent;\n    }\n    &:hover {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n    &:active,\n    &:focus {\n      path[data-is-secondary-color] {\n        fill: ",";\n      }\n    }\n  }\n"])),s.theme.gray200,s.theme.gray800,s.theme.gray300,s.theme.gray400),v=b.default.div(f||(f=e.__makeTemplateObject(["\n  flex-grow: 1;\n  display: flex;\n"],["\n  flex-grow: 1;\n  display: flex;\n"]))),q=b.default(v)(m||(m=e.__makeTemplateObject(["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-start;\n  display: flex;\n  gap: ",";\n"])),s.theme.space8),k=b.default(v)(g||(g=e.__makeTemplateObject(["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"],["\n  justify-content: flex-end;\n  display: flex;\n  gap: ",";\n"])),s.theme.space8),w=b.default.div(h||(h=e.__makeTemplateObject(["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  display: flex;\n  align-items: center;\n  border-bottom-left-radius: ",";\n  border-bottom-right-radius: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),s.theme.space24,s.theme.radius12,s.theme.radius12,s.theme.space8),T=b.default.div(x||(x=e.__makeTemplateObject(["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"],["\n  padding: "," ",";\n  overflow-y: auto;\n  flex-grow: 1;\n"])),s.theme.space8,s.theme.space24),O=t.forwardRef((function(t,r){var a=t.actions,s=t.children,d=t.label,c=t.leftActions,u=t.onClose,p=t.subtitle,f=e.__rest(t,["actions","children","label","leftActions","onClose","subtitle"]);return n.jsxs(i.BaseDialog,e.__assign({},f,{onClose:u,children:[n.jsxs(j,{children:[n.jsxs(y,{children:[n.jsx(o.Text,{type:"title",children:d}),n.jsx(_,{icon:n.jsx(l.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:u})]}),p&&n.jsx(o.Text,{type:"subtitle",children:p})]}),n.jsx(T,{ref:r,children:s}),(a||c)&&n.jsxs(w,{children:[c&&n.jsx(q,{children:c}),a&&n.jsx(k,{children:a})]})]}))}));exports.Dialog=O;

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

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),u=require("./filterAmountReducer.js"),i=require("../useFilterWrapper.js"),o=require("../../input/Input.js"),s=require("../../select/Select.js"),a=require("../../../icons/ArrowRightIcon.js"),l=require("../../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),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("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/ChevronUpIcon.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 p,m=c(r).default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  svg {\n    min-width: 24px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  svg {\n    min-width: 24px;\n  }\n"])),l.theme.space8);exports.FilterAmount=function(r){var l=r.dispatch,c=r.dropdownTitle,p=r.filter,q=r.label,j=e.__read(t.useState(p.amountFilterType),2),d=j[0],h=j[1],f=e.__read(t.useState(null),2),b=f[0],g=f[1],v=e.__read(t.useState(null),2),x=v[0],I=v[1],y=e.__read(t.useState(""),2),_=y[0],C=y[1],T=function(e){l({name:"amountFilterType",type:"change",value:e})},w=function(e){l({name:"amountTotalMin",type:"change",value:e.amount1}),l({name:"amountTotalMax",type:"change",value:e.amount2})},F=i.useFilterWrapper({dropdownTitle:c,filterExists:!!p.amountTotalMin||!!p.amountTotalMax,label:q,onApply:function(){T(d);var e="".concat((null==b?void 0:b.toFixed(2))||0)||"",n="".concat((null==x?void 0:x.toFixed(2))||0)||"";switch(d){case"between":w({amount1:b,amount2:x}),C("Between ".concat(e," and ").concat(n));break;case"equal":w({amount1:b,amount2:b}),C("Equal to ".concat(e));break;case"greater":w({amount1:b,amount2:null}),C("Greater than ".concat(e));break;case"less":w({amount1:null,amount2:b}),C("Less than ".concat(e))}},onToggle:function(e){e?(T(null),w({amount1:null,amount2:null}),h(null),g(null),I(null)):(T(d),w({amount1:b,amount2:x}))}}),S=F.renderWrapper,k=F.setFilterText;return t.useEffect((function(){k(_)}),[k,_]),S(n.jsxs(n.Fragment,{children:[n.jsx(s.Select,{isClearable:!1,onChange:function(e){return h((null==e?void 0:e.value)||null)},options:u.filterAmonutOptions,size:"md",value:u.filterAmonutOptions.filter((function(e){return e.value===d}))}),n.jsxs(m,{children:[n.jsx(a.ArrowRightIcon,{color:"blue600",size:24}),n.jsx(o.Input,{onChange:function(e){return g(e.target.valueAsNumber)},type:"number",value:null===b?"":String(b)}),"between"===d&&n.jsxs(n.Fragment,{children:["and",n.jsx(o.Input,{onChange:function(e){return I(e.target.valueAsNumber)},type:"number",value:null===x?"":String(x)})]})]})]}))};
+"use strict";var e=require("../../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("./filterAmountReducer.js"),u=require("../useFilterWrapper.js"),o=require("../../input/Input.js"),a=require("../../select/Select.js"),s=require("../../../icons/ArrowRightIcon.js"),l=require("../../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),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("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/ChevronUpIcon.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 p,m=c(r).default.div(p||(p=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  svg {\n    min-width: 24px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  svg {\n    min-width: 24px;\n  }\n"])),l.theme.space8);exports.FilterAmount=function(r){var l=r.dispatch,c=r.dropdownTitle,p=r.filter,q=r.label,j=e.__read(t.useState(p.amountFilterType),2),d=j[0],h=j[1],v=e.__read(t.useState(p.amountTotalMin),2),y=v[0],b=v[1],g=e.__read(t.useState(p.amountTotalMax),2),I=g[0],x=g[1],f=function(e){l({name:"amountFilterType",type:"change",value:e})},_=function(e){l({name:"amountTotalMin",type:"change",value:e.amount1}),l({name:"amountTotalMax",type:"change",value:e.amount2})};return(0,u.useFilterWrapper({dropdownTitle:c,filterExists:p.isActive,label:q,onApply:function(e){f(d);var n="".concat((null==y?void 0:y.toFixed(2))||0)||"",t="".concat((null==I?void 0:I.toFixed(2))||0)||"";switch(d){case"between":_({amount1:y,amount2:I}),e("Between ".concat(n," and ").concat(t));break;case"equal":_({amount1:y,amount2:y}),e("Equal to ".concat(n));break;case"greater":_({amount1:y,amount2:null}),e("Greater than ".concat(n));break;case"less":_({amount1:null,amount2:y}),e("Less than ".concat(n))}l({name:"isActive",type:"change",value:!0})},onRemove:function(){l({name:"isActive",type:"change",value:!1}),f(i.initialFilterAmountState.amountFilterType),_({amount1:null,amount2:null}),h(i.initialFilterAmountState.amountFilterType),b(0),x(0)}}).renderWrapper)(n.jsxs(n.Fragment,{children:[n.jsx(a.Select,{isClearable:!1,onChange:function(e){return h((null==e?void 0:e.value)||i.initialFilterAmountState.amountFilterType)},options:i.filterAmountOptions,size:"md",value:i.filterAmountOptions.filter((function(e){return e.value===d}))}),n.jsxs(m,{children:[n.jsx(s.ArrowRightIcon,{color:"blue600",size:24}),n.jsx(o.Input,{onChange:function(e){return b(e.target.valueAsNumber)},type:"number",value:null===y?"":String(y)}),"between"===d&&n.jsxs(n.Fragment,{children:["and",n.jsx(o.Input,{onChange:function(e){return x(e.target.valueAsNumber)},type:"number",value:null===I?"":String(I)})]})]})]}))};

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

@@ -1,13 +1,14 @@
 import type { DeepReducerActions } from "../../../types/deep/DeepReducerActions";
 export type FilterAmountType = 'equal' | 'between' | 'greater' | 'less';
-export declare const filterAmonutOptions: {
+export declare const filterAmountOptions: {
     label: string;
     value: FilterAmountType;
 }[];
 export type FilterAmountState = {
-    amountFilterType: FilterAmountType | null;
+    amountFilterType: FilterAmountType;
     amountTotalMax: number | null;
     amountTotalMin: number | null;
+    isActive: boolean;
 };
 export declare const initialFilterAmountState: FilterAmountState;
 export type FilterAmountAction = DeepReducerActions<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 l=a(e),r={amountFilterType:null,amountTotalMax:null,amountTotalMin:null};exports.filterAmonutOptions=[{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=l.default(e);switch(a.type){case"reset":return r;case"change":var n=a.name,s=a.value;return t.changeDeepProperty({obj:u,propertyPath:n,value:s});default:return a}},exports.initialFilterAmountState=r;
+"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;

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

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("styled-components"),t=require("./_DateControls/_IsAfter.js"),s=require("./_DateControls/_IsBeforeOrOn.js"),i=require("./_DateControls/_IsBetween.js"),o=require("./_DateControls/_IsEqualTo.js"),u=require("./_DateControls/_IsInTheLast.js"),a=require("./_DateControls/_IsOnOrAfter.js"),l=require("./filterDateReducer.js"),c=require("../../select/Select.js"),j=require("../../../icons/ArrowRightIcon.js"),q=require("../../../styles/constants/theme.js");function p(e){return e&&e.__esModule?e:{default:e}}require("react"),require("dayjs"),require("./dateUtils.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../input/input-type/_DateInput.js"),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/ChevronDownIcon.js"),require("../../../icons/ChevronUpIcon.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("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var h,I=p(n).default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  > svg {\n    flex-shrink: 0;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  > svg {\n    flex-shrink: 0;\n  }\n"])),q.theme.space16),C=l.filterDateRanges.map((function(e){return{label:e,value:e}}));exports.DateControl=function(e){var n=e.onChange,l=e.onChangeFilterText,q=e.rangeType,p=e.setRangeType,h=e.value;return r.jsxs(r.Fragment,{children:[r.jsx(c.Select,{isClearable:!1,onChange:function(e){p((null==e?void 0:e.value)||"is in the last")},options:C,size:"sm",value:C.filter((function(e){return e.value===q}))}),r.jsxs(I,{children:[r.jsx(j.ArrowRightIcon,{color:"blue600"}),function(){switch(q){case"is in the last":return r.jsx(u.IsInTheLast,{onChange:n,onChangeFilterText:l,value:h});case"is equal to":default:return r.jsx(o.IsEqualTo,{onChange:n,onChangeFilterText:l,value:h});case"is after":return r.jsx(t.IsAfter,{onChange:n,onChangeFilterText:l,value:h});case"is before":case"is before or on":return r.jsx(s.IsBeforeOrOn,{onChange:n,onChangeFilterText:l,value:h});case"is between":return r.jsx(i.IsBetween,{onChange:n,onChangeFilterText:l,value:h});case"is on or after":return r.jsx(a.IsOnOrAfter,{onChange:n,onChangeFilterText:l,value:h})}}()]})]})};
+"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("styled-components"),t=require("./_DateControls/_IsAfter.js"),s=require("./_DateControls/_IsBeforeOrOn.js"),i=require("./_DateControls/_IsBetween.js"),o=require("./_DateControls/_IsEqualTo.js"),u=require("./_DateControls/_IsInTheLast.js"),a=require("./_DateControls/_IsOnOrAfter.js"),l=require("./filterDateReducer.js"),c=require("../../select/Select.js"),j=require("../../../icons/ArrowRightIcon.js"),q=require("../../../styles/constants/theme.js");function p(e){return e&&e.__esModule?e:{default:e}}require("react"),require("dayjs"),require("./dateUtils.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../input/input-type/_DateInput.js"),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/ChevronDownIcon.js"),require("../../../icons/ChevronUpIcon.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("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var h,I=p(n).default.div(h||(h=e.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  > svg {\n    flex-shrink: 0;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  > svg {\n    flex-shrink: 0;\n  }\n"])),q.theme.space16),C=l.filterDateRanges.map((function(e){return{label:e,value:e}}));exports.DateControl=function(e){var n=e.onChange,q=e.onChangeFilterText,p=e.rangeType,h=e.setRangeType,g=e.value;return r.jsxs(r.Fragment,{children:[r.jsx(c.Select,{isClearable:!1,onChange:function(e){h((null==e?void 0:e.value)||l.initialFilterDateState.dateRangeType)},options:C,size:"sm",value:C.filter((function(e){return e.value===p}))}),r.jsxs(I,{children:[r.jsx(j.ArrowRightIcon,{color:"blue600"}),function(){switch(p){case"is in the last":return r.jsx(u.IsInTheLast,{onChange:n,onChangeFilterText:q,value:g});case"is equal to":default:return r.jsx(o.IsEqualTo,{onChange:n,onChangeFilterText:q,value:g});case"is after":return r.jsx(t.IsAfter,{onChange:n,onChangeFilterText:q,value:g});case"is before":case"is before or on":return r.jsx(s.IsBeforeOrOn,{onChange:n,onChangeFilterText:q,value:g});case"is between":return r.jsx(i.IsBetween,{onChange:n,onChangeFilterText:q,value:g});case"is on or after":return r.jsx(a.IsOnOrAfter,{onChange:n,onChangeFilterText:q,value:g})}}()]})]})};

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

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("./DateControls.js"),n=require("./filterDateReducer.js"),s=require("../useFilterWrapper.js");require("styled-components"),require("./_DateControls/_IsAfter.js"),require("dayjs"),require("./dateUtils.js"),require("../../../styles/constants/theme.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../input/input-type/_DateInput.js"),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/ChevronDownIcon.js"),require("../../../icons/ChevronUpIcon.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("./_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("framer-motion"),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("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterDate=function(a){var u=a.dispatch,o=a.dropdownTitle,l=a.filter,c=a.label,p=e.__read(t.useState(l.dateData),2),q=p[0],j=p[1],d=e.__read(t.useState("is in the last"),2),D=d[0],I=d[1],_=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})},C=s.useFilterWrapper({dropdownTitle:o,filterExists:!!l.dateData.dateBegin||!!l.dateData.dateEnd,label:c,onApply:function(){_(q)},onToggle:function(e){e?(_(n.initialFilterDateState.dateData),j(n.initialFilterDateState.dateData)):(_(q),j(l.dateData))}}),h=C.renderWrapper,y=C.setFilterText;return t.useEffect((function(){j(q)}),[q,D]),h(r.jsx(i.DateControl,{onChange:j,onChangeFilterText:y,rangeType:D,setRangeType:I,value:q}))};
+"use strict";var e=require("../../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("./DateControls.js"),i=require("./filterDateReducer.js"),a=require("../useFilterWrapper.js");require("styled-components"),require("./_DateControls/_IsAfter.js"),require("dayjs"),require("./dateUtils.js"),require("../../../styles/constants/theme.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../input/input-type/_DateInput.js"),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/ChevronDownIcon.js"),require("../../../icons/ChevronUpIcon.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("./_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("framer-motion"),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("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.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),D=d[0],I=d[1],y=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})},h=a.useFilterWrapper({dropdownTitle:o,filterExists:!!l.dateData.dateBegin||!!l.dateData.dateEnd,label:c,onApply:function(){y(q),u({name:"isActive",type:"change",value:!0})},onRemove:function(){u({name:"isActive",type:"change",value:!1}),u({name:"dateRangeType",type:"change",value:D}),y(i.initialFilterDateState.dateData),j(i.initialFilterDateState.dateData),I(i.initialFilterDateState.dateRangeType)}}),_=h.renderWrapper,C=h.setFilterText;return r.useEffect((function(){j(q)}),[q,D]),_(t.jsx(n.DateControl,{onChange:j,onChangeFilterText:C,rangeType:D,setRangeType:I,value:q}))};

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

@@ -13,6 +13,7 @@ export type FilterDateData = {
 export type FilterDateState = {
     dateData: FilterDateData;
     dateRangeType: FilterDateRangeType;
+    isActive: boolean;
 };
 export declare const initialFilterDateState: FilterDateState;
 export type FilterDateAction = DeepReducerActions<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"};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 n=r.default(e);switch(a.type){case"reset":return s;case"change":var i=a.name,l=a.value;return t.changeDeepProperty({obj:n,propertyPath:i,value:l});default:return a}},exports.initialFilterDateState=s;
+"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;

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

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("../../checkbox/Checkbox.js"),u=require("../useFilterWrapper.js");require("framer-motion"),require("styled-components"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterMultiSelect=function(i){var o=i.dropdownTitle,s=i.label,l=i.onChange,c=i.options,a=i.value,p=e.__read(n.useState(a),2),q=p[0],j=p[1],d=u.useFilterWrapper({dropdownTitle:o,filterExists:!!q.length,label:s,onApply:function(){l(q)},onToggle:function(e){e?(l([]),j([])):(l(q),j(a))}}),b=d.renderWrapper,f=d.setFilterText;return n.useEffect((function(){var e,r=q.length>1?"".concat(q.length," selected"):null===(e=q[0])||void 0===e?void 0:e.label;f(r||"")}),[f,q]),b(c.map((function(n){return r.jsx(t.Checkbox,{checked:q.some((function(e){return e.value===n.value}))||!1,label:n.label,onChange:function(){q.some((function(e){return e.value===n.value}))?j(q.filter((function(e){return e.value!==n.value}))):j(e.__spreadArray(e.__spreadArray([],e.__read(q),!1),[n],!1))}},n.value)})))};
+"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("../../checkbox/Checkbox.js"),u=require("../useFilterWrapper.js");require("framer-motion"),require("styled-components"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterMultiSelect=function(i){var o=i.dropdownTitle,s=i.label,l=i.onChange,a=i.options,c=i.value,p=e.__read(n.useState(c),2),q=p[0],j=p[1],d=u.useFilterWrapper({dropdownTitle:o,filterExists:!!q.length,label:s,onApply:function(e){var r;e(q.length>1?"".concat(q.length," selected"):(null===(r=q[0])||void 0===r?void 0:r.label)||""),l(q)},onRemove:function(){l([]),j([])}}).renderWrapper;return d(a.map((function(n){return r.jsx(t.Checkbox,{checked:q.some((function(e){return e.value===n.value}))||!1,label:n.label,onChange:function(){q.some((function(e){return e.value===n.value}))?j(q.filter((function(e){return e.value!==n.value}))):j(e.__spreadArray(e.__spreadArray([],e.__read(q),!1),[n],!1))}},n.value)})))};

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

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),n=require("../useFilterWrapper.js"),s=require("../../select/Select.js");require("styled-components"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),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("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../utils/getTestId.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");exports.FilterSelect=function(t){var u=t.onChange,o=t.options,l=t.value,c=e.__rest(t,["onChange","options","value"]),a=e.__read(i.useState(l),2),q=a[0],j=a[1],p=n.useFilterWrapper(e.__assign(e.__assign({},c),{filterExists:null!==q,onApply:function(){u(q)},onToggle:function(e){e?(u(null),j(null)):(u(q),j(l||null))}})),v=p.renderWrapper,C=p.setFilterText;return i.useEffect((function(){C("is ".concat((null==q?void 0:q.label)||""))}),[C,null==q?void 0:q.label]),v(r.jsx(s.Select,{isClearable:!1,onChange:j,options:o,size:"sm",value:o.filter((function(e){return e.value===(null==q?void 0:q.value)}))}))};
+"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),i=require("react"),s=require("../useFilterWrapper.js"),n=require("../../select/Select.js");require("styled-components"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),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("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../utils/getTestId.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");exports.FilterSelect=function(u){var t=u.onChange,o=u.options,c=u.value,l=e.__rest(u,["onChange","options","value"]),a=e.__read(i.useState(c),2),q=a[0],j=a[1];return(0,s.useFilterWrapper(e.__assign(e.__assign({},l),{filterExists:null!==q,onApply:function(e){t(q),e("is ".concat((null==q?void 0:q.label)||""))},onRemove:function(){t(null),j(null)}})).renderWrapper)(r.jsx(n.Select,{isClearable:!1,onChange:j,options:o,size:"sm",value:o.filter((function(e){return e.value===(null==q?void 0:q.value)}))}))};

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

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../useFilterWrapper.js"),n=require("../../input/Input.js");require("styled-components"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),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("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/ChevronUpIcon.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(u){var s=u.dropdownTitle,o=u.label,p=u.onChange,l=u.value,c=e.__read(t.useState(l||""),2),q=c[0],j=c[1],a=i.useFilterWrapper({dropdownTitle:s,filterExists:!!l,label:o,onApply:function(){p(q)},onToggle:function(e){e?(p(null),j("")):(p(q),j(l||""))}}),I=a.renderWrapper,d=a.setFilterText;return t.useEffect((function(){d(q)}),[d,q]),I(r.jsx(n.Input,{onChange:function(e){return j(e.target.value)},size:"sm",type:"text",value:q}))};
+"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../useFilterWrapper.js"),n=require("../../input/Input.js");require("styled-components"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),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("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/ChevronUpIcon.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(u){var s=u.dropdownTitle,o=u.label,p=u.onChange,l=u.value,c=e.__read(t.useState(l||""),2),q=c[0],j=c[1];return(0,i.useFilterWrapper({dropdownTitle:s,filterExists:!!l,label:o,onApply:function(e){p(q),e(q)},onRemove:function(){p(null),j("")}}).renderWrapper)(r.jsx(n.Input,{onChange:function(e){return j(e.target.value)},size:"sm",type:"text",value:q}))};

package/components/filter/useFilterWrapper.d.ts

@@ -4,13 +4,14 @@ export type BaseFilterProps = {
     dropdownTitle: string;
     label: string;
 };
+export type FilterApplyCallback = (setFilterText: (newFilterText: string) => void) => void;
 type UseFilterProps = {
     filterExists: boolean;
-    onApply: () => void;
-    onToggle: (active: boolean) => void;
+    onApply: FilterApplyCallback;
+    onRemove: () => void;
 };
 export type FilterProps = BaseFilterProps & UseFilterProps;
-export declare const useFilterWrapper: ({ className, dropdownTitle, filterExists, label, onApply, onToggle, }: FilterProps) => {
+export declare const useFilterWrapper: ({ className, dropdownTitle, filterExists, label, onApply, onRemove, }: 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-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),o=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),l=require("../../icons/MinusCircleDuotoneIcon.js"),s=require("../../icons/PlusCircleDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,p,x,m,b,f,h=u(t),g=h.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),v=h.default.div(p||(p=e.__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px dashed ",";\n  background-color: transparent;\n  color: ",";\n\n  &.active {\n    border: ",";\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px dashed ",";\n  background-color: transparent;\n  color: ",";\n\n  &.active {\n    border: ",";\n  }\n"])),d.theme.gray200,d.theme.gray700,d.theme.border),j=h.default.div(x||(x=e.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n\n  border-right: 1px solid ",";\n\n  &:hover {\n    background-color: ",";\n  }\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n\n  border-right: 1px solid ",";\n\n  &:hover {\n    background-color: ",";\n  }\n"])),d.theme.space8,d.theme.space8,(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.active?d.theme.borderColor:d.theme.gray200}),d.theme.gray100),y=h.default.div(m||(m=e.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n\n  &:hover {\n    background-color: ",";\n  }\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n\n  &:hover {\n    background-color: ",";\n  }\n"])),d.theme.space8,d.theme.space8,d.theme.gray100),_=h.default.div(b||(b=e.__makeTemplateObject(["\n  z-index: 1;\n  min-width: 400px;\n  position: absolute;\n  border-radius: 14px;\n  border: ",";\n  background-color: ",";\n  padding: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  outline: none;\n  max-height: 600px;\n  overflow: auto;\n"],["\n  z-index: 1;\n  min-width: 400px;\n  position: absolute;\n  border-radius: 14px;\n  border: ",";\n  background-color: ",";\n  padding: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  outline: none;\n  max-height: 600px;\n  overflow: auto;\n"])),d.theme.border,d.theme.gray0,d.theme.space24,d.theme.space16),k=h.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),d.theme.space12);exports.useFilterWrapper=function(t){var d=t.className,u=t.dropdownTitle,c=t.filterExists,p=t.label,x=t.onApply,m=t.onToggle,b=e.__read(r.useState(!1),2),f=b[0],h=b[1],q=e.__read(r.useState(!1),2),T=q[0],C=q[1],w=e.__read(r.useState("Filter"),2),E=w[0],I=w[1],D=r.useRef(null),F=r.useRef(null),S=function(){h(!0),x(),C(!1)},O=function(e){"Escape"===e.key&&C(!1),"Enter"===e.key&&S()},z=r.useCallback((function(e){var n,r=e.target;r instanceof Element&&!(null===(n=D.current)||void 0===n?void 0:n.contains(r))&&C(!1)}),[]);r.useEffect((function(){var e,n,r;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",z),(null===(n=D.current)||void 0===n?void 0:n.contains(document.activeElement))||null===(r=D.current)||void 0===r||r.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",z)}}),[T,z]),r.useEffect((function(){var e;if(T){var n=null===(e=D.current)||void 0===e?void 0:e.querySelector("input");null==n||n.focus()}}),[T]);var R=function(e){e.stopPropagation(),C(!0)},W=function(){c?(h(!f),m(f)):C(!0)};r.useEffect((function(){c||h(!1)}),[c]);return{handleApplyFilter:S,renderWrapper:function(e){return n.jsxs(g,{ref:F,children:[n.jsxs(v,{className:[d,f&&"active"].join(" "),onClick:W,children:[n.jsxs(j,{active:f,hasFilter:c,children:[f?n.jsx(l.MinusCircleDuotoneIcon,{size:16}):n.jsx(s.PlusCircleDuotoneIcon,{size:16}),n.jsx(i.Text,{fontWeight:600,children:p})]}),c&&n.jsxs(y,{onClick:R,children:[n.jsx(i.Text,{color:"blue600",fontWeight:600,children:E}),n.jsx(a.ChevronDownIcon,{size:16})]})]}),T&&n.jsxs(_,{ref:D,onKeyDown:O,tabIndex:-1,children:[n.jsx(i.Text,{type:"bold-subheader",children:u}),n.jsx(k,{children:e}),n.jsx(o.Button,{onClick:S,variant:"primary",children:"Apply"})]})]})},setFilterText:I}};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),o=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),l=require("../../icons/MinusCircleDuotoneIcon.js"),s=require("../../icons/PlusCircleDuotoneIcon.js"),d=require("../../styles/constants/theme.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/icon-base/_IconBase.js");var c,p,x,m,b,f,h=u(t),g=h.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"]))),v=h.default.div(p||(p=e.__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px dashed ",";\n  background-color: transparent;\n  color: ",";\n\n  &.active {\n    border: ",";\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  border-radius: 100px;\n  border: 1px dashed ",";\n  background-color: transparent;\n  color: ",";\n\n  &.active {\n    border: ",";\n  }\n"])),d.theme.gray200,d.theme.gray700,d.theme.border),j=h.default.div(x||(x=e.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n\n  border-right: 1px solid ",";\n\n  &:hover {\n    background-color: ",";\n  }\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-right-radius: ",";\n  border-bottom-right-radius: ",";\n\n  border-right: 1px solid ",";\n\n  &:hover {\n    background-color: ",";\n  }\n"])),d.theme.space8,d.theme.space8,(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.hasFilter?"0px":"100px"}),(function(e){return e.active?d.theme.borderColor:d.theme.gray200}),d.theme.gray100),y=h.default.div(m||(m=e.__makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n\n  &:hover {\n    background-color: ",";\n  }\n"],["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: ",";\n  padding: ",";\n  border-radius: 100px;\n\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n\n  &:hover {\n    background-color: ",";\n  }\n"])),d.theme.space8,d.theme.space8,d.theme.gray100),_=h.default.div(b||(b=e.__makeTemplateObject(["\n  z-index: 1;\n  min-width: 400px;\n  position: absolute;\n  border-radius: 14px;\n  border: ",";\n  background-color: ",";\n  padding: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  outline: none;\n  max-height: 600px;\n  overflow: auto;\n"],["\n  z-index: 1;\n  min-width: 400px;\n  position: absolute;\n  border-radius: 14px;\n  border: ",";\n  background-color: ",";\n  padding: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  outline: none;\n  max-height: 600px;\n  overflow: auto;\n"])),d.theme.border,d.theme.gray0,d.theme.space24,d.theme.space16),k=h.default.div(f||(f=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),d.theme.space12);exports.useFilterWrapper=function(t){var d=t.className,u=t.dropdownTitle,c=t.filterExists,p=t.label,x=t.onApply,m=t.onRemove,b=e.__read(r.useState(!1),2),f=b[0],h=b[1],q=e.__read(r.useState(!1),2),T=q[0],C=q[1],w=e.__read(r.useState("Filter"),2),E=w[0],I=w[1],D=r.useRef(null),F=r.useRef(null),S=function(){h(!0),x(I),C(!1)},O=function(e){"Escape"===e.key&&C(!1),"Enter"===e.key&&S()},R=r.useCallback((function(e){var n,r=e.target;r instanceof Element&&!(null===(n=D.current)||void 0===n?void 0:n.contains(r))&&C(!1)}),[]);r.useEffect((function(){var e,n,r;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",R),(null===(n=D.current)||void 0===n?void 0:n.contains(document.activeElement))||null===(r=D.current)||void 0===r||r.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",R)}}),[T,R]),r.useEffect((function(){var e;if(T){var n=null===(e=D.current)||void 0===e?void 0:e.querySelector("input");null==n||n.focus()}}),[T]);var z=function(e){e.stopPropagation(),C(!0)},W=function(){c?(h(!f),m()):C(!0)};r.useEffect((function(){c||h(!1)}),[c]);return{handleApplyFilter:S,renderWrapper:function(e){return n.jsxs(g,{ref:F,children:[n.jsxs(v,{className:[d,f&&"active"].join(" "),onClick:W,children:[n.jsxs(j,{active:f,hasFilter:c,children:[f?n.jsx(l.MinusCircleDuotoneIcon,{size:16}):n.jsx(s.PlusCircleDuotoneIcon,{size:16}),n.jsx(i.Text,{fontWeight:600,children:p})]}),c&&n.jsxs(y,{onClick:z,children:[n.jsx(i.Text,{color:"blue600",fontWeight:600,children:E}),n.jsx(a.ChevronDownIcon,{size:16})]})]}),T&&n.jsxs(_,{ref:D,onKeyDown:O,tabIndex:-1,children:[n.jsx(i.Text,{type:"bold-subheader",children:u}),n.jsx(k,{children:e}),n.jsx(o.Button,{onClick:S,variant:"primary",children:"Apply"})]})]})},setFilterText:I}};

package/components/slide-over/SlideOver.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime");require("react");var t=require("styled-components"),i=require("../dialog/BaseDialog.js"),r=require("../stack/HStack.js"),o=require("../stack/VStack.js"),a=require("../text/Text.js"),s=require("../../icons/RemoveIcon.js"),l=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("react-dom"),require("framer-motion"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var c,p,u,h,m,x=d(t),g=x.default(i.BaseDialog)(c||(c=e.__makeTemplateObject(["\n  /* Override BaseDialog.Popup styles */\n  border-radius: 0;\n  max-height: none;\n  overflow: unset;\n  border: none;\n\n  position: absolute;\n  height: 100vh;\n  right: 0;\n  top: 0;\n  border-left: ",";\n"],["\n  /* Override BaseDialog.Popup styles */\n  border-radius: 0;\n  max-height: none;\n  overflow: unset;\n  border: none;\n\n  position: absolute;\n  height: 100vh;\n  right: 0;\n  top: 0;\n  border-left: ",";\n"])),l.theme.border),b=x.default.header(p||(p=e.__makeTemplateObject(["\n  padding: ",";\n  border-bottom: ",";\n  display: flex;\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"],["\n  padding: ",";\n  border-bottom: ",";\n  display: flex;\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"])),l.theme.space24,l.theme.border),f=x.default.div(u||(u=e.__makeTemplateObject(["\n  transition: all 100ms ease-in-out;\n  background: transparent;\n  border-radius: 32px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.8;\n\n  &:hover {\n    background: ",";\n    opacity: 1;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n    fill: ",";\n    transition: all 100ms ease-in-out;\n  }\n"],["\n  transition: all 100ms ease-in-out;\n  background: transparent;\n  border-radius: 32px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  opacity: 0.8;\n\n  &:hover {\n    background: ",";\n    opacity: 1;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n    fill: ",";\n    transition: all 100ms ease-in-out;\n  }\n"])),l.theme.gray200,l.theme.textColor),v=x.default.div(h||(h=e.__makeTemplateObject(["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n"],["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n"])),l.theme.space24),j=x.default.div(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n  position: fixed;\n  bottom: 0;\n  width: 300px;\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n  position: fixed;\n  bottom: 0;\n  width: 300px;\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),l.theme.space24,l.theme.border,l.theme.surfaceColorSecondary,l.theme.space8);exports.SlideOver=function(t){var i=t.actions,l=t.children,d=t.label,c=t.onClose,p=t.subtitle,u=e.__rest(t,["actions","children","label","onClose","subtitle"]);return n.jsxs(g,e.__assign({onClose:c,popupMotionProps:{animate:{x:0},exit:{x:300},initial:{x:300},transition:{duration:.45,ease:[.4,0,.2,1]}},width:300},u,{children:[n.jsxs(b,{children:[p?n.jsxs(o.VStack,{className:"header-content",spacing:0,children:[n.jsx(a.Text,{type:"title",children:d}),p]}):n.jsx(a.Text,{className:"header-content",type:"title",children:d}),n.jsx(f,{onClick:c,children:n.jsx(s.RemoveIcon,{})})]}),n.jsx(v,{children:l}),i&&n.jsx(j,{children:n.jsx(r.HStack,{spacing:8,children:i})})]}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime");require("react");var r=require("styled-components"),t=require("../button/Button.js"),a=require("../dialog/BaseDialog.js"),i=require("../stack/HStack.js"),o=require("../stack/VStack.js"),s=require("../text/Text.js"),d=require("../../icons/RemoveIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("react-dom"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var u,p,h,m,b,x=c(r),g=x.default(a.BaseDialog)(u||(u=e.__makeTemplateObject(["\n  /* Override BaseDialog.Popup styles */\n  border-radius: 0;\n  max-height: none;\n  overflow: unset;\n  border: none;\n  background: transparent;\n  box-shadow: none;\n\n  position: absolute;\n  height: 100vh;\n  right: 0;\n  top: 0;\n"],["\n  /* Override BaseDialog.Popup styles */\n  border-radius: 0;\n  max-height: none;\n  overflow: unset;\n  border: none;\n  background: transparent;\n  box-shadow: none;\n\n  position: absolute;\n  height: 100vh;\n  right: 0;\n  top: 0;\n"]))),f=x.default.div(p||(p=e.__makeTemplateObject(["\n  height: 100%;\n  margin: ",";\n  border-radius: ",";\n  background: ",";\n\n  display: flex;\n  flex-direction: column;\n\n  box-shadow: ",";\n"],["\n  height: 100%;\n  margin: ",";\n  border-radius: ",";\n  background: ",";\n\n  display: flex;\n  flex-direction: column;\n\n  box-shadow: ",";\n"])),l.theme.space8,l.theme.space12,l.theme.surfaceColor,l.theme.v3ShadowXxl),j=x.default.header(h||(h=e.__makeTemplateObject(["\n  padding: ",";\n  border-bottom: ",";\n\n  display: flex;\n  gap: ",";\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"],["\n  padding: ",";\n  border-bottom: ",";\n\n  display: flex;\n  gap: ",";\n  align-items: center;\n\n  .header-content {\n    margin: 0;\n    flex: 1;\n  }\n"])),l.theme.space16,l.theme.border,l.theme.space16),v=x.default.div(m||(m=e.__makeTemplateObject(["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  flex: 1;\n"],["\n  padding: ",";\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  flex: 1;\n"])),l.theme.space24),k=x.default.div(b||(b=e.__makeTemplateObject(["\n  padding: ",";\n  border-radius: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"],["\n  padding: ",";\n  border-radius: ",";\n  border-top: ",";\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  background: ",";\n\n  & > div + div {\n    margin-left: ",";\n  }\n"])),l.theme.space24,l.theme.space12,l.theme.border,l.theme.surfaceColorSecondary,l.theme.space8);exports.SlideOver=function(r){var a=r.actions,l=r.children,c=r.label,u=r.onClose,p=r.subtitle,h=e.__rest(r,["actions","children","label","onClose","subtitle"]);return n.jsx(g,e.__assign({onClose:u,popupMotionProps:{animate:{x:0},exit:{x:300},initial:{x:300},transition:{duration:.45,ease:[.4,0,.2,1]}},width:300},h,{children:n.jsxs(f,{children:[n.jsxs(j,{children:[n.jsx(t.Button,{icon:n.jsx(d.RemoveIcon,{}),onClick:u}),p?n.jsxs(o.VStack,{className:"header-content",spacing:0,children:[n.jsx(s.Text,{type:"subheader",children:c}),p]}):n.jsx(s.Text,{className:"header-content",type:"subheader",children:c})]}),n.jsx(v,{children:l}),a&&n.jsx(k,{children:n.jsx(i.HStack,{spacing:8,children:a})})]})}))};

package/components/switch/Switch.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("clsx"),i=require("styled-components"),a=require("../text/Text.js"),r=require("../../styles/constants/theme.js");function p(n){return n&&n.__esModule?n:{default:n}}var o,l,x,h,c,d,s,u,g,m,b=p(t),f=p(i),k=f.default.div(o||(o=n.__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  height: 14px;\n  width: 14px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 1px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"],["\n  background: ",";\n  box-shadow: ",";\n  height: 14px;\n  width: 14px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 1px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"])),r.theme.gray0,(function(n){return n.checked?"0px -1px 1px 0px rgba(68, 94, 238, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)":"0px -1px 1px 0px rgba(0, 0, 0, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)"}),r.theme.transition,(function(n){return n.checked?"calc(100% - 15px)":"1px"}),r.theme.gray200),w=f.default(k)(l||(l=n.__makeTemplateObject(["\n  height: 28px;\n  width: 28px;\n  top: 2px;\n  left: ",";\n  box-shadow:\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n"],["\n  height: 28px;\n  width: 28px;\n  top: 2px;\n  left: ",";\n  box-shadow:\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n"])),(function(n){return n.checked?"calc(100% - 30px)":"2px"})),j=f.default.div(x||(x=n.__makeTemplateObject(["\n  margin-right: ",";\n  width: 32px;\n  height: 16px;\n  min-width: 32px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"],["\n  margin-right: ",";\n  width: 32px;\n  height: 16px;\n  min-width: 32px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"])),r.theme.space16,(function(n){return n.checked?r.theme.gray0:r.theme.gray100}),r.theme.v3ShadowInset),_=f.default(j)(h||(h=n.__makeTemplateObject(["\n  width: 62px;\n  height: 32px;\n  min-width: 24px;\n  background: ",";\n"],["\n  width: 62px;\n  height: 32px;\n  min-width: 24px;\n  background: ",";\n"])),r.theme.gray50),y=f.default(a.Text)(c||(c=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),v=f.default(a.Text)(d||(d=n.__makeTemplateObject([""],[""]))),T=f.default.span(s||(s=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),r.theme.gray600),O=f.default.div(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"]))),q=f.default.label(g||(g=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      opacity: 0.6;\n    }\n    "," {\n      opacity: 0.95;\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      opacity: 0.6;\n    }\n    "," {\n      opacity: 0.95;\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"])),j,k,y,r.theme.gray600,v,r.theme.gray400),I=f.default.div(m||(m=n.__makeTemplateObject(["\n  position: absolute;\n  top: 6px;\n  left: ",";\n  right: ",";\n  svg {\n    height: 20px;\n    width: 20px;\n  }\n"],["\n  position: absolute;\n  top: 6px;\n  left: ",";\n  right: ",";\n  svg {\n    height: 20px;\n    width: 20px;\n  }\n"])),(function(n){return n.left?"5.8px":"auto"}),(function(n){return n.left?"auto":"5.6px"}));exports.Switch=function(n){var t=n.checked,i=n.className,a=n.disabled,r=n.label,p=n.labelDescription,o=n.labelIcon,l=n.onChange,x=n.subtitle,h=n.switchIconLeft,c=n.switchIconRight,d=null==r?void 0:r.replace(/\s/g,"-").toLowerCase(),s=Boolean(h||c);return e.jsxs(q,{checked:t,className:b.default(i,{disabled:a}),htmlFor:d,onClick:function(){return!a&&l(!t)},children:[s?e.jsxs(_,{checked:t,children:[e.jsx(w,{checked:t,id:d}),e.jsx(I,{left:!0,children:h}),e.jsx(I,{children:c})]}):e.jsx(j,{checked:t,children:e.jsx(k,{checked:t,id:d})}),e.jsxs("div",{children:[e.jsxs(O,{children:[o,e.jsxs(y,{type:"input-label",children:[r,p&&e.jsx(T,{children:p})]})]}),x&&e.jsx(v,{type:"subtitle",children:x})]})]})};
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("clsx"),i=require("styled-components"),r=require("../text/Text.js"),a=require("../../styles/constants/theme.js");function p(n){return n&&n.__esModule?n:{default:n}}var o,l,x,h,c,d,s,u,g,m,b=p(t),f=p(i),k=f.default.div(o||(o=n.__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  height: 14px;\n  width: 14px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 1px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"],["\n  background: ",";\n  box-shadow: ",";\n  height: 14px;\n  width: 14px;\n  border-radius: 50%;\n  transition: ",";\n  position: absolute;\n  top: 1px;\n  left: ",";\n  [data-theme='night'] & {\n    background: ",";\n  }\n"])),a.theme.gray0,(function(n){return n.checked?"0px -1px 1px 0px rgba(68, 94, 238, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)":"0px -1px 1px 0px rgba(0, 0, 0, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)"}),a.theme.transition,(function(n){return n.checked?"calc(100% - 15px)":"1px"}),a.theme.gray200),w=f.default(k)(l||(l=n.__makeTemplateObject(["\n  height: 28px;\n  width: 28px;\n  top: 2px;\n  left: ",";\n  box-shadow:\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n"],["\n  height: 28px;\n  width: 28px;\n  top: 2px;\n  left: ",";\n  box-shadow:\n    0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n    0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n"])),(function(n){return n.checked?"calc(100% - 30px)":"2px"})),j=f.default.div(x||(x=n.__makeTemplateObject(["\n  margin-right: ",";\n  width: 32px;\n  height: 16px;\n  min-width: 32px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"],["\n  margin-right: ",";\n  width: 32px;\n  height: 16px;\n  min-width: 32px;\n  min-height: 16px;\n  line-height: 16px;\n  border-radius: 20px;\n  background: ",";\n  box-shadow: ",";\n  display: block;\n  user-select: none;\n  position: relative;\n"])),a.theme.space16,(function(n){return n.checked?a.theme.primary:a.theme.gray100}),a.theme.v3ShadowInset),_=f.default(j)(h||(h=n.__makeTemplateObject(["\n  width: 62px;\n  height: 32px;\n  min-width: 24px;\n  background: ",";\n"],["\n  width: 62px;\n  height: 32px;\n  min-width: 24px;\n  background: ",";\n"])),a.theme.gray50),y=f.default(r.Text)(c||(c=n.__makeTemplateObject(["\n  margin-bottom: 0;\n"],["\n  margin-bottom: 0;\n"]))),v=f.default(r.Text)(d||(d=n.__makeTemplateObject([""],[""]))),T=f.default.span(s||(s=n.__makeTemplateObject(["\n  margin-left: 4px;\n  color: ",";\n"],["\n  margin-left: 4px;\n  color: ",";\n"])),a.theme.gray600),O=f.default.div(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  line-height: 16px;\n\n  svg {\n    margin-right: 4px;\n  }\n"]))),q=f.default.label(g||(g=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      opacity: 0.6;\n    }\n    "," {\n      opacity: 0.95;\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n\n  &.disabled {\n    "," {\n      opacity: 0.6;\n    }\n    "," {\n      opacity: 0.95;\n    }\n    "," {\n      color: ",";\n    }\n    "," {\n      color: ",";\n    }\n\n    cursor: not-allowed;\n  }\n"])),j,k,y,a.theme.gray600,v,a.theme.gray400),I=f.default.div(m||(m=n.__makeTemplateObject(["\n  position: absolute;\n  top: 6px;\n  left: ",";\n  right: ",";\n  svg {\n    height: 20px;\n    width: 20px;\n  }\n"],["\n  position: absolute;\n  top: 6px;\n  left: ",";\n  right: ",";\n  svg {\n    height: 20px;\n    width: 20px;\n  }\n"])),(function(n){return n.left?"5.8px":"auto"}),(function(n){return n.left?"auto":"5.6px"}));exports.Switch=function(n){var t=n.checked,i=n.className,r=n.disabled,a=n.label,p=n.labelDescription,o=n.labelIcon,l=n.onChange,x=n.subtitle,h=n.switchIconLeft,c=n.switchIconRight,d=null==a?void 0:a.replace(/\s/g,"-").toLowerCase(),s=Boolean(h||c);return e.jsxs(q,{checked:t,className:b.default(i,{disabled:r}),htmlFor:d,onClick:function(){return!r&&l(!t)},children:[s?e.jsxs(_,{checked:t,children:[e.jsx(w,{checked:t,id:d}),e.jsx(I,{left:!0,children:h}),e.jsx(I,{children:c})]}):e.jsx(j,{checked:t,children:e.jsx(k,{checked:t,id:d})}),e.jsxs("div",{children:[e.jsxs(O,{children:[o,e.jsxs(y,{type:"input-label",children:[a,p&&e.jsx(T,{children:p})]})]}),x&&e.jsx(v,{type:"subtitle",children:x})]})]})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "5.1.18",
+  "version": "5.1.19",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",