@zonos/amino 5.1.20 → 5.1.22

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

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

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

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

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("./DateControls.js"),i=require("./filterDateReducer.js"),a=require("../useFilterWrapper.js");require("styled-components"),require("./_DateControls/_IsAfter.js"),require("dayjs"),require("./dateUtils.js"),require("../../../styles/constants/theme.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/ChevronUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("./_DateControls/_IsBeforeOrOn.js"),require("./_DateControls/_IsBetween.js"),require("./_DateControls/_IsEqualTo.js"),require("./_DateControls/_IsInTheLast.js"),require("../../select/Select.js"),require("../../select/_StyledReactSelect.js"),require("react-select"),require("../../checkbox/Checkbox.js"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js"),require("./_DateControls/_IsOnOrAfter.js"),require("../../../icons/ArrowRightIcon.js"),require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterDate=function(s){var u=s.dispatch,o=s.dropdownTitle,l=s.filter,c=s.label,p=e.__read(r.useState(l.dateData),2),q=p[0],j=p[1],d=e.__read(r.useState(l.dateRangeType),2),D=d[0],I=d[1],y=function(e){u({name:"dateRangeType",type:"change",value:D}),u({name:"dateData.dateBegin",type:"change",value:e.dateBegin||null}),u({name:"dateData.dateEnd",type:"change",value:e.dateEnd||null}),u({name:"dateData.lastCount",type:"change",value:e.lastCount}),u({name:"dateData.lastUnit",type:"change",value:e.lastUnit})},h=a.useFilterWrapper({dropdownTitle:o,filterExists:!!l.dateData.dateBegin||!!l.dateData.dateEnd,label:c,onApply:function(){y(q),u({name:"isActive",type:"change",value:!0})},onRemove:function(){u({name:"isActive",type:"change",value:!1}),u({name:"dateRangeType",type:"change",value:D}),y(i.initialFilterDateState.dateData),j(i.initialFilterDateState.dateData),I(i.initialFilterDateState.dateRangeType)}}),_=h.renderWrapper,C=h.setFilterText;return r.useEffect((function(){j(q)}),[q,D]),_(t.jsx(n.DateControl,{onChange:j,onChangeFilterText:C,rangeType:D,setRangeType:I,value:q}))};
+"use strict";var e=require("../../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("./DateControls.js"),i=require("./filterDateReducer.js"),a=require("../useFilterWrapper.js");require("styled-components"),require("./_DateControls/_IsAfter.js"),require("dayjs"),require("./dateUtils.js"),require("../../../styles/constants/theme.js"),require("../../input/Input.js"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../input/input-type/_DateInput.js"),require("../../input/input-type/_FloatLabelInput.js"),require("../../../utils/getTestId.js"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../input/input-type/_NumberInput.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/ChevronUpIcon.js"),require("../../input/input-type/_PasswordInput.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("./_DateControls/_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("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/CheckCircleIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js"),require("./_DateControls/_IsOnOrAfter.js"),require("../../../icons/ArrowRightIcon.js"),require("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("uuid"),require("../../button/_Ripple.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");exports.FilterDate=function(s){var u=s.dispatch,o=s.dropdownTitle,l=s.filter,c=s.label,p=e.__read(r.useState(l.dateData),2),q=p[0],j=p[1],d=e.__read(r.useState(l.dateRangeType),2),D=d[0],I=d[1],y=function(e){u({name:"dateRangeType",type:"change",value:D}),u({name:"dateData.dateBegin",type:"change",value:e.dateBegin||null}),u({name:"dateData.dateEnd",type:"change",value:e.dateEnd||null}),u({name:"dateData.lastCount",type:"change",value:e.lastCount}),u({name:"dateData.lastUnit",type:"change",value:e.lastUnit})},_=a.useFilterWrapper({dropdownTitle:o,filterExists:!!l.dateData.dateBegin||!!l.dateData.dateEnd,label:c,onApply:function(){y(q),u({name:"isActive",type:"change",value:!0})},onRemove:function(){u({name:"isActive",type:"change",value:!1}),u({name:"dateRangeType",type:"change",value:D}),y(i.initialFilterDateState.dateData),j(i.initialFilterDateState.dateData),I(i.initialFilterDateState.dateRangeType)}}),h=_.renderWrapper,C=_.setFilterText;return h(t.jsx(n.DateControl,{onChange:j,onChangeFilterText:C,rangeType:D,setRangeType:I,value:q}))};

package/components/filter/filter-date/_DateControls/_IsBefore.d.ts

@@ -0,0 +1,2 @@
+import { type _DateControlProps } from "../dateUtils";
+export declare const IsBefore: ({ onChange, onChangeFilterText, value, }: _DateControlProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var s=i(r);exports.IsBefore=function(r){var i=r.onChange,o=r.onChangeFilterText,a=r.value,c=t.useMemo((function(){return a.dateEnd||s.default().format(n.defaultDateFormat)}),[a]),p=t.useCallback((function(e){i({dateBegin:null,dateEnd:e,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){o("Before ".concat(n.formatDate(c)))}),[c,o]),t.useEffect((function(){p(c)}),[c,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:c})})};

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var i=s(r);exports.IsBeforeOrOn=function(r){var s=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateEnd||i.default().format(n.defaultDateFormat)}),[o]),l=i.default(c).subtract(1,"days").format(n.defaultDateFormat),p=t.useCallback((function(e){s({dateBegin:null,dateEnd:i.default(e).add(1,"days").format(n.defaultDateFormat),lastCount:5,lastUnit:"days"})}),[s]);return t.useEffect((function(){var e="Ending on ".concat(n.formatDate(l));a(e)}),[l,a]),t.useEffect((function(){p(c)}),[c,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:l})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var i=s(r);exports.IsBeforeOrOn=function(r){var s=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateEnd||i.default().format(n.defaultDateFormat)}),[o]),l=i.default(c).subtract(1,"days").format(n.defaultDateFormat),p=t.useCallback((function(e){s({dateBegin:null,dateEnd:i.default(e).add(1,"days").format(n.defaultDateFormat),lastCount:5,lastUnit:"days"})}),[s]);return t.useEffect((function(){var e="Ending on ".concat(n.formatDate(l));a(e)}),[l,a]),t.useEffect((function(){p(l)}),[l,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:l})})};

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var s=i(r);exports.IsOnOrAfter=function(r){var i=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateBegin||s.default().format(n.defaultDateFormat)}),[o]),l=s.default(c).add(1,"days").format(n.defaultDateFormat),p=t.useCallback((function(e){i({dateBegin:s.default(e).subtract(1,"days").format(n.defaultDateFormat),dateEnd:null,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){var e="Starting from ".concat(n.formatDate(l));a(e)}),[l,a]),t.useEffect((function(){p(c)}),[c,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:l})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../input/input-type/_DateInput.js"),require("../../../input/input-type/_FloatLabelInput.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/CalendarIcon.js"),require("../../../../icons/icon-base/_IconBase.js"),require("../../../input/input-type/_NumberInput.js"),require("../../../../icons/ChevronDownIcon.js"),require("../../../../icons/ChevronUpIcon.js"),require("../../../input/input-type/_PasswordInput.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var s=i(r);exports.IsOnOrAfter=function(r){var i=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateBegin||s.default().format(n.defaultDateFormat)}),[o]),l=s.default(c).add(1,"days").format(n.defaultDateFormat),p=t.useCallback((function(e){i({dateBegin:s.default(e).subtract(1,"days").format(n.defaultDateFormat),dateEnd:null,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){var e="Starting from ".concat(n.formatDate(l));a(e)}),[l,a]),t.useEffect((function(){p(l)}),[l,p]),e.jsx(n.DateControlsWrapper,{children:e.jsx(u.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:l})})};

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

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

package/components/filter/useFilterWrapper.js

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

package/components/input/Input.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("styled-components"),i=require("../help-text/HelpText.js"),a=require("./input-type/_DateInput.js"),t=require("./input-type/_FloatLabelInput.js"),s=require("./input-type/_NumberInput.js"),u=require("./input-type/_PasswordInput.js"),o=require("./input-type/_TimeInput.js"),l=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/ClockIcon.js");var p,c,x=d(n),f=x.default.div(p||(p=e.__makeTemplateObject(["\n  border-radius: ",";\n  border: ",";\n  &:hover {\n    border: 1px solid ",";\n  }\n"],["\n  border-radius: ",";\n  border: ",";\n  &:hover {\n    border: 1px solid ",";\n  }\n"])),l.theme.radius6,l.theme.border,l.theme.gray300),b=x.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n  width: ",";\n\n  & > div {\n    flex-direction: row;\n    align-items: center;\n    display: flex;\n  }\n\n  &.disabled {\n    opacity: 0.4;\n  }\n"],["\n  position: relative;\n  width: ",";\n\n  & > div {\n    flex-direction: row;\n    align-items: center;\n    display: flex;\n  }\n\n  &.disabled {\n    opacity: 0.4;\n  }\n"])),(function(e){return e.width?"".concat(e.width,"px"):"100%"}));exports.Input=function(n){var l=n.autoFocus,d=n.className,p=n.disabled,c=n.error,x=n.helpText,h=n.inputMode,y=n.inputPrefix,j=n.inputSuffix,m=n.label,q=n.onChange,v=n.onKeyDown,I=n.pattern,_=n.placeholder,w=n.prefix,g=n.readOnly,C=n.required,P=n.size,T=n.suffix,D=n.tabIndex,N=n.type,O=n.value,F=n.valuePrefix,M=n.width,z=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputPrefix","inputSuffix","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs(b,{className:"amino-input-wrapper ".concat(p?"disabled":""),width:M,children:[r.jsx(f,{children:function(){switch(N){case"password":return r.jsx(u.PasswordInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,value:O||"",valuePrefix:F},z));case"date":case"datetime-local":return r.jsx(a.DateInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,type:N,value:O||"",valuePrefix:F},z));case"number":return r.jsx(s.NumberInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:P,suffix:null===T?null:T||j,tabIndex:D,value:O||"",valuePrefix:F},z));case"time":return r.jsx(o.TimeInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,value:O||"",valuePrefix:F},z));default:return r.jsx(t.FloatLabelInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:q,onKeyDown:v,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:P,suffix:T||j,tabIndex:D,type:N,value:O||"",valuePrefix:F},z))}}()}),r.jsx(i.HelpText,{error:c,helpText:x})]})};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),n=require("styled-components"),i=require("../help-text/HelpText.js"),a=require("./input-type/_DateInput.js"),t=require("./input-type/_FloatLabelInput.js"),s=require("./input-type/_NumberInput.js"),u=require("./input-type/_PasswordInput.js"),o=require("./input-type/_TimeInput.js"),l=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/ClockIcon.js");var p,c,x=d(n),f=x.default.div(p||(p=e.__makeTemplateObject(["\n  border-radius: ",";\n  border: ",";\n  &:hover {\n    border: 1px solid ",";\n  }\n"],["\n  border-radius: ",";\n  border: ",";\n  &:hover {\n    border: 1px solid ",";\n  }\n"])),l.theme.radius6,l.theme.border,l.theme.gray300),b=x.default.div(c||(c=e.__makeTemplateObject(["\n  position: relative;\n  width: ",";\n\n  & > div {\n    flex-direction: row;\n    align-items: center;\n    display: flex;\n  }\n\n  &.disabled {\n    opacity: 0.4;\n  }\n"],["\n  position: relative;\n  width: ",";\n\n  & > div {\n    flex-direction: row;\n    align-items: center;\n    display: flex;\n  }\n\n  &.disabled {\n    opacity: 0.4;\n  }\n"])),(function(e){return e.width?"".concat(e.width,"px"):"100%"}));exports.Input=function(n){var l=n.autoFocus,d=n.className,p=n.disabled,c=n.error,x=n.helpText,h=n.inputMode,y=n.inputPrefix,j=n.inputSuffix,m=n.label,v=n.onChange,q=n.onKeyDown,I=n.pattern,_=n.placeholder,w=n.prefix,g=n.readOnly,C=n.required,P=n.size,T=void 0===P?"xl":P,D=n.suffix,N=n.tabIndex,O=n.type,F=n.value,M=n.valuePrefix,z=n.width,K=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputPrefix","inputSuffix","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs(b,{className:"amino-input-wrapper ".concat(p?"disabled":""),width:z,children:[r.jsx(f,{children:function(){switch(O){case"password":return r.jsx(u.PasswordInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:v,onKeyDown:q,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:T,suffix:D||j,tabIndex:N,value:F||"",valuePrefix:M},K));case"date":case"datetime-local":return r.jsx(a.DateInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:v,onKeyDown:q,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:T,suffix:D||j,tabIndex:N,type:O,value:F||"",valuePrefix:M},K));case"number":return r.jsx(s.NumberInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:v,onKeyDown:q,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:T,suffix:null===D?null:D||j,tabIndex:N,value:F||"",valuePrefix:M},K));case"time":return r.jsx(o.TimeInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:v,onKeyDown:q,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:T,suffix:D||j,tabIndex:N,value:F||"",valuePrefix:M},K));default:return r.jsx(t.FloatLabelInput,e.__assign({autoFocus:l,className:d,disabled:p,error:c,inputMode:h,label:m,onChange:v,onKeyDown:q,pattern:I,placeholder:_,prefix:w||y,readOnly:g,required:C,size:T,suffix:D||j,tabIndex:N,type:O,value:F||"",valuePrefix:M},K))}}()}),r.jsx(i.HelpText,{error:c,helpText:x})]})};

package/components/input/input-type/_FloatLabelInput.d.ts

@@ -22,6 +22,9 @@ type FloatLabelInputType = {
     readOnly?: boolean;
     /** Determines if the input is required for form validation */
     required?: boolean;
+    /**
+     * @default 'xl'
+     */
     size?: Size;
     /** A short string displayed at the end of the input. Set to `null` to disable */
     suffix?: ReactNode;
@@ -53,6 +56,9 @@ export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<
     readOnly?: boolean | undefined;
     /** Determines if the input is required for form validation */
     required?: boolean | undefined;
+    /**
+     * @default 'xl'
+     */
     size?: Size | undefined;
     /** A short string displayed at the end of the input. Set to `null` to disable */
     suffix?: ReactNode;

package/components/input/input-type/_NumberInput.d.ts

@@ -1,2 +1,2 @@
 import { type FloatLabelInputProps } from "./_FloatLabelInput";
-export declare const NumberInput: ({ autoFocus, className, disabled, error, inputMode, label, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, suffix, tabIndex, value, ...props }: FloatLabelInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NumberInput: ({ className, label, size, suffix, ...props }: FloatLabelInputProps) => import("react/jsx-runtime").JSX.Element;

package/components/input/input-type/_NumberInput.js

@@ -1 +1 @@
-"use strict";var n=require("../../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("./_FloatLabelInput.js"),a=require("../../../icons/ChevronDownIcon.js"),o=require("../../../icons/ChevronUpIcon.js"),u=require("../../../styles/constants/theme.js");function s(n){return n&&n.__esModule?n:{default:n}}require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var l,d,c,p,b=s(r),f=b.default.div(l||(l=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"],["\n  position: relative;\n  width: 100%;\n"]))),v=b.default.div(d||(d=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"]))),h=b.default.button(c||(c=n.__makeTemplateObject(["\n  padding: ",";\n  border-radius: ",";\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"],["\n  padding: ",";\n  border-radius: ",";\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"])),u.theme.radius4,u.theme.radius4,u.theme.transition),x=b.default(i.FloatLabelInput)(p||(p=n.__makeTemplateObject(["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n    }\n  }\n"],["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n    }\n  }\n"])),u.theme.space40);exports.NumberInput=function(r){var i=r.autoFocus,u=r.className,s=r.disabled,l=r.error,d=r.inputMode,c=r.label,p=r.onChange,b=r.onKeyDown,m=r.pattern,j=r.placeholder,g=r.prefix,_=r.readOnly,k=r.required,w=r.suffix,y=r.tabIndex,q=r.value,I=n.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),C=t.useRef(null);return e.jsx(f,{className:u,children:e.jsx(x,n.__assign({ref:C,"aria-label":c,autoFocus:i,disabled:s,error:l,inputMode:d,label:c,onChange:p,onKeyDown:b,pattern:m,placeholder:j,prefix:g,readOnly:_,required:k,suffix:null===w?null:w||e.jsxs(v,{children:[e.jsx(h,{onClick:function(){var n,e;null===(n=C.current)||void 0===n||n.stepUp(),null===(e=C.current)||void 0===e||e.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:e.jsx(o.ChevronUpIcon,{size:16})}),e.jsx(h,{onClick:function(){var n,e;null===(n=C.current)||void 0===n||n.stepDown(),null===(e=C.current)||void 0===e||e.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:e.jsx(a.ChevronDownIcon,{size:16})})]}),tabIndex:y,type:"number",value:q},I))})};
+"use strict";var n=require("../../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),r=require("./_FloatLabelInput.js"),a=require("../../../icons/ChevronDownIcon.js"),s=require("../../../icons/ChevronUpIcon.js"),u=require("../../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var l,c,d,p,b=o(i),f=b.default.div(l||(l=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n"],["\n  position: relative;\n  width: 100%;\n"]))),v=b.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  height: ",";\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  height: ",";\n"])),(function(n){return"calc(var(--amino-size-".concat(n.$size,") - 2px)")})),h=b.default.button(d||(d=n.__makeTemplateObject(["\n  padding: ",";\n  border-radius: ",";\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"],["\n  padding: ",";\n  border-radius: ",";\n  transition: ",";\n\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  &:active {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  &:focus {\n    outline: none;\n  }\n"])),u.theme.radius4,u.theme.radius4,u.theme.transition),m=b.default(r.FloatLabelInput)(p||(p=n.__makeTemplateObject(["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n    }\n  }\n"],["\n  && input {\n    padding-right: ",";\n    appearance: textfield;\n\n    &::-webkit-inner-spin-button,\n    &::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n    }\n  }\n"])),u.theme.space40),j=function(n){switch(n){case"sm":return 10;case"md":return 12;case"lg":return 14;default:return 16}};exports.NumberInput=function(i){var r=i.className,u=i.label,o=i.size,l=void 0===o?"xl":o,c=i.suffix,d=n.__rest(i,["className","label","size","suffix"]),p=t.useRef(null);return e.jsx(f,{className:r,children:e.jsx(m,n.__assign({},d,{ref:p,"aria-label":u,label:u,size:l,suffix:null===c?null:c||e.jsxs(v,{$size:l,children:[e.jsx(h,{onClick:function(){var n,e;null===(n=p.current)||void 0===n||n.stepUp(),null===(e=p.current)||void 0===e||e.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:e.jsx(s.ChevronUpIcon,{size:j(l)})}),e.jsx(h,{onClick:function(){var n,e;null===(n=p.current)||void 0===n||n.stepDown(),null===(e=p.current)||void 0===e||e.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:e.jsx(a.ChevronDownIcon,{size:j(l)})})]}),type:"number"}))})};

package/icons/PaletteIcon.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),c=require("./icon-base/_IconBase.js");require("../styles/constants/theme.js");var s=r.forwardRef((function(r,s){var l=r.className,a=r.color,o=r.size;return e.jsxs(c.IconBase,{ref:s,className:l,color:a,size:o,viewBox:"0 0 16 16",children:[e.jsx("path",{d:"M5 12.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z",fill:"currentColor"}),e.jsx("path",{clipRule:"evenodd",d:"M0 2.75A2.75 2.75 0 0 1 2.75 0h4.5c.857 0 1.623.392 2.127 1.007.193-.027.459-.053.754-.05.559.003 1.444.106 2.043.744l3.08 3.273a2.75 2.75 0 0 1-.038 3.809l-2.93 2.992a.75.75 0 1 1-1.072-1.05l2.93-2.992a1.25 1.25 0 0 0 .018-1.73l-3.08-3.275c-.156-.165-.49-.269-.961-.272-.046 0-.092 0-.136.002.01.096.015.193.015.292v10.5A2.75 2.75 0 0 1 7.25 16h-4.5A2.75 2.75 0 0 1 0 13.25V2.75ZM2.75 1.5c-.69 0-1.25.56-1.25 1.25v10.5c0 .69.56 1.25 1.25 1.25h4.5c.69 0 1.25-.56 1.25-1.25V2.75c0-.69-.56-1.25-1.25-1.25h-4.5Z",fill:"currentColor",fillRule:"evenodd"})]})}));exports.PaletteIcon=s;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),c=require("./icon-base/_IconBase.js");require("../styles/constants/theme.js");var s=r.forwardRef((function(r,s){var l=r.className,a=r.color,o=r.size;return e.jsxs(c.IconBase,{ref:s,className:l,color:a,size:o,viewBox:"0 0 24 24",children:[e.jsx("path",{d:"M9 16.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z",fill:"currentColor"}),e.jsx("path",{clipRule:"evenodd",d:"M4 6.75A2.75 2.75 0 0 1 6.75 4h4.5c.857 0 1.623.392 2.127 1.007.193-.027.458-.053.754-.05.559.003 1.444.106 2.043.744l3.08 3.273a2.75 2.75 0 0 1-.038 3.809l-2.93 2.992a.75.75 0 1 1-1.072-1.05l2.93-2.992a1.25 1.25 0 0 0 .018-1.73l-3.08-3.275c-.156-.165-.49-.269-.961-.272-.046 0-.092 0-.136.002.01.096.015.193.015.292v10.5A2.75 2.75 0 0 1 11.25 20h-4.5A2.75 2.75 0 0 1 4 17.25V6.75ZM6.75 5.5c-.69 0-1.25.56-1.25 1.25v10.5c0 .69.56 1.25 1.25 1.25h4.5c.69 0 1.25-.56 1.25-1.25V6.75c0-.69-.56-1.25-1.25-1.25h-4.5Z",fill:"currentColor",fillRule:"evenodd"})]})}));exports.PaletteIcon=s;

package/package.json

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

package/styles/constants/theme.d.ts

@@ -1,5 +1,5 @@
 export declare const theme: {
-    /** @info all 0.2s ease-in-out 0s */
+    /** @info all 0.2s ease-in-out 0s, visibility 0 */
     readonly transition: "var(--amino-transition)";
     /** @info 16px */
     readonly typeScaleBase: "var(--amino-type-scale-base)";

package/theme.css

@@ -1,7 +1,7 @@
 :root,
 [data-theme='day'] {
   color-scheme: light;
-  --amino-transition: all 0.2s ease-in-out 0s;
+  --amino-transition: all 0.2s ease-in-out 0s, visibility 0;
   --amino-type-scale-base: 16px;
   --amino-glass-0: #10111600;
   --amino-glass-50: #1011160a;