@zonos/amino 5.1.54 → 5.1.55

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/package.json

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