@foxford/ui 2.39.0-beta-3558be1-20240822 → 2.39.0-beta-d0e7df8-20240822

package/components/Indicator/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Indicator/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledIndicatorProps, IndicatorPalette } from './types'\n\nconst shouldForwardIndicatorProp = createShouldForwardProp((propKey) => {\n  return !['square', 'black', 'grey', 'onColored', 'pulse', 'pulseIterationCount', 'frame'].includes(propKey)\n})\n\nconst pulseAnimation = keyframes`\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  75% {\n    opacity: 0;\n  }\n  100% {\n    transform: scale(4);\n  }\n`\n\nexport const Foreground = styled.span`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  z-index: 1;\n  border-radius: inherit;\n  background-color: inherit;\n`\n\nconst template = (palette: IndicatorPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${palette.shadowColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-brand-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-secondary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-divider'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledIndicatorProps>({\n    shouldForwardProp: shouldForwardIndicatorProp,\n  })\n  .attrs<StyledIndicatorProps>(\n    (props): Required<Pick<StyledIndicatorProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: props.square ? 'min-content' : '1em',\n        minWidth: props.square ? '1.6em' : undefined,\n        height: props.square ? '1.6em' : '1em',\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  cursor: default;\n  display: inline-block;\n  flex-shrink: 0;\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.grey) return schema.grey\n    if (props.black) return schema.black\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${(props) =>\n    !props.frame &&\n    `\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `}\n\n  ${(props) =>\n    props.pulse &&\n    css`\n      &::before,\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        background-color: inherit;\n        border-radius: inherit;\n        animation-name: ${pulseAnimation};\n        animation-duration: 3200ms;\n        animation-iteration-count: ${typeof props.pulseIterationCount === 'number'\n          ? props.pulseIterationCount\n          : 'infinite'};\n      }\n\n      &::after {\n        animation-delay: 800ms;\n      }\n    `}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardIndicatorProp","createShouldForwardProp","propKey","includes","pulseAnimation","keyframes","Foreground","styled","span","withConfig","displayName","componentId","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","onColored","primary","css","props","theme","colors","secondary","black","grey","default","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","square","minWidth","undefined","height","borderRadius","schema","frame","pulse","pulseIterationCount","responsiveSize"],"mappings":"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"}

package/components/Input/Input.js

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import i from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t,useRef as e,useImperativeHandle as a,useState as n}from'react';import{useTheme as o}from'styled-components';import{withMergedProps as m}from'../../hocs/withMergedProps.js';import{FormInputLabel as s}from'../FormInputLabel/FormInputLabel.js';import{SIZES as g}from'../FormInputLabel/constants.js';import{Icon as l}from'../Icon/Icon.js';import'../Icon/icons.js';import{InputPhone as p}from'../Input.Phone/Input.Phone.js';import{Spacer as u}from'../Spacer/Spacer.js';import{Root as c,Input as d,InputControl as X}from'./style.js';import{jsx as f,jsxs as h,Fragment as S}from'react/jsx-runtime';var L=["size","mask","rounded","color","placeholderColor","width","type","labelPosition","textProps","iconProps","controls","preset","className","style","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","margin","marginXXS","marginXS","marginS","marginM","marginL","marginXL","marginTop","marginTopXXS","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRight","marginRightXXS","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottom","marginBottomXXS","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeft","marginLeftXXS","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","marginUnits","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","primary","secondary","onColored","fluid","disabled","inline","inputRef"];var v='Input';var b=Object.assign(m(t(((t,m)=>{var g,p,v,b;var y=o();var{size:z="m",mask:T="",rounded:R=!0,color:w="mineShaft",placeholderColor:B="silver",width:M=y.defaultInputControlsWidth,type:P="text",labelPosition:C="dynamic",textProps:I={},iconProps:x={},controls:F={},preset:j,className:k,style:N,sizeXXS:A,sizeXS:E,sizeS:U,sizeM:V,sizeL:O,sizeXL:W,sizeUnits:D,sizes:H,margin:Z,marginXXS:_,marginXS:q,marginS:G,marginM:J,marginL:K,marginXL:Q,marginTop:Y,marginTopXXS:$,marginTopXS:rr,marginTopS:ir,marginTopM:tr,marginTopL:er,marginTopXL:ar,marginRight:nr,marginRightXXS:or,marginRightXS:mr,marginRightS:sr,marginRightM:gr,marginRightL:lr,marginRightXL:pr,marginBottom:ur,marginBottomXXS:cr,marginBottomXS:dr,marginBottomS:Xr,marginBottomM:fr,marginBottomL:hr,marginBottomXL:Sr,marginLeft:Lr,marginLeftXXS:vr,marginLeftXS:br,marginLeftS:yr,marginLeftM:zr,marginLeftL:Tr,marginLeftXL:Rr,marginUnits:wr,palette:Br,widthXXS:Mr,widthXS:Pr,widthS:Cr,widthM:Ir,widthL:xr,widthXL:Fr,error:jr,success:kr,label:Nr,icon:Ar,text:Er,primary:Ur,secondary:Vr,onColored:Or,fluid:Wr,disabled:Dr,inline:Hr,inputRef:Zr}=t,_r=i(t,L);var{icon:qr,iconProps:Gr={},buttonProps:Jr={}}=null!==(g=F.additional)&&void 0!==g?g:{};var{icon:Kr,iconProps:Qr={},buttonProps:Yr=[]}=null!==(p=F.number)&&void 0!==p?p:{};var[$r,ri]=Array.isArray(Kr)?Kr:[Kr];var ii=null!==(v=Array.isArray(Yr)?Yr[0]:Yr)&&void 0!==v?v:{};var ti=null!==(b=Array.isArray(Yr)?Yr[1]:{})&&void 0!==b?b:{};var ei=e(null);a(m,(()=>ei.current),[]);var ai='string'==typeof _r.value||'number'==typeof _r.value||'string'==typeof _r.defaultValue||'number'==typeof _r.defaultValue;var[ni,oi]=n(ai);var[mi,si]=n(ai);var[gi,li]=n((()=>{if('number'!==P||void 0===_r.min)return!1;var{value:r=1/0,defaultValue:i=1/0}=_r;var t='number'==typeof r?r:parseFloat(r);var e='number'==typeof i?i:parseFloat(i);var a='number'==typeof _r.min?_r.min:parseFloat(_r.min);return Math.min(t,e)<=a}));var[pi,ui]=n((()=>{if('number'!==P||void 0===_r.max)return!1;var{value:r=-1/0,defaultValue:i=-1/0}=_r;var t='number'==typeof r?r:parseFloat(r);var e='number'==typeof i?i:parseFloat(i);var a='number'==typeof _r.max?_r.max:parseFloat(_r.max);return Math.max(t,e)>=a}));return'brand'!==j?f(c,r(r({},_r),{},{inputRef:null!=Zr?Zr:r=>{ei.current=r},className:k,style:N,size:'number'==typeof z?z:void 0,mask:T,rounded:R,color:w,placeholderColor:B,width:M,widthXXS:Mr,widthXS:Pr,widthS:Cr,widthM:Ir,widthL:xr,widthXL:Fr,error:jr,type:P,fluid:Wr,disabled:Dr})):f(s,{className:k,style:N,size:z,sizeXXS:A,sizeXS:E,sizeS:U,sizeM:V,sizeL:O,sizeXL:W,sizeUnits:D,sizes:H,margin:Z,marginXXS:_,marginXS:q,marginS:G,marginM:J,marginL:K,marginXL:Q,marginTop:Y,marginTopXXS:$,marginTopXS:rr,marginTopS:ir,marginTopM:tr,marginTopL:er,marginTopXL:ar,marginRight:nr,marginRightXXS:or,marginRightXS:mr,marginRightS:sr,marginRightM:gr,marginRightL:lr,marginRightXL:pr,marginBottom:ur,marginBottomXXS:cr,marginBottomXS:dr,marginBottomS:Xr,marginBottomM:fr,marginBottomL:hr,marginBottomXL:Sr,marginLeft:Lr,marginLeftXXS:vr,marginLeftXS:br,marginLeftS:yr,marginLeftM:zr,marginLeftL:Tr,marginLeftXL:Rr,marginUnits:wr,palette:Br,error:jr,success:kr,label:Nr,labelPosition:C,icon:Ar,text:Er,primary:Ur,secondary:Vr,onColored:Or,disabled:Dr,inline:Hr,active:ni,textProps:I,iconProps:r({size:24,color:Dr?'content-disabled':'content-onmain-tertiary'},x),onClick:()=>{ei.current&&ei.current.focus()},onFocus:r=>{r.target!==r.currentTarget&&oi(!0)},onBlur:r=>{r.target===r.currentTarget||mi||oi(!1)},input:f(d,r(r({},_r),{},{inputRef:r=>{ei.current=r},mask:T,palette:Br,type:P,label:Nr,labelPosition:C,disabled:Dr,active:ni,onChange:r=>{if(_r.onChange&&_r.onChange(r),'number'===P){var i=parseFloat(r.currentTarget.value);var t=i<=parseFloat(r.currentTarget.min);var e=i>=parseFloat(r.currentTarget.max);li(t),ui(e),(t||e)&&r.currentTarget.focus()}},onBlur:r=>{r.stopPropagation(),_r.onBlur&&_r.onBlur(r),si(Boolean(r.currentTarget.value)),oi(Boolean(r.currentTarget.value))}})),controls:qr||'number'===P?h(S,{children:[qr&&f(X,r(r({},Jr),{},{type:"button",palette:Br,disabled:Dr,onClick:r=>{r.stopPropagation(),Jr.onClick&&Jr.onClick(r)},children:f(l,r({as:"span",size:24,color:"inherit",name:'string'==typeof qr?qr:void 0,icon:'string'!=typeof qr?qr:void 0},Gr))})),'number'===P&&h(u,{display:"flex",marginLeft:4,children:[f(X,r(r({},ii),{},{type:"button",palette:Br,disabled:Dr||gi,onClick:r=>{r.stopPropagation(),ii.onClick&&ii.onClick(r);try{if(ei.current){var i=ei.current.value;if(ei.current.stepDown(),i!==ei.current.value){var t=new Event('input',{bubbles:!0});ei.current.dispatchEvent(t)}}}catch(r){console.error(r)}},children:f(l,r(void 0===$r?{as:"span",size:24,color:"inherit",name:"minus",preset:"brand"}:{as:"span",size:24,color:"inherit",name:'string'==typeof $r?$r:void 0,icon:'string'!=typeof $r?$r:void 0},Qr))})),f(X,r(r({},ti),{},{type:"button",palette:Br,disabled:Dr||pi,onClick:r=>{r.stopPropagation(),ti.onClick&&ti.onClick(r);try{if(ei.current){var i=ei.current.value;if(ei.current.stepUp(),i!==ei.current.value){var t=new Event('input',{bubbles:!0});ei.current.dispatchEvent(t)}}}catch(r){console.error(r)}},children:f(l,r(void 0===ri?{as:"span",size:24,color:"inherit",name:"plus",preset:"brand"}:{as:"span",size:24,color:"inherit",name:'string'==typeof ri?ri:void 0,icon:'string'!=typeof ri?ri:void 0},Qr))}))]})]}):void 0})})),{sizes:g,displayName:"Input"}),{Phone:p});export{v as COMPONENT_NAME,b as Input};
+'use strict';var React=require('react');var styled=require('styled-components');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Input_Phone=require('../Input.Phone/Input.Phone.js');var constants=require('../FormInputLabel/constants.js');var FormInputLabel=require('../FormInputLabel/FormInputLabel.js');var Icon=require('../Icon/Icon.js');var Spacer=require('../Spacer/Spacer.js');const Input=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const r=styled.useTheme();const{size:n="m",mask:i="",rounded:o=!0,color:a="mineShaft",placeholderColor:s="silver",width:c=r.defaultInputControlsWidth,type:u="text",labelPosition:m="dynamic",textProps:l={},iconProps:p={},controls:g={},preset:d,className:h,style:f,sizeXXS:X,sizeXS:S,sizeS:y,sizeM:b,sizeL:L,sizeXL:v,sizeUnits:I,sizes:R,margin:x,marginXXS:z,marginXS:P,marginS:$,marginM:T,marginL:q,marginXL:w,marginTop:C,marginTopXXS:M,marginTopXS:j,marginTopS:B,marginTopM:F,marginTopL:k,marginTopXL:A,marginRight:E,marginRightXXS:N,marginRightXS:U,marginRightS:V,marginRightM:O,marginRightL:_,marginRightXL:D,marginBottom:H,marginBottomXXS:W,marginBottomXS:Z,marginBottomS:G,marginBottomM:J,marginBottomL:K,marginBottomXL:Q,marginLeft:Y,marginLeftXXS:ee,marginLeftXS:te,marginLeftS:re,marginLeftM:ne,marginLeftL:ie,marginLeftXL:oe,marginUnits:ae,palette:se,widthXXS:ce,widthXS:ue,widthS:me,widthM:le,widthL:pe,widthXL:ge,error:de,success:he,label:fe,icon:Xe,text:Se,primary:ye,secondary:be,onColored:Le,fluid:ve,disabled:Ie,inline:Re,inputRef:xe,...ze}=e;const{icon:Pe,iconProps:$e={},buttonProps:Te={}}=g.additional??{};const{icon:qe,iconProps:we={},buttonProps:Ce=[]}=g.number??{};const[Me,je]=Array.isArray(qe)?qe:[qe];const Be=(Array.isArray(Ce)?Ce[0]:Ce)??{};const Fe=(Array.isArray(Ce)?Ce[1]:{})??{};const ke=React.useRef(null);React.useImperativeHandle(t,(()=>ke.current),[]);const Ae=typeof ze.value=='string'||typeof ze.value=='number'||typeof ze.defaultValue=='string'||typeof ze.defaultValue=='number';const[Ee,Ne]=React.useState(Ae);const[Ue,Ve]=React.useState(Ae);const[Oe,_e]=React.useState((()=>{if(u!=='number'||ze.min===void 0)return!1;const{value:e=1/0,defaultValue:t=1/0}=ze;const r=typeof e=='number'?e:parseFloat(e);const n=typeof t=='number'?t:parseFloat(t);const i=typeof ze.min=='number'?ze.min:parseFloat(ze.min);return Math.min(r,n)<=i}));const[De,He]=React.useState((()=>{if(u!=='number'||ze.max===void 0)return!1;const{value:e=-1/0,defaultValue:t=-1/0}=ze;const r=typeof e=='number'?e:parseFloat(e);const n=typeof t=='number'?t:parseFloat(t);const i=typeof ze.max=='number'?ze.max:parseFloat(ze.max);return Math.max(r,n)>=i}));return d!=='brand'?require$$0.jsx(style.Root,{...ze,inputRef:xe??(e=>{ke.current=e}),className:h,style:f,size:typeof n=='number'?n:void 0,mask:i,rounded:o,color:a,placeholderColor:s,width:c,widthXXS:ce,widthXS:ue,widthS:me,widthM:le,widthL:pe,widthXL:ge,error:de,type:u,fluid:ve,disabled:Ie}):require$$0.jsx(FormInputLabel.FormInputLabel,{className:h,style:f,size:n,sizeXXS:X,sizeXS:S,sizeS:y,sizeM:b,sizeL:L,sizeXL:v,sizeUnits:I,sizes:R,margin:x,marginXXS:z,marginXS:P,marginS:$,marginM:T,marginL:q,marginXL:w,marginTop:C,marginTopXXS:M,marginTopXS:j,marginTopS:B,marginTopM:F,marginTopL:k,marginTopXL:A,marginRight:E,marginRightXXS:N,marginRightXS:U,marginRightS:V,marginRightM:O,marginRightL:_,marginRightXL:D,marginBottom:H,marginBottomXXS:W,marginBottomXS:Z,marginBottomS:G,marginBottomM:J,marginBottomL:K,marginBottomXL:Q,marginLeft:Y,marginLeftXXS:ee,marginLeftXS:te,marginLeftS:re,marginLeftM:ne,marginLeftL:ie,marginLeftXL:oe,marginUnits:ae,palette:se,error:de,success:he,label:fe,labelPosition:m,icon:Xe,text:Se,primary:ye,secondary:be,onColored:Le,disabled:Ie,inline:Re,active:Ee,textProps:l,iconProps:{size:24,color:Ie?'content-disabled':'content-onmain-tertiary',...p},onClick:()=>{ke.current&&ke.current.focus()},onFocus:e=>{e.target!==e.currentTarget&&Ne(!0)},onBlur:e=>{e.target===e.currentTarget||Ue||Ne(!1)},input:require$$0.jsx(style.Input,{...ze,inputRef:e=>{ke.current=e},mask:i,palette:se,type:u,label:fe,labelPosition:m,disabled:Ie,active:Ee,onChange:e=>{if(ze.onChange&&ze.onChange(e),u==='number'){const t=parseFloat(e.currentTarget.value);const r=t<=parseFloat(e.currentTarget.min);const n=t>=parseFloat(e.currentTarget.max);_e(r),He(n),(r||n)&&e.currentTarget.focus()}},onBlur:e=>{e.stopPropagation(),ze.onBlur&&ze.onBlur(e),Ve(Boolean(e.currentTarget.value)),Ne(Boolean(e.currentTarget.value))}}),controls:Pe||u==='number'?require$$0.jsxs(require$$0.Fragment,{children:[Pe&&require$$0.jsx(style.InputControl,{...Te,type:"button",palette:se,disabled:Ie,onClick:e=>{e.stopPropagation(),Te.onClick&&Te.onClick(e)},children:require$$0.jsx(Icon.Icon,{as:"span",size:24,color:"inherit",name:typeof Pe=='string'?Pe:void 0,icon:typeof Pe!='string'?Pe:void 0,...$e})}),u==='number'&&require$$0.jsxs(Spacer.Spacer,{display:"flex",marginLeft:4,children:[require$$0.jsx(style.InputControl,{...Be,type:"button",palette:se,disabled:Ie||Oe,onClick:e=>{e.stopPropagation(),Be.onClick&&Be.onClick(e);try{if(ke.current){const e=ke.current.value;if(ke.current.stepDown(),e!==ke.current.value){const e=new Event('input',{bubbles:!0});ke.current.dispatchEvent(e)}}}catch(e){console.error(e)}},children:require$$0.jsx(Icon.Icon,Me===void 0?{as:"span",size:24,color:"inherit",name:"minus",preset:"brand",...we}:{as:"span",size:24,color:"inherit",name:typeof Me=='string'?Me:void 0,icon:typeof Me!='string'?Me:void 0,...we})}),require$$0.jsx(style.InputControl,{...Fe,type:"button",palette:se,disabled:Ie||De,onClick:e=>{e.stopPropagation(),Fe.onClick&&Fe.onClick(e);try{if(ke.current){const e=ke.current.value;if(ke.current.stepUp(),e!==ke.current.value){const e=new Event('input',{bubbles:!0});ke.current.dispatchEvent(e)}}}catch(e){console.error(e)}},children:require$$0.jsx(Icon.Icon,je===void 0?{as:"span",size:24,color:"inherit",name:"plus",preset:"brand",...we}:{as:"span",size:24,color:"inherit",name:typeof je=='string'?je:void 0,icon:typeof je!='string'?je:void 0,...we})})]})]}):void 0})})),{sizes:constants.SIZES,displayName:"Input"}),{Phone:Input_Phone.InputPhone});exports.COMPONENT_NAME="Input",exports.Input=Input;
 //# sourceMappingURL=Input.js.map

package/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useState, useImperativeHandle, useRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { FormInputLabel, SIZES } from 'components/FormInputLabel'\nimport { Icon } from 'components/Icon'\nimport { InputPhone } from 'components/Input.Phone'\nimport { Spacer } from 'components/Spacer'\nimport * as Styled from './style'\nimport type { InputProps } from './types'\n\nconst COMPONENT_NAME = 'Input'\n\n/**\n *\n * Component accepts all \\<input\\> attributes and \"react-input-mask\" v2.0.4 props.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputProps](https://github.com/foxford/ui/blob/master/src/components/Input/types.ts)\n */\nconst Input: React.ForwardRefExoticComponent<InputProps> & { Phone: typeof InputPhone } = Object.assign(\n  withMergedProps<InputProps, HTMLInputElement>(\n    forwardRef((props, forwardedRef) => {\n      const theme = useTheme()\n\n      const {\n        size = 'm',\n        mask = '',\n        rounded = true,\n        color = 'mineShaft',\n        placeholderColor = 'silver',\n        width = theme.defaultInputControlsWidth,\n        type = 'text',\n        labelPosition = 'dynamic',\n        textProps = {},\n        iconProps = {},\n        controls = {},\n        preset,\n        className,\n        style,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizeUnits,\n        sizes,\n        margin,\n        marginXXS,\n        marginXS,\n        marginS,\n        marginM,\n        marginL,\n        marginXL,\n        marginTop,\n        marginTopXXS,\n        marginTopXS,\n        marginTopS,\n        marginTopM,\n        marginTopL,\n        marginTopXL,\n        marginRight,\n        marginRightXXS,\n        marginRightXS,\n        marginRightS,\n        marginRightM,\n        marginRightL,\n        marginRightXL,\n        marginBottom,\n        marginBottomXXS,\n        marginBottomXS,\n        marginBottomS,\n        marginBottomM,\n        marginBottomL,\n        marginBottomXL,\n        marginLeft,\n        marginLeftXXS,\n        marginLeftXS,\n        marginLeftS,\n        marginLeftM,\n        marginLeftL,\n        marginLeftXL,\n        marginUnits,\n        palette,\n        widthXXS,\n        widthXS,\n        widthS,\n        widthM,\n        widthL,\n        widthXL,\n        error,\n        success,\n        label,\n        icon,\n        text,\n        primary,\n        secondary,\n        onColored,\n        fluid,\n        disabled,\n        inline,\n        inputRef,\n        ...inputProps\n      } = props\n\n      const {\n        icon: additionalControlIcon,\n        iconProps: additionalControlIconProps = {},\n        buttonProps: additionalControlButtonProps = {},\n      } = controls.additional ?? {}\n\n      const {\n        icon: numberControlIcon,\n        iconProps: numberControlIconProps = {},\n        buttonProps: numberControlButtonProps = [],\n      } = controls.number ?? {}\n\n      const [minus, plus] = Array.isArray(numberControlIcon) ? numberControlIcon : [numberControlIcon]\n\n      const minusButtonProps =\n        (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[0] : numberControlButtonProps) ?? {}\n\n      const plusButtonProps = (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[1] : {}) ?? {}\n\n      const ref = useRef<HTMLInputElement | null>(null)\n      useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(forwardedRef, () => ref.current, [])\n\n      const hasInitValue =\n        typeof inputProps.value === 'string' ||\n        typeof inputProps.value === 'number' ||\n        typeof inputProps.defaultValue === 'string' ||\n        typeof inputProps.defaultValue === 'number'\n\n      const [active, setActive] = useState(hasInitValue)\n      const [hasValue, setHasValue] = useState(hasInitValue)\n\n      const [minusDisabled, setMinusDisabled] = useState(() => {\n        if (type !== 'number' || inputProps.min === undefined) return false\n\n        const { value = Infinity, defaultValue = Infinity } = inputProps\n\n        const initValue = typeof value === 'number' ? value : parseFloat(value)\n        const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n        const minValue = typeof inputProps.min === 'number' ? inputProps.min : parseFloat(inputProps.min)\n\n        return Math.min(initValue, initDefaultValue) <= minValue\n      })\n\n      const [plusDisabled, setPlusDisabled] = useState(() => {\n        if (type !== 'number' || inputProps.max === undefined) return false\n\n        const { value = -Infinity, defaultValue = -Infinity } = inputProps\n\n        const initValue = typeof value === 'number' ? value : parseFloat(value)\n        const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n        const maxValue = typeof inputProps.max === 'number' ? inputProps.max : parseFloat(inputProps.max)\n\n        return Math.max(initValue, initDefaultValue) >= maxValue\n      })\n\n      if (preset !== 'brand') {\n        return (\n          <Styled.Root\n            {...inputProps}\n            inputRef={\n              inputRef ??\n              ((input) => {\n                ref.current = input\n              })\n            }\n            className={className}\n            style={style}\n            size={typeof size === 'number' ? size : undefined}\n            mask={mask}\n            rounded={rounded}\n            color={color}\n            placeholderColor={placeholderColor}\n            width={width}\n            widthXXS={widthXXS}\n            widthXS={widthXS}\n            widthS={widthS}\n            widthM={widthM}\n            widthL={widthL}\n            widthXL={widthXL}\n            error={error}\n            type={type}\n            fluid={fluid}\n            disabled={disabled}\n          />\n        )\n      }\n\n      return (\n        <FormInputLabel\n          className={className}\n          style={style}\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizeUnits={sizeUnits}\n          sizes={sizes}\n          margin={margin}\n          marginXXS={marginXXS}\n          marginXS={marginXS}\n          marginS={marginS}\n          marginM={marginM}\n          marginL={marginL}\n          marginXL={marginXL}\n          marginTop={marginTop}\n          marginTopXXS={marginTopXXS}\n          marginTopXS={marginTopXS}\n          marginTopS={marginTopS}\n          marginTopM={marginTopM}\n          marginTopL={marginTopL}\n          marginTopXL={marginTopXL}\n          marginRight={marginRight}\n          marginRightXXS={marginRightXXS}\n          marginRightXS={marginRightXS}\n          marginRightS={marginRightS}\n          marginRightM={marginRightM}\n          marginRightL={marginRightL}\n          marginRightXL={marginRightXL}\n          marginBottom={marginBottom}\n          marginBottomXXS={marginBottomXXS}\n          marginBottomXS={marginBottomXS}\n          marginBottomS={marginBottomS}\n          marginBottomM={marginBottomM}\n          marginBottomL={marginBottomL}\n          marginBottomXL={marginBottomXL}\n          marginLeft={marginLeft}\n          marginLeftXXS={marginLeftXXS}\n          marginLeftXS={marginLeftXS}\n          marginLeftS={marginLeftS}\n          marginLeftM={marginLeftM}\n          marginLeftL={marginLeftL}\n          marginLeftXL={marginLeftXL}\n          marginUnits={marginUnits}\n          palette={palette}\n          error={error}\n          success={success}\n          label={label}\n          labelPosition={labelPosition}\n          icon={icon}\n          text={text}\n          primary={primary}\n          secondary={secondary}\n          onColored={onColored}\n          disabled={disabled}\n          inline={inline}\n          active={active}\n          textProps={textProps}\n          iconProps={{\n            size: 24,\n            color: disabled ? 'content-disabled' : 'content-onmain-tertiary',\n            ...iconProps,\n          }}\n          onClick={() => {\n            if (ref.current) {\n              ref.current.focus()\n            }\n          }}\n          onFocus={(evt) => {\n            if (evt.target !== evt.currentTarget) {\n              setActive(true)\n            }\n          }}\n          onBlur={(evt) => {\n            if (evt.target !== evt.currentTarget && !hasValue) {\n              setActive(false)\n            }\n          }}\n          input={\n            <Styled.Input\n              {...inputProps}\n              inputRef={(input) => {\n                ref.current = input\n              }}\n              mask={mask}\n              palette={palette}\n              type={type}\n              label={label}\n              labelPosition={labelPosition}\n              disabled={disabled}\n              active={active}\n              onChange={(evt) => {\n                if (inputProps.onChange) {\n                  inputProps.onChange(evt)\n                }\n\n                if (type === 'number') {\n                  const currentValue = parseFloat(evt.currentTarget.value)\n\n                  const minValueReached = currentValue <= parseFloat(evt.currentTarget.min)\n                  const maxValueReached = currentValue >= parseFloat(evt.currentTarget.max)\n\n                  setMinusDisabled(minValueReached)\n                  setPlusDisabled(maxValueReached)\n\n                  if (minValueReached || maxValueReached) {\n                    evt.currentTarget.focus()\n                  }\n                }\n              }}\n              onBlur={(evt) => {\n                evt.stopPropagation()\n                if (inputProps.onBlur) {\n                  inputProps.onBlur(evt)\n                }\n\n                setHasValue(Boolean(evt.currentTarget.value))\n                setActive(Boolean(evt.currentTarget.value))\n              }}\n            />\n          }\n          controls={\n            additionalControlIcon || type === 'number' ? (\n              <>\n                {additionalControlIcon && (\n                  <Styled.InputControl\n                    {...additionalControlButtonProps}\n                    type='button'\n                    palette={palette}\n                    disabled={disabled}\n                    onClick={(evt) => {\n                      evt.stopPropagation()\n                      if (additionalControlButtonProps.onClick) {\n                        additionalControlButtonProps.onClick(evt)\n                      }\n                    }}\n                  >\n                    <Icon\n                      as='span'\n                      size={24}\n                      color='inherit'\n                      name={typeof additionalControlIcon === 'string' ? additionalControlIcon : undefined}\n                      icon={typeof additionalControlIcon !== 'string' ? additionalControlIcon : undefined}\n                      {...additionalControlIconProps}\n                    />\n                  </Styled.InputControl>\n                )}\n                {type === 'number' && (\n                  <Spacer display='flex' marginLeft={4}>\n                    <Styled.InputControl\n                      {...minusButtonProps}\n                      type='button'\n                      palette={palette}\n                      disabled={disabled || minusDisabled}\n                      onClick={(evt) => {\n                        evt.stopPropagation()\n                        if (minusButtonProps.onClick) {\n                          minusButtonProps.onClick(evt)\n                        }\n\n                        try {\n                          if (ref.current) {\n                            const prev = ref.current.value\n                            ref.current.stepDown()\n\n                            const decremented = ref.current.value\n                            if (prev !== decremented) {\n                              const event = new Event('input', { bubbles: true })\n                              ref.current.dispatchEvent(event)\n                            }\n                          }\n                        } catch (err) {\n                          // eslint-disable-next-line no-console\n                          console.error(err)\n                        }\n                      }}\n                    >\n                      {minus === undefined ? (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name='minus'\n                          preset='brand'\n                          {...numberControlIconProps}\n                        />\n                      ) : (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name={typeof minus === 'string' ? minus : undefined}\n                          icon={typeof minus !== 'string' ? minus : undefined}\n                          {...numberControlIconProps}\n                        />\n                      )}\n                    </Styled.InputControl>\n                    <Styled.InputControl\n                      {...plusButtonProps}\n                      type='button'\n                      palette={palette}\n                      disabled={disabled || plusDisabled}\n                      onClick={(evt) => {\n                        evt.stopPropagation()\n                        if (plusButtonProps.onClick) {\n                          plusButtonProps.onClick(evt)\n                        }\n\n                        try {\n                          if (ref.current) {\n                            const prev = ref.current.value\n                            ref.current.stepUp()\n\n                            const incremented = ref.current.value\n                            if (prev !== incremented) {\n                              const event = new Event('input', { bubbles: true })\n                              ref.current.dispatchEvent(event)\n                            }\n                          }\n                        } catch (err) {\n                          // eslint-disable-next-line no-console\n                          console.error(err)\n                        }\n                      }}\n                    >\n                      {plus === undefined ? (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name='plus'\n                          preset='brand'\n                          {...numberControlIconProps}\n                        />\n                      ) : (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name={typeof plus === 'string' ? plus : undefined}\n                          icon={typeof plus !== 'string' ? plus : undefined}\n                          {...numberControlIconProps}\n                        />\n                      )}\n                    </Styled.InputControl>\n                  </Spacer>\n                )}\n              </>\n            ) : undefined\n          }\n        />\n      )\n    }),\n    {\n      sizes: SIZES,\n      displayName: COMPONENT_NAME,\n    }\n  ),\n  {\n    Phone: InputPhone,\n  }\n)\n\nexport { Input, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Input","Object","assign","withMergedProps","forwardRef","props","forwardedRef","_controls$additional","_controls$number","_ref","_ref2","theme","useTheme","size","mask","rounded","color","placeholderColor","width","defaultInputControlsWidth","type","labelPosition","textProps","iconProps","controls","preset","className","style","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","margin","marginXXS","marginXS","marginS","marginM","marginL","marginXL","marginTop","marginTopXXS","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRight","marginRightXXS","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottom","marginBottomXXS","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeft","marginLeftXXS","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","marginUnits","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","primary","secondary","onColored","fluid","disabled","inline","inputRef","inputProps","_excluded","additionalControlIcon","additionalControlIconProps","buttonProps","additionalControlButtonProps","additional","numberControlIcon","numberControlIconProps","numberControlButtonProps","number","minus","plus","Array","isArray","minusButtonProps","plusButtonProps","ref","useRef","useImperativeHandle","current","hasInitValue","value","defaultValue","active","setActive","useState","hasValue","setHasValue","minusDisabled","setMinusDisabled","undefined","min","Infinity","initValue","parseFloat","initDefaultValue","minValue","Math","plusDisabled","setPlusDisabled","max","maxValue","_jsx","Styled.Root","input","FormInputLabel","_objectSpread","onClick","focus","onFocus","evt","target","currentTarget","onBlur","Styled.Input","onChange","currentValue","minValueReached","maxValueReached","stopPropagation","Boolean","_jsxs","_Fragment","children","Styled.InputControl","Icon","as","name","Spacer","display","prev","stepDown","event","Event","bubbles","dispatchEvent","err","console","stepUp","SIZES","displayName","Phone","InputPhone"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useState, useImperativeHandle, useRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { FormInputLabel, SIZES } from 'components/FormInputLabel'\nimport { Icon } from 'components/Icon'\nimport { InputPhone } from 'components/Input.Phone'\nimport { Spacer } from 'components/Spacer'\nimport * as Styled from './style'\nimport type { InputProps } from './types'\n\nconst COMPONENT_NAME = 'Input'\n\n/**\n *\n * Component accepts all \\<input\\> attributes and \"react-input-mask\" v2.0.4 props.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputProps](https://github.com/foxford/ui/blob/master/src/components/Input/types.ts)\n */\nconst Input: React.ForwardRefExoticComponent<InputProps> & { Phone: typeof InputPhone } = Object.assign(\n  withMergedProps<InputProps, HTMLInputElement>(\n    forwardRef((props, forwardedRef) => {\n      const theme = useTheme()\n\n      const {\n        size = 'm',\n        mask = '',\n        rounded = true,\n        color = 'mineShaft',\n        placeholderColor = 'silver',\n        width = theme.defaultInputControlsWidth,\n        type = 'text',\n        labelPosition = 'dynamic',\n        textProps = {},\n        iconProps = {},\n        controls = {},\n        preset,\n        className,\n        style,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizeUnits,\n        sizes,\n        margin,\n        marginXXS,\n        marginXS,\n        marginS,\n        marginM,\n        marginL,\n        marginXL,\n        marginTop,\n        marginTopXXS,\n        marginTopXS,\n        marginTopS,\n        marginTopM,\n        marginTopL,\n        marginTopXL,\n        marginRight,\n        marginRightXXS,\n        marginRightXS,\n        marginRightS,\n        marginRightM,\n        marginRightL,\n        marginRightXL,\n        marginBottom,\n        marginBottomXXS,\n        marginBottomXS,\n        marginBottomS,\n        marginBottomM,\n        marginBottomL,\n        marginBottomXL,\n        marginLeft,\n        marginLeftXXS,\n        marginLeftXS,\n        marginLeftS,\n        marginLeftM,\n        marginLeftL,\n        marginLeftXL,\n        marginUnits,\n        palette,\n        widthXXS,\n        widthXS,\n        widthS,\n        widthM,\n        widthL,\n        widthXL,\n        error,\n        success,\n        label,\n        icon,\n        text,\n        primary,\n        secondary,\n        onColored,\n        fluid,\n        disabled,\n        inline,\n        inputRef,\n        ...inputProps\n      } = props\n\n      const {\n        icon: additionalControlIcon,\n        iconProps: additionalControlIconProps = {},\n        buttonProps: additionalControlButtonProps = {},\n      } = controls.additional ?? {}\n\n      const {\n        icon: numberControlIcon,\n        iconProps: numberControlIconProps = {},\n        buttonProps: numberControlButtonProps = [],\n      } = controls.number ?? {}\n\n      const [minus, plus] = Array.isArray(numberControlIcon) ? numberControlIcon : [numberControlIcon]\n\n      const minusButtonProps =\n        (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[0] : numberControlButtonProps) ?? {}\n\n      const plusButtonProps = (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[1] : {}) ?? {}\n\n      const ref = useRef<HTMLInputElement | null>(null)\n      useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(forwardedRef, () => ref.current, [])\n\n      const hasInitValue =\n        typeof inputProps.value === 'string' ||\n        typeof inputProps.value === 'number' ||\n        typeof inputProps.defaultValue === 'string' ||\n        typeof inputProps.defaultValue === 'number'\n\n      const [active, setActive] = useState(hasInitValue)\n      const [hasValue, setHasValue] = useState(hasInitValue)\n\n      const [minusDisabled, setMinusDisabled] = useState(() => {\n        if (type !== 'number' || inputProps.min === undefined) return false\n\n        const { value = Infinity, defaultValue = Infinity } = inputProps\n\n        const initValue = typeof value === 'number' ? value : parseFloat(value)\n        const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n        const minValue = typeof inputProps.min === 'number' ? inputProps.min : parseFloat(inputProps.min)\n\n        return Math.min(initValue, initDefaultValue) <= minValue\n      })\n\n      const [plusDisabled, setPlusDisabled] = useState(() => {\n        if (type !== 'number' || inputProps.max === undefined) return false\n\n        const { value = -Infinity, defaultValue = -Infinity } = inputProps\n\n        const initValue = typeof value === 'number' ? value : parseFloat(value)\n        const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n        const maxValue = typeof inputProps.max === 'number' ? inputProps.max : parseFloat(inputProps.max)\n\n        return Math.max(initValue, initDefaultValue) >= maxValue\n      })\n\n      if (preset !== 'brand') {\n        return (\n          <Styled.Root\n            {...inputProps}\n            inputRef={\n              inputRef ??\n              ((input) => {\n                ref.current = input\n              })\n            }\n            className={className}\n            style={style}\n            size={typeof size === 'number' ? size : undefined}\n            mask={mask}\n            rounded={rounded}\n            color={color}\n            placeholderColor={placeholderColor}\n            width={width}\n            widthXXS={widthXXS}\n            widthXS={widthXS}\n            widthS={widthS}\n            widthM={widthM}\n            widthL={widthL}\n            widthXL={widthXL}\n            error={error}\n            type={type}\n            fluid={fluid}\n            disabled={disabled}\n          />\n        )\n      }\n\n      return (\n        <FormInputLabel\n          className={className}\n          style={style}\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizeUnits={sizeUnits}\n          sizes={sizes}\n          margin={margin}\n          marginXXS={marginXXS}\n          marginXS={marginXS}\n          marginS={marginS}\n          marginM={marginM}\n          marginL={marginL}\n          marginXL={marginXL}\n          marginTop={marginTop}\n          marginTopXXS={marginTopXXS}\n          marginTopXS={marginTopXS}\n          marginTopS={marginTopS}\n          marginTopM={marginTopM}\n          marginTopL={marginTopL}\n          marginTopXL={marginTopXL}\n          marginRight={marginRight}\n          marginRightXXS={marginRightXXS}\n          marginRightXS={marginRightXS}\n          marginRightS={marginRightS}\n          marginRightM={marginRightM}\n          marginRightL={marginRightL}\n          marginRightXL={marginRightXL}\n          marginBottom={marginBottom}\n          marginBottomXXS={marginBottomXXS}\n          marginBottomXS={marginBottomXS}\n          marginBottomS={marginBottomS}\n          marginBottomM={marginBottomM}\n          marginBottomL={marginBottomL}\n          marginBottomXL={marginBottomXL}\n          marginLeft={marginLeft}\n          marginLeftXXS={marginLeftXXS}\n          marginLeftXS={marginLeftXS}\n          marginLeftS={marginLeftS}\n          marginLeftM={marginLeftM}\n          marginLeftL={marginLeftL}\n          marginLeftXL={marginLeftXL}\n          marginUnits={marginUnits}\n          palette={palette}\n          error={error}\n          success={success}\n          label={label}\n          labelPosition={labelPosition}\n          icon={icon}\n          text={text}\n          primary={primary}\n          secondary={secondary}\n          onColored={onColored}\n          disabled={disabled}\n          inline={inline}\n          active={active}\n          textProps={textProps}\n          iconProps={{\n            size: 24,\n            color: disabled ? 'content-disabled' : 'content-onmain-tertiary',\n            ...iconProps,\n          }}\n          onClick={() => {\n            if (ref.current) {\n              ref.current.focus()\n            }\n          }}\n          onFocus={(evt) => {\n            if (evt.target !== evt.currentTarget) {\n              setActive(true)\n            }\n          }}\n          onBlur={(evt) => {\n            if (evt.target !== evt.currentTarget && !hasValue) {\n              setActive(false)\n            }\n          }}\n          input={\n            <Styled.Input\n              {...inputProps}\n              inputRef={(input) => {\n                ref.current = input\n              }}\n              mask={mask}\n              palette={palette}\n              type={type}\n              label={label}\n              labelPosition={labelPosition}\n              disabled={disabled}\n              active={active}\n              onChange={(evt) => {\n                if (inputProps.onChange) {\n                  inputProps.onChange(evt)\n                }\n\n                if (type === 'number') {\n                  const currentValue = parseFloat(evt.currentTarget.value)\n\n                  const minValueReached = currentValue <= parseFloat(evt.currentTarget.min)\n                  const maxValueReached = currentValue >= parseFloat(evt.currentTarget.max)\n\n                  setMinusDisabled(minValueReached)\n                  setPlusDisabled(maxValueReached)\n\n                  if (minValueReached || maxValueReached) {\n                    evt.currentTarget.focus()\n                  }\n                }\n              }}\n              onBlur={(evt) => {\n                evt.stopPropagation()\n                if (inputProps.onBlur) {\n                  inputProps.onBlur(evt)\n                }\n\n                setHasValue(Boolean(evt.currentTarget.value))\n                setActive(Boolean(evt.currentTarget.value))\n              }}\n            />\n          }\n          controls={\n            additionalControlIcon || type === 'number' ? (\n              <>\n                {additionalControlIcon && (\n                  <Styled.InputControl\n                    {...additionalControlButtonProps}\n                    type='button'\n                    palette={palette}\n                    disabled={disabled}\n                    onClick={(evt) => {\n                      evt.stopPropagation()\n                      if (additionalControlButtonProps.onClick) {\n                        additionalControlButtonProps.onClick(evt)\n                      }\n                    }}\n                  >\n                    <Icon\n                      as='span'\n                      size={24}\n                      color='inherit'\n                      name={typeof additionalControlIcon === 'string' ? additionalControlIcon : undefined}\n                      icon={typeof additionalControlIcon !== 'string' ? additionalControlIcon : undefined}\n                      {...additionalControlIconProps}\n                    />\n                  </Styled.InputControl>\n                )}\n                {type === 'number' && (\n                  <Spacer display='flex' marginLeft={4}>\n                    <Styled.InputControl\n                      {...minusButtonProps}\n                      type='button'\n                      palette={palette}\n                      disabled={disabled || minusDisabled}\n                      onClick={(evt) => {\n                        evt.stopPropagation()\n                        if (minusButtonProps.onClick) {\n                          minusButtonProps.onClick(evt)\n                        }\n\n                        try {\n                          if (ref.current) {\n                            const prev = ref.current.value\n                            ref.current.stepDown()\n\n                            const decremented = ref.current.value\n                            if (prev !== decremented) {\n                              const event = new Event('input', { bubbles: true })\n                              ref.current.dispatchEvent(event)\n                            }\n                          }\n                        } catch (err) {\n                          // eslint-disable-next-line no-console\n                          console.error(err)\n                        }\n                      }}\n                    >\n                      {minus === undefined ? (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name='minus'\n                          preset='brand'\n                          {...numberControlIconProps}\n                        />\n                      ) : (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name={typeof minus === 'string' ? minus : undefined}\n                          icon={typeof minus !== 'string' ? minus : undefined}\n                          {...numberControlIconProps}\n                        />\n                      )}\n                    </Styled.InputControl>\n                    <Styled.InputControl\n                      {...plusButtonProps}\n                      type='button'\n                      palette={palette}\n                      disabled={disabled || plusDisabled}\n                      onClick={(evt) => {\n                        evt.stopPropagation()\n                        if (plusButtonProps.onClick) {\n                          plusButtonProps.onClick(evt)\n                        }\n\n                        try {\n                          if (ref.current) {\n                            const prev = ref.current.value\n                            ref.current.stepUp()\n\n                            const incremented = ref.current.value\n                            if (prev !== incremented) {\n                              const event = new Event('input', { bubbles: true })\n                              ref.current.dispatchEvent(event)\n                            }\n                          }\n                        } catch (err) {\n                          // eslint-disable-next-line no-console\n                          console.error(err)\n                        }\n                      }}\n                    >\n                      {plus === undefined ? (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name='plus'\n                          preset='brand'\n                          {...numberControlIconProps}\n                        />\n                      ) : (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name={typeof plus === 'string' ? plus : undefined}\n                          icon={typeof plus !== 'string' ? plus : undefined}\n                          {...numberControlIconProps}\n                        />\n                      )}\n                    </Styled.InputControl>\n                  </Spacer>\n                )}\n              </>\n            ) : undefined\n          }\n        />\n      )\n    }),\n    {\n      sizes: SIZES,\n      displayName: COMPONENT_NAME,\n    }\n  ),\n  {\n    Phone: InputPhone,\n  }\n)\n\nexport { Input, COMPONENT_NAME }\n"],"names":["Input","Object","assign","withMergedProps","forwardRef","props","forwardedRef","theme","useTheme","size","mask","rounded","color","placeholderColor","width","defaultInputControlsWidth","type","labelPosition","textProps","iconProps","controls","preset","className","style","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","margin","marginXXS","marginXS","marginS","marginM","marginL","marginXL","marginTop","marginTopXXS","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRight","marginRightXXS","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottom","marginBottomXXS","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeft","marginLeftXXS","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","marginUnits","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","primary","secondary","onColored","fluid","disabled","inline","inputRef","inputProps","additionalControlIcon","additionalControlIconProps","buttonProps","additionalControlButtonProps","additional","numberControlIcon","numberControlIconProps","numberControlButtonProps","number","minus","plus","Array","isArray","minusButtonProps","plusButtonProps","ref","useRef","useImperativeHandle","current","hasInitValue","value","defaultValue","active","setActive","useState","hasValue","setHasValue","minusDisabled","setMinusDisabled","min","undefined","Infinity","initValue","parseFloat","initDefaultValue","minValue","Math","plusDisabled","setPlusDisabled","max","maxValue","_jsx","Styled","input","FormInputLabel","onClick","focus","onFocus","evt","target","currentTarget","onBlur","jsx","onChange","currentValue","minValueReached","maxValueReached","stopPropagation","Boolean","_jsxs","_Fragment","children","Icon","as","name","Spacer","display","prev","stepDown","event","Event","bubbles","dispatchEvent","err","console","stepUp","SIZES","displayName","Phone","InputPhone"],"mappings":"0dAsBA,MAAMA,MAAoFC,OAAOC,OAC/FC,gBAAAA,gBACEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,KACJA,EAAO,IAAGC,KACVA,EAAO,GAAEC,QACTA,GAAU,EAAIC,MACdA,EAAQ,YAAWC,iBACnBA,EAAmB,SAAQC,MAC3BA,EAAQP,EAAMQ,0BAAyBC,KACvCA,EAAO,OAAMC,cACbA,EAAgB,UAASC,UACzBA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EAAAC,SACdA,EAAW,CAAE,EAAAC,OACbA,EAAMC,UACNA,QACAC,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,SACPA,EAAQC,UACRA,EAASC,aACTA,EAAYC,YACZA,EAAWC,WACXA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,YACXA,EAAWC,eACXA,EAAcC,cACdA,EAAaC,aACbA,EAAYC,aACZA,EAAYC,aACZA,EAAYC,cACZA,EAAaC,aACbA,EAAYC,gBACZA,EAAeC,eACfA,EAAcC,cACdA,EAAaC,cACbA,EAAaC,cACbA,EAAaC,eACbA,EAAcC,WACdA,EAAUC,cACVA,GAAaC,aACbA,GAAYC,YACZA,GAAWC,YACXA,GAAWC,YACXA,GAAWC,aACXA,GAAYC,YACZA,GAAWC,QACXA,GAAOC,SACPA,GAAQC,QACRA,GAAOC,OACPA,GAAMC,OACNA,GAAMC,OACNA,GAAMC,QACNA,GAAOC,MACPA,GAAKC,QACLA,GAAOC,MACPA,GAAKC,KACLA,GAAIC,KACJA,GAAIC,QACJA,GAAOC,UACPA,GAASC,UACTA,GAASC,MACTA,GAAKC,SACLA,GAAQC,OACRA,GAAMC,SACNA,MACGC,IACDlF,EAEJ,MACEyE,KAAMU,GACNrE,UAAWsE,GAA6B,CAAE,EAC1CC,YAAaC,GAA+B,CAAC,GAC3CvE,EAASwE,YAAc,GAE3B,MACEd,KAAMe,GACN1E,UAAW2E,GAAyB,CAAE,EACtCJ,YAAaK,GAA2B,IACtC3E,EAAS4E,QAAU,GAEvB,MAAOC,GAAOC,IAAQC,MAAMC,QAAQP,IAAqBA,GAAoB,CAACA,IAE9E,MAAMQ,IACHF,MAAMC,QAAQL,IAA4BA,GAAyB,GAAKA,KAA6B,GAExG,MAAMO,IAAmBH,MAAMC,QAAQL,IAA4BA,GAAyB,GAAK,CAAE,IAAK,GAExG,MAAMQ,GAAMC,aAAgC,MAC5CC,MAAAA,oBAAsEnG,GAAc,IAAMiG,GAAIG,SAAS,IAEvG,MAAMC,UACGpB,GAAWqB,OAAU,iBACrBrB,GAAWqB,OAAU,iBACrBrB,GAAWsB,cAAiB,iBAC5BtB,GAAWsB,cAAiB,SAErC,MAAOC,GAAQC,IAAaC,MAAQA,SAACL,IACrC,MAAOM,GAAUC,IAAeF,MAAQA,SAACL,IAEzC,MAAOQ,GAAeC,IAAoBJ,MAAQA,UAAC,KACjD,GAAIhG,IAAS,UAAYuE,GAAW8B,WAAQC,EAAW,OAAO,EAE9D,MAAMV,MAAEA,EAAQW,IAAQV,aAAEA,EAAeU,KAAahC,GAEtD,MAAMiC,SAAmBZ,GAAU,SAAWA,EAAQa,WAAWb,GACjE,MAAMc,SAA0Bb,GAAiB,SAAWA,EAAeY,WAAWZ,GACtF,MAAMc,SAAkBpC,GAAW8B,KAAQ,SAAW9B,GAAW8B,IAAMI,WAAWlC,GAAW8B,KAE7F,OAAOO,KAAKP,IAAIG,EAAWE,IAAqBC,CAAQ,IAG1D,MAAOE,GAAcC,IAAmBd,MAAQA,UAAC,KAC/C,GAAIhG,IAAS,UAAYuE,GAAWwC,WAAQT,EAAW,OAAO,EAE9D,MAAMV,MAAEA,GAAQ,IAASC,aAAEA,GAAe,KAActB,GAExD,MAAMiC,SAAmBZ,GAAU,SAAWA,EAAQa,WAAWb,GACjE,MAAMc,SAA0Bb,GAAiB,SAAWA,EAAeY,WAAWZ,GACtF,MAAMmB,SAAkBzC,GAAWwC,KAAQ,SAAWxC,GAAWwC,IAAMN,WAAWlC,GAAWwC,KAE7F,OAAOH,KAAKG,IAAIP,EAAWE,IAAqBM,CAAQ,IAG1D,OAAI3G,IAAW,QAEX4G,WAAAA,IAACC,MAAAA,KAAW,IACN3C,GACJD,SACEA,IAAQ,CACN6C,IACA5B,GAAIG,QAAUyB,CACf,GAEH7G,UAAWA,EACXC,MAAOA,EACPd,YAAaA,GAAS,SAAWA,OAAO6G,EACxC5G,KAAMA,EACNC,QAASA,EACTC,MAAOA,EACPC,iBAAkBA,EAClBC,MAAOA,EACPuD,SAAUA,GACVC,QAASA,GACTC,OAAQA,GACRC,OAAQA,GACRC,OAAQA,GACRC,QAASA,GACTC,MAAOA,GACP3D,KAAMA,EACNmE,MAAOA,GACPC,SAAUA,KAMd6C,WAAAA,IAACG,eAAAA,eAAc,CACb9G,UAAWA,EACXC,MAAOA,EACPd,KAAMA,EACNe,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,UAAWA,EACXC,MAAOA,EACPC,OAAQA,EACRC,UAAWA,EACXC,SAAUA,EACVC,QAASA,EACTC,QAASA,EACTC,QAASA,EACTC,SAAUA,EACVC,UAAWA,EACXC,aAAcA,EACdC,YAAaA,EACbC,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,YAAaA,EACbC,eAAgBA,EAChBC,cAAeA,EACfC,aAAcA,EACdC,aAAcA,EACdC,aAAcA,EACdC,cAAeA,EACfC,aAAcA,EACdC,gBAAiBA,EACjBC,eAAgBA,EAChBC,cAAeA,EACfC,cAAeA,EACfC,cAAeA,EACfC,eAAgBA,EAChBC,WAAYA,EACZC,cAAeA,GACfC,aAAcA,GACdC,YAAaA,GACbC,YAAaA,GACbC,YAAaA,GACbC,aAAcA,GACdC,YAAaA,GACbC,QAASA,GACTO,MAAOA,GACPC,QAASA,GACTC,MAAOA,GACP5D,cAAeA,EACf6D,KAAMA,GACNC,KAAMA,GACNC,QAASA,GACTC,UAAWA,GACXC,UAAWA,GACXE,SAAUA,GACVC,OAAQA,GACRyB,OAAQA,GACR5F,UAAWA,EACXC,UAAW,CACTV,KAAM,GACNG,MAAOwE,GAAW,mBAAqB,6BACpCjE,GAELkH,QAASA,KACH9B,GAAIG,SACNH,GAAIG,QAAQ4B,OACd,EAEFC,QAAUC,IACJA,EAAIC,SAAWD,EAAIE,eACrB3B,IAAU,EACZ,EAEF4B,OAASH,IACHA,EAAIC,SAAWD,EAAIE,eAAkBzB,IACvCF,IAAU,EACZ,EAEFoB,MACEF,WAAAW,IAACV,YAAY,IACP3C,GACJD,SAAW6C,IACT5B,GAAIG,QAAUyB,CAAK,EAErBzH,KAAMA,EACN0D,QAASA,GACTpD,KAAMA,EACN6D,MAAOA,GACP5D,cAAeA,EACfmE,SAAUA,GACV0B,OAAQA,GACR+B,SAAWL,IAKT,GAJIjD,GAAWsD,UACbtD,GAAWsD,SAASL,GAGlBxH,IAAS,SAAU,CACrB,MAAM8H,EAAerB,WAAWe,EAAIE,cAAc9B,OAElD,MAAMmC,EAAkBD,GAAgBrB,WAAWe,EAAIE,cAAcrB,KACrE,MAAM2B,EAAkBF,GAAgBrB,WAAWe,EAAIE,cAAcX,KAErEX,GAAiB2B,GACjBjB,GAAgBkB,IAEZD,GAAmBC,IACrBR,EAAIE,cAAcJ,OAEtB,GAEFK,OAASH,IACPA,EAAIS,kBACA1D,GAAWoD,QACbpD,GAAWoD,OAAOH,GAGpBtB,GAAYgC,QAAQV,EAAIE,cAAc9B,QACtCG,GAAUmC,QAAQV,EAAIE,cAAc9B,OAAO,IAIjDxF,SACEoE,IAAyBxE,IAAS,SAChCmI,WAAAA,KAAAC,WAAAA,SAAA,CAAAC,UACG7D,IACCyC,WAAAW,IAACV,mBAAmB,IACdvC,GACJ3E,KAAK,SACLoD,QAASA,GACTgB,SAAUA,GACViD,QAAUG,IACRA,EAAIS,kBACAtD,GAA6B0C,SAC/B1C,GAA6B0C,QAAQG,EACvC,EACAa,SAEFpB,WAAAW,IAACU,UAAI,CACHC,GAAG,OACH9I,KAAM,GACNG,MAAM,UACN4I,YAAahE,IAA0B,SAAWA,QAAwB8B,EAC1ExC,YAAaU,IAA0B,SAAWA,QAAwB8B,KACtE7B,OAITzE,IAAS,UACRmI,WAAAA,KAACM,OAAAA,OAAM,CAACC,QAAQ,OAAO9F,WAAY,EAAEyF,SACnCpB,CAAAA,WAAAW,IAACV,mBAAmB,IACd7B,GACJrF,KAAK,SACLoD,QAASA,GACTgB,SAAUA,IAAY+B,GACtBkB,QAAUG,IACRA,EAAIS,kBACA5C,GAAiBgC,SACnBhC,GAAiBgC,QAAQG,GAG3B,IACE,GAAIjC,GAAIG,QAAS,CACf,MAAMiD,EAAOpD,GAAIG,QAAQE,MAIzB,GAHAL,GAAIG,QAAQkD,WAGRD,IADgBpD,GAAIG,QAAQE,MACN,CACxB,MAAMiD,EAAQ,IAAIC,MAAM,QAAS,CAAEC,SAAS,IAC5CxD,GAAIG,QAAQsD,cAAcH,EAC5B,CACF,CACD,CAAC,MAAOI,GAEPC,QAAQvF,MAAMsF,EAChB,GACAZ,SAGApB,WAAAA,IAACqB,KAAAA,KADFrD,UAAUqB,EACJ,CACHiC,GAAG,OACH9I,KAAM,GACNG,MAAM,UACN4I,KAAK,QACLnI,OAAO,WACHyE,IAGD,CACHyD,GAAG,OACH9I,KAAM,GACNG,MAAM,UACN4I,YAAavD,IAAU,SAAWA,QAAQqB,EAC1CxC,YAAamB,IAAU,SAAWA,QAAQqB,KACtCxB,OAIVmC,WAAAW,IAACV,mBAAmB,IACd5B,GACJtF,KAAK,SACLoD,QAASA,GACTgB,SAAUA,IAAYyC,GACtBQ,QAAUG,IACRA,EAAIS,kBACA3C,GAAgB+B,SAClB/B,GAAgB+B,QAAQG,GAG1B,IACE,GAAIjC,GAAIG,QAAS,CACf,MAAMiD,EAAOpD,GAAIG,QAAQE,MAIzB,GAHAL,GAAIG,QAAQyD,SAGRR,IADgBpD,GAAIG,QAAQE,MACN,CACxB,MAAMiD,EAAQ,IAAIC,MAAM,QAAS,CAAEC,SAAS,IAC5CxD,GAAIG,QAAQsD,cAAcH,EAC5B,CACF,CACD,CAAC,MAAOI,GAEPC,QAAQvF,MAAMsF,EAChB,GACAZ,SAGApB,WAAAA,IAACqB,KAAAA,KADFpD,UAASoB,EACH,CACHiC,GAAG,OACH9I,KAAM,GACNG,MAAM,UACN4I,KAAK,OACLnI,OAAO,WACHyE,IAGD,CACHyD,GAAG,OACH9I,KAAM,GACNG,MAAM,UACN4I,YAAatD,IAAS,SAAWA,QAAOoB,EACxCxC,YAAaoB,IAAS,SAAWA,QAAOoB,KACpCxB,kBAOdwB,GAEN,IAGN,CACEvF,MAAOqI,UAAKA,MACZC,YA7biB,UAgcrB,CACEC,MAAOC,YAAAA,oCAjcY"}

package/components/Input/Input.mjs

@@ -0,0 +1,2 @@
+import{forwardRef,useRef,useImperativeHandle,useState}from'react';import{useTheme}from'styled-components';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Input as Input$1,InputControl}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{InputPhone}from'../Input.Phone/Input.Phone.mjs';import{SIZES}from'../FormInputLabel/constants.mjs';import{FormInputLabel}from'../FormInputLabel/FormInputLabel.mjs';import{Icon}from'../Icon/Icon.mjs';import{Spacer}from'../Spacer/Spacer.mjs';const COMPONENT_NAME='Input';const Input=Object.assign(withMergedProps(forwardRef(((t,n)=>{const e=useTheme();const{size:r="m",mask:o="",rounded:i=!0,color:a="mineShaft",placeholderColor:s="silver",width:m=e.defaultInputControlsWidth,type:p="text",labelPosition:c="dynamic",textProps:l={},iconProps:u={},controls:g={},preset:d,className:f,style:h,sizeXXS:S,sizeXS:X,sizeS:b,sizeM:L,sizeL:y,sizeXL:v,sizeUnits:I,sizes:x,margin:z,marginXXS:T,marginXS:P,marginS:C,marginM:M,marginL:R,marginXL:j,marginTop:w,marginTopXXS:B,marginTopXS:F,marginTopS:k,marginTopM:E,marginTopL:N,marginTopXL:A,marginRight:O,marginRightXXS:U,marginRightXS:V,marginRightS:H,marginRightM:Z,marginRightL:$,marginRightXL:_,marginBottom:D,marginBottomXXS:W,marginBottomXS:q,marginBottomS:G,marginBottomM:J,marginBottomL:K,marginBottomXL:Q,marginLeft:Y,marginLeftXXS:tt,marginLeftXS:nt,marginLeftS:et,marginLeftM:rt,marginLeftL:ot,marginLeftXL:at,marginUnits:st,palette:mt,widthXXS:pt,widthXS:ct,widthS:lt,widthM:ut,widthL:gt,widthXL:dt,error:ft,success:ht,label:St,icon:Xt,text:bt,primary:Lt,secondary:yt,onColored:vt,fluid:It,disabled:xt,inline:zt,inputRef:Tt,...Pt}=t;const{icon:Ct,iconProps:Mt={},buttonProps:Rt={}}=g.additional??{};const{icon:jt,iconProps:wt={},buttonProps:Bt=[]}=g.number??{};const[Ft,kt]=Array.isArray(jt)?jt:[jt];const Et=(Array.isArray(Bt)?Bt[0]:Bt)??{};const Nt=(Array.isArray(Bt)?Bt[1]:{})??{};const At=useRef(null);useImperativeHandle(n,(()=>At.current),[]);const Ot=typeof Pt.value=='string'||typeof Pt.value=='number'||typeof Pt.defaultValue=='string'||typeof Pt.defaultValue=='number';const[Ut,Vt]=useState(Ot);const[Ht,Zt]=useState(Ot);const[$t,_t]=useState((()=>{if(p!=='number'||Pt.min===void 0)return!1;const{value:t=1/0,defaultValue:n=1/0}=Pt;const e=typeof t=='number'?t:parseFloat(t);const r=typeof n=='number'?n:parseFloat(n);const o=typeof Pt.min=='number'?Pt.min:parseFloat(Pt.min);return Math.min(e,r)<=o}));const[Dt,Wt]=useState((()=>{if(p!=='number'||Pt.max===void 0)return!1;const{value:t=-1/0,defaultValue:n=-1/0}=Pt;const e=typeof t=='number'?t:parseFloat(t);const r=typeof n=='number'?n:parseFloat(n);const o=typeof Pt.max=='number'?Pt.max:parseFloat(Pt.max);return Math.max(e,r)>=o}));return d!=='brand'?jsx(Root,{...Pt,inputRef:Tt??(t=>{At.current=t}),className:f,style:h,size:typeof r=='number'?r:void 0,mask:o,rounded:i,color:a,placeholderColor:s,width:m,widthXXS:pt,widthXS:ct,widthS:lt,widthM:ut,widthL:gt,widthXL:dt,error:ft,type:p,fluid:It,disabled:xt}):jsx(FormInputLabel,{className:f,style:h,size:r,sizeXXS:S,sizeXS:X,sizeS:b,sizeM:L,sizeL:y,sizeXL:v,sizeUnits:I,sizes:x,margin:z,marginXXS:T,marginXS:P,marginS:C,marginM:M,marginL:R,marginXL:j,marginTop:w,marginTopXXS:B,marginTopXS:F,marginTopS:k,marginTopM:E,marginTopL:N,marginTopXL:A,marginRight:O,marginRightXXS:U,marginRightXS:V,marginRightS:H,marginRightM:Z,marginRightL:$,marginRightXL:_,marginBottom:D,marginBottomXXS:W,marginBottomXS:q,marginBottomS:G,marginBottomM:J,marginBottomL:K,marginBottomXL:Q,marginLeft:Y,marginLeftXXS:tt,marginLeftXS:nt,marginLeftS:et,marginLeftM:rt,marginLeftL:ot,marginLeftXL:at,marginUnits:st,palette:mt,error:ft,success:ht,label:St,labelPosition:c,icon:Xt,text:bt,primary:Lt,secondary:yt,onColored:vt,disabled:xt,inline:zt,active:Ut,textProps:l,iconProps:{size:24,color:xt?'content-disabled':'content-onmain-tertiary',...u},onClick:()=>{At.current&&At.current.focus()},onFocus:t=>{t.target!==t.currentTarget&&Vt(!0)},onBlur:t=>{t.target===t.currentTarget||Ht||Vt(!1)},input:jsx(Input$1,{...Pt,inputRef:t=>{At.current=t},mask:o,palette:mt,type:p,label:St,labelPosition:c,disabled:xt,active:Ut,onChange:t=>{if(Pt.onChange&&Pt.onChange(t),p==='number'){const n=parseFloat(t.currentTarget.value);const e=n<=parseFloat(t.currentTarget.min);const r=n>=parseFloat(t.currentTarget.max);_t(e),Wt(r),(e||r)&&t.currentTarget.focus()}},onBlur:t=>{t.stopPropagation(),Pt.onBlur&&Pt.onBlur(t),Zt(Boolean(t.currentTarget.value)),Vt(Boolean(t.currentTarget.value))}}),controls:Ct||p==='number'?jsxs(Fragment,{children:[Ct&&jsx(InputControl,{...Rt,type:"button",palette:mt,disabled:xt,onClick:t=>{t.stopPropagation(),Rt.onClick&&Rt.onClick(t)},children:jsx(Icon,{as:"span",size:24,color:"inherit",name:typeof Ct=='string'?Ct:void 0,icon:typeof Ct!='string'?Ct:void 0,...Mt})}),p==='number'&&jsxs(Spacer,{display:"flex",marginLeft:4,children:[jsx(InputControl,{...Et,type:"button",palette:mt,disabled:xt||$t,onClick:t=>{t.stopPropagation(),Et.onClick&&Et.onClick(t);try{if(At.current){const t=At.current.value;if(At.current.stepDown(),t!==At.current.value){const t=new Event('input',{bubbles:!0});At.current.dispatchEvent(t)}}}catch(t){console.error(t)}},children:jsx(Icon,Ft===void 0?{as:"span",size:24,color:"inherit",name:"minus",preset:"brand",...wt}:{as:"span",size:24,color:"inherit",name:typeof Ft=='string'?Ft:void 0,icon:typeof Ft!='string'?Ft:void 0,...wt})}),jsx(InputControl,{...Nt,type:"button",palette:mt,disabled:xt||Dt,onClick:t=>{t.stopPropagation(),Nt.onClick&&Nt.onClick(t);try{if(At.current){const t=At.current.value;if(At.current.stepUp(),t!==At.current.value){const t=new Event('input',{bubbles:!0});At.current.dispatchEvent(t)}}}catch(t){console.error(t)}},children:jsx(Icon,kt===void 0?{as:"span",size:24,color:"inherit",name:"plus",preset:"brand",...wt}:{as:"span",size:24,color:"inherit",name:typeof kt=='string'?kt:void 0,icon:typeof kt!='string'?kt:void 0,...wt})})]})]}):void 0})})),{sizes:SIZES,displayName:"Input"}),{Phone:InputPhone});export{COMPONENT_NAME,Input};
+//# sourceMappingURL=Input.mjs.map

package/components/Input/Input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.mjs","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useState, useImperativeHandle, useRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { FormInputLabel, SIZES } from 'components/FormInputLabel'\nimport { Icon } from 'components/Icon'\nimport { InputPhone } from 'components/Input.Phone'\nimport { Spacer } from 'components/Spacer'\nimport * as Styled from './style'\nimport type { InputProps } from './types'\n\nconst COMPONENT_NAME = 'Input'\n\n/**\n *\n * Component accepts all \\<input\\> attributes and \"react-input-mask\" v2.0.4 props.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputProps](https://github.com/foxford/ui/blob/master/src/components/Input/types.ts)\n */\nconst Input: React.ForwardRefExoticComponent<InputProps> & { Phone: typeof InputPhone } = Object.assign(\n  withMergedProps<InputProps, HTMLInputElement>(\n    forwardRef((props, forwardedRef) => {\n      const theme = useTheme()\n\n      const {\n        size = 'm',\n        mask = '',\n        rounded = true,\n        color = 'mineShaft',\n        placeholderColor = 'silver',\n        width = theme.defaultInputControlsWidth,\n        type = 'text',\n        labelPosition = 'dynamic',\n        textProps = {},\n        iconProps = {},\n        controls = {},\n        preset,\n        className,\n        style,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizeUnits,\n        sizes,\n        margin,\n        marginXXS,\n        marginXS,\n        marginS,\n        marginM,\n        marginL,\n        marginXL,\n        marginTop,\n        marginTopXXS,\n        marginTopXS,\n        marginTopS,\n        marginTopM,\n        marginTopL,\n        marginTopXL,\n        marginRight,\n        marginRightXXS,\n        marginRightXS,\n        marginRightS,\n        marginRightM,\n        marginRightL,\n        marginRightXL,\n        marginBottom,\n        marginBottomXXS,\n        marginBottomXS,\n        marginBottomS,\n        marginBottomM,\n        marginBottomL,\n        marginBottomXL,\n        marginLeft,\n        marginLeftXXS,\n        marginLeftXS,\n        marginLeftS,\n        marginLeftM,\n        marginLeftL,\n        marginLeftXL,\n        marginUnits,\n        palette,\n        widthXXS,\n        widthXS,\n        widthS,\n        widthM,\n        widthL,\n        widthXL,\n        error,\n        success,\n        label,\n        icon,\n        text,\n        primary,\n        secondary,\n        onColored,\n        fluid,\n        disabled,\n        inline,\n        inputRef,\n        ...inputProps\n      } = props\n\n      const {\n        icon: additionalControlIcon,\n        iconProps: additionalControlIconProps = {},\n        buttonProps: additionalControlButtonProps = {},\n      } = controls.additional ?? {}\n\n      const {\n        icon: numberControlIcon,\n        iconProps: numberControlIconProps = {},\n        buttonProps: numberControlButtonProps = [],\n      } = controls.number ?? {}\n\n      const [minus, plus] = Array.isArray(numberControlIcon) ? numberControlIcon : [numberControlIcon]\n\n      const minusButtonProps =\n        (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[0] : numberControlButtonProps) ?? {}\n\n      const plusButtonProps = (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[1] : {}) ?? {}\n\n      const ref = useRef<HTMLInputElement | null>(null)\n      useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(forwardedRef, () => ref.current, [])\n\n      const hasInitValue =\n        typeof inputProps.value === 'string' ||\n        typeof inputProps.value === 'number' ||\n        typeof inputProps.defaultValue === 'string' ||\n        typeof inputProps.defaultValue === 'number'\n\n      const [active, setActive] = useState(hasInitValue)\n      const [hasValue, setHasValue] = useState(hasInitValue)\n\n      const [minusDisabled, setMinusDisabled] = useState(() => {\n        if (type !== 'number' || inputProps.min === undefined) return false\n\n        const { value = Infinity, defaultValue = Infinity } = inputProps\n\n        const initValue = typeof value === 'number' ? value : parseFloat(value)\n        const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n        const minValue = typeof inputProps.min === 'number' ? inputProps.min : parseFloat(inputProps.min)\n\n        return Math.min(initValue, initDefaultValue) <= minValue\n      })\n\n      const [plusDisabled, setPlusDisabled] = useState(() => {\n        if (type !== 'number' || inputProps.max === undefined) return false\n\n        const { value = -Infinity, defaultValue = -Infinity } = inputProps\n\n        const initValue = typeof value === 'number' ? value : parseFloat(value)\n        const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n        const maxValue = typeof inputProps.max === 'number' ? inputProps.max : parseFloat(inputProps.max)\n\n        return Math.max(initValue, initDefaultValue) >= maxValue\n      })\n\n      if (preset !== 'brand') {\n        return (\n          <Styled.Root\n            {...inputProps}\n            inputRef={\n              inputRef ??\n              ((input) => {\n                ref.current = input\n              })\n            }\n            className={className}\n            style={style}\n            size={typeof size === 'number' ? size : undefined}\n            mask={mask}\n            rounded={rounded}\n            color={color}\n            placeholderColor={placeholderColor}\n            width={width}\n            widthXXS={widthXXS}\n            widthXS={widthXS}\n            widthS={widthS}\n            widthM={widthM}\n            widthL={widthL}\n            widthXL={widthXL}\n            error={error}\n            type={type}\n            fluid={fluid}\n            disabled={disabled}\n          />\n        )\n      }\n\n      return (\n        <FormInputLabel\n          className={className}\n          style={style}\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizeUnits={sizeUnits}\n          sizes={sizes}\n          margin={margin}\n          marginXXS={marginXXS}\n          marginXS={marginXS}\n          marginS={marginS}\n          marginM={marginM}\n          marginL={marginL}\n          marginXL={marginXL}\n          marginTop={marginTop}\n          marginTopXXS={marginTopXXS}\n          marginTopXS={marginTopXS}\n          marginTopS={marginTopS}\n          marginTopM={marginTopM}\n          marginTopL={marginTopL}\n          marginTopXL={marginTopXL}\n          marginRight={marginRight}\n          marginRightXXS={marginRightXXS}\n          marginRightXS={marginRightXS}\n          marginRightS={marginRightS}\n          marginRightM={marginRightM}\n          marginRightL={marginRightL}\n          marginRightXL={marginRightXL}\n          marginBottom={marginBottom}\n          marginBottomXXS={marginBottomXXS}\n          marginBottomXS={marginBottomXS}\n          marginBottomS={marginBottomS}\n          marginBottomM={marginBottomM}\n          marginBottomL={marginBottomL}\n          marginBottomXL={marginBottomXL}\n          marginLeft={marginLeft}\n          marginLeftXXS={marginLeftXXS}\n          marginLeftXS={marginLeftXS}\n          marginLeftS={marginLeftS}\n          marginLeftM={marginLeftM}\n          marginLeftL={marginLeftL}\n          marginLeftXL={marginLeftXL}\n          marginUnits={marginUnits}\n          palette={palette}\n          error={error}\n          success={success}\n          label={label}\n          labelPosition={labelPosition}\n          icon={icon}\n          text={text}\n          primary={primary}\n          secondary={secondary}\n          onColored={onColored}\n          disabled={disabled}\n          inline={inline}\n          active={active}\n          textProps={textProps}\n          iconProps={{\n            size: 24,\n            color: disabled ? 'content-disabled' : 'content-onmain-tertiary',\n            ...iconProps,\n          }}\n          onClick={() => {\n            if (ref.current) {\n              ref.current.focus()\n            }\n          }}\n          onFocus={(evt) => {\n            if (evt.target !== evt.currentTarget) {\n              setActive(true)\n            }\n          }}\n          onBlur={(evt) => {\n            if (evt.target !== evt.currentTarget && !hasValue) {\n              setActive(false)\n            }\n          }}\n          input={\n            <Styled.Input\n              {...inputProps}\n              inputRef={(input) => {\n                ref.current = input\n              }}\n              mask={mask}\n              palette={palette}\n              type={type}\n              label={label}\n              labelPosition={labelPosition}\n              disabled={disabled}\n              active={active}\n              onChange={(evt) => {\n                if (inputProps.onChange) {\n                  inputProps.onChange(evt)\n                }\n\n                if (type === 'number') {\n                  const currentValue = parseFloat(evt.currentTarget.value)\n\n                  const minValueReached = currentValue <= parseFloat(evt.currentTarget.min)\n                  const maxValueReached = currentValue >= parseFloat(evt.currentTarget.max)\n\n                  setMinusDisabled(minValueReached)\n                  setPlusDisabled(maxValueReached)\n\n                  if (minValueReached || maxValueReached) {\n                    evt.currentTarget.focus()\n                  }\n                }\n              }}\n              onBlur={(evt) => {\n                evt.stopPropagation()\n                if (inputProps.onBlur) {\n                  inputProps.onBlur(evt)\n                }\n\n                setHasValue(Boolean(evt.currentTarget.value))\n                setActive(Boolean(evt.currentTarget.value))\n              }}\n            />\n          }\n          controls={\n            additionalControlIcon || type === 'number' ? (\n              <>\n                {additionalControlIcon && (\n                  <Styled.InputControl\n                    {...additionalControlButtonProps}\n                    type='button'\n                    palette={palette}\n                    disabled={disabled}\n                    onClick={(evt) => {\n                      evt.stopPropagation()\n                      if (additionalControlButtonProps.onClick) {\n                        additionalControlButtonProps.onClick(evt)\n                      }\n                    }}\n                  >\n                    <Icon\n                      as='span'\n                      size={24}\n                      color='inherit'\n                      name={typeof additionalControlIcon === 'string' ? additionalControlIcon : undefined}\n                      icon={typeof additionalControlIcon !== 'string' ? additionalControlIcon : undefined}\n                      {...additionalControlIconProps}\n                    />\n                  </Styled.InputControl>\n                )}\n                {type === 'number' && (\n                  <Spacer display='flex' marginLeft={4}>\n                    <Styled.InputControl\n                      {...minusButtonProps}\n                      type='button'\n                      palette={palette}\n                      disabled={disabled || minusDisabled}\n                      onClick={(evt) => {\n                        evt.stopPropagation()\n                        if (minusButtonProps.onClick) {\n                          minusButtonProps.onClick(evt)\n                        }\n\n                        try {\n                          if (ref.current) {\n                            const prev = ref.current.value\n                            ref.current.stepDown()\n\n                            const decremented = ref.current.value\n                            if (prev !== decremented) {\n                              const event = new Event('input', { bubbles: true })\n                              ref.current.dispatchEvent(event)\n                            }\n                          }\n                        } catch (err) {\n                          // eslint-disable-next-line no-console\n                          console.error(err)\n                        }\n                      }}\n                    >\n                      {minus === undefined ? (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name='minus'\n                          preset='brand'\n                          {...numberControlIconProps}\n                        />\n                      ) : (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name={typeof minus === 'string' ? minus : undefined}\n                          icon={typeof minus !== 'string' ? minus : undefined}\n                          {...numberControlIconProps}\n                        />\n                      )}\n                    </Styled.InputControl>\n                    <Styled.InputControl\n                      {...plusButtonProps}\n                      type='button'\n                      palette={palette}\n                      disabled={disabled || plusDisabled}\n                      onClick={(evt) => {\n                        evt.stopPropagation()\n                        if (plusButtonProps.onClick) {\n                          plusButtonProps.onClick(evt)\n                        }\n\n                        try {\n                          if (ref.current) {\n                            const prev = ref.current.value\n                            ref.current.stepUp()\n\n                            const incremented = ref.current.value\n                            if (prev !== incremented) {\n                              const event = new Event('input', { bubbles: true })\n                              ref.current.dispatchEvent(event)\n                            }\n                          }\n                        } catch (err) {\n                          // eslint-disable-next-line no-console\n                          console.error(err)\n                        }\n                      }}\n                    >\n                      {plus === undefined ? (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name='plus'\n                          preset='brand'\n                          {...numberControlIconProps}\n                        />\n                      ) : (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name={typeof plus === 'string' ? plus : undefined}\n                          icon={typeof plus !== 'string' ? plus : undefined}\n                          {...numberControlIconProps}\n                        />\n                      )}\n                    </Styled.InputControl>\n                  </Spacer>\n                )}\n              </>\n            ) : undefined\n          }\n        />\n      )\n    }),\n    {\n      sizes: SIZES,\n      displayName: COMPONENT_NAME,\n    }\n  ),\n  {\n    Phone: InputPhone,\n  }\n)\n\nexport { Input, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Input","Object","assign","withMergedProps","forwardRef","props","forwardedRef","theme","useTheme","size","mask","rounded","color","placeholderColor","width","defaultInputControlsWidth","type","labelPosition","textProps","iconProps","controls","preset","className","style","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","margin","marginXXS","marginXS","marginS","marginM","marginL","marginXL","marginTop","marginTopXXS","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRight","marginRightXXS","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottom","marginBottomXXS","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeft","marginLeftXXS","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","marginUnits","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","primary","secondary","onColored","fluid","disabled","inline","inputRef","inputProps","additionalControlIcon","additionalControlIconProps","buttonProps","additionalControlButtonProps","additional","numberControlIcon","numberControlIconProps","numberControlButtonProps","number","minus","plus","Array","isArray","minusButtonProps","plusButtonProps","ref","useRef","useImperativeHandle","current","hasInitValue","value","defaultValue","active","setActive","useState","hasValue","setHasValue","minusDisabled","setMinusDisabled","min","undefined","Infinity","initValue","parseFloat","initDefaultValue","minValue","Math","plusDisabled","setPlusDisabled","max","maxValue","_jsx","Styled","input","FormInputLabel","onClick","focus","onFocus","evt","target","currentTarget","onBlur","onChange","currentValue","minValueReached","maxValueReached","stopPropagation","Boolean","_jsxs","_Fragment","children","Icon","as","name","Spacer","display","prev","stepDown","event","Event","bubbles","dispatchEvent","err","console","stepUp","SIZES","displayName","Phone","InputPhone"],"mappings":"0gBAUMA,MAAAA,eAAiB,QAYvB,MAAMC,MAAoFC,OAAOC,OAC/FC,gBACEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,EAAQC,WAEd,MAAMC,KACJA,EAAO,IAAGC,KACVA,EAAO,GAAEC,QACTA,GAAU,EAAIC,MACdA,EAAQ,YAAWC,iBACnBA,EAAmB,SAAQC,MAC3BA,EAAQP,EAAMQ,0BAAyBC,KACvCA,EAAO,OAAMC,cACbA,EAAgB,UAASC,UACzBA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EAAAC,SACdA,EAAW,CAAE,EAAAC,OACbA,EAAMC,UACNA,EAASC,MACTA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,SACPA,EAAQC,UACRA,EAASC,aACTA,EAAYC,YACZA,EAAWC,WACXA,EAAUC,WACVA,EAAUC,WACVA,EAAUC,YACVA,EAAWC,YACXA,EAAWC,eACXA,EAAcC,cACdA,EAAaC,aACbA,EAAYC,aACZA,EAAYC,aACZA,EAAYC,cACZA,EAAaC,aACbA,EAAYC,gBACZA,EAAeC,eACfA,EAAcC,cACdA,EAAaC,cACbA,EAAaC,cACbA,EAAaC,eACbA,EAAcC,WACdA,EAAUC,cACVA,GAAaC,aACbA,GAAYC,YACZA,GAAWC,YACXA,GAAWC,YACXA,GAAWC,aACXA,GAAYC,YACZA,GAAWC,QACXA,GAAOC,SACPA,GAAQC,QACRA,GAAOC,OACPA,GAAMC,OACNA,GAAMC,OACNA,GAAMC,QACNA,GAAOC,MACPA,GAAKC,QACLA,GAAOC,MACPA,GAAKC,KACLA,GAAIC,KACJA,GAAIC,QACJA,GAAOC,UACPA,GAASC,UACTA,GAASC,MACTA,GAAKC,SACLA,GAAQC,OACRA,GAAMC,SACNA,MACGC,IACDlF,EAEJ,MACEyE,KAAMU,GACNrE,UAAWsE,GAA6B,CAAE,EAC1CC,YAAaC,GAA+B,CAAC,GAC3CvE,EAASwE,YAAc,GAE3B,MACEd,KAAMe,GACN1E,UAAW2E,GAAyB,CAAE,EACtCJ,YAAaK,GAA2B,IACtC3E,EAAS4E,QAAU,GAEvB,MAAOC,GAAOC,IAAQC,MAAMC,QAAQP,IAAqBA,GAAoB,CAACA,IAE9E,MAAMQ,IACHF,MAAMC,QAAQL,IAA4BA,GAAyB,GAAKA,KAA6B,GAExG,MAAMO,IAAmBH,MAAMC,QAAQL,IAA4BA,GAAyB,GAAK,CAAE,IAAK,GAExG,MAAMQ,GAAMC,OAAgC,MAC5CC,oBAAsEnG,GAAc,IAAMiG,GAAIG,SAAS,IAEvG,MAAMC,UACGpB,GAAWqB,OAAU,iBACrBrB,GAAWqB,OAAU,iBACrBrB,GAAWsB,cAAiB,iBAC5BtB,GAAWsB,cAAiB,SAErC,MAAOC,GAAQC,IAAaC,SAASL,IACrC,MAAOM,GAAUC,IAAeF,SAASL,IAEzC,MAAOQ,GAAeC,IAAoBJ,UAAS,KACjD,GAAIhG,IAAS,UAAYuE,GAAW8B,WAAQC,EAAW,OAAO,EAE9D,MAAMV,MAAEA,EAAQW,IAAQV,aAAEA,EAAeU,KAAahC,GAEtD,MAAMiC,SAAmBZ,GAAU,SAAWA,EAAQa,WAAWb,GACjE,MAAMc,SAA0Bb,GAAiB,SAAWA,EAAeY,WAAWZ,GACtF,MAAMc,SAAkBpC,GAAW8B,KAAQ,SAAW9B,GAAW8B,IAAMI,WAAWlC,GAAW8B,KAE7F,OAAOO,KAAKP,IAAIG,EAAWE,IAAqBC,CAAQ,IAG1D,MAAOE,GAAcC,IAAmBd,UAAS,KAC/C,GAAIhG,IAAS,UAAYuE,GAAWwC,WAAQT,EAAW,OAAO,EAE9D,MAAMV,MAAEA,GAAQ,IAASC,aAAEA,GAAe,KAActB,GAExD,MAAMiC,SAAmBZ,GAAU,SAAWA,EAAQa,WAAWb,GACjE,MAAMc,SAA0Bb,GAAiB,SAAWA,EAAeY,WAAWZ,GACtF,MAAMmB,SAAkBzC,GAAWwC,KAAQ,SAAWxC,GAAWwC,IAAMN,WAAWlC,GAAWwC,KAE7F,OAAOH,KAAKG,IAAIP,EAAWE,IAAqBM,CAAQ,IAG1D,OAAI3G,IAAW,QAEX4G,IAACC,KAAW,IACN3C,GACJD,SACEA,IAAQ,CACN6C,IACA5B,GAAIG,QAAUyB,CACf,GAEH7G,UAAWA,EACXC,MAAOA,EACPd,YAAaA,GAAS,SAAWA,OAAO6G,EACxC5G,KAAMA,EACNC,QAASA,EACTC,MAAOA,EACPC,iBAAkBA,EAClBC,MAAOA,EACPuD,SAAUA,GACVC,QAASA,GACTC,OAAQA,GACRC,OAAQA,GACRC,OAAQA,GACRC,QAASA,GACTC,MAAOA,GACP3D,KAAMA,EACNmE,MAAOA,GACPC,SAAUA,KAMd6C,IAACG,eAAc,CACb9G,UAAWA,EACXC,MAAOA,EACPd,KAAMA,EACNe,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,UAAWA,EACXC,MAAOA,EACPC,OAAQA,EACRC,UAAWA,EACXC,SAAUA,EACVC,QAASA,EACTC,QAASA,EACTC,QAASA,EACTC,SAAUA,EACVC,UAAWA,EACXC,aAAcA,EACdC,YAAaA,EACbC,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZC,YAAaA,EACbC,YAAaA,EACbC,eAAgBA,EAChBC,cAAeA,EACfC,aAAcA,EACdC,aAAcA,EACdC,aAAcA,EACdC,cAAeA,EACfC,aAAcA,EACdC,gBAAiBA,EACjBC,eAAgBA,EAChBC,cAAeA,EACfC,cAAeA,EACfC,cAAeA,EACfC,eAAgBA,EAChBC,WAAYA,EACZC,cAAeA,GACfC,aAAcA,GACdC,YAAaA,GACbC,YAAaA,GACbC,YAAaA,GACbC,aAAcA,GACdC,YAAaA,GACbC,QAASA,GACTO,MAAOA,GACPC,QAASA,GACTC,MAAOA,GACP5D,cAAeA,EACf6D,KAAMA,GACNC,KAAMA,GACNC,QAASA,GACTC,UAAWA,GACXC,UAAWA,GACXE,SAAUA,GACVC,OAAQA,GACRyB,OAAQA,GACR5F,UAAWA,EACXC,UAAW,CACTV,KAAM,GACNG,MAAOwE,GAAW,mBAAqB,6BACpCjE,GAELkH,QAASA,KACH9B,GAAIG,SACNH,GAAIG,QAAQ4B,OACd,EAEFC,QAAUC,IACJA,EAAIC,SAAWD,EAAIE,eACrB3B,IAAU,EACZ,EAEF4B,OAASH,IACHA,EAAIC,SAAWD,EAAIE,eAAkBzB,IACvCF,IAAU,EACZ,EAEFoB,MACEF,IAACC,QAAY,IACP3C,GACJD,SAAW6C,IACT5B,GAAIG,QAAUyB,CAAK,EAErBzH,KAAMA,EACN0D,QAASA,GACTpD,KAAMA,EACN6D,MAAOA,GACP5D,cAAeA,EACfmE,SAAUA,GACV0B,OAAQA,GACR8B,SAAWJ,IAKT,GAJIjD,GAAWqD,UACbrD,GAAWqD,SAASJ,GAGlBxH,IAAS,SAAU,CACrB,MAAM6H,EAAepB,WAAWe,EAAIE,cAAc9B,OAElD,MAAMkC,EAAkBD,GAAgBpB,WAAWe,EAAIE,cAAcrB,KACrE,MAAM0B,EAAkBF,GAAgBpB,WAAWe,EAAIE,cAAcX,KAErEX,GAAiB0B,GACjBhB,GAAgBiB,IAEZD,GAAmBC,IACrBP,EAAIE,cAAcJ,OAEtB,GAEFK,OAASH,IACPA,EAAIQ,kBACAzD,GAAWoD,QACbpD,GAAWoD,OAAOH,GAGpBtB,GAAY+B,QAAQT,EAAIE,cAAc9B,QACtCG,GAAUkC,QAAQT,EAAIE,cAAc9B,OAAO,IAIjDxF,SACEoE,IAAyBxE,IAAS,SAChCkI,KAAAC,SAAA,CAAAC,UACG5D,IACCyC,IAACC,aAAmB,IACdvC,GACJ3E,KAAK,SACLoD,QAASA,GACTgB,SAAUA,GACViD,QAAUG,IACRA,EAAIQ,kBACArD,GAA6B0C,SAC/B1C,GAA6B0C,QAAQG,EACvC,EACAY,SAEFnB,IAACoB,KAAI,CACHC,GAAG,OACH7I,KAAM,GACNG,MAAM,UACN2I,YAAa/D,IAA0B,SAAWA,QAAwB8B,EAC1ExC,YAAaU,IAA0B,SAAWA,QAAwB8B,KACtE7B,OAITzE,IAAS,UACRkI,KAACM,OAAM,CAACC,QAAQ,OAAO7F,WAAY,EAAEwF,SACnCnB,CAAAA,IAACC,aAAmB,IACd7B,GACJrF,KAAK,SACLoD,QAASA,GACTgB,SAAUA,IAAY+B,GACtBkB,QAAUG,IACRA,EAAIQ,kBACA3C,GAAiBgC,SACnBhC,GAAiBgC,QAAQG,GAG3B,IACE,GAAIjC,GAAIG,QAAS,CACf,MAAMgD,EAAOnD,GAAIG,QAAQE,MAIzB,GAHAL,GAAIG,QAAQiD,WAGRD,IADgBnD,GAAIG,QAAQE,MACN,CACxB,MAAMgD,EAAQ,IAAIC,MAAM,QAAS,CAAEC,SAAS,IAC5CvD,GAAIG,QAAQqD,cAAcH,EAC5B,CACF,CACD,CAAC,MAAOI,GAEPC,QAAQtF,MAAMqF,EAChB,GACAZ,SAGAnB,IAACoB,KADFpD,UAAUqB,EACJ,CACHgC,GAAG,OACH7I,KAAM,GACNG,MAAM,UACN2I,KAAK,QACLlI,OAAO,WACHyE,IAGD,CACHwD,GAAG,OACH7I,KAAM,GACNG,MAAM,UACN2I,YAAatD,IAAU,SAAWA,QAAQqB,EAC1CxC,YAAamB,IAAU,SAAWA,QAAQqB,KACtCxB,OAIVmC,IAACC,aAAmB,IACd5B,GACJtF,KAAK,SACLoD,QAASA,GACTgB,SAAUA,IAAYyC,GACtBQ,QAAUG,IACRA,EAAIQ,kBACA1C,GAAgB+B,SAClB/B,GAAgB+B,QAAQG,GAG1B,IACE,GAAIjC,GAAIG,QAAS,CACf,MAAMgD,EAAOnD,GAAIG,QAAQE,MAIzB,GAHAL,GAAIG,QAAQwD,SAGRR,IADgBnD,GAAIG,QAAQE,MACN,CACxB,MAAMgD,EAAQ,IAAIC,MAAM,QAAS,CAAEC,SAAS,IAC5CvD,GAAIG,QAAQqD,cAAcH,EAC5B,CACF,CACD,CAAC,MAAOI,GAEPC,QAAQtF,MAAMqF,EAChB,GACAZ,SAGAnB,IAACoB,KADFnD,UAASoB,EACH,CACHgC,GAAG,OACH7I,KAAM,GACNG,MAAM,UACN2I,KAAK,OACLlI,OAAO,WACHyE,IAGD,CACHwD,GAAG,OACH7I,KAAM,GACNG,MAAM,UACN2I,YAAarD,IAAS,SAAWA,QAAOoB,EACxCxC,YAAaoB,IAAS,SAAWA,QAAOoB,KACpCxB,kBAOdwB,GAEN,IAGN,CACEvF,MAAOoI,MACPC,YA7biB,UAgcrB,CACEC,MAAOC"}

package/components/Input/helpers.js

@@ -1,2 +1,2 @@
-import{SizeInput as o}from'../../shared/enums/sizeInput.js';var e=e=>'auto'===e?'auto':'number'==typeof e||'boolean'==typeof e?e:e&&o[e]?o[e]:'auto';export{e as chooseWidthValue};
+'use strict';var sizeInput=require('../../shared/enums/sizeInput.js');exports.chooseWidthValue=e=>e==='auto'?'auto':typeof e=='number'||typeof e=='boolean'?e:e&&sizeInput.SizeInput[e]?sizeInput.SizeInput[e]:'auto';
 //# sourceMappingURL=helpers.js.map

package/components/Input/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../src/components/Input/helpers.ts"],"sourcesContent":["import { PossibleValues } from 'mixins/responsive-property'\nimport { SizeInput } from 'shared/enums/sizeInput'\n\nexport const chooseWidthValue = (width: PossibleValues): PossibleValues => {\n  if (width === 'auto') return 'auto'\n  if (typeof width === 'number') return width\n  if (typeof width === 'boolean') return width\n\n  if (width && SizeInput[width]) return SizeInput[width]\n\n  return 'auto'\n}\n"],"names":["chooseWidthValue","width","SizeInput"],"mappings":"4DAGaA,IAAAA,EAAoBC,GACjB,SAAVA,EAAyB,OACR,iBAAVA,GACU,kBAAVA,EAD2BA,EAGlCA,GAASC,EAAUD,GAAeC,EAAUD,GAEzC"}
+{"version":3,"file":"helpers.js","sources":["../../../../src/components/Input/helpers.ts"],"sourcesContent":["import { PossibleValues } from 'mixins/responsive-property'\nimport { SizeInput } from 'shared/enums/sizeInput'\n\nexport const chooseWidthValue = (width: PossibleValues): PossibleValues => {\n  if (width === 'auto') return 'auto'\n  if (typeof width === 'number') return width\n  if (typeof width === 'boolean') return width\n\n  if (width && SizeInput[width]) return SizeInput[width]\n\n  return 'auto'\n}\n"],"names":["width","SizeInput"],"mappings":"+FAGiCA,GAC3BA,IAAU,OAAe,cAClBA,GAAU,iBACVA,GAAU,UADiBA,EAGlCA,GAASC,UAAAA,UAAUD,GAAeC,UAAAA,UAAUD,GAEzC"}

package/components/Input/helpers.mjs

@@ -0,0 +1,2 @@
+import{SizeInput}from'../../shared/enums/sizeInput.mjs';const chooseWidthValue=e=>e==='auto'?'auto':typeof e=='number'||typeof e=='boolean'?e:e&&SizeInput[e]?SizeInput[e]:'auto';export{chooseWidthValue};
+//# sourceMappingURL=helpers.mjs.map

package/components/Input/helpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","sources":["../../../../src/components/Input/helpers.ts"],"sourcesContent":["import { PossibleValues } from 'mixins/responsive-property'\nimport { SizeInput } from 'shared/enums/sizeInput'\n\nexport const chooseWidthValue = (width: PossibleValues): PossibleValues => {\n  if (width === 'auto') return 'auto'\n  if (typeof width === 'number') return width\n  if (typeof width === 'boolean') return width\n\n  if (width && SizeInput[width]) return SizeInput[width]\n\n  return 'auto'\n}\n"],"names":["chooseWidthValue","width","SizeInput"],"mappings":"wDAGaA,MAAAA,iBAAoBC,GAC3BA,IAAU,OAAe,cAClBA,GAAU,iBACVA,GAAU,UADiBA,EAGlCA,GAASC,UAAUD,GAAeC,UAAUD,GAEzC"}

package/components/Input/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as n}from'styled-components';import e from'react-input-mask';import t from'tinycolor2';import{color as l}from'../../mixins/color.js';import{property as a,responsiveNamedProperty as c}from'../../mixins/responsive-property.js';import{chooseWidthValue as i}from'./helpers.js';import{focus as s}from'../../mixins/focus.js';var d=n(["border:1px solid ",";background-color:",";"],(o=>o.theme.colors.pomegranate),(o=>t(o.theme.colors.pomegranate).setAlpha(.1).toString()));var p=n(["background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;&:disabled{background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;}"]);var u=n(["&:focus{border:1px solid ",";outline:none;}"],(o=>o.theme.colors.accent));var h=n(["border-radius:",";"],(o=>o.theme.borderRadius));var b=o=>n(["box-sizing:border-box;display:block;background-color:",";border:solid 1px ",";width:auto;appearance:none;font-size:16px;",";&::placeholder{","}"," "," "," "," "," "," ",""],o.theme.colors.white,o.theme.colors.alto,o.color?l(o.color):null,o.placeholderColor?l(o.placeholderColor):null,u,o.disabled?p:null,o.rounded?h:null,o.width?a(i(o.width),o.fluid&&'auto'!==o.width?'max-width':'width'):null,c({sizes:{widthXS:o.widthXS,widthS:o.widthS,widthM:o.widthM,widthL:o.widthL,widthXL:o.widthXL},cssProperty:o.fluid&&'auto'!==o.width?'max-width':'width',customSizeHandler:i}),o.fluid?n(["width:100%;"]):null,o.error?d:null);var m=r(e).withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error'].includes(o)&&!o.includes('width')}).withConfig({componentId:"fox-ui__sc-1gazj3c-0"})(["line-height:24px;padding:15px 20px 11px;",""],(o=>b(o)));var g=r(e).withConfig({shouldForwardProp:o=>!['palette','label','labelPosition','active'].includes(o)}).withConfig({componentId:"fox-ui__sc-1gazj3c-1"})([""," ",""],(o=>{var r='1';var n='0px';return o.label&&'dynamic'===o.labelPosition&&(r="".concat(o.active?1:0),n='0.8em'),o.label&&'top'===o.labelPosition&&(n='0.8em'),o.label&&'center'===o.labelPosition&&(r="".concat(o.active?1:0)),"\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ".concat(r,";\n      padding-top: ").concat(n,";\n      cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n\n      &[type=\"number\"]::-webkit-outer-spin-button,\n      &[type=\"number\"]::-webkit-inner-spin-button {\n        appearance: none;\n        margin: 0;\n      }\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    ")}),(r=>{return n=o({inputColor:r.theme.colors['content-onmain-primary'],inputPlaceholderColor:r.theme.colors['content-onmain-secondary'],inputColorDisabled:r.theme.colors['content-disabled'],inputPlaceholderColorDisabled:r.theme.colors['content-disabled']},r.palette),"\n  color: ".concat(n.inputColor,";\n  &::placeholder {\n    color: ").concat(n.inputPlaceholderColor,";\n  }\n  &:disabled {\n    color: ").concat(n.inputColorDisabled,";\n  }\n  &:disabled::placeholder {\n    color: ").concat(n.inputPlaceholderColorDisabled,";\n  }\n");var n}));var f=r.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({componentId:"fox-ui__sc-1gazj3c-2"})(["box-sizing:border-box;appearance:none;position:relative;padding:5px;margin:0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;cursor:",";&:first-child{margin-left:4px;}&:not(:first-child){margin-left:9px;}&:not(:first-child)::before{content:'';position:absolute;width:1px;height:60%;top:50%;left:-5px;transform:translateY(-50%);}"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(r=>{return n=o({controlsColor:r.theme.colors['content-onmain-tertiary'],controlsColorHover:r.theme.colors['content-onmain-primary'],controlsColorActive:r.theme.colors['content-onmain-primary'],controlsColorDisabled:r.theme.colors['content-disabled'],controlsBackgroundColor:r.theme.colors.transparent,controlsBackgroundColorHover:t(r.theme.colors['bg-oncolor-hover']).lighten(20).toString(),controlsBackgroundColorActive:r.theme.colors['bg-oncolor-hover'],controlsBackgroundColorDisabled:r.theme.colors.transparent,controlsSeparatorColor:r.theme.colors['border-onmain-default-large']},r.palette),"\n  color: ".concat(n.controlsColor,";\n  background-color: ").concat(n.controlsBackgroundColor,";\n  &:hover {\n    color: ").concat(n.controlsColorHover,";\n    background-color: ").concat(n.controlsBackgroundColorHover,";\n  }\n  &:active {\n    color: ").concat(n.controlsColorActive,";\n    background-color: ").concat(n.controlsBackgroundColorActive,";\n  }\n  &:disabled {\n    color: ").concat(n.controlsColorDisabled,";\n    background-color: ").concat(n.controlsBackgroundColorDisabled,";\n  }\n  &:not(:first-child)::before {\n    background-color: ").concat(n.controlsSeparatorColor,";\n  }\n");var n}),s);export{g as Input,f as InputControl,m as Root,b as baseInputStyle,p as disabledStyle,d as errorStyle,u as focusStyle,h as roundedStyle};
+'use strict';var styled=require('styled-components');var InputMask=require('react-input-mask');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var color=require('../../mixins/color.js');var responsiveProperty=require('../../mixins/responsive-property.js');var helpers=require('./helpers.js');var focus=require('../../mixins/focus.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var InputMask__default=_interopDefault(InputMask);const errorStyle=styled.css(["border:1px solid ",";background-color:",";"],(o=>o.theme.colors.pomegranate),(o=>tinycolor.default(o.theme.colors.pomegranate).setAlpha(.1).toString()));const disabledStyle=styled.css(["background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;&:disabled{background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;}"]);const focusStyle=styled.css(["&:focus{border:1px solid ",";outline:none;}"],(o=>o.theme.colors.accent));const roundedStyle=styled.css(["border-radius:",";"],(o=>o.theme.borderRadius));const baseInputStyle=o=>styled.css(["box-sizing:border-box;display:block;background-color:",";border:solid 1px ",";width:auto;appearance:none;font-size:16px;",";&::placeholder{","}"," "," "," "," "," "," ",""],o.theme.colors.white,o.theme.colors.alto,o.color?color.color(o.color):null,o.placeholderColor?color.color(o.placeholderColor):null,focusStyle,o.disabled?disabledStyle:null,o.rounded?roundedStyle:null,o.width?responsiveProperty.property(helpers.chooseWidthValue(o.width),o.fluid&&o.width!=='auto'?'max-width':'width'):null,responsiveProperty.responsiveNamedProperty({sizes:{widthXS:o.widthXS,widthS:o.widthS,widthM:o.widthM,widthL:o.widthL,widthXL:o.widthXL},cssProperty:o.fluid&&o.width!=='auto'?'max-width':'width',customSizeHandler:helpers.chooseWidthValue}),o.fluid?styled.css(["width:100%;"]):null,o.error?errorStyle:null);const Root=styled__default.default(InputMask__default.default).withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error'].includes(o)&&!o.includes('width')}).withConfig({displayName:"Input__Root",componentId:"ui__sc-1gazj3c-0"})(["line-height:24px;padding:15px 20px 11px;",""],(o=>baseInputStyle(o)));const Input=styled__default.default(InputMask__default.default).withConfig({shouldForwardProp:o=>!['palette','label','labelPosition','active'].includes(o)}).withConfig({displayName:"Input",componentId:"ui__sc-1gazj3c-1"})([""," ",""],(o=>{let e='1';let r='0px';return o.label&&o.labelPosition==='dynamic'&&(e=""+(o.active?1:0),r='0.8em'),o.label&&o.labelPosition==='top'&&(r='0.8em'),o.label&&o.labelPosition==='center'&&(e=""+(o.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${e};\n      padding-top: ${r};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      &[type="number"]::-webkit-outer-spin-button,\n      &[type="number"]::-webkit-inner-spin-button {\n        appearance: none;\n        margin: 0;\n      }\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(o=>{return`\n  color: ${(e={inputColor:o.theme.colors['content-onmain-primary'],inputPlaceholderColor:o.theme.colors['content-onmain-secondary'],inputColorDisabled:o.theme.colors['content-disabled'],inputPlaceholderColorDisabled:o.theme.colors['content-disabled'],...o.palette}).inputColor};\n  &::placeholder {\n    color: ${e.inputPlaceholderColor};\n  }\n  &:disabled {\n    color: ${e.inputColorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${e.inputPlaceholderColorDisabled};\n  }\n`;var e}));const InputControl=styled__default.default.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({displayName:"Input__InputControl",componentId:"ui__sc-1gazj3c-2"})(["box-sizing:border-box;appearance:none;position:relative;padding:5px;margin:0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;cursor:",";&:first-child{margin-left:4px;}&:not(:first-child){margin-left:9px;}&:not(:first-child)::before{content:'';position:absolute;width:1px;height:60%;top:50%;left:-5px;transform:translateY(-50%);}"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(o=>{return`\n  color: ${(e={controlsColor:o.theme.colors['content-onmain-tertiary'],controlsColorHover:o.theme.colors['content-onmain-primary'],controlsColorActive:o.theme.colors['content-onmain-primary'],controlsColorDisabled:o.theme.colors['content-disabled'],controlsBackgroundColor:o.theme.colors.transparent,controlsBackgroundColorHover:tinycolor.default(o.theme.colors['bg-oncolor-hover']).lighten(20).toString(),controlsBackgroundColorActive:o.theme.colors['bg-oncolor-hover'],controlsBackgroundColorDisabled:o.theme.colors.transparent,controlsSeparatorColor:o.theme.colors['border-onmain-default-large'],...o.palette}).controlsColor};\n  background-color: ${e.controlsBackgroundColor};\n  &:hover {\n    color: ${e.controlsColorHover};\n    background-color: ${e.controlsBackgroundColorHover};\n  }\n  &:active {\n    color: ${e.controlsColorActive};\n    background-color: ${e.controlsBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${e.controlsColorDisabled};\n    background-color: ${e.controlsBackgroundColorDisabled};\n  }\n  &:not(:first-child)::before {\n    background-color: ${e.controlsSeparatorColor};\n  }\n`;var e}),focus.focus);exports.Input=Input,exports.InputControl=InputControl,exports.Root=Root,exports.baseInputStyle=baseInputStyle,exports.disabledStyle=disabledStyle,exports.errorStyle=errorStyle,exports.focusStyle=focusStyle,exports.roundedStyle=roundedStyle;
 //# sourceMappingURL=style.js.map

package/components/Input/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Input/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport InputMask from 'react-input-mask'\nimport tinycolor from 'tinycolor2'\nimport type { StyledProps } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { chooseWidthValue } from 'components/Input/helpers'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledBaseInputProps, StyledInputProps, StyledInputControlsProps, InputPalette } from './types'\n\nconst template = (\n  palette: Pick<\n    InputPalette,\n    'inputColor' | 'inputPlaceholderColor' | 'inputColorDisabled' | 'inputPlaceholderColorDisabled'\n  >\n) => `\n  color: ${palette.inputColor};\n  &::placeholder {\n    color: ${palette.inputPlaceholderColor};\n  }\n  &:disabled {\n    color: ${palette.inputColorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.inputPlaceholderColorDisabled};\n  }\n`\n\nconst controlsTemplate = (\n  palette: Pick<\n    InputPalette,\n    | 'controlsColor'\n    | 'controlsBackgroundColor'\n    | 'controlsColorHover'\n    | 'controlsBackgroundColorHover'\n    | 'controlsColorActive'\n    | 'controlsBackgroundColorActive'\n    | 'controlsColorDisabled'\n    | 'controlsBackgroundColorDisabled'\n    | 'controlsSeparatorColor'\n  >\n) => `\n  color: ${palette.controlsColor};\n  background-color: ${palette.controlsBackgroundColor};\n  &:hover {\n    color: ${palette.controlsColorHover};\n    background-color: ${palette.controlsBackgroundColorHover};\n  }\n  &:active {\n    color: ${palette.controlsColorActive};\n    background-color: ${palette.controlsBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.controlsColorDisabled};\n    background-color: ${palette.controlsBackgroundColorDisabled};\n  }\n  &:not(:first-child)::before {\n    background-color: ${palette.controlsSeparatorColor};\n  }\n`\n\nexport const errorStyle = css`\n  border: 1px solid ${(props) => props.theme.colors.pomegranate};\n  background-color: ${(props) => tinycolor(props.theme.colors.pomegranate).setAlpha(0.1).toString()};\n`\n\nexport const disabledStyle = css`\n  background-color: rgba(0, 0, 0, 0.04);\n  border-color: rgba(0, 0, 0, 0.04);\n  color: rgba(0, 0, 0, 0.16);\n  cursor: not-allowed;\n  &:disabled {\n    background-color: rgba(0, 0, 0, 0.04);\n    border-color: rgba(0, 0, 0, 0.04);\n    color: rgba(0, 0, 0, 0.16);\n    cursor: not-allowed;\n  }\n`\n\nexport const focusStyle = css`\n  &:focus {\n    border: 1px solid ${(props) => props.theme.colors.accent};\n    outline: none;\n  }\n`\n\nexport const roundedStyle = css`\n  border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const baseInputStyle = (\n  props: StyledProps<\n    Pick<\n      StyledBaseInputProps,\n      | 'color'\n      | 'placeholderColor'\n      | 'disabled'\n      | 'rounded'\n      | 'width'\n      | 'widthXS'\n      | 'widthS'\n      | 'widthM'\n      | 'widthL'\n      | 'widthXL'\n      | 'fluid'\n      | 'error'\n    >\n  >\n) => css`\n  box-sizing: border-box;\n  display: block;\n  background-color: ${props.theme.colors.white};\n  border: solid 1px ${props.theme.colors.alto};\n  width: auto;\n  appearance: none;\n  font-size: 16px;\n  ${props.color ? color(props.color) : null};\n  &::placeholder {\n    ${props.placeholderColor ? color(props.placeholderColor) : null}\n  }\n  ${focusStyle}\n  ${props.disabled ? disabledStyle : null}\n  ${props.rounded ? roundedStyle : null}\n\n  ${props.width\n    ? property(chooseWidthValue(props.width), props.fluid && props.width !== 'auto' ? 'max-width' : 'width')\n    : null}\n  ${responsiveNamedProperty({\n    sizes: {\n      widthXS: props.widthXS,\n      widthS: props.widthS,\n      widthM: props.widthM,\n      widthL: props.widthL,\n      widthXL: props.widthXL,\n    },\n    cssProperty: props.fluid && props.width !== 'auto' ? 'max-width' : 'width',\n    customSizeHandler: chooseWidthValue,\n  })}\n  ${props.fluid\n    ? css`\n        width: 100%;\n      `\n    : null}\n  ${props.error ? errorStyle : null}\n`\n\nexport const Root: React.ComponentType<StyledBaseInputProps> = styled(InputMask).withConfig<StyledBaseInputProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error'].includes(prop) && !prop.includes('width'),\n})`\n  line-height: 24px;\n  padding: 15px 20px 11px;\n  ${(props) => baseInputStyle(props)}\n`\n\nexport const Input: React.ComponentType<StyledInputProps> = styled(InputMask).withConfig<StyledInputProps>({\n  shouldForwardProp: (propKey) => !['palette', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &[type=\"number\"]::-webkit-outer-spin-button,\n      &[type=\"number\"]::-webkit-inner-spin-button {\n        appearance: none;\n        margin: 0;\n      }\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      inputColor: props.theme.colors['content-onmain-primary'],\n      inputPlaceholderColor: props.theme.colors['content-onmain-secondary'],\n      inputColorDisabled: props.theme.colors['content-disabled'],\n      inputPlaceholderColorDisabled: props.theme.colors['content-disabled'],\n      ...props.palette,\n    })}\n`\n\nexport const InputControl = styled.button.withConfig<StyledInputControlsProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: none;\n  position: relative;\n  padding: 5px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 8px;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  &:first-child {\n    margin-left: 4px;\n  }\n  &:not(:first-child) {\n    margin-left: 9px;\n  }\n  &:not(:first-child)::before {\n    content: '';\n    position: absolute;\n    width: 1px;\n    height: 60%;\n    top: 50%;\n    left: -5px;\n    transform: translateY(-50%);\n  }\n  ${(props) =>\n    controlsTemplate({\n      controlsColor: props.theme.colors['content-onmain-tertiary'],\n      controlsColorHover: props.theme.colors['content-onmain-primary'],\n      controlsColorActive: props.theme.colors['content-onmain-primary'],\n      controlsColorDisabled: props.theme.colors['content-disabled'],\n      controlsBackgroundColor: props.theme.colors.transparent,\n      controlsBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover'])\n        .lighten(20)\n        .toString() as CSSColor,\n      controlsBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n      controlsBackgroundColorDisabled: props.theme.colors.transparent,\n      controlsSeparatorColor: props.theme.colors['border-onmain-default-large'],\n      ...props.palette,\n    })}\n\n  ${focus}\n`\n"],"names":["errorStyle","css","props","theme","colors","pomegranate","tinycolor","setAlpha","toString","disabledStyle","focusStyle","accent","roundedStyle","borderRadius","baseInputStyle","white","alto","color","placeholderColor","disabled","rounded","width","property","chooseWidthValue","fluid","responsiveNamedProperty","sizes","widthXS","widthS","widthM","widthL","widthXL","cssProperty","customSizeHandler","error","Root","styled","InputMask","withConfig","shouldForwardProp","prop","includes","componentId","Input","propKey","opacity","paddingTop","label","labelPosition","concat","active","template","palette","_objectSpread","inputColor","inputPlaceholderColor","inputColorDisabled","inputPlaceholderColorDisabled","InputControl","button","controlsTemplate","controlsColor","controlsColorHover","controlsColorActive","controlsColorDisabled","controlsBackgroundColor","transparent","controlsBackgroundColorHover","lighten","controlsBackgroundColorActive","controlsBackgroundColorDisabled","controlsSeparatorColor","focus"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Input/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport InputMask from 'react-input-mask'\nimport tinycolor from 'tinycolor2'\nimport type { StyledProps } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { chooseWidthValue } from 'components/Input/helpers'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledBaseInputProps, StyledInputProps, StyledInputControlsProps, InputPalette } from './types'\n\nconst template = (\n  palette: Pick<\n    InputPalette,\n    'inputColor' | 'inputPlaceholderColor' | 'inputColorDisabled' | 'inputPlaceholderColorDisabled'\n  >\n) => `\n  color: ${palette.inputColor};\n  &::placeholder {\n    color: ${palette.inputPlaceholderColor};\n  }\n  &:disabled {\n    color: ${palette.inputColorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.inputPlaceholderColorDisabled};\n  }\n`\n\nconst controlsTemplate = (\n  palette: Pick<\n    InputPalette,\n    | 'controlsColor'\n    | 'controlsBackgroundColor'\n    | 'controlsColorHover'\n    | 'controlsBackgroundColorHover'\n    | 'controlsColorActive'\n    | 'controlsBackgroundColorActive'\n    | 'controlsColorDisabled'\n    | 'controlsBackgroundColorDisabled'\n    | 'controlsSeparatorColor'\n  >\n) => `\n  color: ${palette.controlsColor};\n  background-color: ${palette.controlsBackgroundColor};\n  &:hover {\n    color: ${palette.controlsColorHover};\n    background-color: ${palette.controlsBackgroundColorHover};\n  }\n  &:active {\n    color: ${palette.controlsColorActive};\n    background-color: ${palette.controlsBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.controlsColorDisabled};\n    background-color: ${palette.controlsBackgroundColorDisabled};\n  }\n  &:not(:first-child)::before {\n    background-color: ${palette.controlsSeparatorColor};\n  }\n`\n\nexport const errorStyle = css`\n  border: 1px solid ${(props) => props.theme.colors.pomegranate};\n  background-color: ${(props) => tinycolor(props.theme.colors.pomegranate).setAlpha(0.1).toString()};\n`\n\nexport const disabledStyle = css`\n  background-color: rgba(0, 0, 0, 0.04);\n  border-color: rgba(0, 0, 0, 0.04);\n  color: rgba(0, 0, 0, 0.16);\n  cursor: not-allowed;\n  &:disabled {\n    background-color: rgba(0, 0, 0, 0.04);\n    border-color: rgba(0, 0, 0, 0.04);\n    color: rgba(0, 0, 0, 0.16);\n    cursor: not-allowed;\n  }\n`\n\nexport const focusStyle = css`\n  &:focus {\n    border: 1px solid ${(props) => props.theme.colors.accent};\n    outline: none;\n  }\n`\n\nexport const roundedStyle = css`\n  border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const baseInputStyle = (\n  props: StyledProps<\n    Pick<\n      StyledBaseInputProps,\n      | 'color'\n      | 'placeholderColor'\n      | 'disabled'\n      | 'rounded'\n      | 'width'\n      | 'widthXS'\n      | 'widthS'\n      | 'widthM'\n      | 'widthL'\n      | 'widthXL'\n      | 'fluid'\n      | 'error'\n    >\n  >\n) => css`\n  box-sizing: border-box;\n  display: block;\n  background-color: ${props.theme.colors.white};\n  border: solid 1px ${props.theme.colors.alto};\n  width: auto;\n  appearance: none;\n  font-size: 16px;\n  ${props.color ? color(props.color) : null};\n  &::placeholder {\n    ${props.placeholderColor ? color(props.placeholderColor) : null}\n  }\n  ${focusStyle}\n  ${props.disabled ? disabledStyle : null}\n  ${props.rounded ? roundedStyle : null}\n\n  ${props.width\n    ? property(chooseWidthValue(props.width), props.fluid && props.width !== 'auto' ? 'max-width' : 'width')\n    : null}\n  ${responsiveNamedProperty({\n    sizes: {\n      widthXS: props.widthXS,\n      widthS: props.widthS,\n      widthM: props.widthM,\n      widthL: props.widthL,\n      widthXL: props.widthXL,\n    },\n    cssProperty: props.fluid && props.width !== 'auto' ? 'max-width' : 'width',\n    customSizeHandler: chooseWidthValue,\n  })}\n  ${props.fluid\n    ? css`\n        width: 100%;\n      `\n    : null}\n  ${props.error ? errorStyle : null}\n`\n\nexport const Root: React.ComponentType<StyledBaseInputProps> = styled(InputMask).withConfig<StyledBaseInputProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error'].includes(prop) && !prop.includes('width'),\n})`\n  line-height: 24px;\n  padding: 15px 20px 11px;\n  ${(props) => baseInputStyle(props)}\n`\n\nexport const Input: React.ComponentType<StyledInputProps> = styled(InputMask).withConfig<StyledInputProps>({\n  shouldForwardProp: (propKey) => !['palette', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &[type=\"number\"]::-webkit-outer-spin-button,\n      &[type=\"number\"]::-webkit-inner-spin-button {\n        appearance: none;\n        margin: 0;\n      }\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      inputColor: props.theme.colors['content-onmain-primary'],\n      inputPlaceholderColor: props.theme.colors['content-onmain-secondary'],\n      inputColorDisabled: props.theme.colors['content-disabled'],\n      inputPlaceholderColorDisabled: props.theme.colors['content-disabled'],\n      ...props.palette,\n    })}\n`\n\nexport const InputControl = styled.button.withConfig<StyledInputControlsProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: none;\n  position: relative;\n  padding: 5px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 8px;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  &:first-child {\n    margin-left: 4px;\n  }\n  &:not(:first-child) {\n    margin-left: 9px;\n  }\n  &:not(:first-child)::before {\n    content: '';\n    position: absolute;\n    width: 1px;\n    height: 60%;\n    top: 50%;\n    left: -5px;\n    transform: translateY(-50%);\n  }\n  ${(props) =>\n    controlsTemplate({\n      controlsColor: props.theme.colors['content-onmain-tertiary'],\n      controlsColorHover: props.theme.colors['content-onmain-primary'],\n      controlsColorActive: props.theme.colors['content-onmain-primary'],\n      controlsColorDisabled: props.theme.colors['content-disabled'],\n      controlsBackgroundColor: props.theme.colors.transparent,\n      controlsBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover'])\n        .lighten(20)\n        .toString() as CSSColor,\n      controlsBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n      controlsBackgroundColorDisabled: props.theme.colors.transparent,\n      controlsSeparatorColor: props.theme.colors['border-onmain-default-large'],\n      ...props.palette,\n    })}\n\n  ${focus}\n`\n"],"names":["errorStyle","css","props","theme","colors","pomegranate","tinycolor","default","setAlpha","toString","disabledStyle","focusStyle","accent","roundedStyle","borderRadius","baseInputStyle","white","alto","color","placeholderColor","disabled","rounded","width","property","chooseWidthValue","fluid","responsiveNamedProperty","sizes","widthXS","widthS","widthM","widthL","widthXL","cssProperty","customSizeHandler","error","Root","styled","InputMask","withConfig","shouldForwardProp","prop","includes","displayName","componentId","Input","propKey","opacity","paddingTop","label","labelPosition","active","template","palette","inputColor","inputPlaceholderColor","inputColorDisabled","inputPlaceholderColorDisabled","InputControl","button","controlsTemplate","controlsColor","controlsColorHover","controlsColorActive","controlsColorDisabled","controlsBackgroundColor","transparent","controlsBackgroundColorHover","lighten","controlsBackgroundColorActive","controlsBackgroundColorDisabled","controlsSeparatorColor","focus"],"mappings":"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"}

package/components/Input/style.mjs

@@ -0,0 +1,2 @@
+import styled,{css}from'styled-components';import InputMask from'react-input-mask';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{color}from'../../mixins/color.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{chooseWidthValue}from'./helpers.mjs';import{focus}from'../../mixins/focus.mjs';const errorStyle=css(["border:1px solid ",";background-color:",";"],(o=>o.theme.colors.pomegranate),(o=>tinycolor(o.theme.colors.pomegranate).setAlpha(.1).toString()));const disabledStyle=css(["background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;&:disabled{background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;}"]);const focusStyle=css(["&:focus{border:1px solid ",";outline:none;}"],(o=>o.theme.colors.accent));const roundedStyle=css(["border-radius:",";"],(o=>o.theme.borderRadius));const baseInputStyle=o=>css(["box-sizing:border-box;display:block;background-color:",";border:solid 1px ",";width:auto;appearance:none;font-size:16px;",";&::placeholder{","}"," "," "," "," "," "," ",""],o.theme.colors.white,o.theme.colors.alto,o.color?color(o.color):null,o.placeholderColor?color(o.placeholderColor):null,focusStyle,o.disabled?disabledStyle:null,o.rounded?roundedStyle:null,o.width?property(chooseWidthValue(o.width),o.fluid&&o.width!=='auto'?'max-width':'width'):null,responsiveNamedProperty({sizes:{widthXS:o.widthXS,widthS:o.widthS,widthM:o.widthM,widthL:o.widthL,widthXL:o.widthXL},cssProperty:o.fluid&&o.width!=='auto'?'max-width':'width',customSizeHandler:chooseWidthValue}),o.fluid?css(["width:100%;"]):null,o.error?errorStyle:null);const Root=styled(InputMask).withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error'].includes(o)&&!o.includes('width')}).withConfig({displayName:"Input__Root",componentId:"ui__sc-1gazj3c-0"})(["line-height:24px;padding:15px 20px 11px;",""],(o=>baseInputStyle(o)));const Input=styled(InputMask).withConfig({shouldForwardProp:o=>!['palette','label','labelPosition','active'].includes(o)}).withConfig({displayName:"Input",componentId:"ui__sc-1gazj3c-1"})([""," ",""],(o=>{let r='1';let e='0px';return o.label&&o.labelPosition==='dynamic'&&(r=""+(o.active?1:0),e='0.8em'),o.label&&o.labelPosition==='top'&&(e='0.8em'),o.label&&o.labelPosition==='center'&&(r=""+(o.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${r};\n      padding-top: ${e};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      &[type="number"]::-webkit-outer-spin-button,\n      &[type="number"]::-webkit-inner-spin-button {\n        appearance: none;\n        margin: 0;\n      }\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(o=>{return`\n  color: ${(r={inputColor:o.theme.colors['content-onmain-primary'],inputPlaceholderColor:o.theme.colors['content-onmain-secondary'],inputColorDisabled:o.theme.colors['content-disabled'],inputPlaceholderColorDisabled:o.theme.colors['content-disabled'],...o.palette}).inputColor};\n  &::placeholder {\n    color: ${r.inputPlaceholderColor};\n  }\n  &:disabled {\n    color: ${r.inputColorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${r.inputPlaceholderColorDisabled};\n  }\n`;var r}));const InputControl=styled.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({displayName:"Input__InputControl",componentId:"ui__sc-1gazj3c-2"})(["box-sizing:border-box;appearance:none;position:relative;padding:5px;margin:0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;cursor:",";&:first-child{margin-left:4px;}&:not(:first-child){margin-left:9px;}&:not(:first-child)::before{content:'';position:absolute;width:1px;height:60%;top:50%;left:-5px;transform:translateY(-50%);}"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(o=>{return`\n  color: ${(r={controlsColor:o.theme.colors['content-onmain-tertiary'],controlsColorHover:o.theme.colors['content-onmain-primary'],controlsColorActive:o.theme.colors['content-onmain-primary'],controlsColorDisabled:o.theme.colors['content-disabled'],controlsBackgroundColor:o.theme.colors.transparent,controlsBackgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-hover']).lighten(20).toString(),controlsBackgroundColorActive:o.theme.colors['bg-oncolor-hover'],controlsBackgroundColorDisabled:o.theme.colors.transparent,controlsSeparatorColor:o.theme.colors['border-onmain-default-large'],...o.palette}).controlsColor};\n  background-color: ${r.controlsBackgroundColor};\n  &:hover {\n    color: ${r.controlsColorHover};\n    background-color: ${r.controlsBackgroundColorHover};\n  }\n  &:active {\n    color: ${r.controlsColorActive};\n    background-color: ${r.controlsBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${r.controlsColorDisabled};\n    background-color: ${r.controlsBackgroundColorDisabled};\n  }\n  &:not(:first-child)::before {\n    background-color: ${r.controlsSeparatorColor};\n  }\n`;var r}),focus);export{Input,InputControl,Root,baseInputStyle,disabledStyle,errorStyle,focusStyle,roundedStyle};
+//# sourceMappingURL=style.mjs.map

package/components/Input/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Input/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport InputMask from 'react-input-mask'\nimport tinycolor from 'tinycolor2'\nimport type { StyledProps } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { chooseWidthValue } from 'components/Input/helpers'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledBaseInputProps, StyledInputProps, StyledInputControlsProps, InputPalette } from './types'\n\nconst template = (\n  palette: Pick<\n    InputPalette,\n    'inputColor' | 'inputPlaceholderColor' | 'inputColorDisabled' | 'inputPlaceholderColorDisabled'\n  >\n) => `\n  color: ${palette.inputColor};\n  &::placeholder {\n    color: ${palette.inputPlaceholderColor};\n  }\n  &:disabled {\n    color: ${palette.inputColorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.inputPlaceholderColorDisabled};\n  }\n`\n\nconst controlsTemplate = (\n  palette: Pick<\n    InputPalette,\n    | 'controlsColor'\n    | 'controlsBackgroundColor'\n    | 'controlsColorHover'\n    | 'controlsBackgroundColorHover'\n    | 'controlsColorActive'\n    | 'controlsBackgroundColorActive'\n    | 'controlsColorDisabled'\n    | 'controlsBackgroundColorDisabled'\n    | 'controlsSeparatorColor'\n  >\n) => `\n  color: ${palette.controlsColor};\n  background-color: ${palette.controlsBackgroundColor};\n  &:hover {\n    color: ${palette.controlsColorHover};\n    background-color: ${palette.controlsBackgroundColorHover};\n  }\n  &:active {\n    color: ${palette.controlsColorActive};\n    background-color: ${palette.controlsBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.controlsColorDisabled};\n    background-color: ${palette.controlsBackgroundColorDisabled};\n  }\n  &:not(:first-child)::before {\n    background-color: ${palette.controlsSeparatorColor};\n  }\n`\n\nexport const errorStyle = css`\n  border: 1px solid ${(props) => props.theme.colors.pomegranate};\n  background-color: ${(props) => tinycolor(props.theme.colors.pomegranate).setAlpha(0.1).toString()};\n`\n\nexport const disabledStyle = css`\n  background-color: rgba(0, 0, 0, 0.04);\n  border-color: rgba(0, 0, 0, 0.04);\n  color: rgba(0, 0, 0, 0.16);\n  cursor: not-allowed;\n  &:disabled {\n    background-color: rgba(0, 0, 0, 0.04);\n    border-color: rgba(0, 0, 0, 0.04);\n    color: rgba(0, 0, 0, 0.16);\n    cursor: not-allowed;\n  }\n`\n\nexport const focusStyle = css`\n  &:focus {\n    border: 1px solid ${(props) => props.theme.colors.accent};\n    outline: none;\n  }\n`\n\nexport const roundedStyle = css`\n  border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const baseInputStyle = (\n  props: StyledProps<\n    Pick<\n      StyledBaseInputProps,\n      | 'color'\n      | 'placeholderColor'\n      | 'disabled'\n      | 'rounded'\n      | 'width'\n      | 'widthXS'\n      | 'widthS'\n      | 'widthM'\n      | 'widthL'\n      | 'widthXL'\n      | 'fluid'\n      | 'error'\n    >\n  >\n) => css`\n  box-sizing: border-box;\n  display: block;\n  background-color: ${props.theme.colors.white};\n  border: solid 1px ${props.theme.colors.alto};\n  width: auto;\n  appearance: none;\n  font-size: 16px;\n  ${props.color ? color(props.color) : null};\n  &::placeholder {\n    ${props.placeholderColor ? color(props.placeholderColor) : null}\n  }\n  ${focusStyle}\n  ${props.disabled ? disabledStyle : null}\n  ${props.rounded ? roundedStyle : null}\n\n  ${props.width\n    ? property(chooseWidthValue(props.width), props.fluid && props.width !== 'auto' ? 'max-width' : 'width')\n    : null}\n  ${responsiveNamedProperty({\n    sizes: {\n      widthXS: props.widthXS,\n      widthS: props.widthS,\n      widthM: props.widthM,\n      widthL: props.widthL,\n      widthXL: props.widthXL,\n    },\n    cssProperty: props.fluid && props.width !== 'auto' ? 'max-width' : 'width',\n    customSizeHandler: chooseWidthValue,\n  })}\n  ${props.fluid\n    ? css`\n        width: 100%;\n      `\n    : null}\n  ${props.error ? errorStyle : null}\n`\n\nexport const Root: React.ComponentType<StyledBaseInputProps> = styled(InputMask).withConfig<StyledBaseInputProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error'].includes(prop) && !prop.includes('width'),\n})`\n  line-height: 24px;\n  padding: 15px 20px 11px;\n  ${(props) => baseInputStyle(props)}\n`\n\nexport const Input: React.ComponentType<StyledInputProps> = styled(InputMask).withConfig<StyledInputProps>({\n  shouldForwardProp: (propKey) => !['palette', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &[type=\"number\"]::-webkit-outer-spin-button,\n      &[type=\"number\"]::-webkit-inner-spin-button {\n        appearance: none;\n        margin: 0;\n      }\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      inputColor: props.theme.colors['content-onmain-primary'],\n      inputPlaceholderColor: props.theme.colors['content-onmain-secondary'],\n      inputColorDisabled: props.theme.colors['content-disabled'],\n      inputPlaceholderColorDisabled: props.theme.colors['content-disabled'],\n      ...props.palette,\n    })}\n`\n\nexport const InputControl = styled.button.withConfig<StyledInputControlsProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: none;\n  position: relative;\n  padding: 5px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 8px;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  &:first-child {\n    margin-left: 4px;\n  }\n  &:not(:first-child) {\n    margin-left: 9px;\n  }\n  &:not(:first-child)::before {\n    content: '';\n    position: absolute;\n    width: 1px;\n    height: 60%;\n    top: 50%;\n    left: -5px;\n    transform: translateY(-50%);\n  }\n  ${(props) =>\n    controlsTemplate({\n      controlsColor: props.theme.colors['content-onmain-tertiary'],\n      controlsColorHover: props.theme.colors['content-onmain-primary'],\n      controlsColorActive: props.theme.colors['content-onmain-primary'],\n      controlsColorDisabled: props.theme.colors['content-disabled'],\n      controlsBackgroundColor: props.theme.colors.transparent,\n      controlsBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover'])\n        .lighten(20)\n        .toString() as CSSColor,\n      controlsBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n      controlsBackgroundColorDisabled: props.theme.colors.transparent,\n      controlsSeparatorColor: props.theme.colors['border-onmain-default-large'],\n      ...props.palette,\n    })}\n\n  ${focus}\n`\n"],"names":["errorStyle","css","props","theme","colors","pomegranate","tinycolor","setAlpha","toString","disabledStyle","focusStyle","accent","roundedStyle","borderRadius","baseInputStyle","white","alto","color","placeholderColor","disabled","rounded","width","property","chooseWidthValue","fluid","responsiveNamedProperty","sizes","widthXS","widthS","widthM","widthL","widthXL","cssProperty","customSizeHandler","error","Root","styled","InputMask","withConfig","shouldForwardProp","prop","includes","displayName","componentId","Input","propKey","opacity","paddingTop","label","labelPosition","active","template","palette","inputColor","inputPlaceholderColor","inputColorDisabled","inputPlaceholderColorDisabled","InputControl","button","controlsTemplate","controlsColor","controlsColorHover","controlsColorActive","controlsColorDisabled","controlsBackgroundColor","transparent","controlsBackgroundColorHover","lighten","controlsBackgroundColorActive","controlsBackgroundColorDisabled","controlsSeparatorColor","focus"],"mappings":"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"}

package/components/Input.Phone/Input.Phone.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectWithoutProperties';import t from'@babel/runtime/helpers/objectSpread2';import{PureComponent as a}from'react';import{Input as r}from'../Input/Input.js';import{COUNTRY_DATA as s,DEFAULT_MASK as o,INITIAL_MASK as n,REGEXPS as i,RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH as l}from'./constants.js';import{jsx as u}from'react/jsx-runtime';var p=["countryData","defaultMask","initialMask","stripValue"];var h=function(e){var t=arguments.length>0&&void 0!==e?e:'';return t.replace(i.NOT_NUMBERS,'')};class c extends a{constructor(e){var a;super(e),a=this,this.autocorrectOf8=void 0,this.autocorrectOf9=void 0,this.getUpdates=function(e,t){var r=arguments.length>1&&void 0!==t?t:void 0;var{countryData:o,defaultMask:n,initialMask:u}=a.props;var p=h(e);var c=u;var v=null;var m=!1;var d=!1;if(!p)return{mask:c,numbers:p,startsFrom8:m,startsFrom9:d,regexp:v};var g=!1;for(var f=0;f<o.length;f++)p.startsWith(o[f][1])&&([,,c,v]=o[f],g=0===f||1===f);return m=g&&i.FROM_8.test(p)&&a.autocorrectOf8,d=(!c||p.length===l&&''===r)&&a.autocorrectOf9&&i.FROM_9.test(p),m&&(c=s[0][2],a.autocorrectOf8=!1),d&&(c=s[0][2],a.autocorrectOf9=!1),c||(c=n),{mask:c,numbers:p,startsFrom8:m,startsFrom9:d,regexp:v}},this.change=e=>{var{mask:t}=this.getUpdates(e);this.setState({mask:t})},this.handleChange=e=>{e.persist();var{onChange:t,stripValue:a}=this.props;if(t){var r=e;a&&(r.target.value=h(e.target.value)),t(r)}},this.beforeMaskedValueChange=(e,a)=>{var{mask:r,numbers:s,startsFrom8:o,startsFrom9:n,regexp:l}=this.getUpdates(e.value,a.value);return this.setState({mask:r,regexp:l}),n?{selection:1===s.length?{start:5,end:5}:e.selection,value:e.value.replace(i.FROM_9,'+79$1')}:o?{selection:{start:2,end:2},value:e.value.replace(i.FROM_8,'+7$1')}:i.FILLED.test(a.value)&&1===s.length?{selection:{start:2,end:2},value:e.value}:!i.FILLED.test(a.value)&&i.FILLED.test(e.value)?t(t({},e),{},{selection:e.selection?{start:e.selection.start+1,end:e.selection.end+1}:null}):e},this.autocorrectOf8=!0,this.autocorrectOf9=!0;var{mask:r}=this.getUpdates(e.value||'');this.state={mask:r,regexp:null}}componentDidUpdate(e){var{value:t}=this.props;t!==e.value&&this.change(t)}render(){var a=e(this.props,p);var{mask:s,regexp:o}=this.state;return u(r,t(t({},a),{},{beforeMaskedValueChange:this.beforeMaskedValueChange,mask:s,"data-regexp":o instanceof RegExp?o.toString():void 0,onChange:this.handleChange}))}}c.displayName='Input.Phone',c.defaultProps={countryData:s,defaultMask:o,initialMask:n,placeholder:'+9 (999) 999-99-99',rounded:!0,type:'text',color:'mineShaft',mask:'',placeholderColor:'silver'};export{c as InputPhone};
+'use strict';var React=require('react');var Input=require('../Input/Input.js');var constants=require('./constants.js');var require$$0=require('react/jsx-runtime');const onlyNumbers=(t="")=>t.replace(constants.REGEXPS.NOT_NUMBERS,'');exports.InputPhone=class InputPhone extends React.PureComponent{static displayName='Input.Phone';static defaultProps={countryData:constants.COUNTRY_DATA,defaultMask:constants.DEFAULT_MASK,initialMask:constants.INITIAL_MASK,placeholder:'+9 (999) 999-99-99',rounded:!0,type:'text',color:'mineShaft',mask:'',placeholderColor:'silver'};constructor(t){super(t),this.autocorrectOf8=!0,this.autocorrectOf9=!0;const{mask:e}=this.getUpdates(t.value||'');this.state={mask:e,regexp:null}}componentDidUpdate(t){const{value:e}=this.props;e!==t.value&&this.change(e)}getUpdates=(t,e)=>{const{countryData:s,defaultMask:a,initialMask:n}=this.props;const r=onlyNumbers(t);let o=n;let c=null;let l=!1;let u=!1;if(!r)return{mask:o,numbers:r,startsFrom8:l,startsFrom9:u,regexp:c};let i=!1;for(let t=0;t<s.length;t++)r.startsWith(s[t][1])&&([,,o,c]=s[t],i=t===0||t===1);return l=i&&constants.REGEXPS.FROM_8.test(r)&&this.autocorrectOf8,u=(!o||r.length===constants.RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH&&e==='')&&this.autocorrectOf9&&constants.REGEXPS.FROM_9.test(r),l&&(o=constants.COUNTRY_DATA[0][2],this.autocorrectOf8=!1),u&&(o=constants.COUNTRY_DATA[0][2],this.autocorrectOf9=!1),o||(o=a),{mask:o,numbers:r,startsFrom8:l,startsFrom9:u,regexp:c}};change=t=>{const{mask:e}=this.getUpdates(t);this.setState({mask:e})};handleChange=t=>{t.persist();const{onChange:e,stripValue:s}=this.props;if(e){const a=t;s&&(a.target.value=onlyNumbers(t.target.value)),e(a)}};beforeMaskedValueChange=(t,e)=>{const{mask:s,numbers:a,startsFrom8:n,startsFrom9:r,regexp:o}=this.getUpdates(t.value,e.value);return this.setState({mask:s,regexp:o}),r?{selection:a.length===1?{start:5,end:5}:t.selection,value:t.value.replace(constants.REGEXPS.FROM_9,'+79$1')}:n?{selection:{start:2,end:2},value:t.value.replace(constants.REGEXPS.FROM_8,'+7$1')}:constants.REGEXPS.FILLED.test(e.value)&&a.length===1?{selection:{start:2,end:2},value:t.value}:!constants.REGEXPS.FILLED.test(e.value)&&constants.REGEXPS.FILLED.test(t.value)?{...t,selection:t.selection?{start:t.selection.start+1,end:t.selection.end+1}:null}:t};render(){const{countryData:t,defaultMask:e,initialMask:s,stripValue:a,...n}=this.props;const{mask:r,regexp:o}=this.state;return require$$0.jsx(Input.Input,{...n,beforeMaskedValueChange:this.beforeMaskedValueChange,mask:r,"data-regexp":o instanceof RegExp?o.toString():void 0,onChange:this.handleChange})}};
 //# sourceMappingURL=Input.Phone.js.map

package/components/Input.Phone/Input.Phone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.Phone.js","sources":["../../../../src/components/Input.Phone/Input.Phone.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { PureComponent } from 'react'\nimport type { InputState } from 'react-input-mask'\nimport { Input } from '../Input/Input'\nimport type { InputProps } from '../Input'\nimport {\n  COUNTRY_DATA,\n  DEFAULT_MASK,\n  INITIAL_MASK,\n  REGEXPS,\n  RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH,\n} from './constants'\n\nconst onlyNumbers = (value = ''): string => value.replace(REGEXPS.NOT_NUMBERS, '')\n\nexport interface InputPhoneProps extends InputProps {\n  /**\n   * Settings for different country codes\n   */\n  countryData?: string[][]\n  /**\n   * Default field mask that is set when none of the countryData prop matches\n   */\n  defaultMask?: string\n  /**\n   * The default field mask when the phone field is empty is required to enable autocomplete in\n   * the browser\n   */\n  initialMask?: string\n  /** If event should return stripped phone value (not for redux forms) */\n  stripValue?: boolean\n}\n\ninterface InputPhoneState {\n  mask: string\n  regexp?: RegExp | null\n}\n\n/**\n * Расширен:\n * - `InputProps`\n */\nexport class InputPhone extends PureComponent<typeof InputPhone.defaultProps & InputPhoneProps, InputPhoneState> {\n  static displayName = 'Input.Phone'\n  static defaultProps = {\n    countryData: COUNTRY_DATA,\n    defaultMask: DEFAULT_MASK,\n    initialMask: INITIAL_MASK,\n    placeholder: '+9 (999) 999-99-99',\n    rounded: true,\n    type: 'text',\n    color: 'mineShaft',\n    mask: '',\n    placeholderColor: 'silver',\n  }\n\n  autocorrectOf8: boolean\n  autocorrectOf9: boolean\n\n  constructor(props: typeof InputPhone.defaultProps & InputPhoneProps) {\n    super(props)\n\n    this.autocorrectOf8 = true\n    this.autocorrectOf9 = true\n\n    const { mask } = this.getUpdates(props.value || '')\n\n    this.state = { mask, regexp: null }\n  }\n\n  componentDidUpdate(nextProps: InputPhoneProps) {\n    const { value } = this.props\n\n    if (value !== nextProps.value) {\n      this.change(value)\n    }\n  }\n\n  getUpdates = (\n    value: InputPhoneProps['value'],\n    prevValue: InputPhoneProps['value'] = undefined\n  ): {\n    mask: string\n    numbers: string\n    startsFrom8: boolean\n    startsFrom9: boolean\n    regexp: RegExp | null\n  } => {\n    const { countryData, defaultMask, initialMask } = this.props\n    const numbers = onlyNumbers(value as string)\n\n    let mask = initialMask\n    let regexp = null\n    let startsFrom8 = false\n    let startsFrom9 = false\n\n    if (!numbers)\n      return {\n        mask,\n        numbers,\n        startsFrom8,\n        startsFrom9,\n        regexp,\n      }\n\n    let isRussian = false\n\n    for (let i = 0; i < countryData.length; i++) {\n      if (numbers.startsWith(countryData[i][1])) {\n        ;[, , mask, regexp] = countryData[i]\n        isRussian = i === 0 || i === 1\n      }\n    }\n\n    startsFrom8 = isRussian && REGEXPS.FROM_8.test(numbers) && this.autocorrectOf8\n    startsFrom9 =\n      (!mask || (numbers.length === RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH && prevValue === '')) &&\n      this.autocorrectOf9 &&\n      REGEXPS.FROM_9.test(numbers)\n\n    if (startsFrom8) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf8 = false\n    }\n\n    if (startsFrom9) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf9 = false\n    }\n\n    if (!mask) {\n      mask = defaultMask\n    }\n\n    return {\n      mask,\n      numbers,\n      startsFrom8,\n      startsFrom9,\n      regexp,\n    }\n  }\n\n  change = (phone: InputPhoneProps['value']) => {\n    const { mask } = this.getUpdates(phone)\n\n    this.setState({ mask })\n  }\n\n  handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    e.persist()\n\n    const { onChange, stripValue } = this.props\n\n    if (onChange) {\n      const _e = e\n      if (stripValue) _e.target.value = onlyNumbers(e.target.value)\n      onChange(_e)\n    }\n  }\n\n  beforeMaskedValueChange = (newState: InputState, oldState: InputState) => {\n    const { mask, numbers, startsFrom8, startsFrom9, regexp } = this.getUpdates(newState.value, oldState.value)\n\n    this.setState({ mask, regexp })\n\n    /**\n     * For the correct caret position, when the user enters 9 in the phone field and it's replaced\n     * by '+7 (9'\n     */\n    if (startsFrom9) {\n      return {\n        selection: numbers.length === 1 ? { start: 5, end: 5 } : newState.selection,\n        value: newState.value.replace(REGEXPS.FROM_9, '+79$1'),\n      }\n    }\n\n    if (startsFrom8) {\n      return { selection: { start: 2, end: 2 }, value: newState.value.replace(REGEXPS.FROM_8, '+7$1') }\n    }\n\n    if (REGEXPS.FILLED.test(oldState.value) && numbers.length === 1) {\n      return { selection: { start: 2, end: 2 }, value: newState.value }\n    }\n\n    if (!REGEXPS.FILLED.test(oldState.value) && REGEXPS.FILLED.test(newState.value)) {\n      return {\n        ...newState,\n        selection: newState.selection ? { start: newState.selection.start + 1, end: newState.selection.end + 1 } : null,\n      }\n    }\n\n    return newState\n  }\n\n  render() {\n    const {\n      /* eslint-disable no-unused-vars, @typescript-eslint/no-unused-vars */\n      countryData,\n      defaultMask,\n      initialMask,\n      stripValue,\n      /* eslint-enable no-unused-vars, @typescript-eslint/no-unused-vars */\n      ...props\n    } = this.props\n    const { mask, regexp } = this.state\n\n    return (\n      <Input\n        {...props}\n        beforeMaskedValueChange={this.beforeMaskedValueChange}\n        mask={mask}\n        data-regexp={regexp instanceof RegExp ? regexp.toString() : undefined}\n        onChange={this.handleChange}\n      />\n    )\n  }\n}\n"],"names":["onlyNumbers","e","value","replace","REGEXPS","NOT_NUMBERS","InputPhone","PureComponent","constructor","props","_this","super","this","autocorrectOf8","autocorrectOf9","getUpdates","t","prevValue","undefined","countryData","defaultMask","initialMask","numbers","mask","regexp","startsFrom8","startsFrom9","isRussian","i","length","startsWith","FROM_8","test","RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH","FROM_9","COUNTRY_DATA","change","phone","setState","handleChange","persist","onChange","stripValue","_e","target","beforeMaskedValueChange","newState","oldState","selection","start","end","FILLED","_objectSpread","state","componentDidUpdate","nextProps","render","_objectWithoutProperties","_excluded","_jsx","Input","RegExp","toString","displayName","defaultProps","DEFAULT_MASK","INITIAL_MASK","placeholder","rounded","type","color","placeholderColor"],"mappings":"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"}
+{"version":3,"file":"Input.Phone.js","sources":["../../../../src/components/Input.Phone/Input.Phone.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { PureComponent } from 'react'\nimport type { InputState } from 'react-input-mask'\nimport { Input } from '../Input/Input'\nimport type { InputProps } from '../Input'\nimport {\n  COUNTRY_DATA,\n  DEFAULT_MASK,\n  INITIAL_MASK,\n  REGEXPS,\n  RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH,\n} from './constants'\n\nconst onlyNumbers = (value = ''): string => value.replace(REGEXPS.NOT_NUMBERS, '')\n\nexport interface InputPhoneProps extends InputProps {\n  /**\n   * Settings for different country codes\n   */\n  countryData?: string[][]\n  /**\n   * Default field mask that is set when none of the countryData prop matches\n   */\n  defaultMask?: string\n  /**\n   * The default field mask when the phone field is empty is required to enable autocomplete in\n   * the browser\n   */\n  initialMask?: string\n  /** If event should return stripped phone value (not for redux forms) */\n  stripValue?: boolean\n}\n\ninterface InputPhoneState {\n  mask: string\n  regexp?: RegExp | null\n}\n\n/**\n * Расширен:\n * - `InputProps`\n */\nexport class InputPhone extends PureComponent<typeof InputPhone.defaultProps & InputPhoneProps, InputPhoneState> {\n  static displayName = 'Input.Phone'\n  static defaultProps = {\n    countryData: COUNTRY_DATA,\n    defaultMask: DEFAULT_MASK,\n    initialMask: INITIAL_MASK,\n    placeholder: '+9 (999) 999-99-99',\n    rounded: true,\n    type: 'text',\n    color: 'mineShaft',\n    mask: '',\n    placeholderColor: 'silver',\n  }\n\n  autocorrectOf8: boolean\n  autocorrectOf9: boolean\n\n  constructor(props: typeof InputPhone.defaultProps & InputPhoneProps) {\n    super(props)\n\n    this.autocorrectOf8 = true\n    this.autocorrectOf9 = true\n\n    const { mask } = this.getUpdates(props.value || '')\n\n    this.state = { mask, regexp: null }\n  }\n\n  componentDidUpdate(nextProps: InputPhoneProps) {\n    const { value } = this.props\n\n    if (value !== nextProps.value) {\n      this.change(value)\n    }\n  }\n\n  getUpdates = (\n    value: InputPhoneProps['value'],\n    prevValue: InputPhoneProps['value'] = undefined\n  ): {\n    mask: string\n    numbers: string\n    startsFrom8: boolean\n    startsFrom9: boolean\n    regexp: RegExp | null\n  } => {\n    const { countryData, defaultMask, initialMask } = this.props\n    const numbers = onlyNumbers(value as string)\n\n    let mask = initialMask\n    let regexp = null\n    let startsFrom8 = false\n    let startsFrom9 = false\n\n    if (!numbers)\n      return {\n        mask,\n        numbers,\n        startsFrom8,\n        startsFrom9,\n        regexp,\n      }\n\n    let isRussian = false\n\n    for (let i = 0; i < countryData.length; i++) {\n      if (numbers.startsWith(countryData[i][1])) {\n        ;[, , mask, regexp] = countryData[i]\n        isRussian = i === 0 || i === 1\n      }\n    }\n\n    startsFrom8 = isRussian && REGEXPS.FROM_8.test(numbers) && this.autocorrectOf8\n    startsFrom9 =\n      (!mask || (numbers.length === RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH && prevValue === '')) &&\n      this.autocorrectOf9 &&\n      REGEXPS.FROM_9.test(numbers)\n\n    if (startsFrom8) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf8 = false\n    }\n\n    if (startsFrom9) {\n      // RUSSIAN_MASK\n      mask = COUNTRY_DATA[0][2]\n\n      this.autocorrectOf9 = false\n    }\n\n    if (!mask) {\n      mask = defaultMask\n    }\n\n    return {\n      mask,\n      numbers,\n      startsFrom8,\n      startsFrom9,\n      regexp,\n    }\n  }\n\n  change = (phone: InputPhoneProps['value']) => {\n    const { mask } = this.getUpdates(phone)\n\n    this.setState({ mask })\n  }\n\n  handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    e.persist()\n\n    const { onChange, stripValue } = this.props\n\n    if (onChange) {\n      const _e = e\n      if (stripValue) _e.target.value = onlyNumbers(e.target.value)\n      onChange(_e)\n    }\n  }\n\n  beforeMaskedValueChange = (newState: InputState, oldState: InputState) => {\n    const { mask, numbers, startsFrom8, startsFrom9, regexp } = this.getUpdates(newState.value, oldState.value)\n\n    this.setState({ mask, regexp })\n\n    /**\n     * For the correct caret position, when the user enters 9 in the phone field and it's replaced\n     * by '+7 (9'\n     */\n    if (startsFrom9) {\n      return {\n        selection: numbers.length === 1 ? { start: 5, end: 5 } : newState.selection,\n        value: newState.value.replace(REGEXPS.FROM_9, '+79$1'),\n      }\n    }\n\n    if (startsFrom8) {\n      return { selection: { start: 2, end: 2 }, value: newState.value.replace(REGEXPS.FROM_8, '+7$1') }\n    }\n\n    if (REGEXPS.FILLED.test(oldState.value) && numbers.length === 1) {\n      return { selection: { start: 2, end: 2 }, value: newState.value }\n    }\n\n    if (!REGEXPS.FILLED.test(oldState.value) && REGEXPS.FILLED.test(newState.value)) {\n      return {\n        ...newState,\n        selection: newState.selection ? { start: newState.selection.start + 1, end: newState.selection.end + 1 } : null,\n      }\n    }\n\n    return newState\n  }\n\n  render() {\n    const {\n      /* eslint-disable no-unused-vars, @typescript-eslint/no-unused-vars */\n      countryData,\n      defaultMask,\n      initialMask,\n      stripValue,\n      /* eslint-enable no-unused-vars, @typescript-eslint/no-unused-vars */\n      ...props\n    } = this.props\n    const { mask, regexp } = this.state\n\n    return (\n      <Input\n        {...props}\n        beforeMaskedValueChange={this.beforeMaskedValueChange}\n        mask={mask}\n        data-regexp={regexp instanceof RegExp ? regexp.toString() : undefined}\n        onChange={this.handleChange}\n      />\n    )\n  }\n}\n"],"names":["onlyNumbers","value","replace","REGEXPS","NOT_NUMBERS","InputPhone","PureComponent","static","countryData","COUNTRY_DATA","defaultMask","DEFAULT_MASK","initialMask","INITIAL_MASK","placeholder","rounded","type","color","mask","placeholderColor","constructor","props","super","this","autocorrectOf8","autocorrectOf9","getUpdates","state","regexp","componentDidUpdate","nextProps","change","prevValue","numbers","startsFrom8","startsFrom9","isRussian","i","length","startsWith","FROM_8","test","RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH","FROM_9","phone","setState","handleChange","e","persist","onChange","stripValue","_e","target","beforeMaskedValueChange","newState","oldState","selection","start","end","FILLED","render","_jsx","Input","RegExp","toString","undefined"],"mappings":"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"}