@zonos/amino 5.1.54 → 5.1.56

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"),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/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("clsx"),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  & .arrow-right {\n    margin-right: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  svg {\n    min-width: 24px;\n  }\n\n  & .arrow-right {\n    margin-right: ",";\n  }\n"])),l.theme.space8,l.theme.space16);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],g=e.__read(t.useState(p.amountTotalMin),2),v=g[0],y=g[1],f=e.__read(t.useState(p.amountTotalMax),2),I=f[0],b=f[1],x=e.__read(t.useState(!1),2),_=x[0],C=x[1],w=function(e){l({name:"amountFilterType",type:"change",value:e})},F=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){w(d);var n="".concat((null==v?void 0:v.toFixed(2))||0)||"",t="".concat((null==I?void 0:I.toFixed(2))||0)||"";switch(d){case"between":F({amount1:v,amount2:I}),e("Between ".concat(n," and ").concat(t));break;case"equal":F({amount1:v,amount2:v}),e("Equal to ".concat(n));break;case"greater":F({amount1:v,amount2:null}),e("Greater than ".concat(n));break;case"less":F({amount1:null,amount2:v}),e("Less than ".concat(n))}l({name:"isActive",type:"change",value:!0})},onRemove:function(){l({name:"isActive",type:"change",value:!1}),w(i.initialFilterAmountState.amountFilterType),F({amount1:null,amount2:null}),h(i.initialFilterAmountState.amountFilterType),y(0),b(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)},onKeyDown:function(e){"Enter"===e.key&&_&&e.stopPropagation()},onMenuClose:function(){return C(!1)},onMenuOpen:function(){return C(!0)},options:i.filterAmountOptions,size:"md",value:i.filterAmountOptions.filter((function(e){return e.value===d}))}),n.jsxs(m,{children:[n.jsx(s.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),n.jsx(o.Input,{onChange:function(e){return y(e.target.valueAsNumber)},size:"md",type:"number",value:null===v?"":String(v)}),"between"===d&&n.jsxs(n.Fragment,{children:["and",n.jsx(o.Input,{onChange:function(e){return b(e.target.valueAsNumber)},size:"md",type:"number",value:null===I?"":String(I)})]})]})]}))};
+"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/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("clsx"),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  & .arrow-right {\n    margin-right: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n  gap: ",";\n\n  svg {\n    min-width: 24px;\n  }\n\n  & .arrow-right {\n    margin-right: ",";\n  }\n"])),l.theme.space8,l.theme.space16);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],g=e.__read(t.useState(p.amountTotalMin),2),v=g[0],y=g[1],f=e.__read(t.useState(p.amountTotalMax),2),x=f[0],I=f[1],b=e.__read(t.useState(!1),2),_=b[0],C=b[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})};return(0,u.useFilterWrapper({dropdownTitle:c,filterExists:p.isActive,label:q,onApply:function(e){T(d);var n="".concat((null==v?void 0:v.toFixed(2))||0)||"",t="".concat((null==x?void 0:x.toFixed(2))||0)||"";switch(d){case"between":w({amount1:v,amount2:x}),e("Between ".concat(n," and ").concat(t));break;case"equal":w({amount1:v,amount2:v}),e("Equal to ".concat(n));break;case"greater":w({amount1:v,amount2:null}),e("Greater than ".concat(n));break;case"less":w({amount1:null,amount2:v}),e("Less than ".concat(n))}l({name:"isActive",type:"change",value:!0})},onClose:function(){h(p.amountFilterType),y(p.amountTotalMin),I(p.amountTotalMax)},onRemove:function(){l({name:"isActive",type:"change",value:!1}),T(i.initialFilterAmountState.amountFilterType),w({amount1:null,amount2:null}),h(i.initialFilterAmountState.amountFilterType),y(0),I(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)},onKeyDown:function(e){"Enter"===e.key&&_&&e.stopPropagation()},onMenuClose:function(){return C(!1)},onMenuOpen:function(){return C(!0)},options:i.filterAmountOptions,size:"md",value:i.filterAmountOptions.filter((function(e){return e.value===d}))}),n.jsxs(m,{children:[n.jsx(s.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),n.jsx(o.Input,{onChange:function(e){return y(e.target.valueAsNumber)},size:"md",type:"number",value:null===v?"":String(v)}),"between"===d&&n.jsxs(n.Fragment,{children:["and",n.jsx(o.Input,{onChange:function(e){return I(e.target.valueAsNumber)},size:"md",type:"number",value:null===x?"":String(x)})]})]})]}))};

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"),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/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("./_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("clsx"),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/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],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})},_=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)}}),C=_.renderWrapper,h=_.setFilterText;return C(r.jsx(n.DateControl,{onChange:j,onChangeFilterText:h,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/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("./_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("clsx"),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/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),D=d[0],I=d[1],_=e.__read(r.useState(""),2),y=_[0],C=_[1],h=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){h(q),u({name:"isActive",type:"change",value:!0}),e(y)},onClose:function(){j(l.dateData),I(l.dateRangeType)},onRemove:function(){u({name:"isActive",type:"change",value:!1}),u({name:"dateRangeType",type:"change",value:D}),h(i.initialFilterDateState.dateData),j(i.initialFilterDateState.dateData),I(i.initialFilterDateState.dateRangeType)}}).renderWrapper)(t.jsx(n.DateControl,{onChange:j,onChangeFilterText:function(e){C(e)},rangeType:D,setRangeType:I,value:q}))};

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"),u=require("../../checkbox/Checkbox.js"),t=require("../useFilterWrapper.js");require("clsx"),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=t.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(c.map((function(n){return r.jsx(u.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"),u=require("../../checkbox/Checkbox.js"),t=require("../useFilterWrapper.js");require("clsx"),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=t.useFilterWrapper({dropdownTitle:o,filterExists:!!a.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)},onClose:function(){j(a)},onRemove:function(){l([]),j([])}}).renderWrapper;return d(c.map((function(n){return r.jsx(u.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.d.ts

@@ -1,8 +1,12 @@
 import { type BaseFilterProps } from "../useFilterWrapper";
+import { type SelectProps } from "../../select/Select";
 import type { SelectOption } from "../../../types/SelectOption";
+type CustomSelectProps<T extends string = string, O extends SelectOption<string> = SelectOption<T>> = Omit<SelectProps<O>, 'onChange' | 'value' | 'options'>;
 export type FilterSelectProps<T extends string = string, O extends SelectOption<string> = SelectOption<T>> = BaseFilterProps & {
     options: O[];
+    selectProps?: CustomSelectProps<T, O> | ((editingValue: O | null) => CustomSelectProps<T, O>);
     value: O | null;
     onChange: (value: O | null) => void;
 };
-export declare const FilterSelect: <T extends string = string, O extends SelectOption<T> = SelectOption<T>>({ onChange, options, 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>>({ 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-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),i=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("clsx"),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 o=t.onChange,u=t.options,c=t.value,l=e.__rest(t,["onChange","options","value"]),a=e.__read(n.useState(c),2),q=a[0],p=a[1],j=e.__read(n.useState(!1),2),v=j[0],C=j[1];return(0,i.useFilterWrapper(e.__assign(e.__assign({},l),{filterExists:!!c,onApply:function(e){o(q),e("is ".concat((null==q?void 0:q.label)||""))},onRemove:function(){o(null),p(null)}})).renderWrapper)(r.jsx(s.Select,{isClearable:!1,onChange:p,onKeyDown:function(e){"Enter"===e.key&&v&&e.stopPropagation()},onMenuClose:function(){return C(!1)},onMenuOpen:function(){return C(!0)},options:u,size:"sm",value:u.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"),n=require("react"),i=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("clsx"),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(o){var t=o.onChange,u=o.options,c=o.selectProps,l=o.value,a=e.__rest(o,["onChange","options","selectProps","value"]),p=e.__read(n.useState(l),2),q=p[0],j=p[1],_=e.__read(n.useState(!1),2),C=_[0],f=_[1],v=i.useFilterWrapper(e.__assign(e.__assign({},a),{filterExists:!!l,onApply:function(e){t(q),e("is ".concat((null==q?void 0:q.label)||""))},onClose:function(){j(l)},onRemove:function(){t(null),j(null)}})).renderWrapper,b=n.useMemo((function(){return"function"==typeof c?c(q):c}),[q,c]);return v(r.jsx(s.Select,e.__assign({isClearable:!1,onChange:j,onKeyDown:function(e){"Enter"===e.key&&C&&e.stopPropagation()},onMenuClose:function(){return f(!1)},onMenuOpen:function(){return f(!0)},options:u,size:"sm",value:u.filter((function(e){return e.value===(null==q?void 0:q.value)}))},b)))};

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/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(u){var s=u.dropdownTitle,o=u.label,p=u.onChange,c=u.value,l=e.__read(t.useState(c||""),2),q=l[0],a=l[1];return(0,i.useFilterWrapper({dropdownTitle:s,filterExists:!!c,label:o,onApply:function(e){p(q),e(q)},onRemove:function(){p(null),a("")}}).renderWrapper)(r.jsx(n.Input,{onChange:function(e){return a(e.target.value)},size:"sm",type:"text",value:q}))};
+"use strict";var e=require("../../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("../useFilterWrapper.js"),i=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/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(u){var s=u.dropdownTitle,o=u.label,p=u.onChange,c=u.value,l=e.__read(n.useState(c||""),2),q=l[0],a=l[1];return(0,t.useFilterWrapper({dropdownTitle:s,filterExists:!!c,label:o,onApply:function(e){p(q),e(q)},onClose:function(){a(c||"")},onRemove:function(){p(null),a("")}}).renderWrapper)(r.jsx(i.Input,{onChange:function(e){return a(e.target.value)},size:"sm",type:"text",value:q}))};

package/components/filter/useFilterWrapper.d.ts

@@ -8,10 +8,14 @@ export type FilterApplyCallback = (setFilterText: (newFilterText: string) => voi
 type UseFilterProps = {
     filterExists: boolean;
     onApply: FilterApplyCallback;
+    /**
+     * When the menu is closed without applying.
+     */
+    onClose: () => void;
     onRemove: () => void;
 };
 export type FilterProps = BaseFilterProps & UseFilterProps;
-export declare const useFilterWrapper: ({ className, dropdownTitle, filterExists, label, onApply, onRemove, }: FilterProps) => {
+export declare const useFilterWrapper: ({ className, dropdownTitle, filterExists, label, onApply, onClose, 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"),o=require("styled-components"),t=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),s=require("../../icons/MinusCircleDuotoneIcon.js"),l=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,m,x,f,b,h=u(o),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),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-right-radius: ",";\n  border-bottom-right-radius: ",";\n\n  border-right: 1px solid\n    ",";\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\n  &:hover {\n    background-color: ",";\n  }\n"])),d.theme.space8,d.theme.space4,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),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-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.space4,d.theme.space8,d.theme.gray100),_=h.default.div(f||(f=e.__makeTemplateObject(["\n  z-index: 1;\n  min-width: 400px;\n  position: absolute;\n  border-radius: ",";\n  background-color: ",";\n  box-shadow: ",";\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: ",";\n  background-color: ",";\n  box-shadow: ",";\n  padding: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  outline: none;\n  max-height: 600px;\n  overflow: auto;\n"])),d.theme.radius12,d.theme.surfaceColor,d.theme.v3ShadowXl,d.theme.space24,d.theme.space24),k=h.default.div(b||(b=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),d.theme.space8);exports.useFilterWrapper=function(o){var d=o.className,u=o.dropdownTitle,c=o.filterExists,p=o.label,m=o.onApply,x=o.onRemove,f=e.__read(r.useState(!1),2),b=f[0],h=f[1],q=e.__read(r.useState(!1),2),C=q[0],w=q[1],T=e.__read(r.useState("Filter"),2),E=T[0],I=T[1],S=r.useRef(null),D=r.useRef(null),F=function(){h(!0),m(I),w(!1)},z=function(e){"Escape"===e.key&&w(!1),"Enter"===e.key&&F()},O=r.useCallback((function(e){var n,r=e.target;r instanceof Element&&!(null===(n=S.current)||void 0===n?void 0:n.contains(r))&&w(!1)}),[]);r.useEffect((function(){var e,n,r;return null===(e=document.querySelector("body"))||void 0===e||e.addEventListener("mousedown",O),(null===(n=S.current)||void 0===n?void 0:n.contains(document.activeElement))||null===(r=S.current)||void 0===r||r.focus(),function(){var e;null===(e=document.querySelector("body"))||void 0===e||e.removeEventListener("mousedown",O)}}),[C,O]),r.useEffect((function(){var e;if(C){var n=null===(e=S.current)||void 0===e?void 0:e.querySelector("input");null==n||n.focus()}}),[C]);var R=function(e){e.stopPropagation(),w(!0)},$=function(){c?(h(!b),x()):w(!0)};r.useEffect((function(){c||h(!1)}),[c]);return{handleApplyFilter:F,renderWrapper:function(e){return n.jsxs(g,{ref:D,children:[n.jsxs(v,{className:[d,b&&"active"].join(" "),onClick:$,children:[n.jsxs(y,{$active:b,$hasFilter:b&&c,children:[b?n.jsx(s.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):n.jsx(l.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),n.jsx(i.Text,{fontWeight:600,children:p})]}),b&&c&&n.jsxs(j,{onClick:R,children:[n.jsx(i.Text,{color:"blue600",fontWeight:600,children:E}),n.jsx(a.ChevronDownIcon,{size:24})]})]}),C&&n.jsxs(_,{ref:S,onKeyDown:z,tabIndex:-1,children:[n.jsx(i.Text,{type:"bold-subheader",children:u}),n.jsx(k,{children:e}),n.jsx(t.Button,{onClick:F,size:"md",variant:"primary",children:"Apply"})]})]})},setFilterText:I}};
+"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),t=require("../button/Button.js"),i=require("../text/Text.js"),a=require("../../icons/ChevronDownIcon.js"),s=require("../../icons/MinusCircleDuotoneIcon.js"),l=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,m,x,f,b,h=u(o),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),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-right-radius: ",";\n  border-bottom-right-radius: ",";\n\n  border-right: 1px solid\n    ",";\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\n  &:hover {\n    background-color: ",";\n  }\n"])),d.theme.space8,d.theme.space4,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),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-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.space4,d.theme.space8,d.theme.gray100),_=h.default.div(f||(f=e.__makeTemplateObject(["\n  z-index: 1;\n  min-width: 400px;\n  position: absolute;\n  border-radius: ",";\n  background-color: ",";\n  box-shadow: ",";\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: ",";\n  background-color: ",";\n  box-shadow: ",";\n  padding: ",";\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n  outline: none;\n  max-height: 600px;\n  overflow: auto;\n"])),d.theme.radius12,d.theme.surfaceColor,d.theme.v3ShadowXl,d.theme.space24,d.theme.space24),k=h.default.div(b||(b=e.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  gap: ",";\n"])),d.theme.space8);exports.useFilterWrapper=function(o){var d=o.className,u=o.dropdownTitle,c=o.filterExists,p=o.label,m=o.onApply,x=o.onClose,f=o.onRemove,b=e.__read(r.useState(!1),2),h=b[0],q=b[1],C=e.__read(r.useState(!1),2),w=C[0],T=C[1],E=e.__read(r.useState("Filter"),2),I=E[0],S=E[1],D=r.useRef(null),F=r.useRef(null),z=function(){q(!0),m(S),T(!1)},O=function(e){"Escape"===e.key&&(T(!1),x()),"Enter"===e.key&&z()},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))&&(T(!1),x())}),[x]);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)}}),[w,R]),r.useEffect((function(){var e;if(w){var n=null===(e=D.current)||void 0===e?void 0:e.querySelector("input");null==n||n.focus()}}),[w]);var $=function(e){e.stopPropagation(),T(!0)},W=function(){c?(q(!h),f()):T(!0)};r.useEffect((function(){c||q(!1)}),[c]);return{handleApplyFilter:z,renderWrapper:function(e){return n.jsxs(g,{ref:F,children:[n.jsxs(v,{className:[d,h&&"active"].join(" "),onClick:W,children:[n.jsxs(y,{$active:h,$hasFilter:h&&c,children:[h?n.jsx(s.MinusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}):n.jsx(l.PlusCircleDuotoneIcon,{color:"gray0",secondaryColor:"gray600",size:24}),n.jsx(i.Text,{fontWeight:600,children:p})]}),h&&c&&n.jsxs(j,{onClick:$,children:[n.jsx(i.Text,{color:"blue600",fontWeight:600,children:I}),n.jsx(a.ChevronDownIcon,{size:24})]})]}),w&&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(t.Button,{onClick:z,size:"md",variant:"primary",children:"Apply"})]})]})},setFilterText:S}};

package/components/layout/Layout.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../input/SearchInput.js");require("./NavigationGroup.js");var i=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse");var a,d,h,l,s,b,c,m,g,p,u=o(r),x=u.default.div(a||(a=e.__makeTemplateObject(["\n  box-sizing: border-box;\n  width: ",";\n"],["\n  box-sizing: border-box;\n  width: ",";\n"])),i.theme.sidebarWidth),f=u.default.div(d||(d=e.__makeTemplateObject(["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"],["\n  padding: ",";\n  box-sizing: border-box;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n"])),i.theme.space16),j=u.default.div(h||(h=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),i.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n  margin-bottom: ",";\n"],["\n  margin-bottom: ",";\n"])),i.theme.space24),_=u.default(t.SearchInput)(s||(s=e.__makeTemplateObject(["\n  border: 0;\n  svg {\n    color: ",";\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: ",";\n    }\n  }\n"],["\n  border: 0;\n  svg {\n    color: ",";\n  }\n  input {\n    background-color: ",";\n    border: 0;\n    ::placeholder {\n      color: ",";\n    }\n  }\n"])),i.theme.gray1200,i.theme.gray100,i.theme.gray1200),y=u.default.nav(b||(b=e.__makeTemplateObject(["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"],["\n  border-right: ",";\n  width: ",";\n  box-sizing: border-box;\n  display: grid;\n  grid-template-rows: 1fr calc(39px + "," * 2);\n  height: inherit;\n  background: ",";\n"])),i.theme.border,i.theme.sidebarWidth,i.theme.space24,i.theme.sidebarColor),k=u.default.div(c||(c=e.__makeTemplateObject(["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"],["\n  height: ",";\n  display: grid;\n  grid-template-columns: "," 1fr;\n"])),(function(e){return e.$hasHeader?"calc(100vh - ".concat(i.theme.appbarHeight,")"):"100vh"}),i.theme.sidebarWidth),w=u.default.main(m||(m=e.__makeTemplateObject(["\n  height: 100vh;\n  overflow: hidden;\n"],["\n  height: 100vh;\n  overflow: hidden;\n"]))),z=u.default.div(g||(g=e.__makeTemplateObject(["\n  height: inherit;\n  overflow-y: auto;\n  padding: ",";\n  box-sizing: border-box;\n"],["\n  height: inherit;\n  overflow-y: auto;\n  padding: ",";\n  box-sizing: border-box;\n"])),i.theme.space32),q=u.default.header(p||(p=e.__makeTemplateObject(["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"],["\n  background: ",";\n  box-shadow: ",";\n  border-bottom: ",";\n  height: ",";\n  z-index: ",";\n  position: sticky;\n  top: 0;\n  box-sizing: border-box;\n  display: flex;\n"])),i.theme.headerColor,i.theme.v3ShadowBase,i.theme.border,i.theme.appbarHeight,i.theme.appbarElevation);exports.Layout=function(e){var r=e.className,t=e.content,i=e.footer,o=e.headerContent,a=e.logoSidebar,d=e.searchInput,h=e.sidebar;return n.jsxs(w,{className:r,children:[!!o&&n.jsx(q,{children:o}),n.jsxs(k,{$hasHeader:!!o,children:[n.jsxs(y,{children:[n.jsxs(f,{children:[!!a&&n.jsx(v,{children:a}),!!d&&n.jsx(j,{children:n.jsx(_,{onChange:d.onChange,value:d.value})}),h]}),n.jsx(x,{children:i})]}),n.jsx(z,{children:t})]})]})};
+"use strict";var e=require("react/jsx-runtime"),o=require("../input/SearchInput.js");require("./NavigationGroup.js");var a=require("../../styles/constants/theme.js");require("../../_tslib-ccfac372.js"),require("react"),require("styled-components"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse");var r={aminoLayout:"Amino_Layout-module__aminoLayout--k-8EW",contentGrid:"Amino_Layout-module__contentGrid--6ltoS",styledSidebar:"Amino_Layout-module__styledSidebar--dnwoo",sidebarContent:"Amino_Layout-module__sidebarContent--NXMVV",searchInputWrapper:"Amino_Layout-module__searchInputWrapper--JldDc",styledLogoSidebar:"Amino_Layout-module__styledLogoSidebar--MTiPe",styledSearchInput:"Amino_Layout-module__styledSearchInput--uJCBW",content:"Amino_Layout-module__content--LYUwT",header:"Amino_Layout-module__header--lID5Y",footer:"Amino_Layout-module__footer--5enlV"};!function(e,o){void 0===o&&(o={});var a=o.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===a&&r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}}(".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-appbar-height)}.Amino_Layout-module__styledSidebar--dnwoo{background:var(--amino-sidebar-color);border-right:var(--amino-border);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;color:red;display:flex;flex-direction:column;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 ::-webkit-input-placeholder{color:var(--amino-gray-1200)}.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(t){var i=t.className,n=t.content,d=t.footer,s=t.headerContent,l=t.logoSidebar,u=t.searchInput,m=t.sidebar;return e.jsxs("main",{className:[i,r.aminoLayout].join(" "),children:[!!s&&e.jsx("header",{className:r.header,children:s}),e.jsxs("div",{className:r.contentGrid,style:{height:s?"calc(100vh - ".concat(a.theme.appbarHeight,")"):"100vh"},children:[e.jsxs("nav",{className:r.styledSidebar,children:[e.jsxs("div",{className:r.sidebarContent,children:[!!l&&e.jsx("div",{className:r.styledLogoSidebar,children:l}),!!u&&e.jsx("div",{className:r.searchInputWrapper,children:e.jsx(o.SearchInput,{className:r.styledSearchInput,onChange:u.onChange,value:u.value})}),m]}),e.jsx("div",{className:r.footer,children:d})]}),e.jsx("div",{className:r.content,children:n})]})]})};

package/package.json

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

package/theme.scss

@@ -0,0 +1,234 @@
+/** Base amino theme scss variable */
+$amino-transition: var(--amino-transition);
+$amino-type-scale-base: var(--amino-type-scale-base);
+$amino-glass-0: var(--amino-glass-0);
+$amino-glass-50: var(--amino-glass-50);
+$amino-glass-100: var(--amino-glass-100);
+$amino-glass-200: var(--amino-glass-200);
+$amino-glass-300: var(--amino-glass-300);
+$amino-glass-400: var(--amino-glass-400);
+$amino-glass-500: var(--amino-glass-500);
+$amino-glass-600: var(--amino-glass-600);
+$amino-glass-700: var(--amino-glass-700);
+$amino-glass-800: var(--amino-glass-800);
+$amino-glass-900: var(--amino-glass-900);
+$amino-glass-1000: var(--amino-glass-1000);
+$amino-glass-1100: var(--amino-glass-1100);
+$amino-glass-1200: var(--amino-glass-1200);
+$amino-gray-0: var(--amino-gray-0);
+$amino-gray-50: var(--amino-gray-50);
+$amino-gray-100: var(--amino-gray-100);
+$amino-gray-200: var(--amino-gray-200);
+$amino-gray-300: var(--amino-gray-300);
+$amino-gray-400: var(--amino-gray-400);
+$amino-gray-500: var(--amino-gray-500);
+$amino-gray-600: var(--amino-gray-600);
+$amino-gray-700: var(--amino-gray-700);
+$amino-gray-800: var(--amino-gray-800);
+$amino-gray-900: var(--amino-gray-900);
+$amino-gray-1000: var(--amino-gray-1000);
+$amino-gray-1100: var(--amino-gray-1100);
+$amino-gray-1200: var(--amino-gray-1200);
+$amino-blue-100: var(--amino-blue-100);
+$amino-blue-200: var(--amino-blue-200);
+$amino-blue-300: var(--amino-blue-300);
+$amino-blue-400: var(--amino-blue-400);
+$amino-blue-500: var(--amino-blue-500);
+$amino-blue-600: var(--amino-blue-600);
+$amino-blue-700: var(--amino-blue-700);
+$amino-blue-800: var(--amino-blue-800);
+$amino-blue-900: var(--amino-blue-900);
+$amino-blue-1000: var(--amino-blue-1000);
+$amino-cyan-100: var(--amino-cyan-100);
+$amino-cyan-200: var(--amino-cyan-200);
+$amino-cyan-300: var(--amino-cyan-300);
+$amino-cyan-400: var(--amino-cyan-400);
+$amino-cyan-500: var(--amino-cyan-500);
+$amino-cyan-600: var(--amino-cyan-600);
+$amino-cyan-700: var(--amino-cyan-700);
+$amino-cyan-800: var(--amino-cyan-800);
+$amino-cyan-900: var(--amino-cyan-900);
+$amino-cyan-1000: var(--amino-cyan-1000);
+$amino-red-100: var(--amino-red-100);
+$amino-red-200: var(--amino-red-200);
+$amino-red-300: var(--amino-red-300);
+$amino-red-400: var(--amino-red-400);
+$amino-red-500: var(--amino-red-500);
+$amino-red-600: var(--amino-red-600);
+$amino-red-700: var(--amino-red-700);
+$amino-red-800: var(--amino-red-800);
+$amino-red-900: var(--amino-red-900);
+$amino-red-1000: var(--amino-red-1000);
+$amino-orange-100: var(--amino-orange-100);
+$amino-orange-200: var(--amino-orange-200);
+$amino-orange-300: var(--amino-orange-300);
+$amino-orange-400: var(--amino-orange-400);
+$amino-orange-500: var(--amino-orange-500);
+$amino-orange-600: var(--amino-orange-600);
+$amino-orange-700: var(--amino-orange-700);
+$amino-orange-800: var(--amino-orange-800);
+$amino-orange-900: var(--amino-orange-900);
+$amino-orange-1000: var(--amino-orange-1000);
+$amino-green-100: var(--amino-green-100);
+$amino-green-200: var(--amino-green-200);
+$amino-green-300: var(--amino-green-300);
+$amino-green-400: var(--amino-green-400);
+$amino-green-500: var(--amino-green-500);
+$amino-green-600: var(--amino-green-600);
+$amino-green-700: var(--amino-green-700);
+$amino-green-800: var(--amino-green-800);
+$amino-green-900: var(--amino-green-900);
+$amino-green-1000: var(--amino-green-1000);
+$amino-purple-100: var(--amino-purple-100);
+$amino-purple-200: var(--amino-purple-200);
+$amino-purple-300: var(--amino-purple-300);
+$amino-purple-400: var(--amino-purple-400);
+$amino-purple-500: var(--amino-purple-500);
+$amino-purple-600: var(--amino-purple-600);
+$amino-purple-700: var(--amino-purple-700);
+$amino-purple-800: var(--amino-purple-800);
+$amino-purple-900: var(--amino-purple-900);
+$amino-purple-1000: var(--amino-purple-1000);
+$amino-transparent-white: var(--amino-transparent-white);
+$amino-transparent-black: var(--amino-transparent-black);
+$amino-transparent-gray-600: var(--amino-transparent-gray-600);
+$amino-v3-shadow-base: var(--amino-v3-shadow-base);
+$amino-v3-shadow-medium: var(--amino-v3-shadow-medium);
+$amino-v3-shadow-large: var(--amino-v3-shadow-large);
+$amino-v3-shadow-xl: var(--amino-v3-shadow-xl);
+$amino-v3-shadow-xxl: var(--amino-v3-shadow-xxl);
+$amino-v3-shadow-inset: var(--amino-v3-shadow-inset);
+$amino-shadow-button-primary: var(--amino-shadow-button-primary);
+$amino-shadow-button-success: var(--amino-shadow-button-success);
+$amino-shadow-button-danger: var(--amino-shadow-button-danger);
+$amino-shadow-button-warning: var(--amino-shadow-button-warning);
+$amino-button-focus-ring: var(--amino-button-focus-ring);
+$amino-shadow-button-standard: var(--amino-shadow-button-standard);
+$amino-shadow-button-disabled: var(--amino-shadow-button-disabled);
+$amino-space-negative-80: var(--amino-space-negative-80);
+$amino-space-negative-76: var(--amino-space-negative-76);
+$amino-space-negative-72: var(--amino-space-negative-72);
+$amino-space-negative-68: var(--amino-space-negative-68);
+$amino-space-negative-64: var(--amino-space-negative-64);
+$amino-space-negative-60: var(--amino-space-negative-60);
+$amino-space-negative-56: var(--amino-space-negative-56);
+$amino-space-negative-52: var(--amino-space-negative-52);
+$amino-space-negative-48: var(--amino-space-negative-48);
+$amino-space-negative-44: var(--amino-space-negative-44);
+$amino-space-negative-40: var(--amino-space-negative-40);
+$amino-space-negative-36: var(--amino-space-negative-36);
+$amino-space-negative-32: var(--amino-space-negative-32);
+$amino-space-negative-28: var(--amino-space-negative-28);
+$amino-space-negative-24: var(--amino-space-negative-24);
+$amino-space-negative-20: var(--amino-space-negative-20);
+$amino-space-negative-16: var(--amino-space-negative-16);
+$amino-space-negative-12: var(--amino-space-negative-12);
+$amino-space-negative-8: var(--amino-space-negative-8);
+$amino-space-negative-4: var(--amino-space-negative-4);
+$amino-space-0: var(--amino-space-0);
+$amino-space-4: var(--amino-space-4);
+$amino-space-8: var(--amino-space-8);
+$amino-space-12: var(--amino-space-12);
+$amino-space-16: var(--amino-space-16);
+$amino-space-20: var(--amino-space-20);
+$amino-space-24: var(--amino-space-24);
+$amino-space-28: var(--amino-space-28);
+$amino-space-32: var(--amino-space-32);
+$amino-space-36: var(--amino-space-36);
+$amino-space-40: var(--amino-space-40);
+$amino-space-44: var(--amino-space-44);
+$amino-space-48: var(--amino-space-48);
+$amino-space-52: var(--amino-space-52);
+$amino-space-56: var(--amino-space-56);
+$amino-space-60: var(--amino-space-60);
+$amino-space-64: var(--amino-space-64);
+$amino-space-68: var(--amino-space-68);
+$amino-space-72: var(--amino-space-72);
+$amino-space-76: var(--amino-space-76);
+$amino-space-80: var(--amino-space-80);
+$amino-border: var(--amino-border);
+$amino-border-blue: var(--amino-border-blue);
+$amino-border-red: var(--amino-border-red);
+$amino-border-cyan: var(--amino-border-cyan);
+$amino-border-orange: var(--amino-border-orange);
+$amino-border-green: var(--amino-border-green);
+$amino-border-purple: var(--amino-border-purple);
+$amino-border-amber: var(--amino-border-amber);
+$amino-border-transparent: var(--amino-border-transparent);
+$amino-sidebar-color: var(--amino-sidebar-color);
+$amino-header-color: var(--amino-header-color);
+$amino-danger: var(--amino-danger);
+$amino-danger-dark: var(--amino-danger-dark);
+$amino-error: var(--amino-error);
+$amino-primary: var(--amino-primary);
+$amino-primary-light: var(--amino-primary-light);
+$amino-primary-dark: var(--amino-primary-dark);
+$amino-success: var(--amino-success);
+$amino-success-dark: var(--amino-success-dark);
+$amino-warning: var(--amino-warning);
+$amino-warning-dark: var(--amino-warning-dark);
+$amino-glow-error: var(--amino-glow-error);
+$amino-glow-blue: var(--amino-glow-blue);
+$amino-glow-cyan: var(--amino-glow-cyan);
+$amino-glow-red: var(--amino-glow-red);
+$amino-glow-orange: var(--amino-glow-orange);
+$amino-glow-green: var(--amino-glow-green);
+$amino-glow-purple: var(--amino-glow-purple);
+$amino-page-background: var(--amino-page-background);
+$amino-border-color: var(--amino-border-color);
+$amino-hover-color: var(--amino-hover-color);
+$amino-text-color: var(--amino-text-color);
+$amino-text-color-secondary: var(--amino-text-color-secondary);
+$amino-focus-button-standard: var(--amino-focus-button-standard);
+$amino-focus-button: var(--amino-focus-button);
+$amino-surface-color: var(--amino-surface-color);
+$amino-surface-color-secondary: var(--amino-surface-color-secondary);
+$amino-backdrop-color: var(--amino-backdrop-color);
+$amino-button-primary-hover: var(--amino-button-primary-hover);
+$amino-button-success-hover: var(--amino-button-success-hover);
+$amino-button-danger-hover: var(--amino-button-danger-hover);
+$amino-button-warning-hover: var(--amino-button-warning-hover);
+$amino-button-standard-hover: var(--amino-button-standard-hover);
+$amino-spinner-track-black: var(--amino-spinner-track-black);
+$amino-spinner-stroke-black: var(--amino-spinner-stroke-black);
+$amino-spinner-track-white: var(--amino-spinner-track-white);
+$amino-spinner-stroke-white: var(--amino-spinner-stroke-white);
+$amino-appbar-height: var(--amino-appbar-height);
+$amino-sidebar-width: var(--amino-sidebar-width);
+$amino-elevation-0: var(--amino-elevation-0);
+$amino-elevation-100: var(--amino-elevation-100);
+$amino-elevation-200: var(--amino-elevation-200);
+$amino-elevation-300: var(--amino-elevation-300);
+$amino-elevation-400: var(--amino-elevation-400);
+$amino-elevation-500: var(--amino-elevation-500);
+$amino-dialog-elevation: var(--amino-dialog-elevation);
+$amino-toast-elevation: var(--amino-toast-elevation);
+$amino-appbar-elevation: var(--amino-appbar-elevation);
+$amino-size-xl: var(--amino-size-xl);
+$amino-size-lg: var(--amino-size-lg);
+$amino-size-md: var(--amino-size-md);
+$amino-size-sm: var(--amino-size-sm);
+$amino-radius-4: var(--amino-radius-4);
+$amino-radius-6: var(--amino-radius-6);
+$amino-radius-8: var(--amino-radius-8);
+$amino-radius-10: var(--amino-radius-10);
+$amino-radius-12: var(--amino-radius-12);
+$amino-font-size-3xl: var(--amino-font-size-3xl);
+$amino-font-size-2xl: var(--amino-font-size-2xl);
+$amino-font-size-xl: var(--amino-font-size-xl);
+$amino-font-size-l: var(--amino-font-size-l);
+$amino-font-size-base-docs: var(--amino-font-size-base-docs);
+$amino-font-size-base: var(--amino-font-size-base);
+$amino-font-size-s: var(--amino-font-size-s);
+$amino-font-size-xs: var(--amino-font-size-xs);
+$amino-line-height-3xl: var(--amino-line-height-3xl);
+$amino-line-height-2xl: var(--amino-line-height-2xl);
+$amino-line-height-xl: var(--amino-line-height-xl);
+$amino-line-height-l: var(--amino-line-height-l);
+$amino-line-height-base: var(--amino-line-height-base);
+$amino-line-height-s: var(--amino-line-height-s);
+$amino-line-height-xs: var(--amino-line-height-xs);
+$amino-font-sans: var(--amino-font-sans);
+$amino-font-mono: var(--amino-font-mono);
+$amino-font-harmonized-codes: var(--amino-font-harmonized-codes);
+$amino-input-background: var(--amino-input-background);