@zonos/amino 5.5.16 → 5.5.17
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/all.d.ts +1 -0
- 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/input/Input.js +1 -1
- package/components/input/input-simple/InputSimple.d.ts +19 -0
- package/components/input/input-simple/InputSimple.js +1 -0
- package/components/input/input-simple/input-type/_DateInput.d.ts +21 -0
- package/components/input/input-simple/input-type/_DateInput.js +1 -0
- package/components/input/{input-type → input-simple/input-type}/_InputBase.d.ts +3 -3
- package/components/input/input-simple/input-type/_InputBase.js +1 -0
- package/components/input/input-simple/input-type/_NumberInput.d.ts +22 -0
- package/components/input/input-simple/input-type/_NumberInput.js +1 -0
- package/components/input/input-simple/input-type/_PasswordInput.d.ts +21 -0
- package/components/input/input-simple/input-type/_PasswordInput.js +1 -0
- package/components/input/input-simple/input-type/_TimeInput.d.ts +21 -0
- package/components/input/input-simple/input-type/_TimeInput.js +1 -0
- package/components/input/input-type/_DateInput.d.ts +1 -1
- package/components/input/input-type/_DateInput.js +1 -1
- package/components/input/input-type/_FloatLabelInput.js +1 -1
- package/components/input/input-type/_NumberInput.d.ts +1 -1
- package/components/input/input-type/_NumberInput.js +1 -1
- package/components/input/input-type/_PasswordInput.d.ts +1 -1
- package/components/input/input-type/_PasswordInput.js +1 -1
- package/components/input/input-type/_TimeInput.d.ts +1 -1
- package/components/input/input-type/_TimeInput.js +1 -1
- package/package.json +1 -1
- package/components/input/input-type/_InputBase.js +0 -1
package/all.d.ts
CHANGED
|
@@ -47,6 +47,7 @@ import './components/filter/useFilterWrapper';
|
|
|
47
47
|
import './components/flex/Flex';
|
|
48
48
|
import './components/glow/GlowWrapper';
|
|
49
49
|
import './components/help-text/HelpText';
|
|
50
|
+
import './components/input/input-simple/InputSimple';
|
|
50
51
|
import './components/input/Input';
|
|
51
52
|
import './components/input/MultiInput';
|
|
52
53
|
import './components/layout/Layout';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),n=require("react"),r=require("./filterAmountReducer.js"),i=require("../useFilterWrapper.js"),u=require("../../input/Input.js"),a=require("../../select/Select.js"),o=require("../../../icons/ArrowRightIcon.js"),s=require("../../../style-inject.es-d4ddeae4.js");require("lodash/cloneDeep"),require("zod"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/
|
|
1
|
+
"use strict";var e=require("../../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),n=require("react"),r=require("./filterAmountReducer.js"),i=require("../useFilterWrapper.js"),u=require("../../input/Input.js"),a=require("../../select/Select.js"),o=require("../../../icons/ArrowRightIcon.js"),s=require("../../../style-inject.es-d4ddeae4.js");require("lodash/cloneDeep"),require("zod"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.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-intersection-observer"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var l="Amino_FilterAmount-module__inputWrapper--6kcs2";s.styleInject(".Amino_FilterAmount-module__inputWrapper--6kcs2{align-items:center;display:flex;gap:var(--amino-space-8)}.Amino_FilterAmount-module__inputWrapper--6kcs2 svg{min-width:var(--amino-space-24)}.Amino_FilterAmount-module__inputWrapper--6kcs2 .arrow-right{margin-right:var(--amino-space-16)}");exports.FilterAmount=function(s){var c=s.dispatch,p=s.dropdownTitle,m=s.filter,q=s.label,j=e.__read(n.useState(m.amountFilterType),2),d=j[0],g=j[1],v=e.__read(n.useState(m.amountTotalMin?String(m.amountTotalMin.toFixed(2)):null),2),h=v[0],F=v[1],x=e.__read(n.useState(m.amountTotalMax?String(m.amountTotalMax.toFixed(2)):null),2),y=x[0],b=x[1],_=e.__read(n.useState(!1),2),A=_[0],I=_[1],M=n.useCallback((function(e){c({name:"amountTotalMin",type:"change",value:e.amountMin}),c({name:"amountTotalMax",type:"change",value:e.amountMax})}),[c]),f=n.useCallback((function(e){var t=h?"".concat(parseFloat(h).toFixed(2)):"0",n=y?"".concat(parseFloat(y).toFixed(2)):"0";switch(d){case"between":e("Between ".concat(t," and ").concat(n));break;case"equal":e("Equal to ".concat(t));break;case"greater":e("Greater than ".concat(t));break;case"less":e("Less than ".concat(n))}}),[y,h,d]),T=n.useCallback((function(e){switch(c({name:"amountFilterType",type:"change",value:d}),d){case"between":M({amountMax:y?parseFloat(y):null,amountMin:h?parseFloat(h):null});break;case"equal":M({amountMax:h?parseFloat(h):null,amountMin:h?parseFloat(h):null});break;case"greater":M({amountMax:null,amountMin:h?parseFloat(h):null});break;case"less":M({amountMax:y?parseFloat(y):null,amountMin:null})}c({name:"isActive",type:"change",value:!0}),f(e)}),[c,M,y,h,d,f]),C=n.useMemo((function(){return"less"===d?null===y?"":String(y):null===h?"":String(h)}),[y,h,d]);return(0,i.useFilterWrapper({dropdownTitle:p,isActive:m.isActive,label:q,onApply:T,onApplyFilterText:f,onClose:function(){g(m.amountFilterType),F(m.amountTotalMin?String(m.amountTotalMin):null),b(m.amountTotalMax?String(m.amountTotalMax):null)},onRemove:function(){c({name:"isActive",type:"change",value:!1}),c({name:"amountFilterType",type:"change",value:r.initialFilterAmountState.amountFilterType}),M({amountMax:null,amountMin:null}),g(r.initialFilterAmountState.amountFilterType),F("0"),b("0")},setActive:function(e){return c({name:"isActive",type:"change",value:e})}}).renderWrapper)(t.jsxs(t.Fragment,{children:[t.jsx(a.Select,{isClearable:!1,onChange:function(e){return g((null==e?void 0:e.value)||r.initialFilterAmountState.amountFilterType)},onKeyDown:function(e){"Enter"===e.key&&A&&e.stopPropagation()},onMenuClose:function(){return I(!1)},onMenuOpen:function(){return I(!0)},options:r.filterAmountOptions,size:"md",value:r.filterAmountOptions.filter((function(e){return e.value===d}))}),t.jsxs("div",{className:l,children:[t.jsx(o.ArrowRightIcon,{className:"arrow-right",color:"blue600",size:24}),t.jsx(u.Input,{onChange:function(e){return t=e.target.value,void("less"===d?b(t):F(t));var t},size:"md",type:"number",value:C}),"between"===d&&t.jsxs(t.Fragment,{children:["and",t.jsx(u.Input,{onChange:function(e){return b(e.target.value)},size:"md",type:"number",value:null===y?"":String(y)})]})]})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../tslib.es6-5672428a.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("./_DateControls/_IsAfter.js"),s=require("./_DateControls/_IsBefore.js"),i=require("./_DateControls/_IsBeforeOrOn.js"),u=require("./_DateControls/_IsBetween.js"),o=require("./_DateControls/_IsEqualTo.js"),a=require("./_DateControls/_IsInTheLast.js"),l=require("./_DateControls/_IsOnOrAfter.js"),c=require("./filterDateReducer.js"),q=require("../../select/Select.js"),j=require("../../../icons/ArrowRightIcon.js"),p=require("../../../DateControlsWrapper-4900e6bb.js");require("dayjs"),require("../../input/Input.js"),require("clsx"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/
|
|
1
|
+
"use strict";var e=require("../../../tslib.es6-5672428a.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("./_DateControls/_IsAfter.js"),s=require("./_DateControls/_IsBefore.js"),i=require("./_DateControls/_IsBeforeOrOn.js"),u=require("./_DateControls/_IsBetween.js"),o=require("./_DateControls/_IsEqualTo.js"),a=require("./_DateControls/_IsInTheLast.js"),l=require("./_DateControls/_IsOnOrAfter.js"),c=require("./filterDateReducer.js"),q=require("../../select/Select.js"),j=require("../../../icons/ArrowRightIcon.js"),p=require("../../../DateControlsWrapper-4900e6bb.js");require("dayjs"),require("../../input/Input.js"),require("clsx"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),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("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../input/input-type/_TimeInput.js"),require("../../../icons/ClockIcon.js"),require("lodash/cloneDeep"),require("zod"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../../icons/DoubleChevronIcon.js"),require("../../../icons/RemoveCircleIcon.js"),require("../../../icons/RemoveIcon.js");var C=c.filterDateRanges.map((function(e){return{label:e,value:e}}));exports.DateControls=function(I){var h=I.onChange,g=I.onChangeFilterText,f=I.rangeType,x=I.setRangeType,_=I.value,v=e.__read(t.useState(!1),2),b=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)||c.initialFilterDateState.dateRangeType)},onKeyDown:function(e){"Enter"===e.key&&b&&e.stopPropagation()},onMenuClose:function(){return T(!1)},onMenuOpen:function(){return T(!0)},options:C,size:"sm",value:C.filter((function(e){return e.value===f}))}),r.jsxs("div",{className:p.styles.controlsValueWrapper,children:[r.jsx(j.ArrowRightIcon,{color:"blue600"}),function(){switch(f){case"is in the last":return r.jsx(a.IsInTheLast,{onChange:h,onChangeFilterText:g,value:_});case"is equal to":default:return r.jsx(o.IsEqualTo,{onChange:h,onChangeFilterText:g,value:_});case"is after":return r.jsx(n.IsAfter,{onChange:h,onChangeFilterText:g,value:_});case"is before":return r.jsx(s.IsBefore,{onChange:h,onChangeFilterText:g,value:_});case"is between":return r.jsx(u.IsBetween,{onChange:h,onChangeFilterText:g,value:_});case"is on or after":return r.jsx(l.IsOnOrAfter,{onChange:h,onChangeFilterText:g,value:_});case"is before or on":return r.jsx(i.IsBeforeOrOn,{onChange:h,onChangeFilterText:g,value:_})}}()]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),r=require("react"),a=require("dayjs"),n=require("./DateControls.js"),i=require("./filterDateReducer.js"),u=require("../useFilterWrapper.js"),s=require("../../../DateControlsWrapper-4900e6bb.js");function o(e){return e&&e.__esModule?e:{default:e}}require("./_DateControls/_IsAfter.js"),require("../../input/Input.js"),require("clsx"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/
|
|
1
|
+
"use strict";var e=require("../../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),r=require("react"),a=require("dayjs"),n=require("./DateControls.js"),i=require("./filterDateReducer.js"),u=require("../useFilterWrapper.js"),s=require("../../../DateControlsWrapper-4900e6bb.js");function o(e){return e&&e.__esModule?e:{default:e}}require("./_DateControls/_IsAfter.js"),require("../../input/Input.js"),require("clsx"),require("../../help-text/HelpText.js"),require("../../text/Text.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),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("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.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-intersection-observer"),require("react-select"),require("../../checkbox/Checkbox.js"),require("../../../icons/CheckmarkIcon.js"),require("../../../global.module-569e4fd5.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("zod"),require("../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../utils/hooks/useStateUrl.js"),require("../FilterWrapper.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js");var l=o(a);exports.FilterDate=function(a){var o=a.dispatch,c=a.dropdownTitle,p=a.filter,d=a.label,q=e.__read(r.useState(p.dateData),2),j=q[0],y=q[1],g=e.__read(r.useState(p.dateRangeType),2),D=g[0],f=g[1],m=e.__read(r.useState(""),2),C=m[0],h=m[1],v=function(e){var t=e.date,r=e.type;if(!t)return null;switch(D){case"is between":case"is equal to":return"begin"===r?l.default(t).subtract(1,"days").format(s.defaultDateFormat):"end"===r?l.default(t).add(1,"days").format(s.defaultDateFormat):t;case"is on or after":return"end"===r?t:l.default(t).subtract(1,"days").format(s.defaultDateFormat);case"is before or on":return"begin"===r?t:l.default(t).add(1,"days").format(s.defaultDateFormat);default:return t}},I=r.useCallback((function(e){o({name:"dateRangeType",type:"change",value:D}),o({name:"dateData.dateBegin",type:"change",value:v({date:e.dateBegin,type:"begin"})||null}),o({name:"dateData.dateEnd",type:"change",value:v({date:e.dateEnd,type:"end"})||null}),o({name:"dateData.lastCount",type:"change",value:e.lastCount}),o({name:"dateData.lastUnit",type:"change",value:e.lastUnit})}),[o,D]),_=r.useCallback((function(){o({name:"dateRangeType",type:"change",value:D}),o({name:"dateData.dateBegin",type:"change",value:v({date:j.dateBegin,type:"begin"})}),o({name:"dateData.dateEnd",type:"change",value:v({date:j.dateEnd,type:"end"})}),o({name:"dateData.lastCount",type:"change",value:j.lastCount}),o({name:"dateData.lastUnit",type:"change",value:j.lastUnit}),o({name:"isActive",type:"change",value:!0})}),[o,j.dateBegin,j.dateEnd,j.lastCount,j.lastUnit,D]),b=r.useCallback((function(e){e(C)}),[C]),T=r.useCallback((function(e){_(),b(e)}),[_,b]);return(0,u.useFilterWrapper({dropdownTitle:c,isActive:p.isActive,label:d,onApply:T,onApplyFilterText:b,onClose:function(){y(p.dateData),f(p.dateRangeType)},onRemove:function(){o({name:"isActive",type:"change",value:!1}),o({name:"dateRangeType",type:"change",value:D}),I(i.initialFilterDateState.dateData),y(i.initialFilterDateState.dateData),f(i.initialFilterDateState.dateRangeType)},setActive:function(e){return o({name:"isActive",type:"change",value:e})}}).renderWrapper)(t.jsx(n.DateControls,{onChange:y,onChangeFilterText:function(e){h(e)},rangeType:D,setRangeType:f,value:j}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("dayjs"),u=require("../../../../DateControlsWrapper-4900e6bb.js"),n=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../tslib.es6-5672428a.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../../input/input-type/
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("dayjs"),u=require("../../../../DateControlsWrapper-4900e6bb.js"),n=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../tslib.es6-5672428a.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),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("../../../button/Button.js"),require("../../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../../button/_Ripple.js"),require("../../../../utils/getAminoColor.js"),require("../../../button/useRipple.js"),require("../../../spinner/Spinner.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var s=i(t);exports.IsAfter=function(t){var i=t.onChange,o=t.onChangeFilterText,a=t.value,p=r.useMemo((function(){return a.dateBegin||s.default().format(u.defaultDateFormat)}),[a]),c=r.useCallback((function(e){i({dateBegin:e,dateEnd:null,lastCount:5,lastUnit:"days"})}),[i]);return r.useEffect((function(){o("After ".concat(u.formatDate(p)))}),[p,o]),r.useEffect((function(){c(p)}),[p,c]),e.jsx(u.DateControlsWrapper,{children:e.jsx(n.Input,{onChange:function(e){return c(e.target.value)},size:"sm",type:"date",value:p})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("dayjs"),u=require("../../../../DateControlsWrapper-4900e6bb.js"),n=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../tslib.es6-5672428a.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../../input/input-type/
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("dayjs"),u=require("../../../../DateControlsWrapper-4900e6bb.js"),n=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../tslib.es6-5672428a.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),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("../../../button/Button.js"),require("../../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../../button/_Ripple.js"),require("../../../../utils/getAminoColor.js"),require("../../../button/useRipple.js"),require("../../../spinner/Spinner.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var s=i(t);exports.IsBefore=function(t){var i=t.onChange,o=t.onChangeFilterText,a=t.value,p=r.useMemo((function(){return a.dateEnd||s.default().format(u.defaultDateFormat)}),[a]),c=r.useCallback((function(e){i({dateBegin:null,dateEnd:e,lastCount:5,lastUnit:"days"})}),[i]);return r.useEffect((function(){o("Before ".concat(u.formatDate(p)))}),[p,o]),r.useEffect((function(){c(p)}),[p,c]),e.jsx(u.DateControlsWrapper,{children:e.jsx(n.Input,{onChange:function(e){return c(e.target.value)},size:"sm",type:"date",value:p})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("dayjs"),u=require("../../../../DateControlsWrapper-4900e6bb.js"),n=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../tslib.es6-5672428a.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../../input/input-type/
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("dayjs"),u=require("../../../../DateControlsWrapper-4900e6bb.js"),n=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../tslib.es6-5672428a.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),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("../../../button/Button.js"),require("../../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../../button/_Ripple.js"),require("../../../../utils/getAminoColor.js"),require("../../../button/useRipple.js"),require("../../../spinner/Spinner.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var s=i(t);exports.IsBeforeOrOn=function(t){var i=t.onChange,o=t.onChangeFilterText,a=t.value,p=r.useMemo((function(){return a.dateEnd||s.default().format(u.defaultDateFormat)}),[a]),c=r.useCallback((function(e){i({dateBegin:null,dateEnd:e,lastCount:5,lastUnit:"days"})}),[i]);return r.useEffect((function(){var e="Ending on ".concat(u.formatDate(p));o(e)}),[p,o]),r.useEffect((function(){c(p)}),[p,c]),e.jsx(u.DateControlsWrapper,{children:e.jsx(n.Input,{onChange:function(e){return c(e.target.value)},size:"sm",type:"date",value:p})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../../../../DateControlsWrapper-4900e6bb.js"),u=require("../../../input/Input.js"),i=require("../../../text/Text.js");function s(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../tslib.es6-5672428a.js"),require("../../../help-text/HelpText.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../../input/input-type/
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("dayjs"),n=require("../../../../DateControlsWrapper-4900e6bb.js"),u=require("../../../input/Input.js"),i=require("../../../text/Text.js");function s(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../tslib.es6-5672428a.js"),require("../../../help-text/HelpText.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),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("../../../button/Button.js"),require("../../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../../button/_Ripple.js"),require("../../../../utils/getAminoColor.js"),require("../../../button/useRipple.js"),require("../../../spinner/Spinner.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var a=s(r);exports.IsBetween=function(r){var s=r.onChange,o=r.onChangeFilterText,p=r.value,l=t.useMemo((function(){return{dateBegin:p.dateBegin||a.default().format(n.defaultDateFormat),dateEnd:p.dateEnd||a.default().format(n.defaultDateFormat)}}),[p]),d=l.dateBegin,c=l.dateEnd,j=c,q=d;return t.useEffect((function(){var e="".concat(n.formatDate(q)," - ").concat(n.formatDate(j));o(e)}),[o,j,q]),t.useEffect((function(){s({dateBegin:d,dateEnd:c,lastCount:5,lastUnit:"days"})}),[c,d,s]),e.jsxs(n.DateControlsWrapper,{children:[e.jsx(u.Input,{onChange:function(e){return t=e.target.value,void s({dateBegin:t,dateEnd:c,lastCount:5,lastUnit:"days"});var t},size:"sm",type:"date",value:q}),e.jsx(i.Text,{type:"label",children:"and"}),e.jsx(u.Input,{onChange:function(e){return t=e.target.value,void s({dateBegin:d,dateEnd:t,lastCount:5,lastUnit:"days"});var t},size:"sm",type:"date",value:j})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("dayjs"),u=require("../../../../DateControlsWrapper-4900e6bb.js"),n=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../tslib.es6-5672428a.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../../input/input-type/
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("dayjs"),u=require("../../../../DateControlsWrapper-4900e6bb.js"),n=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../tslib.es6-5672428a.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),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("../../../button/Button.js"),require("../../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../../button/_Ripple.js"),require("../../../../utils/getAminoColor.js"),require("../../../button/useRipple.js"),require("../../../spinner/Spinner.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var s=i(t);exports.IsEqualTo=function(t){var i=t.onChange,o=t.onChangeFilterText,a=t.value,p=r.useMemo((function(){return a.dateBegin||s.default().format(u.defaultDateFormat)}),[a]),c=r.useCallback((function(e){i({dateBegin:e,dateEnd:e,lastCount:5,lastUnit:"days"})}),[i]);return r.useEffect((function(){o("On ".concat(u.formatDate(p)))}),[p,o]),r.useEffect((function(){c(p)}),[p,c]),e.jsx(u.DateControlsWrapper,{children:e.jsx(n.Input,{onChange:function(e){return c(e.target.value)},size:"sm",type:"date",value:p})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("dayjs"),u=require("../../../../DateControlsWrapper-4900e6bb.js"),n=require("../filterDateReducer.js"),i=require("../../../input/Input.js"),s=require("../../../select/Select.js");function a(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../tslib.es6-5672428a.js"),require("lodash/cloneDeep"),require("zod"),require("../../../../utils/changeDeepProperty.js"),require("lodash/set"),require("../../../../utils/hooks/useStateUrl.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),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("../../../button/Button.js"),require("../../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../../button/_Ripple.js"),require("../../../../utils/getAminoColor.js"),require("../../../button/useRipple.js"),require("../../../spinner/Spinner.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-intersection-observer"),require("react-select"),require("../../../checkbox/Checkbox.js"),require("../../../../icons/CheckmarkIcon.js"),require("../../../../global.module-569e4fd5.js"),require("../../../../icons/DoubleChevronIcon.js"),require("../../../../icons/RemoveCircleIcon.js"),require("../../../../icons/RemoveIcon.js");var o=a(t),l=n.dateUnits.map((function(e){return{label:e,value:e}}));exports.IsInTheLast=function(t){var n=t.onChange,a=t.onChangeFilterText,c=t.value,q=r.useMemo((function(){return{count:c.lastCount,unit:c.lastUnit}}),[c]),p=q.count,j=q.unit,f=r.useCallback((function(e){var r=o.default().subtract(p,e).format(u.defaultDateFormat);n({dateBegin:r,dateEnd:null,lastCount:p,lastUnit:e})}),[p,n]),d=r.useCallback((function(e){var r=o.default().subtract(e,j).format(u.defaultDateFormat);n({dateBegin:r,dateEnd:null,lastCount:e,lastUnit:j})}),[n,j]);return r.useEffect((function(){var e=o.default().subtract(p,j).format(u.defaultDateFormat);n({dateBegin:e,dateEnd:null,lastCount:p,lastUnit:j})}),[p,n,j]),r.useEffect((function(){var e="Last ".concat(p," ").concat(j);a(e)}),[j,p,a]),e.jsxs(u.DateControlsWrapper,{children:[e.jsx(i.Input,{min:1,onChange:function(e){return d(parseFloat(e.target.value))},size:"sm",suffix:null,type:"number",value:String(p)}),e.jsx(s.Select,{isClearable:!1,onChange:function(e){f((null==e?void 0:e.value)||"days")},options:l,size:"sm",value:l.filter((function(e){return e.value===j}))})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("dayjs"),u=require("../../../../DateControlsWrapper-4900e6bb.js"),n=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../tslib.es6-5672428a.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../../input/input-type/
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("dayjs"),u=require("../../../../DateControlsWrapper-4900e6bb.js"),n=require("../../../input/Input.js");function i(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../../../style-inject.es-d4ddeae4.js"),require("../../../../tslib.es6-5672428a.js"),require("../../../help-text/HelpText.js"),require("../../../text/Text.js"),require("../../../../styles/constants/theme.js"),require("../../../input/input-type/_DateInput.js"),require("@floating-ui/react"),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("../../../button/Button.js"),require("../../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../../button/_Ripple.js"),require("../../../../utils/getAminoColor.js"),require("../../../button/useRipple.js"),require("../../../spinner/Spinner.js"),require("../../../../icons/EyeIcon.js"),require("../../../../icons/EyeOffIcon.js"),require("../../../input/input-type/_TimeInput.js"),require("../../../../icons/ClockIcon.js");var s=i(t);exports.IsOnOrAfter=function(t){var i=t.onChange,o=t.onChangeFilterText,a=t.value,p=r.useMemo((function(){return a.dateBegin||s.default().format(u.defaultDateFormat)}),[a]),c=r.useCallback((function(e){i({dateBegin:e,dateEnd:null,lastCount:5,lastUnit:"days"})}),[i]);return r.useEffect((function(){var e="Starting from ".concat(u.formatDate(p));o(e)}),[p,o]),r.useEffect((function(){c(p)}),[p,c]),e.jsx(u.DateControlsWrapper,{children:e.jsx(n.Input,{onChange:function(e){return c(e.target.value)},size:"sm",type:"date",value:p})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../tslib.es6-5672428a.js"),r=require("react/jsx-runtime"),i=require("react"),u=require("../useFilterWrapper.js"),t=require("../../input/Input.js");require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/
|
|
1
|
+
"use strict";var e=require("../../../tslib.es6-5672428a.js"),r=require("react/jsx-runtime"),i=require("react"),u=require("../useFilterWrapper.js"),t=require("../../input/Input.js");require("../FilterWrapper.js"),require("clsx"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../text/Text.js"),require("../../../icons/ChevronDownIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/MinusCircleDuotoneIcon.js"),require("../../../icons/PlusCircleDuotoneIcon.js"),require("../../../global.module-569e4fd5.js"),require("../../help-text/HelpText.js"),require("../../input/input-type/_DateInput.js"),require("@floating-ui/react"),require("../../input/input-type/_FloatLabelInput.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(n){var s=n.dropdownTitle,o=n.label,p=n.onChange,l=n.value,c=e.__read(i.useState(l||""),2),a=c[0],q=c[1],j=i.useCallback((function(e){e(a)}),[a]),I=i.useCallback((function(e){p(a),j(e)}),[a,j,p]);return(0,u.useFilterWrapper({dropdownTitle:s,isActive:!!l,label:o,onApply:I,onApplyFilterText:j,onClose:function(){q(l||"")},onRemove:function(){p(null),q("")}}).renderWrapper)(r.jsx(t.Input,{onChange:function(e){return q(e.target.value)},size:"sm",type:"text",value:a}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../tslib.es6-5672428a.js"),r=require("react/jsx-runtime"),n=require("clsx"),
|
|
1
|
+
"use strict";var e=require("../../tslib.es6-5672428a.js"),r=require("react/jsx-runtime"),n=require("clsx"),i=require("../help-text/HelpText.js"),t=require("./input-type/_DateInput.js"),a=require("./input-type/_FloatLabelInput.js"),u=require("./input-type/_NumberInput.js"),o=require("./input-type/_PasswordInput.js"),s=require("./input-type/_TimeInput.js"),l=require("../../styles/constants/theme.js"),d=require("../../style-inject.es-d4ddeae4.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("react"),require("@floating-ui/react"),require("../../icons/CalendarIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CaretDownIcon.js"),require("../../icons/CaretUpIcon.js"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../icons/EyeIcon.js"),require("../../icons/EyeOffIcon.js"),require("../../icons/ClockIcon.js");var c=p(n),f="Amino_Input-module__fields--F18Vt",x="Amino_Input-module__aminoInputWrapper--KzFcE";d.styleInject(".Amino_Input-module__fields--F18Vt{border:var(--amino-border);border-radius:var(--amino-input-border-radius)}.Amino_Input-module__fields--F18Vt:hover{border:1px solid var(--amino-gray-300)}.Amino_Input-module__aminoInputWrapper--KzFcE{position:relative;width:var(--amino-input-width)}.Amino_Input-module__aminoInputWrapper--KzFcE>div{align-items:center;display:flex;flex-direction:row}.Amino_Input-module__aminoInputWrapper--KzFcE.disabled{opacity:var(--amino-opacity-disabled)}");exports.Input=function(n){var d=n.autoFocus,p=n.className,m=n.disabled,_=n.error,b=n.helpText,I=n.inputMode,q=n.inputRef,j=n.label,y=n.noBorder,h=void 0!==y&&y,v=n.onChange,w=n.onKeyDown,g=n.pattern,F=n.placeholder,C=n.prefix,z=n.readOnly,K=n.required,D=n.size,B=void 0===D?"xl":D,P=n.style,T=n.suffix,A=n.tabIndex,M=n.type,O=n.value,N=n.valuePrefix,E=n.width,R=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputRef","label","noBorder","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","style","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs("div",{className:c.default(p,"amino-input-wrapper",m&&"disabled",x),style:e.__assign({"--amino-input-border-radius":function(){switch(B){case"sm":return"".concat(l.theme.radius6);case"lg":return"".concat(l.theme.radius10);case"xl":return"".concat(l.theme.radius12);default:return"".concat(l.theme.radius8)}}(),"--amino-input-width":E?"".concat(E,"px"):"100%"},P),children:[r.jsx("div",{className:c.default(!h&&f),children:function(){switch(M){case"password":return r.jsx(o.PasswordInput,e.__assign({ref:q,autoFocus:d,disabled:m,error:_,inputMode:I,label:j,noBorder:h,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:C,readOnly:z,required:K,size:B,suffix:T,tabIndex:A,value:O||"",valuePrefix:N},R));case"date":case"datetime-local":return r.jsx(t.DateInput,e.__assign({ref:q,autoFocus:d,disabled:m,error:_,inputMode:I,label:j,noBorder:h,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:C,readOnly:z,required:K,size:B,suffix:T,tabIndex:A,type:M,value:O||"",valuePrefix:N},R));case"number":return r.jsx(u.NumberInput,e.__assign({ref:q,autoFocus:d,disabled:m,error:_,inputMode:I,label:j,noBorder:h,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:C,readOnly:z,required:K,size:B,suffix:T,tabIndex:A,value:O||"",valuePrefix:N},R));case"time":return r.jsx(s.TimeInput,e.__assign({ref:q,autoFocus:d,disabled:m,error:_,inputMode:I,label:j,noBorder:h,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:C,readOnly:z,required:K,size:B,suffix:T,tabIndex:A,value:O||"",valuePrefix:N},R));default:return r.jsx(a.FloatLabelInput,e.__assign({ref:q,autoFocus:d,className:p,disabled:m,error:_,inputMode:I,label:j,noBorder:h,onChange:v,onKeyDown:w,pattern:g,placeholder:F,prefix:C,readOnly:z,required:K,size:B,suffix:T,tabIndex:A,type:M,value:O||"",valuePrefix:N},R))}}()}),r.jsx(i.HelpText,{error:_,helpText:b})]})};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { ChangeEventHandler, InputHTMLAttributes, MutableRefObject } from 'react';
|
|
2
|
+
import { type HelpTextProps } from "../../help-text/HelpText";
|
|
3
|
+
import { type InputBaseProps } from './input-type/_InputBase';
|
|
4
|
+
type InputType = {
|
|
5
|
+
/** Need to pass the ref here to preserve generics, as forwardRef doesn't allow it
|
|
6
|
+
* @link https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
|
|
7
|
+
*/
|
|
8
|
+
inputRef?: MutableRefObject<HTMLInputElement | null>;
|
|
9
|
+
/**
|
|
10
|
+
* @default false
|
|
11
|
+
*/
|
|
12
|
+
noBorder?: boolean;
|
|
13
|
+
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
14
|
+
/** A value (in px) that will determine how wide the input is. If nothing is passed, it defaults to 100% */
|
|
15
|
+
width?: number;
|
|
16
|
+
} & Omit<InputBaseProps, 'onChange'> & HelpTextProps;
|
|
17
|
+
export type InputProps = InputType & Omit<InputHTMLAttributes<HTMLInputElement>, keyof InputType>;
|
|
18
|
+
export declare const InputSimple: ({ autoFocus, className, disabled, error, helpText, inputMode, inputRef, label, noBorder, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, size, style, suffix, tabIndex, type, value, valuePrefix, width, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../tslib.es6-5672428a.js"),r=require("react/jsx-runtime"),n=require("clsx"),i=require("../../help-text/HelpText.js"),t=require("./input-type/_DateInput.js"),u=require("./input-type/_NumberInput.js"),a=require("./input-type/_PasswordInput.js"),s=require("./input-type/_TimeInput.js"),o=require("../../../styles/constants/theme.js"),l=require("./input-type/_InputBase.js"),p=require("../../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../text/Text.js"),require("react"),require("@floating-ui/react"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../../icons/ClockIcon.js");var c=d(n),x="Amino_InputSimple-module__aminoInputWrapper--lOCBj";p.styleInject(".Amino_InputSimple-module__aminoInputWrapper--lOCBj{position:relative;width:var(--amino-input-width)}.Amino_InputSimple-module__aminoInputWrapper--lOCBj.disabled{opacity:var(--amino-opacity-disabled)}");exports.InputSimple=function(n){var p=n.autoFocus,d=n.className,f=n.disabled,m=n.error,j=n.helpText,q=n.inputMode,b=n.inputRef,y=n.label,I=n.noBorder,_=void 0!==I&&I,h=n.onChange,v=n.onKeyDown,w=n.pattern,g=n.placeholder,C=n.prefix,B=n.readOnly,O=n.required,D=n.size,P=void 0===D?"md":D,T=n.style,M=n.suffix,z=n.tabIndex,F=n.type,K=n.value,N=n.valuePrefix,R=n.width,S=e.__rest(n,["autoFocus","className","disabled","error","helpText","inputMode","inputRef","label","noBorder","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","style","suffix","tabIndex","type","value","valuePrefix","width"]);return r.jsxs("div",{className:c.default(d,"amino-input-wrapper",f&&"disabled",x),style:e.__assign({"--amino-input-border-radius":function(){switch(P){case"sm":return"".concat(o.theme.radius6);case"lg":return"".concat(o.theme.radius10);case"xl":return"".concat(o.theme.radius12);default:return"".concat(o.theme.radius8)}}(),"--amino-input-width":R?"".concat(R,"px"):"100%"},T),children:[function(){switch(F){case"password":return r.jsx(a.PasswordInput,e.__assign({ref:b,autoFocus:p,disabled:f,error:m,inputMode:q,label:y,noBorder:_,onChange:h,onKeyDown:v,pattern:w,placeholder:g,prefix:C,readOnly:B,required:O,size:P,suffix:M,tabIndex:z,value:K||"",valuePrefix:N},S));case"date":case"datetime-local":return r.jsx(t.DateInput,e.__assign({ref:b,autoFocus:p,disabled:f,error:m,inputMode:q,label:y,noBorder:_,onChange:h,onKeyDown:v,pattern:w,placeholder:g,prefix:C,readOnly:B,required:O,size:P,suffix:M,tabIndex:z,type:F,value:K||"",valuePrefix:N},S));case"number":return r.jsx(u.NumberInput,e.__assign({ref:b,autoFocus:p,disabled:f,error:m,inputMode:q,label:y,noBorder:_,onChange:h,onKeyDown:v,pattern:w,placeholder:g,prefix:C,readOnly:B,required:O,size:P,suffix:M,tabIndex:z,value:K||"",valuePrefix:N},S));case"time":return r.jsx(s.TimeInput,e.__assign({ref:b,autoFocus:p,disabled:f,error:m,inputMode:q,label:y,noBorder:_,onChange:h,onKeyDown:v,pattern:w,placeholder:g,prefix:C,readOnly:B,required:O,size:P,suffix:M,tabIndex:z,value:K||"",valuePrefix:N},S));default:return r.jsx(l.InputBase,e.__assign({ref:b,autoFocus:p,className:d,disabled:f,error:m,inputMode:q,label:y,noBorder:_,onChange:h,onKeyDown:v,pattern:w,placeholder:g,prefix:C,readOnly:B,required:O,size:P,suffix:M,tabIndex:z,type:F,value:K||"",valuePrefix:N},S))}}(),r.jsx(i.HelpText,{error:m,helpText:j})]})};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const DateInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
|
|
3
|
+
autoFocus?: boolean | undefined;
|
|
4
|
+
disabled?: boolean | undefined;
|
|
5
|
+
inputMode?: import("./_InputBase").InputMode | undefined;
|
|
6
|
+
label?: string | undefined;
|
|
7
|
+
noBorder?: boolean | undefined;
|
|
8
|
+
onChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
9
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
10
|
+
pattern?: string | undefined;
|
|
11
|
+
placeholder?: string | undefined;
|
|
12
|
+
prefix?: import("react").ReactNode;
|
|
13
|
+
readOnly?: boolean | undefined;
|
|
14
|
+
required?: boolean | undefined;
|
|
15
|
+
size?: import("../../../../types/Size").Size | undefined;
|
|
16
|
+
suffix?: import("react").ReactNode;
|
|
17
|
+
tabIndex?: number | undefined;
|
|
18
|
+
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
19
|
+
value: string | null;
|
|
20
|
+
valuePrefix?: import("react").ReactNode;
|
|
21
|
+
} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),n=require("react"),a=require("@floating-ui/react"),r=require("clsx"),i=require("./_InputBase.js"),o=require("../../../../icons/CalendarIcon.js"),u=require("../../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../../icons/icon-base/_IconBase.js"),require("../../../../styles/constants/theme.js");var d=l(r),s="Amino__DateInput-module__styledWrapper--QZDF0",p="Amino__DateInput-module__styledActionWrapper--q19Pm",c="Amino__DateInput-module__styledButtonAction--NE2T-";u.styleInject(".Amino__DateInput-module__styledWrapper--QZDF0{position:relative;width:100%}.Amino__DateInput-module__styledWrapper--QZDF0 input[type=date]::-webkit-calendar-picker-indicator,.Amino__DateInput-module__styledWrapper--QZDF0 input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__DateInput-module__styledActionWrapper--q19Pm{display:flex;flex-direction:column;justify-content:center}.Amino__DateInput-module__styledButtonAction--NE2T-{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__DateInput-module__styledButtonAction--NE2T-:hover{background:#0000000a}.Amino__DateInput-module__styledButtonAction--NE2T-:active{background:#0000001a}.Amino__DateInput-module__styledButtonAction--NE2T-:focus{outline:none}.Amino__DateInput-module__input--OwY3P{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__DateInput-module__input--OwY3P::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}");var _=n.forwardRef((function(r,u){var l=r.autoFocus,_=r.className,m=r.disabled,y=r.error,b=r.inputMode,f=r.label,I=r.onChange,x=r.onKeyDown,D=r.pattern,A=r.placeholder,v=r.prefix,h=r.readOnly,j=r.required,q=r.suffix,w=r.tabIndex,k=r.value,g=e.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),N=n.useRef(null),B=a.useMergeRefs([u,N]);return t.jsx("div",{className:d.default(s,_),children:t.jsx(i.InputBase,e.__assign({ref:B,"aria-label":f,autoFocus:l,disabled:m,error:y,inputMode:b,label:f,onChange:I,onKeyDown:x,pattern:D,placeholder:A,prefix:v,readOnly:h,required:j,suffix:q||t.jsx("div",{className:p,children:t.jsx("button",{className:c,onClick:function(){var e,t;null===(e=N.current)||void 0===e||e.showPicker(),null===(t=N.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:t.jsx(o.CalendarIcon,{size:24})})}),tabIndex:w,type:"date",value:k},g))})}));exports.DateInput=_;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type ChangeEventHandler, type HTMLInputTypeAttribute, type InputHTMLAttributes, type KeyboardEventHandler, type ReactNode } from 'react';
|
|
2
|
-
import type { HelpTextProps } from "
|
|
3
|
-
import type { BaseProps } from "
|
|
4
|
-
import type { Size } from "
|
|
2
|
+
import type { HelpTextProps } from "../../../help-text/HelpText";
|
|
3
|
+
import type { BaseProps } from "../../../../types/BaseProps";
|
|
4
|
+
import type { Size } from "../../../../types/Size";
|
|
5
5
|
export type InputMode = 'decimal' | 'email' | 'none' | 'numeric' | 'search' | 'tel' | 'text' | 'url';
|
|
6
6
|
type InputBaseType = BaseProps & {
|
|
7
7
|
autoFocus?: boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../../tslib.es6-5672428a.js"),a=require("react/jsx-runtime"),n=require("react"),i=require("clsx"),r=require("../../../../style-inject.es-d4ddeae4.js"),o={inputWrapper:"Amino__InputBase-module__inputWrapper--ANalq",input:"Amino__InputBase-module__input--yNi7o",prefix:"Amino__InputBase-module__prefix--znKpY",suffix:"Amino__InputBase-module__suffix--DjhH-",valuePrefix:"Amino__InputBase-module__valuePrefix--fYEtK",sm:"Amino__InputBase-module__sm--G0vKx",md:"Amino__InputBase-module__md--PCMsD",lg:"Amino__InputBase-module__lg--BV607",xl:"Amino__InputBase-module__xl--jDL65",label:"Amino__InputBase-module__label--DPOLd",textInputWrapper:"Amino__InputBase-module__textInputWrapper--w8z5u"};r.styleInject(".Amino__InputBase-module__inputWrapper--ANalq{align-items:center;background:#0000;border-radius:var(--amino-input-border-radius);box-shadow:var(--amino-shadow-input-base);display:flex;flex:none;width:100%}.Amino__InputBase-module__inputWrapper--ANalq:has(.Amino__InputBase-module__input--yNi7o:focus){box-shadow:var(--amino-shadow-input-focus)}.Amino__InputBase-module__inputWrapper--ANalq.has-error{box-shadow:var(--amino-shadow-input-error)}.Amino__InputBase-module__inputWrapper--ANalq.has-error:has(.Amino__InputBase-module__input--yNi7o:focus){box-shadow:var(--amino-shadow-input-error-focus)}.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__input--yNi7o{background:var(--amino-input-background);background:#0000;border:none;border-radius:inherit;font-weight:500;height:inherit;outline:none;padding:0 var(--amino-space-16);width:100%}.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__input--yNi7o::placeholder{color:var(--amino-gray-500);font-weight:400}.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__prefix--znKpY,.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__suffix--DjhH-{align-items:center;display:flex;padding:0 var(--amino-space-8)}.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__prefix--znKpY{margin-right:-8px;padding-right:0}.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__valuePrefix--fYEtK{color:var(--amino-gray-800);padding-left:var(--amino-space-12);white-space:nowrap}.Amino__InputBase-module__inputWrapper--ANalq.Amino__InputBase-module__sm--G0vKx{height:32px}.Amino__InputBase-module__inputWrapper--ANalq.Amino__InputBase-module__md--PCMsD{height:40px}.Amino__InputBase-module__inputWrapper--ANalq.Amino__InputBase-module__lg--BV607{height:48px}.Amino__InputBase-module__inputWrapper--ANalq.Amino__InputBase-module__xl--jDL65{height:56px}.Amino__InputBase-module__label--DPOLd{color:var(--amino-text-color-secondary);display:block;flex:none;margin-bottom:var(--amino-space-8)}.Amino__InputBase-module__label--DPOLd.has-error{color:var(--amino-red-600)}.Amino__InputBase-module__textInputWrapper--w8z5u{display:flex;flex-direction:column;width:100%}");var _=n.forwardRef((function(n,r){var _=n.className,u=n.disabled,p=n.error,l=n.label;n.noBorder;var s=n.placeholder,t=n.prefix,m=n.size,d=n.suffix,x=n.value,A=n.valuePrefix,c=e.__rest(n,["className","disabled","error","label","noBorder","placeholder","prefix","size","suffix","value","valuePrefix"]);return a.jsxs("div",{className:o.textInputWrapper,children:[l&&a.jsx("label",{className:i.clsx(o.label,p&&"has-error"),children:l}),a.jsxs("div",{className:i.clsx(o.inputWrapper,m&&o["".concat(m)],p&&"has-error",_),children:[t&&a.jsx("div",{className:o.prefix,children:t}),A&&a.jsx("div",{className:o.valuePrefix,children:A}),a.jsx("input",e.__assign({ref:r,className:o.input,disabled:u,placeholder:s,value:x||""},c)),d&&a.jsx("div",{className:o.suffix,children:d})]})]})}));exports.InputBase=_;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Size } from "../../../../types/Size";
|
|
3
|
+
export declare const NumberInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
|
|
4
|
+
autoFocus?: boolean | undefined;
|
|
5
|
+
disabled?: boolean | undefined;
|
|
6
|
+
inputMode?: import("./_InputBase").InputMode | undefined;
|
|
7
|
+
label?: string | undefined;
|
|
8
|
+
noBorder?: boolean | undefined;
|
|
9
|
+
onChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
10
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
11
|
+
pattern?: string | undefined;
|
|
12
|
+
placeholder?: string | undefined;
|
|
13
|
+
prefix?: import("react").ReactNode;
|
|
14
|
+
readOnly?: boolean | undefined;
|
|
15
|
+
required?: boolean | undefined;
|
|
16
|
+
size?: Size | undefined;
|
|
17
|
+
suffix?: import("react").ReactNode;
|
|
18
|
+
tabIndex?: number | undefined;
|
|
19
|
+
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
20
|
+
value: string | null;
|
|
21
|
+
valuePrefix?: import("react").ReactNode;
|
|
22
|
+
} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../../tslib.es6-5672428a.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("@floating-ui/react"),i=require("clsx"),r=require("./_InputBase.js"),a=require("../../../../icons/CaretDownIcon.js"),o=require("../../../../icons/CaretUpIcon.js"),s=require("../../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../../icons/icon-base/_IconBase.js"),require("../../../../styles/constants/theme.js");var c=l(i),m="Amino__NumberInput-module__styledWrapper--yAFEF",p="Amino__NumberInput-module__styledActionWrapper--2JHOk",d="Amino__NumberInput-module__styledButtonAction--luzvX",_="Amino__NumberInput-module__aminoInput--j8RdJ";s.styleInject(".Amino__NumberInput-module__styledWrapper--yAFEF{position:relative;width:100%}.Amino__NumberInput-module__styledActionWrapper--2JHOk{display:flex;flex-direction:column;height:var(--amino-number-input-height);justify-content:center}.Amino__NumberInput-module__styledButtonAction--luzvX{border-radius:var(--amino-radius-4);padding:var(--amino-space-0) var(--amino-space-4);transition:var(--amino-transition)}.Amino__NumberInput-module__styledButtonAction--luzvX:hover{background:#0000000a}.Amino__NumberInput-module__styledButtonAction--luzvX:active{background:#0000001a}.Amino__NumberInput-module__styledButtonAction--luzvX:focus{outline:none}.Amino__NumberInput-module__aminoInput--j8RdJ input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__NumberInput-module__aminoInput--j8RdJ input::-webkit-calendar-picker-indicator,.Amino__NumberInput-module__aminoInput--j8RdJ input::-webkit-inner-spin-button{-webkit-appearance:none}");var b=function(e){switch(e){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}},v=t.forwardRef((function(i,s){var l=i.className,v=i.label,f=i.size,I=void 0===f?"xl":f,j=i.suffix,A=e.__rest(i,["className","label","size","suffix"]),N=t.useRef(null),y=u.useMergeRefs([s,N]);return n.jsx("div",{className:c.default(m,l),style:{"--amino-number-input-height":"calc(var(--amino-size-".concat(I,") - 2px)")},children:n.jsx(r.InputBase,e.__assign({},A,{ref:y,"aria-label":v,className:_,label:v,size:I,suffix:null===j?null:j||n.jsxs("div",{className:p,children:[n.jsx("button",{className:d,onClick:function(){var e,n;null===(e=N.current)||void 0===e||e.stepUp(),null===(n=N.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(o.CaretUpIcon,{size:b(I)})}),n.jsx("button",{className:d,onClick:function(){var e,n;null===(e=N.current)||void 0===e||e.stepDown(),null===(n=N.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(a.CaretDownIcon,{size:b(I)})})]}),type:"number"}))})}));exports.NumberInput=v;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const PasswordInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
|
|
3
|
+
autoFocus?: boolean | undefined;
|
|
4
|
+
disabled?: boolean | undefined;
|
|
5
|
+
inputMode?: import("./_InputBase").InputMode | undefined;
|
|
6
|
+
label?: string | undefined;
|
|
7
|
+
noBorder?: boolean | undefined;
|
|
8
|
+
onChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
9
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
10
|
+
pattern?: string | undefined;
|
|
11
|
+
placeholder?: string | undefined;
|
|
12
|
+
prefix?: import("react").ReactNode;
|
|
13
|
+
readOnly?: boolean | undefined;
|
|
14
|
+
required?: boolean | undefined;
|
|
15
|
+
size?: import("../../../../types/Size").Size | undefined;
|
|
16
|
+
suffix?: import("react").ReactNode;
|
|
17
|
+
tabIndex?: number | undefined;
|
|
18
|
+
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
19
|
+
value: string | null;
|
|
20
|
+
valuePrefix?: import("react").ReactNode;
|
|
21
|
+
} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../../tslib.es6-5672428a.js"),r=require("react/jsx-runtime"),s=require("react"),n=require("clsx"),o=require("../../../button/Button.js"),t=require("./_InputBase.js"),i=require("../../../../icons/EyeIcon.js"),u=require("../../../../icons/EyeOffIcon.js"),a=require("../../../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../../button/_Ripple.js"),require("../../../../utils/getAminoColor.js"),require("../../../../styles/constants/theme.js"),require("../../../button/useRipple.js"),require("../../../spinner/Spinner.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/icon-base/_IconBase.js");var l=d(n),p="Amino__PasswordInput-module__styledWrapper---PwBY",_="Amino__PasswordInput-module__styledButtonAction--V3Z-0",c="Amino__PasswordInput-module__aminoInput--X4LED";a.styleInject(".Amino__PasswordInput-module__styledWrapper---PwBY{position:relative;width:100%}.Amino__PasswordInput-module__styledButtonAction--V3Z-0.Amino__PasswordInput-module__styledButtonAction--V3Z-0{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__PasswordInput-module__styledButtonAction--V3Z-0.Amino__PasswordInput-module__styledButtonAction--V3Z-0:hover{background:var(--amino-hover-color)}.Amino__PasswordInput-module__aminoInput--X4LED input{padding-right:var(--amino-space-40)}");var m=s.forwardRef((function(n,a){var d=n.autoFocus,m=n.className,I=n.disabled,f=n.error,j=n.inputMode,q=n.label,w=n.onChange,y=n.onKeyDown,b=n.pattern,x=n.placeholder,v=n.prefix,A=n.readOnly,h=n.required,B=n.suffix,P=n.tabIndex,g=n.value,E=e.__rest(n,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),C=e.__read(s.useState("password"),2),D=C[0],N=C[1];return r.jsx("div",{className:l.default(p,m),children:r.jsx(t.InputBase,e.__assign({ref:a,"aria-label":q,autoFocus:d,className:c,disabled:I,error:f,inputMode:j,label:q,onChange:w,onKeyDown:y,pattern:b,placeholder:x,prefix:v,readOnly:A,required:h,suffix:B||r.jsx(o.Button,{className:_,icon:"password"===D?r.jsx(i.EyeIcon,{size:24}):r.jsx(u.EyeOffIcon,{size:24}),onClick:function(){return N("password"===D?"text":"password")},variant:"subtle"}),tabIndex:P,type:D,value:g},E))})}));exports.PasswordInput=m;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const TimeInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
|
|
3
|
+
autoFocus?: boolean | undefined;
|
|
4
|
+
disabled?: boolean | undefined;
|
|
5
|
+
inputMode?: import("./_InputBase").InputMode | undefined;
|
|
6
|
+
label?: string | undefined;
|
|
7
|
+
noBorder?: boolean | undefined;
|
|
8
|
+
onChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
9
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
|
|
10
|
+
pattern?: string | undefined;
|
|
11
|
+
placeholder?: string | undefined;
|
|
12
|
+
prefix?: import("react").ReactNode;
|
|
13
|
+
readOnly?: boolean | undefined;
|
|
14
|
+
required?: boolean | undefined;
|
|
15
|
+
size?: import("../../../../types/Size").Size | undefined;
|
|
16
|
+
suffix?: import("react").ReactNode;
|
|
17
|
+
tabIndex?: number | undefined;
|
|
18
|
+
type?: import("react").HTMLInputTypeAttribute | undefined;
|
|
19
|
+
value: string | null;
|
|
20
|
+
valuePrefix?: import("react").ReactNode;
|
|
21
|
+
} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../../tslib.es6-5672428a.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("@floating-ui/react"),r=require("clsx"),o=require("./_InputBase.js"),a=require("../../../../icons/ClockIcon.js"),u=require("../../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../../icons/icon-base/_IconBase.js"),require("../../../../styles/constants/theme.js");var s=l(r),d="Amino__TimeInput-module__styledWrapper--nabC5",c="Amino__TimeInput-module__styledActionWrapper--dEr24",p="Amino__TimeInput-module__styledButtonAction--LTYuN";u.styleInject(".Amino__TimeInput-module__styledWrapper--nabC5{position:relative;width:100%}.Amino__TimeInput-module__styledWrapper--nabC5 input[type=time]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__TimeInput-module__styledActionWrapper--dEr24{display:flex;flex-direction:column;justify-content:center}.Amino__TimeInput-module__styledButtonAction--LTYuN{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__TimeInput-module__styledButtonAction--LTYuN:hover{background:var(--amino-hover-color)}.Amino__TimeInput-module__styledButtonAction--LTYuN:active{background:var(--amino-gray-100)}.Amino__TimeInput-module__styledButtonAction--LTYuN:focus{outline:none}.Amino__TimeInput-module__input--eZQFI{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__TimeInput-module__input--eZQFI::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}");var _=t.forwardRef((function(r,u){var l=r.autoFocus,_=r.className,m=r.disabled,b=r.error,y=r.inputMode,f=r.label,I=r.onChange,v=r.onKeyDown,x=r.pattern,A=r.placeholder,T=r.prefix,h=r.readOnly,j=r.required,k=r.suffix,q=r.tabIndex,g=r.value,w=e.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),N=t.useRef(null),C=i.useMergeRefs([u,N]);return n.jsx("div",{className:s.default(d,_),children:n.jsx(o.InputBase,e.__assign({ref:C,"aria-label":f,autoFocus:l,disabled:m,error:b,inputMode:y,label:f,onChange:I,onKeyDown:v,pattern:x,placeholder:A,prefix:T,readOnly:h,required:j,suffix:k||n.jsx("div",{className:c,children:n.jsx("button",{className:p,onClick:function(){var e,n;null===(e=N.current)||void 0===e||e.showPicker(),null===(n=N.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(a.ClockIcon,{size:24})})}),tabIndex:q,type:"time",value:g},w))})}));exports.TimeInput=_;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
export declare const DateInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
|
|
3
3
|
autoFocus?: boolean | undefined;
|
|
4
4
|
disabled?: boolean | undefined;
|
|
5
|
-
inputMode?: import("./
|
|
5
|
+
inputMode?: import("./_FloatLabelInput").InputMode | undefined;
|
|
6
6
|
label?: string | undefined;
|
|
7
7
|
noBorder?: boolean | undefined;
|
|
8
8
|
onChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),n=require("react"),a=require("@floating-ui/react"),r=require("clsx"),i=require("./
|
|
1
|
+
"use strict";var e=require("../../../tslib.es6-5672428a.js"),t=require("react/jsx-runtime"),n=require("react"),a=require("@floating-ui/react"),r=require("clsx"),i=require("./_FloatLabelInput.js"),o=require("../../../icons/CalendarIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var s=l(r),d="Amino__DateInput-module__styledWrapper--rZk8N",p="Amino__DateInput-module__styledActionWrapper--8Icp6",c="Amino__DateInput-module__styledButtonAction--OJxoO";u.styleInject(".Amino__DateInput-module__styledWrapper--rZk8N{position:relative;width:100%}.Amino__DateInput-module__styledWrapper--rZk8N input[type=date]::-webkit-calendar-picker-indicator,.Amino__DateInput-module__styledWrapper--rZk8N input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__DateInput-module__styledActionWrapper--8Icp6{display:flex;flex-direction:column;justify-content:center}.Amino__DateInput-module__styledButtonAction--OJxoO{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__DateInput-module__styledButtonAction--OJxoO:hover{background:#0000000a}.Amino__DateInput-module__styledButtonAction--OJxoO:active{background:#0000001a}.Amino__DateInput-module__styledButtonAction--OJxoO:focus{outline:none}.Amino__DateInput-module__aminoInput--twaIR input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__DateInput-module__aminoInput--twaIR:not(:focus-within):not(.has-content) input::-webkit-datetime-edit-fields-wrapper{opacity:0}");var _=n.forwardRef((function(r,u){var l=r.autoFocus,_=r.className,m=r.disabled,I=r.error,f=r.inputMode,y=r.label,b=r.onChange,x=r.onKeyDown,A=r.pattern,v=r.placeholder,h=r.prefix,D=r.readOnly,j=r.required,w=r.suffix,k=r.tabIndex,q=r.value,O=e.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),g=n.useRef(null),N=a.useMergeRefs([u,g]);return t.jsx("div",{className:s.default(d,_),children:t.jsx(i.FloatLabelInput,e.__assign({ref:N,"aria-label":y,autoFocus:l,disabled:m,error:I,inputMode:f,label:y,onChange:b,onKeyDown:x,pattern:A,placeholder:v,prefix:h,readOnly:D,required:j,suffix:w||t.jsx("div",{className:p,children:t.jsx("button",{className:c,onClick:function(){var e,t;null===(e=g.current)||void 0===e||e.showPicker(),null===(t=g.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:t.jsx(o.CalendarIcon,{size:24})})}),tabIndex:k,type:"date",value:q},O))})}));exports.DateInput=_;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var a=require("../../../tslib.es6-5672428a.js"),e=require("react/jsx-runtime"),o=require("react"),l=require("clsx"),t=require("../../../styles/constants/theme.js"),n=require("../../../utils/getTestId.js"),i=require("../../../style-inject.es-d4ddeae4.js");function _(a){return a&&a.__esModule?a:{default:a}}var r=_(l),u="Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq",m="Amino__FloatLabelInput-module__inputDecorator--U80eQ",p="Amino__FloatLabelInput-module__inputPrefix--ixjzG",d="Amino__FloatLabelInput-module__inputSuffix--uzCo-",s="Amino__FloatLabelInput-module__inputValuePrefix--55sKk",b="Amino__FloatLabelInput-module__aminoInput--obs5G",L="Amino__FloatLabelInput-module__floatingLabel--7yHkN";i.styleInject('.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq{align-items:center;background:var(--amino-input-background);border:1px solid var(--amino-border-color);border-radius:var(--amino-float-label-input-border-radius);display:flex;flex-direction:row;position:relative;width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:hover{border-color:var(--amino-gray-300)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ{align-items:center;background:#0000;display:flex;flex-basis:50px;font-size:var(--amino-font-size-s);font-weight:700;justify-content:center;line-height:var(--amino-font-size-s);padding:0 6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputPrefix--ixjzG{border-bottom-left-radius:var(--amino-radius-6);border-top-left-radius:var(--amino-radius-6)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputSuffix--uzCo-{border-bottom-right-radius:var(--amino-radius-6);border-top-right-radius:var(--amino-radius-6);order:3}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:center;color:var(--amino-gray-800);display:flex;order:2;padding-left:8px;white-space:nowrap}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G{background:var(--amino-input-background);border:0;border-radius:var(--amino-float-label-input-border-radius);box-sizing:border-box;font-weight:500;height:var(--amino-float-label-input-height);order:2;outline:none;padding:0 var(--amino-space-16);position:relative;transition:var(--amino-transition);width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:0;transition:var(--amino-transition)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G:-moz-autofill,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G:-webkit-autofill{background-color:var(--amino-input-background);color:var(--amino-text-color)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN{display:block;max-height:0;order:1;pointer-events:none}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{color:var(--amino-gray-800);content:inherit;display:inline-block;filter:blur(0);font-size:var(--amino-font-size-base);line-height:var(--amino-font-size-base);margin-left:var(--amino-space-16);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition);z-index:1}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN:after{border-radius:var(--amino-float-label-input-border-radius);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.disabled .Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN{pointer-events:inherit}.disabled .Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN:after{cursor:not-allowed;z-index:1}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border):has(input:focus){box-shadow:var(--amino-glow-blue)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border).has-error,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border).has-error:has(input:focus){box-shadow:var(--amino-glow-error)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-content .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:focus-within .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-content .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:focus-within .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:11px;transform:scale(.8)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-value-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-left:var(--amino-space-8)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.has-label)::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding:var(--amino-space-16) var(--amino-space-4) var(--amino-space-8) var(--amino-space-16)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:flex-end;padding-bottom:11px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label.has-input-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-left:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label.has-input-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span{margin-left:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-bottom:0;padding-top:13px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:2px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{margin-bottom:-1px;padding-bottom:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{padding-bottom:4px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{padding-bottom:10px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.xl.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-bottom:2px}');var I=function(a){switch(a){case"sm":return"".concat(t.theme.radius6);case"lg":return"".concat(t.theme.radius10);case"xl":return"".concat(t.theme.radius12);default:return"".concat(t.theme.radius8)}},c=o.forwardRef((function(l,t){var i=l.autoFocus,_=l.className,c=l.disabled,f=l.error,F=l.id,A=l.inputMode,h=l.label,y=l.noBorder,g=void 0!==y&&y,x=l.onChange,j=l.onKeyDown,v=l.pattern,H=l.placeholder,q=l.prefix,E=l.readOnly,W=l.required,k=l.size,N=void 0===k?"xl":k,w=l.suffix,G=l.tabIndex,z=l.type,P=l.value,K=l.valuePrefix,D=a.__rest(l,["autoFocus","className","disabled","error","id","inputMode","label","noBorder","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),V=o.useId(),C=o.useMemo((function(){return n.getTestId({componentName:"input",name:h})}),[h]),M=!!P||!!K,Q=F||V;return e.jsxs("label",{className:r.default(u,N,g&&"no-border",f&&"has-error",h&&"has-label",M&&"has-content",q&&"has-input-prefix",K&&"has-value-prefix",_),htmlFor:Q,style:{"--amino-float-label-input-border-radius":I(N),"--amino-float-label-input-height":"calc(var(--amino-size-".concat(N,") - 2px)")},children:[q&&e.jsx("div",{className:r.default(m,p),children:q}),K&&e.jsx("div",{className:s,children:K}),e.jsx("input",a.__assign({ref:t,"aria-label":h,autoFocus:i,className:r.default(b),"data-testid":C,disabled:c,id:Q,inputMode:A,onChange:x,onKeyDown:j,pattern:v,placeholder:H,readOnly:E,required:W,tabIndex:G,type:z||"text",value:P||""},D)),e.jsx("div",{className:L,children:e.jsx("span",{children:h})}),w&&e.jsx("div",{className:r.default(m,d),children:w})]})}));exports.FloatLabelInput=c,exports.getFloatLabelRadius=I;
|
|
1
|
+
"use strict";var a=require("../../../tslib.es6-5672428a.js"),e=require("react/jsx-runtime"),l=require("react"),o=require("clsx"),t=require("../../../styles/constants/theme.js"),n=require("../../../utils/getTestId.js"),i=require("../../../style-inject.es-d4ddeae4.js");function _(a){return a&&a.__esModule?a:{default:a}}var r=_(o),u="Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq",p="Amino__FloatLabelInput-module__inputDecorator--U80eQ",m="Amino__FloatLabelInput-module__inputPrefix--ixjzG",d="Amino__FloatLabelInput-module__inputSuffix--uzCo-",s="Amino__FloatLabelInput-module__inputValuePrefix--55sKk",b="Amino__FloatLabelInput-module__aminoInput--obs5G",L="Amino__FloatLabelInput-module__floatingLabel--7yHkN";i.styleInject('.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq{align-items:center;background:var(--amino-input-background);border-radius:var(--amino-float-label-input-border-radius);display:flex;flex-direction:row;position:relative;width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ{align-items:center;background:#0000;display:flex;flex-basis:50px;font-size:var(--amino-font-size-s);font-weight:700;justify-content:center;line-height:var(--amino-font-size-s);padding:0 6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputPrefix--ixjzG{border-bottom-left-radius:var(--amino-radius-6);border-top-left-radius:var(--amino-radius-6)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputSuffix--uzCo-{border-bottom-right-radius:var(--amino-radius-6);border-top-right-radius:var(--amino-radius-6);order:3}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:center;color:var(--amino-gray-800);display:flex;order:2;padding-left:8px;white-space:nowrap}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G{background:var(--amino-input-background);border:0;border-radius:var(--amino-float-label-input-border-radius);box-sizing:border-box;font-weight:500;height:var(--amino-float-label-input-height);order:2;outline:none;padding:0 var(--amino-space-16);position:relative;transition:var(--amino-transition);width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:0;transition:var(--amino-transition)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G:-moz-autofill,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G:-webkit-autofill{background-color:var(--amino-input-background);color:var(--amino-text-color)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN{display:block;max-height:0;order:1;pointer-events:none}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{color:var(--amino-gray-800);content:inherit;display:inline-block;filter:blur(0);font-size:var(--amino-font-size-base);line-height:var(--amino-font-size-base);margin-left:var(--amino-space-16);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition);z-index:1}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN:after{border-radius:var(--amino-float-label-input-border-radius);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.disabled .Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN{pointer-events:inherit}.disabled .Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN:after{cursor:not-allowed;z-index:1}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border):has(input:focus){box-shadow:var(--amino-glow-blue)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border).has-error,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border).has-error:has(input:focus){box-shadow:var(--amino-glow-error)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-content .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:focus-within .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-content .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:focus-within .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:11px;transform:scale(.8)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-value-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-left:var(--amino-space-8)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.has-label)::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding:var(--amino-space-16) var(--amino-space-4) var(--amino-space-8) var(--amino-space-16)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:flex-end;padding-bottom:11px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label.has-input-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-left:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label.has-input-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span{margin-left:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-bottom:0;padding-top:13px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:2px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{margin-bottom:-1px;padding-bottom:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{padding-bottom:4px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{padding-bottom:10px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.xl.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-bottom:2px}');var I=function(a){switch(a){case"sm":return"".concat(t.theme.radius6);case"lg":return"".concat(t.theme.radius10);case"xl":return"".concat(t.theme.radius12);default:return"".concat(t.theme.radius8)}},c=l.forwardRef((function(o,t){var i=o.autoFocus,_=o.className,c=o.disabled,f=o.error,F=o.id,A=o.inputMode,h=o.label,y=o.noBorder,g=void 0!==y&&y,x=o.onChange,j=o.onKeyDown,v=o.pattern,H=o.placeholder,q=o.prefix,E=o.readOnly,W=o.required,k=o.size,N=void 0===k?"xl":k,w=o.suffix,G=o.tabIndex,z=o.type,P=o.value,K=o.valuePrefix,D=a.__rest(o,["autoFocus","className","disabled","error","id","inputMode","label","noBorder","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),V=l.useId(),C=l.useMemo((function(){return n.getTestId({componentName:"input",name:h})}),[h]),M=!!P||!!K,Q=F||V;return e.jsxs("label",{className:r.default(u,N,g&&"no-border",f&&"has-error",h&&"has-label",M&&"has-content",q&&"has-input-prefix",K&&"has-value-prefix",_),htmlFor:Q,style:{"--amino-float-label-input-border-radius":I(N),"--amino-float-label-input-height":"calc(var(--amino-size-".concat(N,") - 2px)")},children:[q&&e.jsx("div",{className:r.default(p,m),children:q}),K&&e.jsx("div",{className:s,children:K}),e.jsx("input",a.__assign({ref:t,"aria-label":h,autoFocus:i,className:r.default(b),"data-testid":C,disabled:c,id:Q,inputMode:A,onChange:x,onKeyDown:j,pattern:v,placeholder:H,readOnly:E,required:W,tabIndex:G,type:z||"text",value:P||""},D)),e.jsx("div",{className:L,children:e.jsx("span",{children:h})}),w&&e.jsx("div",{className:r.default(p,d),children:w})]})}));exports.FloatLabelInput=c,exports.getFloatLabelRadius=I;
|
|
@@ -3,7 +3,7 @@ import type { Size } from "../../../types/Size";
|
|
|
3
3
|
export declare const NumberInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
|
|
4
4
|
autoFocus?: boolean | undefined;
|
|
5
5
|
disabled?: boolean | undefined;
|
|
6
|
-
inputMode?: import("./
|
|
6
|
+
inputMode?: import("./_FloatLabelInput").InputMode | undefined;
|
|
7
7
|
label?: string | undefined;
|
|
8
8
|
noBorder?: boolean | undefined;
|
|
9
9
|
onChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../tslib.es6-5672428a.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("@floating-ui/react"),i=require("clsx"),r=require("./
|
|
1
|
+
"use strict";var e=require("../../../tslib.es6-5672428a.js"),n=require("react/jsx-runtime"),t=require("react"),u=require("@floating-ui/react"),i=require("clsx"),r=require("./_FloatLabelInput.js"),o=require("../../../icons/CaretDownIcon.js"),a=require("../../../icons/CaretUpIcon.js"),s=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var c=l(i),m="Amino__NumberInput-module__styledWrapper--oyCqs",p="Amino__NumberInput-module__styledActionWrapper--C19sy",_="Amino__NumberInput-module__styledButtonAction--w7uvy",d="Amino__NumberInput-module__aminoInput--7QUM4";s.styleInject(".Amino__NumberInput-module__styledWrapper--oyCqs{position:relative;width:100%}.Amino__NumberInput-module__styledActionWrapper--C19sy{display:flex;flex-direction:column;height:var(--amino-number-input-height);justify-content:center}.Amino__NumberInput-module__styledButtonAction--w7uvy{border-radius:var(--amino-radius-4);padding:var(--amino-space-0) var(--amino-space-4);transition:var(--amino-transition)}.Amino__NumberInput-module__styledButtonAction--w7uvy:hover{background:#0000000a}.Amino__NumberInput-module__styledButtonAction--w7uvy:active{background:#0000001a}.Amino__NumberInput-module__styledButtonAction--w7uvy:focus{outline:none}.Amino__NumberInput-module__aminoInput--7QUM4 input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__NumberInput-module__aminoInput--7QUM4 input::-webkit-calendar-picker-indicator,.Amino__NumberInput-module__aminoInput--7QUM4 input::-webkit-inner-spin-button{-webkit-appearance:none}");var b=function(e){switch(e){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}},v=t.forwardRef((function(i,s){var l=i.className,v=i.label,y=i.size,I=void 0===y?"xl":y,f=i.suffix,N=e.__rest(i,["className","label","size","suffix"]),A=t.useRef(null),j=u.useMergeRefs([s,A]);return n.jsx("div",{className:c.default(m,l),style:{"--amino-number-input-height":"calc(var(--amino-size-".concat(I,") - 2px)")},children:n.jsx(r.FloatLabelInput,e.__assign({},N,{ref:j,"aria-label":v,className:d,label:v,size:I,suffix:null===f?null:f||n.jsxs("div",{className:p,children:[n.jsx("button",{className:_,onClick:function(){var e,n;null===(e=A.current)||void 0===e||e.stepUp(),null===(n=A.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(a.CaretUpIcon,{size:b(I)})}),n.jsx("button",{className:_,onClick:function(){var e,n;null===(e=A.current)||void 0===e||e.stepDown(),null===(n=A.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(o.CaretDownIcon,{size:b(I)})})]}),type:"number"}))})}));exports.NumberInput=v;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
export declare const PasswordInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
|
|
3
3
|
autoFocus?: boolean | undefined;
|
|
4
4
|
disabled?: boolean | undefined;
|
|
5
|
-
inputMode?: import("./
|
|
5
|
+
inputMode?: import("./_FloatLabelInput").InputMode | undefined;
|
|
6
6
|
label?: string | undefined;
|
|
7
7
|
noBorder?: boolean | undefined;
|
|
8
8
|
onChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../tslib.es6-5672428a.js"),r=require("react/jsx-runtime"),n=require("react"),
|
|
1
|
+
"use strict";var e=require("../../../tslib.es6-5672428a.js"),r=require("react/jsx-runtime"),n=require("react"),o=require("clsx"),t=require("../../button/Button.js"),s=require("./_FloatLabelInput.js"),i=require("../../../icons/EyeIcon.js"),a=require("../../../icons/EyeOffIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var l=d(o),p="Amino__PasswordInput-module__styledWrapper--jDin2",_="Amino__PasswordInput-module__styledButtonAction--wOjcZ",c="Amino__PasswordInput-module__aminoInput--ZLZhe";u.styleInject(".Amino__PasswordInput-module__styledWrapper--jDin2{position:relative;width:100%}.Amino__PasswordInput-module__styledButtonAction--wOjcZ.Amino__PasswordInput-module__styledButtonAction--wOjcZ{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__PasswordInput-module__styledButtonAction--wOjcZ.Amino__PasswordInput-module__styledButtonAction--wOjcZ:hover{background:var(--amino-hover-color)}.Amino__PasswordInput-module__aminoInput--ZLZhe input{padding-right:var(--amino-space-40)}");var m=n.forwardRef((function(o,u){var d=o.autoFocus,m=o.className,j=o.disabled,w=o.error,I=o.inputMode,f=o.label,q=o.onChange,b=o.onKeyDown,y=o.pattern,x=o.placeholder,v=o.prefix,A=o.readOnly,h=o.required,g=o.suffix,O=o.tabIndex,P=o.value,Z=e.__rest(o,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),B=e.__read(n.useState("password"),2),C=B[0],D=B[1];return r.jsx("div",{className:l.default(p,m),children:r.jsx(s.FloatLabelInput,e.__assign({ref:u,"aria-label":f,autoFocus:d,className:c,disabled:j,error:w,inputMode:I,label:f,onChange:q,onKeyDown:b,pattern:y,placeholder:x,prefix:v,readOnly:A,required:h,suffix:g||r.jsx(t.Button,{className:_,icon:"password"===C?r.jsx(i.EyeIcon,{size:24}):r.jsx(a.EyeOffIcon,{size:24}),onClick:function(){return D("password"===C?"text":"password")},variant:"subtle"}),tabIndex:O,type:C,value:P},Z))})}));exports.PasswordInput=m;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
export declare const TimeInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
|
|
3
3
|
autoFocus?: boolean | undefined;
|
|
4
4
|
disabled?: boolean | undefined;
|
|
5
|
-
inputMode?: import("./
|
|
5
|
+
inputMode?: import("./_FloatLabelInput").InputMode | undefined;
|
|
6
6
|
label?: string | undefined;
|
|
7
7
|
noBorder?: boolean | undefined;
|
|
8
8
|
onChange: import("react").ChangeEventHandler<HTMLInputElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../tslib.es6-5672428a.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("@floating-ui/react"),r=require("clsx"),o=require("./
|
|
1
|
+
"use strict";var e=require("../../../tslib.es6-5672428a.js"),n=require("react/jsx-runtime"),t=require("react"),i=require("@floating-ui/react"),r=require("clsx"),o=require("./_FloatLabelInput.js"),a=require("../../../icons/ClockIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var s=l(r),d="Amino__TimeInput-module__styledWrapper--ZPt0q",c="Amino__TimeInput-module__styledActionWrapper--QykRo",p="Amino__TimeInput-module__styledButtonAction---VQOV";u.styleInject(".Amino__TimeInput-module__styledWrapper--ZPt0q{position:relative;width:100%}.Amino__TimeInput-module__styledWrapper--ZPt0q input[type=time]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__TimeInput-module__styledActionWrapper--QykRo{display:flex;flex-direction:column;justify-content:center}.Amino__TimeInput-module__styledButtonAction---VQOV{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__TimeInput-module__styledButtonAction---VQOV:hover{background:var(--amino-hover-color)}.Amino__TimeInput-module__styledButtonAction---VQOV:active{background:var(--amino-gray-100)}.Amino__TimeInput-module__styledButtonAction---VQOV:focus{outline:none}.Amino__TimeInput-module__aminoInput--jyQcS input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}");var _=t.forwardRef((function(r,u){var l=r.autoFocus,_=r.className,m=r.disabled,y=r.error,f=r.inputMode,b=r.label,I=r.onChange,v=r.onKeyDown,x=r.pattern,A=r.placeholder,j=r.prefix,q=r.readOnly,h=r.required,g=r.suffix,T=r.tabIndex,k=r.value,w=e.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),V=t.useRef(null),O=i.useMergeRefs([u,V]);return n.jsx("div",{className:s.default(d,_),children:n.jsx(o.FloatLabelInput,e.__assign({ref:O,"aria-label":b,autoFocus:l,disabled:m,error:y,inputMode:f,label:b,onChange:I,onKeyDown:v,pattern:x,placeholder:A,prefix:j,readOnly:q,required:h,suffix:g||n.jsx("div",{className:c,children:n.jsx("button",{className:p,onClick:function(){var e,n;null===(e=V.current)||void 0===e||e.showPicker(),null===(n=V.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:n.jsx(a.ClockIcon,{size:24})})}),tabIndex:T,type:"time",value:k},w))})}));exports.TimeInput=_;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("../../../tslib.es6-5672428a.js"),a=require("react/jsx-runtime"),n=require("react"),i=require("clsx"),r=require("../../../style-inject.es-d4ddeae4.js"),o={inputWrapper:"Amino__InputBase-module__inputWrapper--1ENOH",input:"Amino__InputBase-module__input--lRqSN",prefix:"Amino__InputBase-module__prefix--zRivu",suffix:"Amino__InputBase-module__suffix--aO4YM",valuePrefix:"Amino__InputBase-module__valuePrefix---iZ7M",sm:"Amino__InputBase-module__sm--PsKLo",md:"Amino__InputBase-module__md--L72e-",lg:"Amino__InputBase-module__lg--Fa1Qo",xl:"Amino__InputBase-module__xl--SxAu6",label:"Amino__InputBase-module__label--lovKk",textInputWrapper:"Amino__InputBase-module__textInputWrapper--td6qr"};r.styleInject(".Amino__InputBase-module__inputWrapper--1ENOH{align-items:center;background:#0000;border-radius:var(--amino-input-border-radius);box-shadow:var(--amino-shadow-input-base);display:flex;flex:none;width:100%}.Amino__InputBase-module__inputWrapper--1ENOH:has(.Amino__InputBase-module__input--lRqSN:focus){box-shadow:var(--amino-shadow-input-focus)}.Amino__InputBase-module__inputWrapper--1ENOH.has-error{box-shadow:var(--amino-shadow-input-error)}.Amino__InputBase-module__inputWrapper--1ENOH.has-error:has(.Amino__InputBase-module__input--lRqSN:focus){box-shadow:var(--amino-shadow-input-error-focus)}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__input--lRqSN{background:var(--amino-input-background);background:#0000;border:none;border-radius:inherit;font-weight:500;height:inherit;outline:none;padding:0 var(--amino-space-16);width:100%}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__input--lRqSN::placeholder{color:var(--amino-gray-500);font-weight:400}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__prefix--zRivu,.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__suffix--aO4YM{align-items:center;display:flex;padding:0 var(--amino-space-8)}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__prefix--zRivu{margin-right:-8px;padding-right:0}.Amino__InputBase-module__inputWrapper--1ENOH .Amino__InputBase-module__valuePrefix---iZ7M{color:var(--amino-gray-800);padding-left:var(--amino-space-12);white-space:nowrap}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__sm--PsKLo{height:32px}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__md--L72e-{height:40px}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__lg--Fa1Qo{height:48px}.Amino__InputBase-module__inputWrapper--1ENOH.Amino__InputBase-module__xl--SxAu6{height:56px}.Amino__InputBase-module__label--lovKk{color:var(--amino-text-color-secondary);display:block;flex:none;margin-bottom:var(--amino-space-8)}.Amino__InputBase-module__label--lovKk.has-error{color:var(--amino-red-600)}.Amino__InputBase-module__textInputWrapper--td6qr{display:flex;flex-direction:column;width:100%}");var _=n.forwardRef((function(n,r){var _=n.className,u=n.disabled,p=n.error,s=n.label;n.noBorder;var l=n.placeholder,t=n.prefix,m=n.size,d=n.suffix,x=n.value,c=n.valuePrefix,I=e.__rest(n,["className","disabled","error","label","noBorder","placeholder","prefix","size","suffix","value","valuePrefix"]);return a.jsxs("div",{className:o.textInputWrapper,children:[s&&a.jsx("label",{className:i.clsx(o.label,p&&"has-error"),children:s}),a.jsxs("div",{className:i.clsx(o.inputWrapper,m&&o["".concat(m)],p&&"has-error",_),children:[t&&a.jsx("div",{className:o.prefix,children:t}),c&&a.jsx("div",{className:o.valuePrefix,children:c}),a.jsx("input",e.__assign({ref:r,className:o.input,disabled:u,placeholder:l,value:x||""},I)),d&&a.jsx("div",{className:o.suffix,children:d})]})]})}));exports.InputBase=_;
|