@zonos/amino 5.1.35 → 5.1.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/filter/filter-amount/FilterAmount.js +1 -1
- package/components/filter/filter-date/DateControls.js +1 -1
- package/components/filter/filter-date/FilterDate.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsAfter.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsBefore.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsBeforeOrOn.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsBetween.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsEqualTo.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsInTheLast.js +1 -1
- package/components/filter/filter-date/_DateControls/_IsOnOrAfter.js +1 -1
- package/components/filter/filter-text/FilterText.js +1 -1
- package/components/filter/useFilterWrapper.js +1 -1
- package/components/input/Input.js +1 -1
- package/components/input/input-type/_FloatLabelInput.js +1 -1
- package/components/input/input-type/_NumberInput.js +1 -1
- package/components/select/CountryPhoneSelect.js +1 -1
- package/package.json +1 -1
- package/styles/constants/theme.d.ts +1 -1
- package/theme.css +2 -2
|
@@ -1 +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"),
|
|
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"),c=require("../../../styles/constants/theme.js");function l(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=l(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 & .ArrowRightIcon {\n margin-right: ",";\n }\n"],["\n display: flex;\n align-items: center;\n gap: ",";\n\n svg {\n min-width: 24px;\n }\n\n & .ArrowRightIcon {\n margin-right: ",";\n }\n"])),c.theme.space8,c.theme.space16);exports.FilterAmount=function(r){var c=r.dispatch,l=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],I=g[1],y=e.__read(t.useState(p.amountTotalMax),2),f=y[0],b=y[1],x=e.__read(t.useState(!1),2),_=x[0],A=x[1],C=function(e){c({name:"amountFilterType",type:"change",value:e})},w=function(e){c({name:"amountTotalMin",type:"change",value:e.amount1}),c({name:"amountTotalMax",type:"change",value:e.amount2})};return(0,u.useFilterWrapper({dropdownTitle:l,filterExists:p.isActive,label:q,onApply:function(e){C(d);var n="".concat((null==v?void 0:v.toFixed(2))||0)||"",t="".concat((null==f?void 0:f.toFixed(2))||0)||"";switch(d){case"between":w({amount1:v,amount2:f}),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))}c({name:"isActive",type:"change",value:!0})},onRemove:function(){c({name:"isActive",type:"change",value:!1}),C(i.initialFilterAmountState.amountFilterType),w({amount1:null,amount2:null}),h(i.initialFilterAmountState.amountFilterType),I(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 A(!1)},onMenuOpen:function(){return A(!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:"ArrowRightIcon",color:"blue600",size:24}),n.jsx(o.Input,{onChange:function(e){return I(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===f?"":String(f)})]})]})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"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/
|
|
1
|
+
"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/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("lodash/cloneDeep"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),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");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,d=e.__read(n.useState(!1),2),v=d[0],T=d[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&&v&&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:_})}}()]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-ccfac372.js"),
|
|
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}))};
|
|
@@ -1 +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/
|
|
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/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");var s=i(r);exports.IsAfter=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]),p=t.useCallback((function(e){i({dateBegin:e,dateEnd:null,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){a("After ".concat(n.formatDate(c)))}),[c,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:c})})};
|
|
@@ -1 +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/
|
|
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/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");var s=i(r);exports.IsBefore=function(r){var i=r.onChange,a=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateEnd||s.default().format(n.defaultDateFormat)}),[o]),p=t.useCallback((function(e){i({dateBegin:null,dateEnd:e,lastCount:5,lastUnit:"days"})}),[i]);return t.useEffect((function(){a("Before ".concat(n.formatDate(c)))}),[c,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:c})})};
|
|
@@ -1 +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/
|
|
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/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");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})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("dayjs"),r=require("../dateUtils.js"),n=require("../../../input/Input.js"),u=require("../../../text/Text.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("../../../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/
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("dayjs"),r=require("../dateUtils.js"),n=require("../../../input/Input.js"),u=require("../../../text/Text.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("../../../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");var i=s(a);exports.IsBetween=function(a){var s=a.onChange,d=a.onChangeFilterText,o=a.value,l=t.useMemo((function(){return{dateBegin:o.dateBegin||i.default().subtract(1,"days").format(r.defaultDateFormat),dateEnd:o.dateEnd||i.default().add(1,"days").format(r.defaultDateFormat)}}),[o]),c=l.dateBegin,f=l.dateEnd,p=i.default(f).subtract(1,"days").format(r.defaultDateFormat),j=i.default(c).add(1,"days").format(r.defaultDateFormat);return t.useEffect((function(){var e="".concat(r.formatDate(j)," - ").concat(r.formatDate(p));d(e)}),[d,p,j]),t.useEffect((function(){s({dateBegin:c,dateEnd:f,lastCount:5,lastUnit:"days"})}),[f,c,s]),e.jsxs(r.DateControlsWrapper,{children:[e.jsx(n.Input,{onChange:function(e){return t=e.target.value,void s({dateBegin:i.default(t).subtract(1,"days").format(r.defaultDateFormat),dateEnd:f,lastCount:5,lastUnit:"days"});var t},size:"sm",type:"date",value:j}),e.jsx(u.Text,{type:"label",children:"and"}),e.jsx(n.Input,{onChange:function(e){return t=e.target.value,void s({dateBegin:c,dateEnd:i.default(t).add(1,"days").format(r.defaultDateFormat),lastCount:5,lastUnit:"days"});var t},size:"sm",type:"date",value:p})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),u=require("../dateUtils.js"),n=require("../../../input/Input.js");function a(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/
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),u=require("../dateUtils.js"),n=require("../../../input/Input.js");function a(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/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");var s=a(r);exports.IsEqualTo=function(r){var a=r.onChange,i=r.onChangeFilterText,o=r.value,c=t.useMemo((function(){return o.dateBegin||s.default().format(u.defaultDateFormat)}),[o]),l=s.default(c).add(1,"days").format(u.defaultDateFormat),p=t.useCallback((function(e){a({dateBegin:s.default(e).subtract(1,"days").format(u.defaultDateFormat),dateEnd:s.default(e).add(1,"days").format(u.defaultDateFormat),lastCount:5,lastUnit:"days"})}),[a]);return t.useEffect((function(){i("On ".concat(u.formatDate(l)))}),[l,i]),t.useEffect((function(){p(l)}),[l,p]),e.jsx(u.DateControlsWrapper,{children:e.jsx(n.Input,{onChange:function(e){return p(e.target.value)},size:"sm",type:"date",value:l})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../filterDateReducer.js"),i=require("../../../input/Input.js"),s=require("../../../select/Select.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("lodash/cloneDeep"),require("../../../../utils/changeDeepProperty.js"),require("lodash/set"),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/
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../dateUtils.js"),u=require("../filterDateReducer.js"),i=require("../../../input/Input.js"),s=require("../../../select/Select.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../../../_tslib-ccfac372.js"),require("styled-components"),require("../../../../styles/constants/theme.js"),require("lodash/cloneDeep"),require("../../../../utils/changeDeepProperty.js"),require("lodash/set"),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("../../../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");var o=a(r),c=u.dateUnits.map((function(e){return{label:e,value:e}}));exports.IsInTheLast=function(r){var u=r.onChange,a=r.onChangeFilterText,l=r.value,q=t.useMemo((function(){return{count:l.lastCount,unit:l.lastUnit}}),[l]),p=q.count,j=q.unit,f=t.useCallback((function(e){var t=o.default().subtract(p,e).format(n.defaultDateFormat);u({dateBegin:t,dateEnd:null,lastCount:p,lastUnit:e})}),[p,u]),d=t.useCallback((function(e){var t=o.default().subtract(e,j).format(n.defaultDateFormat);u({dateBegin:t,dateEnd:null,lastCount:e,lastUnit:j})}),[u,j]);return t.useEffect((function(){var e=o.default().subtract(p,j).format(n.defaultDateFormat);u({dateBegin:e,dateEnd:null,lastCount:p,lastUnit:j})}),[p,u,j]),t.useEffect((function(){var e="Last ".concat(p," ").concat(j);a(e)}),[j,p,a]),e.jsxs(n.DateControlsWrapper,{children:[e.jsx(i.Input,{min:1,onChange:function(e){return d(parseFloat(e.target.value))},size:"sm",suffix:e.jsx(e.Fragment,{}),type:"number",value:String(p)}),e.jsx(s.Select,{isClearable:!1,onChange:function(e){f((null==e?void 0:e.value)||"days")},options:c,size:"sm",value:c.filter((function(e){return e.value===j}))})]})};
|
|
@@ -1 +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/
|
|
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/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");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})})};
|
|
@@ -1 +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/
|
|
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}))};
|
|
@@ -1 +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"),
|
|
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 &: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.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)},W=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:W,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}};
|
|
@@ -1 +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/
|
|
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/CaretDownIcon.js"),require("../../icons/CaretUpIcon.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=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:q,onKeyDown:v,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:q,onKeyDown:v,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:q,onKeyDown:v,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:q,onKeyDown:v,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:q,onKeyDown:v,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})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var n=require("../../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),o=require("../../../styles/constants/theme.js"),r=require("../../../utils/getTestId.js");function i(n){return n&&n.__esModule?n:{default:n}}var l,s,
|
|
1
|
+
"use strict";var n=require("../../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),a=require("styled-components"),o=require("../../../styles/constants/theme.js"),r=require("../../../utils/getTestId.js");function i(n){return n&&n.__esModule?n:{default:n}}var l,d,s,p,c,u,f,h=i(a),b=h.default.label(l||(l=n.__makeTemplateObject(["\n display: block;\n max-height: 0;\n pointer-events: none;\n order: 1;\n &::before {\n content: attr(data-label);\n color: ",";\n position: absolute;\n font-size: ",";\n line-height: ",";\n display: inline-block;\n filter: blur(0);\n transform-origin: left top;\n transition: ",";\n margin-left: ",";\n top: calc(50% - "," / 2);\n z-index: 1;\n }\n &::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n /** disabled state */\n .disabled & {\n pointer-events: inherit;\n ::after {\n cursor: not-allowed;\n z-index: 1;\n }\n }\n"],["\n display: block;\n max-height: 0;\n pointer-events: none;\n order: 1;\n &::before {\n content: attr(data-label);\n color: ",";\n position: absolute;\n font-size: ",";\n line-height: ",";\n display: inline-block;\n filter: blur(0);\n transform-origin: left top;\n transition: ",";\n margin-left: ",";\n top: calc(50% - "," / 2);\n z-index: 1;\n }\n &::after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n /** disabled state */\n .disabled & {\n pointer-events: inherit;\n ::after {\n cursor: not-allowed;\n z-index: 1;\n }\n }\n"])),o.theme.gray800,o.theme.fontSizeBase,o.theme.fontSizeBase,o.theme.transition,o.theme.space16,o.theme.fontSizeBase,o.theme.radius6),m=h.default.div(d||(d=n.__makeTemplateObject(["\n font-size: ",";\n line-height: ",";\n font-weight: 500;\n background: transparent;\n padding: 0 6px;\n font-weight: 700;\n flex-basis: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n"],["\n font-size: ",";\n line-height: ",";\n font-weight: 500;\n background: transparent;\n padding: 0 6px;\n font-weight: 700;\n flex-basis: 50px;\n display: flex;\n justify-content: center;\n align-items: center;\n"])),o.theme.fontSizeS,o.theme.fontSizeS),g=h.default(m)(s||(s=n.__makeTemplateObject(["\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n"],["\n border-top-left-radius: ",";\n border-bottom-left-radius: ",";\n"])),o.theme.radius6,o.theme.radius6),x=h.default(m)(p||(p=n.__makeTemplateObject(["\n order: 3;\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n"],["\n order: 3;\n border-top-right-radius: ",";\n border-bottom-right-radius: ",";\n"])),o.theme.radius6,o.theme.radius6),y=h.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n order: 2;\n align-items: flex-end;\n padding-left: ",";\n padding-right: ",";\n padding-bottom: calc(",");\n color: ",";\n white-space: nowrap;\n"],["\n display: flex;\n order: 2;\n align-items: flex-end;\n padding-left: ",";\n padding-right: ",";\n padding-bottom: calc(",");\n color: ",";\n white-space: nowrap;\n"])),o.theme.space16,o.theme.space4,o.theme.space8,o.theme.gray800),w=h.default.input(u||(u=n.__makeTemplateObject(["\n height: ",";\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n outline: none;\n transition: ",";\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n order: 2;\n font-weight: 500;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n &.has-input-prefix {\n padding-left: 0;\n & + ","::before {\n margin-left: 0;\n }\n }\n }\n &:not(.has-label) {\n ::placeholder {\n opacity: 0.6;\n }\n }\n\n &.has-value-prefix {\n padding-left: 8px;\n }\n\n ::placeholder {\n transition: ",";\n opacity: 0;\n }\n\n :focus {\n outline: none;\n & + ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error + ","::after {\n box-shadow: ",";\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + ","::before {\n top: 11px;\n transform: scale(0.8);\n }\n }\n\n &:-webkit-autofill,\n &:-moz-autofill {\n background-color: ",";\n color: ",";\n }\n"],["\n height: ",";\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n outline: none;\n transition: ",";\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n order: 2;\n font-weight: 500;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n padding: "," 4px "," ",";\n &.has-input-prefix {\n padding-left: 0;\n & + ","::before {\n margin-left: 0;\n }\n }\n }\n &:not(.has-label) {\n ::placeholder {\n opacity: 0.6;\n }\n }\n\n &.has-value-prefix {\n padding-left: 8px;\n }\n\n ::placeholder {\n transition: ",";\n opacity: 0;\n }\n\n :focus {\n outline: none;\n & + ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error + ","::after {\n box-shadow: ",";\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + ","::before {\n top: 11px;\n transform: scale(0.8);\n }\n }\n\n &:-webkit-autofill,\n &:-moz-autofill {\n background-color: ",";\n color: ",";\n }\n"])),(function(n){return"calc(var(--amino-size-".concat(n.$size,") - 2px)")}),o.theme.space16,o.theme.transition,o.theme.radius6,o.theme.inputBackground,o.theme.radius6,o.theme.radius6,o.theme.space16,o.theme.space8,o.theme.space16,b,o.theme.transition,b,o.theme.glowBlue,b,o.theme.glowError,b,o.theme.inputBackground,o.theme.textColor),k=h.default.div(f||(f=n.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: row;\n width: 100%;\n background: ",";\n border-radius: ",";\n\n &.sm ",".has-label {\n padding-top: 13px;\n padding-bottom: 0;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 2px;\n }\n }\n }\n\n &.md ",".has-label {\n padding-top: 20px;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 6px;\n }\n }\n }\n\n &.lg ",".has-label {\n &:focus,\n &.has-content {\n & + ","::before {\n top: 10px;\n }\n }\n }\n &.xl ",".has-label {\n padding-bottom: 2px;\n }\n"],["\n position: relative;\n display: flex;\n flex-direction: row;\n width: 100%;\n background: ",";\n border-radius: ",";\n\n &.sm ",".has-label {\n padding-top: 13px;\n padding-bottom: 0;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 2px;\n }\n }\n }\n\n &.md ",".has-label {\n padding-top: 20px;\n &:focus,\n &.has-content {\n & + ","::before {\n top: 6px;\n }\n }\n }\n\n &.lg ",".has-label {\n &:focus,\n &.has-content {\n & + ","::before {\n top: 10px;\n }\n }\n }\n &.xl ",".has-label {\n padding-bottom: 2px;\n }\n"])),o.theme.inputBackground,o.theme.radius6,w,b,w,b,w,b,w),v=t.forwardRef((function(a,o){var i=a.autoFocus,l=a.className,d=a.disabled,s=a.error,p=a.inputMode,c=a.label,u=a.onChange,f=a.onKeyDown,h=a.pattern,m=a.placeholder,v=a.prefix,z=a.readOnly,_=a.required,j=a.size,O=void 0===j?"xl":j,q=a.suffix,T=a.tabIndex,S=a.type,B=a.value,I=a.valuePrefix,M=n.__rest(a,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),N=t.useMemo((function(){return r.getTestId({componentName:"input",name:c})}),[c]),P=!!v||!!I,C=!!B||!!I;return e.jsxs(k,{className:"".concat(l||""," ").concat(O),children:[v&&e.jsx(g,{children:v}),I&&e.jsx(y,{children:I}),e.jsx(w,n.__assign({ref:o,$size:O,"aria-label":c,autoFocus:i,className:[s?"has-error":"",c?"has-label":"",C?"has-content":"",v?"has-input-prefix":"",I?"has-value-prefix":""].join(" "),"data-testid":N,disabled:d,hasPrefix:!!v,hasSuffix:!!q,inputMode:p,onChange:u,onKeyDown:f,pattern:h,placeholder:m,readOnly:z,required:_,tabIndex:T,type:S||"text",value:B||""},M)),e.jsx(b,{"data-label":c,hasPrefix:P}),q&&e.jsx(x,{children:q})]})}));exports.FloatLabelInput=v,exports.InputValuePrefix=y;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"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/
|
|
1
|
+
"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/CaretDownIcon.js"),s=require("../../../icons/CaretUpIcon.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 c,l,d,p,b=o(i),f=b.default.div(c||(c=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n"],["\n position: relative;\n width: 100%;\n"]))),m=b.default.div(l||(l=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.space0,u.theme.space4,u.theme.radius4,u.theme.transition),v=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 14;case"md":return 16;case"lg":return 18;default:return 20}};exports.NumberInput=function(i){var r=i.className,u=i.label,o=i.size,c=void 0===o?"xl":o,l=i.suffix,d=n.__rest(i,["className","label","size","suffix"]),p=t.useRef(null);return e.jsx(f,{className:r,children:e.jsx(v,n.__assign({},d,{ref:p,"aria-label":u,label:u,size:c,suffix:null===l?null:l||e.jsxs(m,{$size:c,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.CaretUpIcon,{size:j(c)})}),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.CaretDownIcon,{size:j(c)})})]}),type:"number"}))})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("react-select"),i=require("styled-components"),o=require("../input/Input.js"),s=require("../input/input-type/_FloatLabelInput.js"),u=require("./Select.js"),c=require("../../icons/ChevronDownIcon.js"),l=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../help-text/HelpText.js"),require("../text/Text.js"),require("../input/input-type/_DateInput.js"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../input/input-type/_NumberInput.js"),require("../../icons/
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("react-select"),i=require("styled-components"),o=require("../input/Input.js"),s=require("../input/input-type/_FloatLabelInput.js"),u=require("./Select.js"),c=require("../../icons/ChevronDownIcon.js"),l=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../help-text/HelpText.js"),require("../text/Text.js"),require("../input/input-type/_DateInput.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("../../utils/getTestId.js"),require("./_StyledReactSelect.js"),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");var p,d,j,x,f=a(i),m=f.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"]))),q=f.default.div(d||(d=e.__makeTemplateObject(["\n margin-left: 4px;\n color: ",";\n"],["\n margin-left: 4px;\n color: ",";\n"])),l.theme.gray700),h=f.default.div(j||(j=e.__makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n\n svg {\n border-radius: 2px;\n\n &:last-child {\n z-index: 1;\n position: absolute;\n top: -2px;\n left: 20px;\n }\n }\n"],["\n position: relative;\n display: flex;\n align-items: center;\n\n svg {\n border-radius: 2px;\n\n &:last-child {\n z-index: 1;\n position: absolute;\n top: -2px;\n left: 20px;\n }\n }\n"]))),v=f.default.div(x||(x=e.__makeTemplateObject(["\n "," {\n padding-left: 14px;\n }\n"],["\n "," {\n padding-left: 14px;\n }\n"])),s.InputValuePrefix),I=function(i){var o=i.selectProps.setMenuIsOpen,s=t.useCallback((function(){o(!1)}),[o]);return t.useEffect((function(){return document.addEventListener("mousedown",s),function(){document.removeEventListener("mousedown",s)}}),[s]),n.jsx(r.components.MenuList,e.__assign({},i))},_=function(e){return n.jsxs(m,{children:[e.displayName,n.jsx(q,{children:e.phoneCode.join(", ")})]})};exports.CountryPhoneSelect=function(r){var i=r.countryOptions,s=r.icon,l=r.label,a=void 0===l?"Phone number":l,p=r.phone,d=r.phoneCountry,j=r.setPhone,x=r.setPhoneCountry,f=e.__rest(r,["countryOptions","icon","label","phone","phoneCountry","setPhone","setPhoneCountry"]),m=e.__read(t.useState(!1),2),q=m[0],C=m[1],y={setMenuIsOpen:C},b=(null==d?void 0:d.phoneCode)?"+".concat(null==d?void 0:d.phoneCode):void 0;return n.jsxs(n.Fragment,{children:[n.jsx(v,{children:n.jsx(o.Input,{label:a,onChange:function(e){return j(e.target.value)},prefix:n.jsxs(h,{onClick:function(){return C(!q)},children:[s,n.jsx(c.ChevronDownIcon,{size:19})]}),value:p,valuePrefix:b})}),n.jsx(u.Select,e.__assign({},f,{components:{Control:function(){return null},MenuList:I},formatOptionLabel:_,menuIsOpen:q,onBlur:function(){return C(!1)},onChange:function(e){x(e),C(!1)},options:i,value:d},y))]})};
|
package/package.json
CHANGED
|
@@ -353,7 +353,7 @@ export declare const theme: {
|
|
|
353
353
|
readonly borderColor: "var(--amino-border-color)";
|
|
354
354
|
/** @info var(--amino-gray-50) */
|
|
355
355
|
readonly hoverColor: "var(--amino-hover-color)";
|
|
356
|
-
/** @info var(--amino-gray-
|
|
356
|
+
/** @info var(--amino-gray-1200) */
|
|
357
357
|
readonly textColor: "var(--amino-text-color)";
|
|
358
358
|
/** @info var(--amino-gray-800) */
|
|
359
359
|
readonly textColorSecondary: "var(--amino-text-color-secondary)";
|
package/theme.css
CHANGED
|
@@ -192,7 +192,7 @@
|
|
|
192
192
|
--amino-page-background: var(--amino-gray-0);
|
|
193
193
|
--amino-border-color: var(--amino-gray-200);
|
|
194
194
|
--amino-hover-color: var(--amino-gray-50);
|
|
195
|
-
--amino-text-color: var(--amino-gray-
|
|
195
|
+
--amino-text-color: var(--amino-gray-1200);
|
|
196
196
|
--amino-text-color-secondary: var(--amino-gray-800);
|
|
197
197
|
--amino-focus-button-standard: 0px 0px 0px 1px
|
|
198
198
|
var(--amino-transparent-gray-600) inset,
|
|
@@ -435,7 +435,7 @@
|
|
|
435
435
|
--amino-page-background: var(--amino-gray-0);
|
|
436
436
|
--amino-border-color: var(--amino-gray-200);
|
|
437
437
|
--amino-hover-color: var(--amino-gray-50);
|
|
438
|
-
--amino-text-color: var(--amino-gray-
|
|
438
|
+
--amino-text-color: var(--amino-gray-1200);
|
|
439
439
|
--amino-text-color-secondary: var(--amino-gray-800);
|
|
440
440
|
--amino-focus-button-standard: 0px 0px 0px 1px
|
|
441
441
|
var(--amino-transparent-gray-600) inset,
|