@skodaflow/web-library 4.0.3 → 4.2.0

package/cjs/components/tab/tab.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),l=require("react"),t=require("./hook/useTabs.js"),r=require("./tabs.js"),s=require("./tabStyled.js");function i(e){return e&&e.__esModule?e:{default:e}}const u=i(l).default.forwardRef(((i,u)=>{var{label:c,value:n,onClick:b,analyticsCallback:o,href:d,children:f,target:v,ariaLabel:C}=i;e.__rest(i,["label","value","onClick","analyticsCallback","href","children","target","ariaLabel"]);const{activeTab:j,updateActiveTab:k,smallSize:x}=l.useContext(r.TabsContext),[p,h]=l.useState(!1),{a11yProps:g}=t.default(),m=l.useCallback((e=>{k(n,!1),o&&o(e),b&&b(e)}),[n,b,k,o]),q=l.useCallback((()=>d?a.jsx(s.default,Object.assign({wrapped:!0,ref:u,smallSize:x,isActive:p,"aria-label":C,value:n,label:c,tabIndex:p?0:-1},g(n),{component:"a",href:d,target:v,onClick:e=>m(e)})):a.jsx(s.default,Object.assign({wrapped:!0,ref:u,"aria-label":C,tabIndex:p?0:-1,smallSize:x,isActive:p,onClick:e=>m(e),value:n,label:c},g(n)))),[d,x,p,v,n,c,g,C,m,u]);return l.useEffect((()=>{h(j===n)}),[j,n]),a.jsx(a.Fragment,{children:q()})}));exports.Tab=u;
+"use strict";var e=require("react/jsx-runtime"),a=require("react"),t=require("./hook/useTabs.js"),l=require("./tabs.js"),r=require("./tabStyled.js");const s=a.forwardRef((({label:s,value:i,onClick:c,analyticsCallback:u,href:b,target:n,ariaLabel:o},d)=>{const{activeTab:f,updateActiveTab:j,smallSize:x}=a.useContext(l.TabsContext),[p,v]=a.useState(!1),{a11yProps:C}=t.default(),k=a.useCallback((e=>{j(i,!1),u&&u(e),c&&c(e)}),[i,c,j,u]),m=a.useCallback((()=>b?e.jsx(r.default,Object.assign({wrapped:!0,ref:d,smallSize:x,isActive:p,"aria-label":o,value:i,label:s,tabIndex:p?0:-1},C(i),{component:"a",href:b,target:n,onClick:e=>k(e)})):e.jsx(r.default,Object.assign({wrapped:!0,ref:d,"aria-label":o,tabIndex:p?0:-1,smallSize:x,isActive:p,onClick:e=>k(e),value:i,label:s},C(i)))),[b,x,p,n,i,s,C,o,k,d]);return a.useEffect((()=>{v(f===i)}),[f,i]),e.jsx(e.Fragment,{children:m()})}));exports.Tab=s;
 //# sourceMappingURL=tab.js.map

package/cjs/components/tab/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sources":["../../../../../src/components/tab/tab.tsx"],"sourcesContent":[null],"names":["Tab","React","forwardRef","_a","ref","label","value","onClick","analyticsCallback","href","children","target","ariaLabel","__rest","activeTab","updateActiveTab","smallSize","useContext","TabsContext","isActive","setIsActive","useState","a11yProps","useTabs","handleOnClick","useCallback","e","handleTabType","_jsx","jsx","TabStyled","default","Object","assign","wrapped","tabIndex","component","useEffect","_Fragment"],"mappings":"2NA6DO,MAAMA,OAAMC,QAAMC,YACvB,CAACC,EAA2FC,SAA3FC,MAAEA,EAAKC,MAAEA,EAAKC,QAAEA,EAAOC,kBAAEA,EAAiBC,KAAEA,EAAIC,SAAEA,EAAQC,OAAEA,EAAMC,UAAEA,GAAST,EAAUU,EAAAA,OAAAV,EAAvF,wFACC,MAAMW,UAAEA,EAASC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,WAAWC,EAAAA,cACtDC,EAAUC,GAAeC,EAAQA,UAAC,IACnCC,UAAEA,GAAcC,EAAAA,UAKhBC,EAAgBC,eACnBC,IACCX,EAAgBT,GAAO,GACvBE,GAAqBA,EAAkBkB,GACvCnB,GAAWA,EAAQmB,EAAE,GAEvB,CAACpB,EAAOC,EAASQ,EAAiBP,IAK9BmB,EAAgBF,EAAAA,aAAY,IAC5BhB,EAEAmB,EAAAC,IAACC,EAASC,QAAAC,OAAAC,OAAA,CACRC,SACA,EAAA9B,IAAKA,EACLY,UAAWA,EACXG,SAAUA,EAAQ,aACNP,EACZN,MAAOA,EACPD,MAAOA,EACP8B,SAAUhB,EAAW,GAAK,GACtBG,EAAUhB,GAAM,CACpB8B,UAAW,IACX3B,KAAMA,EACNE,OAAQA,EACRJ,QAAUmB,GAAMF,EAAcE,MAKhCE,EAAAA,IAACE,EAAAA,QACCE,OAAAC,OAAA,CAAAC,SACA,EAAA9B,IAAKA,EACO,aAAAQ,EACZuB,SAAUhB,EAAW,GAAK,EAC1BH,UAAWA,EACXG,SAAUA,EACVZ,QAAUmB,GAAMF,EAAcE,GAC9BpB,MAAOA,EACPD,MAAOA,GACHiB,EAAUhB,MAInB,CAACG,EAAMO,EAAWG,EAAUR,EAAQL,EAAOD,EAAOiB,EAAWV,EAAWY,EAAepB,IAW1F,OARAiC,EAAAA,WAAU,KAENjB,EADEN,IAAcR,EAIjB,GACA,CAACQ,EAAWR,IAERsB,EAAAA,IAAGU,EAAAA,SAAA,CAAA5B,SAAAiB,KAAmB"}
+{"version":3,"file":"tab.js","sources":["../../../../src/components/tab/tab.tsx"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useState, useContext, useEffect, useCallback, forwardRef } from 'react';\nimport useTabs from './hook/useTabs';\nimport { TabsContext } from './tabs';\nimport TabStyled from './tabStyled';\n/**\n * @description SkodaFlow Tab component.\n * @param props TabProps\n * @returns React Functional Component\n */\nexport const Tab = forwardRef(({ label, value, onClick, analyticsCallback, href, target, ariaLabel }, ref) => {\n    const { activeTab, updateActiveTab, smallSize } = useContext(TabsContext);\n    const [isActive, setIsActive] = useState(false);\n    const { a11yProps } = useTabs();\n    //On tab clicked: set the new activeTab selected\n    //if is a menu tab: set the anchor element for the menu and set the width of the menu equal to the tab component\n    //then call the onClick from outside\n    const handleOnClick = useCallback((e) => {\n        updateActiveTab(value, false);\n        analyticsCallback && analyticsCallback(e);\n        onClick && onClick(e);\n    }, [value, onClick, updateActiveTab, analyticsCallback]);\n    //IF href prop is present: render the Link Tab\n    //Otherwise render the default tab\n    const handleTabType = useCallback(() => {\n        if (href) {\n            return (_jsx(TabStyled, Object.assign({ wrapped: true, ref: ref, smallSize: smallSize, isActive: isActive, \"aria-label\": ariaLabel, value: value, label: label, tabIndex: isActive ? 0 : -1 }, a11yProps(value), { component: 'a', href: href, target: target, onClick: (e) => handleOnClick(e) })));\n        }\n        else {\n            return (_jsx(TabStyled, Object.assign({ wrapped: true, ref: ref, \"aria-label\": ariaLabel, tabIndex: isActive ? 0 : -1, smallSize: smallSize, isActive: isActive, onClick: (e) => handleOnClick(e), value: value, label: label }, a11yProps(value))));\n        }\n    }, [href, smallSize, isActive, target, value, label, a11yProps, ariaLabel, handleOnClick, ref]);\n    //If the activeTab is equal to the current tab, set active\n    useEffect(() => {\n        if (activeTab === value) {\n            setIsActive(true);\n        }\n        else {\n            setIsActive(false);\n        }\n    }, [activeTab, value]);\n    return _jsx(_Fragment, { children: handleTabType() });\n});\n//# sourceMappingURL=tab.js.map"],"names":["Tab","forwardRef","label","value","onClick","analyticsCallback","href","target","ariaLabel","ref","activeTab","updateActiveTab","smallSize","useContext","TabsContext","isActive","setIsActive","useState","a11yProps","useTabs","handleOnClick","useCallback","e","handleTabType","_jsx","jsx","TabStyled","default","Object","assign","wrapped","tabIndex","component","useEffect","_Fragment","children"],"mappings":"qJAUY,MAACA,EAAMC,EAAUA,YAAC,EAAGC,QAAOC,QAAOC,UAASC,oBAAmBC,OAAMC,SAAQC,aAAaC,KAClG,MAAMC,UAAEA,EAASC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,WAAWC,EAAAA,cACtDC,EAAUC,GAAeC,EAAQA,UAAC,IACnCC,UAAEA,GAAcC,EAAAA,UAIhBC,EAAgBC,eAAaC,IAC/BX,EAAgBR,GAAO,GACvBE,GAAqBA,EAAkBiB,GACvClB,GAAWA,EAAQkB,EAAE,GACtB,CAACnB,EAAOC,EAASO,EAAiBN,IAG/BkB,EAAgBF,EAAAA,aAAY,IAC1Bf,EACQkB,EAAIC,IAACC,EAASC,QAAEC,OAAOC,OAAO,CAAEC,SAAS,EAAMrB,IAAKA,EAAKG,UAAWA,EAAWG,SAAUA,EAAU,aAAcP,EAAWL,MAAOA,EAAOD,MAAOA,EAAO6B,SAAUhB,EAAW,GAAK,GAAKG,EAAUf,GAAQ,CAAE6B,UAAW,IAAK1B,KAAMA,EAAMC,OAAQA,EAAQH,QAAUkB,GAAMF,EAAcE,MAGrRE,EAAAA,IAAKE,EAAAA,QAAWE,OAAOC,OAAO,CAAEC,SAAS,EAAMrB,IAAKA,EAAK,aAAcD,EAAWuB,SAAUhB,EAAW,GAAK,EAAGH,UAAWA,EAAWG,SAAUA,EAAUX,QAAUkB,GAAMF,EAAcE,GAAInB,MAAOA,EAAOD,MAAOA,GAASgB,EAAUf,MAEhP,CAACG,EAAMM,EAAWG,EAAUR,EAAQJ,EAAOD,EAAOgB,EAAWV,EAAWY,EAAeX,IAU1F,OARAwB,EAAAA,WAAU,KAEFjB,EADAN,IAAcP,EAKjB,GACF,CAACO,EAAWP,IACRqB,EAAAA,IAAKU,EAAAA,SAAW,CAAEC,SAAUZ,KAAkB"}

package/cjs/components/tab/tabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabPanel.js","sources":["../../../../../src/components/tab/tabPanel.tsx"],"sourcesContent":[null],"names":["props","children","value","index","other","__rest","_jsx","jsx","Object","assign","role","hidden","id"],"mappings":"oFAuBkDA,IAChD,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,GAAoBH,EAAVI,EAAUC,EAAAA,OAAAL,EAAvC,CAAA,WAAA,QAAA,UAEN,OACEM,EAAAC,IAAA,MAAAC,OAAAC,OAAA,CACEC,KAAK,WACLC,OAAQT,IAAUC,EAClBS,GAAI,mBAAmBT,IACN,kBAAA,cAAcA,KAC3BC,EAAK,CAAAH,SAERC,IAAUC,GAASF,IAEtB"}
+{"version":3,"file":"tabPanel.js","sources":["../../../../src/components/tab/tabPanel.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const TabPanel = (props) => {\n    const { children, value, index } = props, other = __rest(props, [\"children\", \"value\", \"index\"]);\n    return (_jsx(\"div\", Object.assign({ role: \"tabpanel\", hidden: value !== index, id: `simple-tabpanel-${index}`, \"aria-labelledby\": `simple-tab-${index}` }, other, { children: value === index && children })));\n};\n//# sourceMappingURL=tabPanel.js.map"],"names":["props","children","value","index","other","__rest","_jsx","jsx","Object","assign","role","hidden","id"],"mappings":"oFAEyBA,IACrB,MAAMC,SAAEA,EAAQC,MAAEA,EAAKC,MAAEA,GAAUH,EAAOI,EAAQC,EAAMA,OAACL,EAAO,CAAC,WAAY,QAAS,UACtF,OAAQM,EAAIC,IAAC,MAAOC,OAAOC,OAAO,CAAEC,KAAM,WAAYC,OAAQT,IAAUC,EAAOS,GAAI,mBAAmBT,IAAS,kBAAmB,cAAcA,KAAWC,EAAO,CAAEH,SAAUC,IAAUC,GAASF,IAAc"}

package/cjs/components/tab/tabStyled.d.ts

@@ -2,37 +2,12 @@
 /**
  * @description Tabs styling definition based on props
  */
-declare const TabStyled: import("@emotion/styled").StyledComponent<{
-    children?: null;
-    classes?: Partial<import("@mui/material/Tab").TabClasses>;
-    disabled?: boolean;
-    disableFocusRipple?: boolean;
-    icon?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    iconPosition?: "bottom" | "top" | "end" | "start";
-    label?: import("react").ReactNode;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-    value?: any;
-    wrapped?: boolean;
-} & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions>;
-    centerRipple?: boolean;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses>;
-    disabled?: boolean;
-    disableRipple?: boolean;
-    disableTouchRipple?: boolean;
-    focusRipple?: boolean;
-    focusVisibleClassName?: string;
-    LinkComponent?: import("react").ElementType<any>;
-    onFocusVisible?: import("react").FocusEventHandler<any>;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-    tabIndex?: number;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const TabStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Tab").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
-}, "disabled" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "tabIndex" | "children" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "icon" | "iconPosition" | "value" | "wrapped"> & {
+}, "disabled" | "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "icon" | "iconPosition" | "label" | "value" | "wrapped"> & {
     theme?: import("@emotion/react").Theme;
+} & {
+    component?: import("react").ElementType<any>;
 } & {
     isActive?: boolean;
     smallSize?: boolean;

package/cjs/components/tab/tabStyled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),e=require("@emotion/styled"),i=require("@mui/material/Tab");function o(t){return t&&t.__esModule?t:{default:t}}var r=o(e),a=o(i);const n=r.default(a.default,{shouldForwardProp:t=>"isActive"!==t&&"smallSize"!==t&&"ref"!==t})((e=>{var{isActive:i,smallSize:o,theme:r}=e;t.__rest(e,["isActive","smallSize","theme"]);let a={minWidth:"fit-content",fontWeight:"700",padding:0,color:r.palette.onSurface.os500,opacity:1,fontSize:"20px",textTransform:"none",transition:"color .3s ease-out",minHeight:"32px",maxHeight:"32px",marginTop:"4px",fontFamily:"SKODA Next",letterSpacing:"0.02857em","&:focus":{paddingLeft:"5px",paddingRight:"5px",border:`2px solid ${r.palette.text.primary}`,boxSizing:" border-box"},"&:hover":{color:r.palette.text.primary,position:"relative",overflow:"visible","& > .MuiIcon-root":{color:r.palette.text.primary},"&:after":{content:'""',display:"block",position:"absolute",height:"3px",backgroundColor:r.palette.brand.primary,width:"100%",bottom:"-12px",left:0}},"&:active":{color:r.palette.text.primary},"& > .MuiIcon-root":{fontSize:"20px !Important",width:"20px",height:"30px",color:r.palette.onSurface.os500}};return a=Object.assign(Object.assign({},a),{[r.breakpoints.down("sm")]:{fontSize:"14px",minWidth:"56px",marginTop:"6px"}}),i&&(a=Object.assign(Object.assign({},a),{color:r.palette.text.primary})),o&&(a=Object.assign(Object.assign({},a),{fontSize:"14px",minWidth:"56px",marginTop:"6px","& > .MuiIcon-root":{fontSize:"15px !important",width:"15px",height:"22px"}})),a}));exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled"),e=require("@mui/material/Tab");function o(t){return t&&t.__esModule?t:{default:t}}var i=o(t),r=o(e);const a=i.default(r.default,{shouldForwardProp:t=>"isActive"!==t&&"smallSize"!==t&&"ref"!==t})((({isActive:t,smallSize:e,theme:o})=>{let i={minWidth:"fit-content",fontWeight:"700",padding:0,color:o.palette.onSurface.os500,opacity:1,fontSize:"20px",textTransform:"none",transition:"color .3s ease-out",minHeight:"32px",maxHeight:"32px",marginTop:"4px",fontFamily:"SKODA Next",letterSpacing:"0.02857em","&:focus":{paddingLeft:"5px",paddingRight:"5px",border:`2px solid ${o.palette.text.primary}`,boxSizing:" border-box"},"&:hover":{color:o.palette.text.primary,position:"relative",overflow:"visible","& > .MuiIcon-root":{color:o.palette.text.primary},"&:after":{content:'""',display:"block",position:"absolute",height:"3px",backgroundColor:o.palette.brand.primary,width:"100%",bottom:"-12px",left:0}},"&:active":{color:o.palette.text.primary},"& > .MuiIcon-root":{fontSize:"20px !Important",width:"20px",height:"30px",color:o.palette.onSurface.os500}};return i=Object.assign(Object.assign({},i),{[o.breakpoints.down("sm")]:{fontSize:"14px",minWidth:"56px",marginTop:"6px"}}),t&&(i=Object.assign(Object.assign({},i),{color:o.palette.text.primary})),e&&(i=Object.assign(Object.assign({},i),{fontSize:"14px",minWidth:"56px",marginTop:"6px","& > .MuiIcon-root":{fontSize:"15px !important",width:"15px",height:"22px"}})),i}));exports.default=a;
 //# sourceMappingURL=tabStyled.js.map

package/cjs/components/tab/tabStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabStyled.js","sources":["../../../../../src/components/tab/tabStyled.tsx"],"sourcesContent":[null],"names":["TabStyled","styled","default","MuiTab","shouldForwardProp","prop","_a","isActive","smallSize","theme","__rest","styles","minWidth","fontWeight","padding","color","palette","onSurface","os500","opacity","fontSize","textTransform","transition","minHeight","maxHeight","marginTop","fontFamily","letterSpacing","paddingLeft","paddingRight","border","text","primary","boxSizing","position","overflow","content","display","height","backgroundColor","brand","width","bottom","left","Object","assign","breakpoints","down"],"mappings":"4NAMA,MAAMA,EAAYC,EAAMC,QAACC,UAAQ,CAC/BC,kBAAoBC,GAAkB,aAATA,GAAgC,cAATA,GAAiC,QAATA,GAD5DJ,EAWfK,QAAAC,SAAEA,EAAQC,UAAEA,EAASC,MAAEA,KAAvBC,EAAAA,OAAAJ,EAAA,CAAA,WAAA,YAAA,UACD,IAAIK,EAAc,CAChBC,SAAU,cACVC,WAAY,MACZC,QAAS,EACTC,MAAON,EAAMO,QAAQC,UAAUC,MAC/BC,QAAS,EACTC,SAAU,OACVC,cAAe,OACfC,WAAY,qBACZC,UAAW,OACXC,UAAW,OACXC,UAAW,MACXC,WAAY,aACZC,cAAe,YACf,UAAW,CACTC,YAAa,MACbC,aAAc,MACdC,OAAQ,aAAarB,EAAMO,QAAQe,KAAKC,UACxCC,UAAW,eAEb,UAAW,CACTlB,MAAON,EAAMO,QAAQe,KAAKC,QAC1BE,SAAU,WACVC,SAAU,UACV,oBAAqB,CACnBpB,MAAON,EAAMO,QAAQe,KAAKC,SAE5B,UAAW,CACTI,QAAS,KACTC,QAAS,QACTH,SAAU,WACVI,OAAQ,MACRC,gBAAiB9B,EAAMO,QAAQwB,MAAMR,QACrCS,MAAO,OACPC,OAAQ,QACRC,KAAM,IAGV,WAAY,CACV5B,MAAON,EAAMO,QAAQe,KAAKC,SAE5B,oBAAqB,CACnBZ,SAAU,kBACVqB,MAAO,OACPH,OAAQ,OACRvB,MAAON,EAAMO,QAAQC,UAAUC,QAiCnC,OA7BAP,EACKiC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAlC,GACH,CAAA,CAACF,EAAMqC,YAAYC,KAAK,OAAQ,CAC9B3B,SAAU,OACVR,SAAU,OACVa,UAAW,SAIXlB,IACFI,EACKiC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAlC,GACH,CAAAI,MAAON,EAAMO,QAAQe,KAAKC,WAI1BxB,IACFG,iCACKA,GAAM,CACTS,SAAU,OACVR,SAAU,OACVa,UAAW,MACX,oBAAqB,CACnBL,SAAU,kBACVqB,MAAO,OACPH,OAAQ,WAIP3B,CAAM"}
+{"version":3,"file":"tabStyled.js","sources":["../../../../src/components/tab/tabStyled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport MuiTab from '@mui/material/Tab';\n/**\n * @description Tabs styling definition based on props\n */\nconst TabStyled = styled(MuiTab, {\n    shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'smallSize' && prop !== 'ref',\n})(({ isActive, smallSize, theme }) => {\n    let styles = {\n        minWidth: 'fit-content',\n        fontWeight: '700',\n        padding: 0,\n        color: theme.palette.onSurface.os500,\n        opacity: 1,\n        fontSize: '20px',\n        textTransform: 'none',\n        transition: 'color .3s ease-out',\n        minHeight: '32px',\n        maxHeight: '32px',\n        marginTop: '4px',\n        fontFamily: 'SKODA Next',\n        letterSpacing: '0.02857em',\n        '&:focus': {\n            paddingLeft: '5px',\n            paddingRight: '5px',\n            border: `2px solid ${theme.palette.text.primary}`,\n            boxSizing: ' border-box',\n        },\n        '&:hover': {\n            color: theme.palette.text.primary,\n            position: 'relative',\n            overflow: 'visible',\n            '& > .MuiIcon-root': {\n                color: theme.palette.text.primary,\n            },\n            '&:after': {\n                content: '\"\"',\n                display: 'block',\n                position: 'absolute',\n                height: '3px',\n                backgroundColor: theme.palette.brand.primary,\n                width: '100%',\n                bottom: '-12px',\n                left: 0,\n            },\n        },\n        '&:active': {\n            color: theme.palette.text.primary,\n        },\n        '& > .MuiIcon-root': {\n            fontSize: '20px !Important',\n            width: '20px',\n            height: '30px',\n            color: theme.palette.onSurface.os500,\n        },\n    };\n    styles = Object.assign(Object.assign({}, styles), { [theme.breakpoints.down('sm')]: {\n            fontSize: '14px',\n            minWidth: '56px',\n            marginTop: '6px',\n        } });\n    if (isActive) {\n        styles = Object.assign(Object.assign({}, styles), { color: theme.palette.text.primary });\n    }\n    if (smallSize) {\n        styles = Object.assign(Object.assign({}, styles), { fontSize: '14px', minWidth: '56px', marginTop: '6px', '& > .MuiIcon-root': {\n                fontSize: '15px !important',\n                width: '15px',\n                height: '22px',\n            } });\n    }\n    return styles;\n});\nexport default TabStyled;\n//# sourceMappingURL=tabStyled.js.map"],"names":["TabStyled","styled","default","MuiTab","shouldForwardProp","prop","isActive","smallSize","theme","styles","minWidth","fontWeight","padding","color","palette","onSurface","os500","opacity","fontSize","textTransform","transition","minHeight","maxHeight","marginTop","fontFamily","letterSpacing","paddingLeft","paddingRight","border","text","primary","boxSizing","position","overflow","content","display","height","backgroundColor","brand","width","bottom","left","Object","assign","breakpoints","down"],"mappings":"yMAKK,MAACA,EAAYC,EAAMC,QAACC,UAAQ,CAC7BC,kBAAoBC,GAAkB,aAATA,GAAgC,cAATA,GAAiC,QAATA,GAD9DJ,EAEf,EAAGK,WAAUC,YAAWC,YACvB,IAAIC,EAAS,CACTC,SAAU,cACVC,WAAY,MACZC,QAAS,EACTC,MAAOL,EAAMM,QAAQC,UAAUC,MAC/BC,QAAS,EACTC,SAAU,OACVC,cAAe,OACfC,WAAY,qBACZC,UAAW,OACXC,UAAW,OACXC,UAAW,MACXC,WAAY,aACZC,cAAe,YACf,UAAW,CACPC,YAAa,MACbC,aAAc,MACdC,OAAQ,aAAapB,EAAMM,QAAQe,KAAKC,UACxCC,UAAW,eAEf,UAAW,CACPlB,MAAOL,EAAMM,QAAQe,KAAKC,QAC1BE,SAAU,WACVC,SAAU,UACV,oBAAqB,CACjBpB,MAAOL,EAAMM,QAAQe,KAAKC,SAE9B,UAAW,CACPI,QAAS,KACTC,QAAS,QACTH,SAAU,WACVI,OAAQ,MACRC,gBAAiB7B,EAAMM,QAAQwB,MAAMR,QACrCS,MAAO,OACPC,OAAQ,QACRC,KAAM,IAGd,WAAY,CACR5B,MAAOL,EAAMM,QAAQe,KAAKC,SAE9B,oBAAqB,CACjBZ,SAAU,kBACVqB,MAAO,OACPH,OAAQ,OACRvB,MAAOL,EAAMM,QAAQC,UAAUC,QAkBvC,OAfAP,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAElC,GAAS,CAAE,CAACD,EAAMoC,YAAYC,KAAK,OAAQ,CAC5E3B,SAAU,OACVR,SAAU,OACVa,UAAW,SAEfjB,IACAG,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIlC,GAAS,CAAEI,MAAOL,EAAMM,QAAQe,KAAKC,WAE9EvB,IACAE,EAASiC,OAAOC,OAAOD,OAAOC,OAAO,CAAE,EAAElC,GAAS,CAAES,SAAU,OAAQR,SAAU,OAAQa,UAAW,MAAO,oBAAqB,CACvHL,SAAU,kBACVqB,MAAO,OACPH,OAAQ,WAGb3B,CAAM"}

package/cjs/components/tab/tabs.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
+import React, { FC, HTMLAttributes } from 'react';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
 export declare const TabsContext: React.Context<{
     activeTab: any;
-    updateActiveTab: (value: any, fromMenu: boolean) => void;
+    updateActiveTab: (...args: any[]) => void;
     smallSize: boolean;
 }>;
 /**
  * @interface TabsProps
  * @description Base definition of SkodaFlow Tabs component independent on core implementation.
  */
-export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'color'> {
+export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'color'> {
     /**
      * Size of every single tab
      */
@@ -52,4 +52,4 @@ export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
  * @param props TabsProps
  * @returns React Functional Component
  */
-export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Tabs: FC<TabsProps>;

package/cjs/components/tab/tabs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material/Tabs"),r=require("@mui/material/styles"),s=require("./secondaryNavigation/secondaryNavigationTabs.js"),n=require("./menuTab.js"),l=require("./hook/useTabs.js"),o=require("@mui/material"),u=require("../../design/skoda/palette.theme.js");function d(e){return e&&e.__esModule?e:{default:e}}var c=d(t),b=d(i);const v=c.default.createContext({activeTab:null,updateActiveTab:(e,a)=>{},smallSize:!1}),f=c.default.forwardRef(((i,r)=>{var{handleChange:u,defaultActiveTab:d,smallSize:b,variantSecondaryNavigation:f,children:g,sx:h,classes:T,labelMoreItem:x="More",activeTab:j}=i,p=e.__rest(i,["handleChange","defaultActiveTab","smallSize","variantSecondaryNavigation","children","sx","classes","labelMoreItem","activeTab"]);const[S,w]=t.useState(null!=j?j:d),[M,y]=t.useState(null),[C,z]=t.useState(!1),[E,O]=t.useState([]),[q,L]=t.useState(!1),[k,A]=t.useState(!1),N=t.useRef(null),R=t.useRef(null),{handleOverflowingTabs:_,handleIsMobileView:I}=l.default(),D=o.useTheme(),F=t.useCallback(((e,a)=>{A(a),w(e)}),[]),P=t.useCallback((()=>{I(f,C,z,y)}),[I,C,f]);return t.useEffect((()=>{w(null!=j?j:d)}),[j,d]),t.useEffect((()=>(P(),window.addEventListener("resize",P),()=>{window.removeEventListener("resize",P)}))),t.useEffect((()=>{u&&u(S)}),[S,u]),t.useEffect((()=>{O(c.default.Children.toArray(g))}),[g]),t.useEffect((()=>{N&&N.current&&_(R,M,g,O)}),[M,_,g]),t.useEffect((()=>{document.addEventListener("mousedown",(function(e){L(!0)})),document.addEventListener("keydown",(function(e){L(!1)}))}),[]),t.useEffect((()=>{}),[p]),a.jsx(a.Fragment,{children:f&&C?a.jsx(s.SecondaryNavigationTabs,{labelMoreItem:x,currentActiveTab:S,setCurrentActiveTab:e=>w(e),children:g}):a.jsx(v.Provider,{value:{activeTab:S,updateActiveTab:F,smallSize:b},children:a.jsxs(m,{ref:R,variant:M<=D.breakpoints.values.lg?"scrollable":"fullWidth",scrollButtons:!1,smallSize:b,value:k?"more":S,mouseDown:q,sx:h,classes:T,children:[g,a.jsx(n.MenuTab,{value:"more",ref:N,label:x,children:E})]})})})})),m=r.styled(b.default,{shouldForwardProp:e=>"variantSecondaryNavigation"!==e&&"smallSize"!==e&&"mouseDown"!==e})((a=>{var t=e.__rest(a,["isActive","theme"]);let i={};return i=Object.assign(Object.assign({},i),{boxSizing:"border-box","& *":{boxSizing:"border-box"},"& > div":{"& > div > .MuiTab-root:last-child":{marginRight:"10px"},"& > div":{marginLeft:"2px",width:"100%"},"& > .MuiTabs-indicator":{height:"3px",backgroundColor:u.flowColors.brand.primary},"& > div > .MuiTab-root":{marginLeft:"56px"}}}),t.smallSize&&(i=Object.assign(Object.assign({},i),{"& > div":{"& > div > .MuiTab-root:last-child":{marginRight:"10px"},"& > div":{marginLeft:"2px"},"& > div > .MuiTab-root":{marginLeft:"40px","&:after":{bottom:"-11px"}}},"& .MuiTabs-indicator":{backgroundColor:u.flowColors.brand.primary}})),t.mouseDown&&(i=Object.assign(Object.assign({},i),{"& > div":Object.assign(Object.assign({},i["& > div"]),{"& > div > .MuiTab-root":Object.assign(Object.assign({},i["& > div"]["& > div > .MuiTab-root"]),{"&:focus":{border:0,paddingLeft:0,paddingRight:0}})})})),i}));exports.Tabs=f,exports.TabsContext=v;
+"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material/Tabs"),r=require("@mui/material/styles"),s=require("./secondaryNavigation/secondaryNavigationTabs.js"),n=require("./menuTab.js"),l=require("./hook/useTabs.js"),o=require("@mui/material"),u=require("../../design/skoda/palette.theme.js"),d=require("lodash/noop");function c(e){return e&&e.__esModule?e:{default:e}}var b=c(t),v=c(i),f=c(d);const m=b.default.createContext({activeTab:null,updateActiveTab:f.default,smallSize:!1}),g=r.styled(v.default,{shouldForwardProp:e=>"variantSecondaryNavigation"!==e&&"smallSize"!==e&&"mouseDown"!==e})((a=>{var t=e.__rest(a,["isActive","theme"]);let i={};return i=Object.assign(Object.assign({},i),{boxSizing:"border-box","& *":{boxSizing:"border-box"},"& > div":{"& > div > .MuiTab-root:last-child":{marginRight:"10px"},"& > div":{marginLeft:"2px",width:"100%"},"& > .MuiTabs-indicator":{height:"3px",backgroundColor:u.flowColors.brand.primary},"& > div > .MuiTab-root":{marginLeft:"56px"}}}),t.smallSize&&(i=Object.assign(Object.assign({},i),{"& > div":{"& > div > .MuiTab-root:last-child":{marginRight:"10px"},"& > div":{marginLeft:"2px"},"& > div > .MuiTab-root":{marginLeft:"40px","&:after":{bottom:"-11px"}}},"& .MuiTabs-indicator":{backgroundColor:u.flowColors.brand.primary}})),t.mouseDown&&(i=Object.assign(Object.assign({},i),{"& > div":Object.assign(Object.assign({},i["& > div"]),{"& > div > .MuiTab-root":Object.assign(Object.assign({},i["& > div"]["& > div > .MuiTab-root"]),{"&:focus":{border:0,paddingLeft:0,paddingRight:0}})})})),i}));exports.Tabs=i=>{var{handleChange:r,defaultActiveTab:u,smallSize:d,variantSecondaryNavigation:c,children:v,sx:f,classes:h,labelMoreItem:T="More",activeTab:x}=i,j=e.__rest(i,["handleChange","defaultActiveTab","smallSize","variantSecondaryNavigation","children","sx","classes","labelMoreItem","activeTab"]);const[p,S]=t.useState(null!=x?x:u),[w,M]=t.useState(null),[y,C]=t.useState(!1),[q,z]=t.useState([]),[E,O]=t.useState(!1),[L,k]=t.useState(!1),A=t.useRef(null),N=t.useRef(null),{handleOverflowingTabs:_,handleIsMobileView:R}=l.default(),I=o.useTheme(),D=t.useCallback(((e,a)=>{k(a),S(e)}),[]),F=t.useCallback((()=>{R(c,y,C,M)}),[R,y,c]);return t.useEffect((()=>{S(null!=x?x:u)}),[x,u]),t.useEffect((()=>(F(),window.addEventListener("resize",F),()=>{window.removeEventListener("resize",F)}))),t.useEffect((()=>{r&&r(p)}),[p,r]),t.useEffect((()=>{z(b.default.Children.toArray(v))}),[v]),t.useEffect((()=>{A&&A.current&&_(N,w,v,z)}),[w,_,v]),t.useEffect((()=>{document.addEventListener("mousedown",(function(){O(!0)})),document.addEventListener("keydown",(function(){O(!1)}))}),[]),t.useEffect((()=>{}),[j]),a.jsx(a.Fragment,{children:c&&y?a.jsx(s.SecondaryNavigationTabs,{labelMoreItem:T,currentActiveTab:p,setCurrentActiveTab:e=>S(e),children:v}):a.jsx(m.Provider,{value:{activeTab:p,updateActiveTab:D,smallSize:d},children:a.jsxs(g,{ref:N,variant:w<=I.breakpoints.values.lg?"scrollable":"fullWidth",scrollButtons:!1,smallSize:d,value:L?"more":p,mouseDown:E,sx:f,classes:h,children:[v,a.jsx(n.MenuTab,{value:"more",ref:A,label:T,children:q})]})})})},exports.TabsContext=m;
 //# sourceMappingURL=tabs.js.map

package/cjs/components/tab/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../../../../src/components/tab/tabs.tsx"],"sourcesContent":[null],"names":["TabsContext","React","default","createContext","activeTab","updateActiveTab","value","fromMenu","smallSize","Tabs","forwardRef","_a","ref","handleChange","defaultActiveTab","variantSecondaryNavigation","children","sx","classes","labelMoreItem","props","__rest","currentActiveTab","setCurrentActiveTab","useState","windowWidth","setWindowWidth","isMobileView","setIsMobileView","menuChildren","setMenuChildren","mouseDown","setMouseDown","activeMenuItem","setActiveMenuItem","moreBtnRef","useRef","tabsRef","handleOverflowingTabs","handleIsMobileView","useTabs","theme","useTheme","useCallback","handleMobileView","useEffect","window","addEventListener","removeEventListener","Children","toArray","current","document","event","_jsx","_Fragment","jsx","SecondaryNavigationTabs","val","Provider","_jsxs","TabsStyled","variant","breakpoints","values","lg","scrollButtons","MenuTab","label","styled","MuiTabs","shouldForwardProp","prop","styles","Object","assign","boxSizing","marginRight","marginLeft","width","height","backgroundColor","flowColors","brand","primary","bottom","border","paddingLeft","paddingRight"],"mappings":"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"}
+{"version":3,"file":"tabs.js","sources":["../../../../src/components/tab/tabs.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport MuiTabs from '@mui/material/Tabs';\nimport { styled } from '@mui/material/styles';\nimport { SecondaryNavigationTabs } from './secondaryNavigation/secondaryNavigationTabs';\nimport { MenuTab } from './menuTab';\nimport useTabs from './hook/useTabs';\nimport { useTheme } from '@mui/material';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport noop from 'lodash/noop';\nexport const TabsContext = React.createContext({\n    activeTab: null,\n    updateActiveTab: noop,\n    smallSize: false,\n});\n/**\n * @description SkodaFlow Checkbox component.\n * Properties are inherited from HTML Button element.\n * @param props TabsProps\n * @returns React Functional Component\n */\nexport const Tabs = (_a) => {\n    var { handleChange, defaultActiveTab, smallSize, variantSecondaryNavigation, children, sx, classes, labelMoreItem = 'More', activeTab } = _a, props = __rest(_a, [\"handleChange\", \"defaultActiveTab\", \"smallSize\", \"variantSecondaryNavigation\", \"children\", \"sx\", \"classes\", \"labelMoreItem\", \"activeTab\"]);\n    const [currentActiveTab, setCurrentActiveTab] = useState(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n    const [windowWidth, setWindowWidth] = useState(null);\n    const [isMobileView, setIsMobileView] = useState(false);\n    const [menuChildren, setMenuChildren] = useState([]);\n    const [mouseDown, setMouseDown] = useState(false);\n    const [activeMenuItem, setActiveMenuItem] = useState(false);\n    const moreBtnRef = useRef(null);\n    const tabsRef = useRef(null);\n    const { handleOverflowingTabs, handleIsMobileView } = useTabs();\n    const theme = useTheme();\n    const updateActiveTab = useCallback((value, fromMenu) => {\n        setActiveMenuItem(fromMenu);\n        setCurrentActiveTab(value);\n    }, []);\n    const handleMobileView = useCallback(() => {\n        handleIsMobileView(variantSecondaryNavigation, isMobileView, setIsMobileView, setWindowWidth);\n    }, [handleIsMobileView, isMobileView, variantSecondaryNavigation]);\n    useEffect(() => {\n        setCurrentActiveTab(activeTab !== null && activeTab !== void 0 ? activeTab : defaultActiveTab);\n    }, [activeTab, defaultActiveTab]);\n    useEffect(() => {\n        handleMobileView();\n        window.addEventListener('resize', handleMobileView);\n        return () => {\n            window.removeEventListener('resize', handleMobileView);\n        };\n    });\n    useEffect(() => {\n        handleChange && handleChange(currentActiveTab);\n    }, [currentActiveTab, handleChange]);\n    //Set the initial more btn menu list\n    useEffect(() => {\n        setMenuChildren(React.Children.toArray(children));\n    }, [children]);\n    //on screen resize: if the more btn is rendered, handle the more btn menu and the overflowing tabs\n    useEffect(() => {\n        if (moreBtnRef && moreBtnRef.current) {\n            handleOverflowingTabs(tabsRef, windowWidth, children, setMenuChildren);\n        }\n    }, [windowWidth, handleOverflowingTabs, children]);\n    useEffect(() => {\n        document.addEventListener('mousedown', function () {\n            setMouseDown(true);\n        });\n        document.addEventListener('keydown', function () {\n            setMouseDown(false);\n        });\n    }, []);\n    useEffect(() => { }, [props]);\n    return (_jsx(_Fragment, { children: variantSecondaryNavigation && isMobileView ? (_jsx(SecondaryNavigationTabs, { labelMoreItem: labelMoreItem, currentActiveTab: currentActiveTab, setCurrentActiveTab: (val) => setCurrentActiveTab(val), children: children })) : (_jsx(TabsContext.Provider, { value: { activeTab: currentActiveTab, updateActiveTab, smallSize }, children: _jsxs(TabsStyled, { ref: tabsRef, variant: windowWidth <= theme.breakpoints.values.lg ? 'scrollable' : 'fullWidth', scrollButtons: false, smallSize: smallSize, value: activeMenuItem ? 'more' : currentActiveTab, mouseDown: mouseDown, sx: sx, classes: classes, children: [children, _jsx(MenuTab, { value: \"more\", ref: moreBtnRef, label: labelMoreItem, children: menuChildren })] }) })) }));\n};\n/**\n * @description Tabs styling definition based on props\n */\nconst TabsStyled = styled(MuiTabs, {\n    shouldForwardProp: (prop) => prop !== 'variantSecondaryNavigation' && prop !== 'smallSize' && prop !== 'mouseDown',\n})((_a) => {\n    var { isActive, theme } = _a, props = __rest(_a, [\"isActive\", \"theme\"]);\n    let styles = {};\n    styles = Object.assign(Object.assign({}, styles), { boxSizing: 'border-box', '& *': {\n            boxSizing: 'border-box',\n        }, '& > div': {\n            '& > div > .MuiTab-root:last-child': {\n                marginRight: '10px',\n            },\n            '& > div': {\n                marginLeft: '2px',\n                width: '100%',\n            },\n            '& > .MuiTabs-indicator': {\n                height: '3px',\n                backgroundColor: flowColors.brand.primary,\n            },\n            '& > div > .MuiTab-root': {\n                marginLeft: '56px',\n            },\n        } });\n    if (props.smallSize) {\n        styles = Object.assign(Object.assign({}, styles), { '& > div': {\n                '& > div > .MuiTab-root:last-child': {\n                    marginRight: '10px',\n                },\n                '& > div': {\n                    marginLeft: '2px',\n                },\n                '& > div > .MuiTab-root': {\n                    marginLeft: '40px',\n                    '&:after': {\n                        bottom: '-11px',\n                    },\n                },\n            }, '& .MuiTabs-indicator': {\n                backgroundColor: flowColors.brand.primary,\n            } });\n    }\n    if (props.mouseDown) {\n        styles = Object.assign(Object.assign({}, styles), { '& > div': Object.assign(Object.assign({}, styles['& > div']), { '& > div > .MuiTab-root': Object.assign(Object.assign({}, styles['& > div']['& > div > .MuiTab-root']), { '&:focus': {\n                        border: 0,\n                        paddingLeft: 0,\n                        paddingRight: 0,\n                    } }) }) });\n    }\n    return styles;\n});\n//# sourceMappingURL=tabs.js.map"],"names":["TabsContext","React","default","createContext","activeTab","updateActiveTab","noop","smallSize","TabsStyled","styled","MuiTabs","shouldForwardProp","prop","_a","props","__rest","styles","Object","assign","boxSizing","marginRight","marginLeft","width","height","backgroundColor","flowColors","brand","primary","bottom","mouseDown","border","paddingLeft","paddingRight","handleChange","defaultActiveTab","variantSecondaryNavigation","children","sx","classes","labelMoreItem","currentActiveTab","setCurrentActiveTab","useState","windowWidth","setWindowWidth","isMobileView","setIsMobileView","menuChildren","setMenuChildren","setMouseDown","activeMenuItem","setActiveMenuItem","moreBtnRef","useRef","tabsRef","handleOverflowingTabs","handleIsMobileView","useTabs","theme","useTheme","useCallback","value","fromMenu","handleMobileView","useEffect","window","addEventListener","removeEventListener","Children","toArray","current","document","_jsx","_Fragment","jsx","SecondaryNavigationTabs","val","Provider","_jsxs","ref","variant","breakpoints","values","lg","scrollButtons","MenuTab","label"],"mappings":"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"}

package/cjs/components/textArea/hook/useTextAreaEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextAreaEffect.js","sources":["../../../../../../src/components/textArea/hook/useTextAreaEffect.tsx"],"sourcesContent":[null],"names":["currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length"],"mappings":"8DAEiC,CAC/BA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGAC,EAAAA,WAAU,MACHP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACxEJ,GAAY,EACb,GACA,CAACJ,EAAcC,EAAOG,IAGzBG,EAAAA,WAAU,KACJN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC/CG,EAAgBJ,GAChBG,GAAY,GACb,GACA,CAACH,EAAOC,EAAUG,EAAiBD,IAEtCG,EAAAA,WAAU,KACRD,EAAcH,EAAS,GACtB,CAACA,EAAUG,GAAe"}
+{"version":3,"file":"useTextAreaEffect.js","sources":["../../../../../src/components/textArea/hook/useTextAreaEffect.tsx"],"sourcesContent":["import { useEffect } from 'react';\nexport const useTextAreaEffect = (currentValue, value, maxChars, required, setIsShrunk, setCurrentValue, setIsRequired) => {\n    //If the input text is filled make the label shrink\n    useEffect(() => {\n        if ((currentValue && currentValue.length > 0) || (value && value.length > 0)) {\n            setIsShrunk(true);\n        }\n    }, [currentValue, value, setIsShrunk]);\n    //If value passed from outside exists, set the label shrinked and set the current value to show\n    useEffect(() => {\n        if (value && value.length > 0 && value.length <= maxChars) {\n            setCurrentValue(value);\n            setIsShrunk(true);\n        }\n    }, [value, maxChars, setCurrentValue, setIsShrunk]);\n    useEffect(() => {\n        setIsRequired(required);\n    }, [required, setIsRequired]);\n};\n//# sourceMappingURL=useTextAreaEffect.js.map"],"names":["currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length"],"mappings":"8DACiC,CAACA,EAAcC,EAAOC,EAAUC,EAAUC,EAAaC,EAAiBC,KAErGC,EAAAA,WAAU,MACDP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACtEJ,GAAY,EACf,GACF,CAACJ,EAAcC,EAAOG,IAEzBG,EAAAA,WAAU,KACFN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC7CG,EAAgBJ,GAChBG,GAAY,GACf,GACF,CAACH,EAAOC,EAAUG,EAAiBD,IACtCG,EAAAA,WAAU,KACND,EAAcH,EAAS,GACxB,CAACA,EAAUG,GAAe"}

package/cjs/components/textArea/textArea.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),r=require("@mui/material"),u=require("lodash/noop"),t=require("react"),l=require("../common/helperText.js"),s=require("./hook/useTextAreaEffect.js");function n(e){return e&&e.__esModule?e:{default:e}}var o=n(u);const i=n(t).default.forwardRef(((u,n)=>{var{name:i,id:d,label:c=null,onChange:h,onBlur:x,onFocus:f,value:m}=u,b=e.__rest(u,["name","id","label","onChange","onBlur","onFocus","value"]);const[C,p]=t.useState(""),[q,v]=t.useState(!1),[T,g]=t.useState(!1),[j,k]=t.useState(!1),[,S]=t.useState(!1),E=t.useCallback((e=>{((e,a,r,u)=>{const t=e.target.value;(!a||a<0||a&&t.length<=a)&&(r(t),u&&u(e))})(e,b.maxChars,p,h)}),[b.maxChars,h]),F=t.useCallback((e=>{((e,a,r,u)=>{a(!!e),r(!1),u&&u()})(C,v,g,(()=>x?x(e):o.default()))}),[C,x]),_=t.useCallback((e=>{((e,a,r)=>{a(!0),e(!0),r&&r()})(v,g,(()=>f?f(e):o.default()))}),[f]);return s.useTextAreaEffect(C,m,b.maxChars,b.required,v,p,S),a.jsx(r.TextField,Object.assign({},b,{onChange:E,value:C,onFocus:_,onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),multiline:!0,InputLabelProps:{shrink:q},onBlur:F,focused:T,label:c||null,hiddenLabel:!c,name:i,ref:n,id:d,error:b.hasError,disabled:b.disabled,helperText:a.jsx(l.default,{maxChars:b.maxChars,currentValue:C,helpText:b.helpText})}))}));exports.TextArea=i;
+"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),r=require("@mui/material"),u=require("lodash/noop"),l=require("react"),t=require("../common/helperText.js"),s=require("./hook/useTextAreaEffect.js");function n(e){return e&&e.__esModule?e:{default:e}}var o=n(u);const i=l.forwardRef(((u,n)=>{var{name:i,id:c,label:d=null,onChange:h,onBlur:x,onFocus:m,value:f}=u,b=e.__rest(u,["name","id","label","onChange","onBlur","onFocus","value"]);const[C,p]=l.useState(""),[q,T]=l.useState(!1),[v,g]=l.useState(!1),[,j]=l.useState(!1),k=l.useCallback((e=>{((e,a,r,u)=>{const l=e.target.value;(!a||a<0||a&&l.length<=a)&&(r(l),u&&u(e))})(e,b.maxChars,p,h)}),[b.maxChars,h]),F=l.useCallback((e=>{((e,a,r,u)=>{a(!!e),r(!1),u&&u()})(C,T,g,(()=>x?x(e):o.default()))}),[C,x]),S=l.useCallback((e=>{((e,a,r)=>{a(!0),e(!0),r&&r()})(T,g,(()=>m?m(e):o.default()))}),[m]);return s.useTextAreaEffect(C,f,b.maxChars,b.required,T,p,j),a.jsx(r.TextField,Object.assign({},b,{onChange:k,value:C,onFocus:S,multiline:!0,InputLabelProps:{shrink:q},onBlur:F,focused:v,label:d||null,hiddenLabel:!d,name:i,ref:n,id:c,error:b.hasError,disabled:b.disabled,helperText:a.jsx(t.default,{maxChars:b.maxChars,currentValue:C,helpText:b.helpText})}))}));exports.TextArea=i;
 //# sourceMappingURL=textArea.js.map

package/cjs/components/textArea/textArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textArea.js","sources":["../../../../../src/components/textArea/textArea.tsx"],"sourcesContent":[null],"names":["TextArea","React","forwardRef","_a","ref","name","id","label","onChange","onBlur","onFocus","value","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","hovered","setHovered","setIsRequired","handleOnChangeWithUseCallback","useCallback","e","maxChars","inputValue","target","length","onChangeHandler","handleOnBlurWithUseCallback","event","onBlurHandler","noop","handleOnFocusWithUseCallback","onFocusHandler","useTextAreaEffect","required","_jsx","TextField","onMouseEnter","onMouseLeave","multiline","InputLabelProps","shrink","focused","hiddenLabel","error","hasError","disabled","helperText","jsx","HelperText","default","helpText"],"mappings":"sRAkBA,MA0CaA,OAAWC,QAAMC,YAC5B,CAACC,EAAwEC,SAAxEC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,GAAKR,EAAKS,EAAKC,EAAAA,OAAAV,EAApE,6DACC,MAAOW,EAAcC,GAAmBC,EAAQA,SAAC,KAC1CC,EAAUC,GAAeF,EAAQA,UAAC,IAClCG,EAAWC,GAAgBJ,EAAQA,UAAC,IACpCK,EAASC,GAAcN,EAAQA,UAAC,KAC9BO,GAAiBP,EAAQA,UAAC,GAE7BQ,EAAgCC,eACnCC,IAnDiB,EACtBA,EACAC,EACAZ,EACAP,KAEA,MAAMoB,EAAaF,EAAEG,OAAOlB,QAEvBgB,GAAYA,EAAW,GAAMA,GAAYC,EAAWE,QAAUH,KACjEZ,EAAgBa,GAChBpB,GAAYA,EAASkB,GACtB,EAyCKK,CAAgBL,EAAGd,EAAMe,SAAUZ,EAAiBP,EAAS,GAE/D,CAACI,EAAMe,SAAUnB,IAGbwB,EAA8BP,eACjCQ,IA1Ce,EACpBnB,EACAI,EACAE,EACAX,KAEAS,IAAYJ,GACZM,GAAa,GACbX,GAAUA,GAAQ,EAmCZyB,CAAcpB,EAAcI,EAAaE,GAAc,IAAOX,EAASA,EAAOwB,GAASE,aAAQ,GAEjG,CAACrB,EAAcL,IAGX2B,EAA+BX,eAClCQ,IApCgB,EACrBf,EACAE,EACAV,KAEAU,GAAa,GACbF,GAAY,GACZR,GAAWA,GAAS,EA8Bd2B,CAAenB,EAAaE,GAAc,IAAOV,EAAUA,EAAQuB,GAASE,aAAQ,GAEtF,CAACzB,IAKH,OAFA4B,EAAAA,kBAAkBxB,EAAcH,EAAOC,EAAMe,SAAUf,EAAM2B,SAAUrB,EAAaH,EAAiBQ,GAGnGiB,MAACC,EAAAA,2BACK7B,EAAK,CACTJ,SAAUgB,EACVb,MAAOG,EACPJ,QAAS0B,EACTM,aAAc,IAAMpB,GAAW,GAC/BqB,aAAc,IAAMrB,GAAW,GAC/BsB,WAAS,EACTC,gBAAiB,CACfC,OAAQ7B,GAEVR,OAAQuB,EACRe,QAAS5B,EACTZ,MAAOA,GAAgB,KACvByC,aAAczC,EACdF,KAAMA,EACND,IAAKA,EACLE,GAAIA,EACJ2C,MAAOrC,EAAMsC,SACbC,SAAUvC,EAAMuC,SAChBC,WAAYZ,EAAAa,IAACC,EAAUC,QAAC,CAAA5B,SAAUf,EAAMe,SAAUb,aAAcA,EAAc0C,SAAU5C,EAAM4C,aAEhG"}
+{"version":3,"file":"textArea.js","sources":["../../../../src/components/textArea/textArea.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { TextField } from '@mui/material';\nimport noop from 'lodash/noop';\nimport { forwardRef, useCallback, useState } from 'react';\nimport HelperText from '../common/helperText';\nimport { useTextAreaEffect } from './hook/useTextAreaEffect';\n/**\n * @description SkodaFlow TextArea component.\n * Properties are inherited from HTML Div element.\n * @param props TextInputProps\n * @returns React Functional Component\n */\n//-Set the currentValue state useful for:\n//1. Count the number of the characters in the helpertext\n//2. make the label shrinked while the text input is filled\n//- trigger onChange callblack from outside\nconst onChangeHandler = (e, maxChars, setCurrentValue, onChange) => {\n    const inputValue = e.target.value;\n    if (!maxChars || maxChars < 0 || (maxChars && inputValue.length <= maxChars)) {\n        setCurrentValue(inputValue);\n        onChange && onChange(e);\n    }\n};\n//Set the label shrinked if there's value in the input\n//Then call the onBlur callback from the outside\nconst onBlurHandler = (currentValue, setIsShrunk, setIsFocused, onBlur) => {\n    setIsShrunk(currentValue ? true : false);\n    setIsFocused(false);\n    onBlur && onBlur();\n};\n//Set the label shrinked\n//Then call the onFocus callback from outside\nconst onFocusHandler = (setIsShrunk, setIsFocused, onFocus) => {\n    setIsFocused(true);\n    setIsShrunk(true);\n    onFocus && onFocus();\n};\n/**\n * @deprecated This component is deprecated. Use themed TextField component from @mui/material with multiline prop set to true.\n */\nexport const TextArea = forwardRef((_a, ref) => {\n    var { name, id, label = null, onChange, onBlur, onFocus, value } = _a, props = __rest(_a, [\"name\", \"id\", \"label\", \"onChange\", \"onBlur\", \"onFocus\", \"value\"]);\n    const [currentValue, setCurrentValue] = useState('');\n    const [isShrunk, setIsShrunk] = useState(false);\n    const [isFocused, setIsFocused] = useState(false);\n    const [, setIsRequired] = useState(false);\n    const handleOnChangeWithUseCallback = useCallback((e) => {\n        onChangeHandler(e, props.maxChars, setCurrentValue, onChange);\n    }, [props.maxChars, onChange]);\n    const handleOnBlurWithUseCallback = useCallback((event) => {\n        onBlurHandler(currentValue, setIsShrunk, setIsFocused, () => (onBlur ? onBlur(event) : noop()));\n    }, [currentValue, onBlur]);\n    const handleOnFocusWithUseCallback = useCallback((event) => {\n        onFocusHandler(setIsShrunk, setIsFocused, () => (onFocus ? onFocus(event) : noop()));\n    }, [onFocus]);\n    useTextAreaEffect(currentValue, value, props.maxChars, props.required, setIsShrunk, setCurrentValue, setIsRequired);\n    return (_jsx(TextField, Object.assign({}, props, { onChange: handleOnChangeWithUseCallback, value: currentValue, onFocus: handleOnFocusWithUseCallback, multiline: true, InputLabelProps: {\n            shrink: isShrunk,\n        }, onBlur: handleOnBlurWithUseCallback, focused: isFocused, label: label ? label : null, hiddenLabel: !label, name: name, ref: ref, id: id, error: props.hasError, disabled: props.disabled, helperText: _jsx(HelperText, { maxChars: props.maxChars, currentValue: currentValue, helpText: props.helpText }) })));\n});\n//# sourceMappingURL=textArea.js.map"],"names":["TextArea","forwardRef","_a","ref","name","id","label","onChange","onBlur","onFocus","value","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","setIsRequired","handleOnChangeWithUseCallback","useCallback","e","maxChars","inputValue","target","length","onChangeHandler","handleOnBlurWithUseCallback","event","onBlurHandler","noop","handleOnFocusWithUseCallback","onFocusHandler","useTextAreaEffect","required","_jsx","TextField","Object","assign","multiline","InputLabelProps","shrink","focused","hiddenLabel","error","hasError","disabled","helperText","jsx","HelperText","default","helpText"],"mappings":"sRAiBA,MAwBaA,EAAWC,EAAUA,YAAC,CAACC,EAAIC,KACpC,IAAIC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,GAAUR,EAAIS,EAAQC,EAAAA,OAAOV,EAAI,CAAC,OAAQ,KAAM,QAAS,WAAY,SAAU,UAAW,UACnJ,MAAOW,EAAcC,GAAmBC,EAAQA,SAAC,KAC1CC,EAAUC,GAAeF,EAAQA,UAAC,IAClCG,EAAWC,GAAgBJ,EAAQA,UAAC,KAClCK,GAAiBL,EAAQA,UAAC,GAC7BM,EAAgCC,eAAaC,IA9B/B,EAACA,EAAGC,EAAUV,EAAiBP,KACnD,MAAMkB,EAAaF,EAAEG,OAAOhB,QACvBc,GAAYA,EAAW,GAAMA,GAAYC,EAAWE,QAAUH,KAC/DV,EAAgBW,GAChBlB,GAAYA,EAASgB,GACxB,EA0BGK,CAAgBL,EAAGZ,EAAMa,SAAUV,EAAiBP,EAAS,GAC9D,CAACI,EAAMa,SAAUjB,IACdsB,EAA8BP,eAAaQ,IAxB/B,EAACjB,EAAcI,EAAaE,EAAcX,KAC5DS,IAAYJ,GACZM,GAAa,GACbX,GAAUA,GAAQ,EAsBduB,CAAclB,EAAcI,EAAaE,GAAc,IAAOX,EAASA,EAAOsB,GAASE,aAAQ,GAChG,CAACnB,EAAcL,IACZyB,EAA+BX,eAAaQ,IApB/B,EAACb,EAAaE,EAAcV,KAC/CU,GAAa,GACbF,GAAY,GACZR,GAAWA,GAAS,EAkBhByB,CAAejB,EAAaE,GAAc,IAAOV,EAAUA,EAAQqB,GAASE,aAAQ,GACrF,CAACvB,IAEJ,OADA0B,EAAAA,kBAAkBtB,EAAcH,EAAOC,EAAMa,SAAUb,EAAMyB,SAAUnB,EAAaH,EAAiBM,GAC7FiB,EAAAA,IAAKC,EAAAA,UAAWC,OAAOC,OAAO,CAAA,EAAI7B,EAAO,CAAEJ,SAAUc,EAA+BX,MAAOG,EAAcJ,QAASwB,EAA8BQ,WAAW,EAAMC,gBAAiB,CAClLC,OAAQ3B,GACTR,OAAQqB,EAA6Be,QAAS1B,EAAWZ,MAAOA,GAAgB,KAAMuC,aAAcvC,EAAOF,KAAMA,EAAMD,IAAKA,EAAKE,GAAIA,EAAIyC,MAAOnC,EAAMoC,SAAUC,SAAUrC,EAAMqC,SAAUC,WAAYZ,EAAIa,IAACC,EAAUC,QAAE,CAAE5B,SAAUb,EAAMa,SAAUX,aAAcA,EAAcwC,SAAU1C,EAAM0C,aAAiB"}

package/cjs/components/textInput/hook/useTextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextInput.js","sources":["../../../../../../src/components/textInput/hook/useTextInput.ts"],"sourcesContent":[null],"names":["label","isRequired","placeholder","type","handleOnBlur","useCallback","event","setIsShrunk","setIsFocused","onBlur","currentValue","handleOnFocus","onFocus","handlePlaceholder","useMemo","handleOnChange","e","maxChars","onChange","setCurrentValue","inputValue","target","value","length"],"mappings":"yDAE4B,CAACA,EAAOC,EAAYC,EAAaC,KAE3D,MAAMC,EAAeC,EAAAA,aACnB,CACEC,EACAC,EACAC,EACAC,EACAC,KAEAH,IAAcG,GACdF,GAAa,GACbC,GAAUA,EAAOH,EAAM,GAEzB,IAIIK,EAAgBN,EAAAA,aACpB,CAACC,EAAiEE,EAAcD,EAAaK,KAC3FJ,GAAa,GACbD,GAAY,GACZK,GAAWA,EAAQN,EAAM,GAE3B,IAGIO,EAAoBC,EAAAA,SAAQ,IAC3Bd,EAES,KADLC,EAAa,GAAGC,KAAiBA,GAEzC,CAACD,EAAYD,EAAOE,IAcvB,MAAO,CACLE,eACAO,gBACAI,eAdqBV,EAAAA,aACrB,CAACW,EAA8DC,EAAUC,EAAUC,KACjF,MAAMC,EAAaJ,EAAEK,OAAOC,OACf,WAATnB,IAAsBc,GAAYA,EAAW,GAAMA,GAAYG,EAAWG,QAAUN,KACtFE,EAAgBC,GAChBF,GAAYA,EAASF,GACtB,GAEH,CAACb,IAODU,oBACD"}
+{"version":3,"file":"useTextInput.js","sources":["../../../../../src/components/textInput/hook/useTextInput.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nexport const useTextInput = (label, isRequired, placeholder, type) => {\n    //Set the label shrinked if there's value in the input, then call the onBlur callback from the outside\n    const handleOnBlur = useCallback((event, setIsShrunk, setIsFocused, onBlur, currentValue) => {\n        setIsShrunk(!!currentValue);\n        setIsFocused(false);\n        onBlur && onBlur(event);\n    }, []);\n    //Set the label shrinked, then call the onFocus callback from outside\n    const handleOnFocus = useCallback((event, setIsFocused, setIsShrunk, onFocus) => {\n        setIsFocused(true);\n        setIsShrunk(true);\n        onFocus && onFocus(event);\n    }, []);\n    const handlePlaceholder = useMemo(() => {\n        if (!label) {\n            return isRequired ? `${placeholder}*` : placeholder;\n        }\n        else\n            return null;\n    }, [isRequired, label, placeholder]);\n    //-Set the current value and make the labek shrink\n    const handleOnChange = useCallback((e, maxChars, onChange, setCurrentValue) => {\n        const inputValue = e.target.value;\n        if (type === 'number' || !maxChars || maxChars < 0 || (maxChars && inputValue.length <= maxChars)) {\n            setCurrentValue(inputValue);\n            onChange && onChange(e);\n        }\n    }, [type]);\n    return {\n        handleOnBlur,\n        handleOnFocus,\n        handleOnChange,\n        handlePlaceholder,\n    };\n};\n//# sourceMappingURL=useTextInput.js.map"],"names":["label","isRequired","placeholder","type","handleOnBlur","useCallback","event","setIsShrunk","setIsFocused","onBlur","currentValue","handleOnFocus","onFocus","handlePlaceholder","useMemo","handleOnChange","e","maxChars","onChange","setCurrentValue","inputValue","target","value","length"],"mappings":"yDAC4B,CAACA,EAAOC,EAAYC,EAAaC,KAEzD,MAAMC,EAAeC,EAAAA,aAAY,CAACC,EAAOC,EAAaC,EAAcC,EAAQC,KACxEH,IAAcG,GACdF,GAAa,GACbC,GAAUA,EAAOH,EAAM,GACxB,IAEGK,EAAgBN,EAAAA,aAAY,CAACC,EAAOE,EAAcD,EAAaK,KACjEJ,GAAa,GACbD,GAAY,GACZK,GAAWA,EAAQN,EAAM,GAC1B,IACGO,EAAoBC,EAAAA,SAAQ,IACzBd,EAIM,KAHAC,EAAa,GAAGC,KAAiBA,GAI7C,CAACD,EAAYD,EAAOE,IASvB,MAAO,CACHE,eACAO,gBACAI,eAVmBV,EAAAA,aAAY,CAACW,EAAGC,EAAUC,EAAUC,KACvD,MAAMC,EAAaJ,EAAEK,OAAOC,OACf,WAATnB,IAAsBc,GAAYA,EAAW,GAAMA,GAAYG,EAAWG,QAAUN,KACpFE,EAAgBC,GAChBF,GAAYA,EAASF,GACxB,GACF,CAACb,IAKAU,oBACH"}

package/cjs/components/textInput/hook/useTextInputEffect.d.ts

@@ -1 +1,2 @@
-export declare const useTextInputEffect: (inputRef: any, setInputWidth: React.Dispatch<React.SetStateAction<string>>, fullWidth: boolean, width: number, currentValue: string, value: string, maxChars: number, required: boolean, setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>, setCurrentValue: React.Dispatch<React.SetStateAction<string>>, setIsRequired: React.Dispatch<React.SetStateAction<boolean>>) => void;
+import { RefObject } from 'react';
+export declare const useTextInputEffect: (inputRef: RefObject<HTMLDivElement>, setInputWidth: React.Dispatch<React.SetStateAction<string>>, fullWidth: boolean, width: number, currentValue: string, value: string, maxChars: number, required: boolean, setIsShrunk: React.Dispatch<React.SetStateAction<boolean>>, setCurrentValue: React.Dispatch<React.SetStateAction<string>>, setIsRequired: React.Dispatch<React.SetStateAction<boolean>>) => void;

package/cjs/components/textInput/hook/useTextInputEffect.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.useTextInputEffect=(t,r,n,f,u,c,s,i,o,d,l)=>{e.useEffect((()=>{(u&&u.length>0||c&&c.length>0)&&o(!0)}),[u,o,c]),e.useEffect((()=>{c&&c.length>0&&c.length<=s&&(d(c),o(!0))}),[c,s,d,o]),e.useEffect((()=>{l(i)}),[i,l]),e.useEffect((()=>{t&&t.current&&r(t.current.offsetWidth+"px")}),[t,n,f,r]),e.useEffect((()=>{if(!t||!t.current)return;const e=()=>{var e;return r(null===(e=t.current)||void 0===e?void 0:e.offsetWidth)};return window.addEventListener("load",(function(){e()})),()=>{window.removeEventListener("load",e)}}),[t,r])};
+"use strict";var e=require("react");exports.useTextInputEffect=(t,r,n,f,u,c,s,i,o,d,l)=>{e.useEffect((()=>{(u&&u.length>0||c&&c.length>0)&&o(!0)}),[u,o,c]),e.useEffect((()=>{c&&c.length>0&&c.length<=s&&(d(c),o(!0))}),[c,s,d,o]),e.useEffect((()=>{l(i)}),[i,l]),e.useEffect((()=>{t&&t.current&&r(t.current.offsetWidth+"px")}),[t,n,f,r]),e.useEffect((()=>{if(!t||!t.current)return;const e=()=>{var e;return r((null===(e=t.current)||void 0===e?void 0:e.offsetWidth)+"px")};return window.addEventListener("load",(function(){e()})),()=>{window.removeEventListener("load",e)}}),[t,r])};
 //# sourceMappingURL=useTextInputEffect.js.map

package/cjs/components/textInput/hook/useTextInputEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextInputEffect.js","sources":["../../../../../../src/components/textInput/hook/useTextInputEffect.ts"],"sourcesContent":[null],"names":["inputRef","setInputWidth","fullWidth","width","currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length","current","offsetWidth","setWidth","_a","window","addEventListener","removeEventListener"],"mappings":"+DAEkC,CAChCA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGAC,EAAAA,WAAU,MACHP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACxEJ,GAAY,EACb,GACA,CAACJ,EAAcI,EAAaH,IAG/BM,EAAAA,WAAU,KACJN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC/CG,EAAgBJ,GAChBG,GAAY,GACb,GACA,CAACH,EAAOC,EAAUG,EAAiBD,IAEtCG,EAAAA,WAAU,KACRD,EAAcH,EAAS,GACtB,CAACA,EAAUG,IAEdC,EAAAA,WAAU,KACHX,GAAaA,EAASa,SAC3BZ,EAAcD,EAASa,QAAQC,YAAc,KAAK,GACjD,CAACd,EAAUE,EAAWC,EAAOF,IAEhCU,EAAAA,WAAU,KACR,IAAKX,IAAaA,EAASa,QAAS,OAEpC,MAAME,EAAW,KAAK,IAAAC,EAAC,OAAAf,EAA8B,QAAhBe,EAAAhB,EAASa,eAAO,IAAAG,OAAA,EAAAA,EAAEF,YAAY,EAMnE,OAJAG,OAAOC,iBAAiB,QAAQ,WAC9BH,GACF,IAEO,KACLE,OAAOE,oBAAoB,OAAQJ,EAAS,CAC7C,GACA,CAACf,EAAUC,GAAe"}
+{"version":3,"file":"useTextInputEffect.js","sources":["../../../../../src/components/textInput/hook/useTextInputEffect.ts"],"sourcesContent":["import { useEffect } from 'react';\nexport const useTextInputEffect = (inputRef, setInputWidth, fullWidth, width, currentValue, value, maxChars, required, setIsShrunk, setCurrentValue, setIsRequired) => {\n    //If the input text is filled make the label shrink\n    useEffect(() => {\n        if ((currentValue && currentValue.length > 0) || (value && value.length > 0)) {\n            setIsShrunk(true);\n        }\n    }, [currentValue, setIsShrunk, value]);\n    //If value passed from outside exists, set the label shrinked and set the current value to show\n    useEffect(() => {\n        if (value && value.length > 0 && value.length <= maxChars) {\n            setCurrentValue(value);\n            setIsShrunk(true);\n        }\n    }, [value, maxChars, setCurrentValue, setIsShrunk]);\n    useEffect(() => {\n        setIsRequired(required);\n    }, [required, setIsRequired]);\n    useEffect(() => {\n        if (!inputRef || !inputRef.current)\n            return;\n        setInputWidth(inputRef.current.offsetWidth + 'px');\n    }, [inputRef, fullWidth, width, setInputWidth]);\n    useEffect(() => {\n        if (!inputRef || !inputRef.current)\n            return;\n        const setWidth = () => { var _a; return setInputWidth(((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) + 'px'); };\n        window.addEventListener('load', function () {\n            setWidth();\n        });\n        return () => {\n            window.removeEventListener('load', setWidth);\n        };\n    }, [inputRef, setInputWidth]);\n};\n//# sourceMappingURL=useTextInputEffect.js.map"],"names":["inputRef","setInputWidth","fullWidth","width","currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length","current","offsetWidth","setWidth","_a","window","addEventListener","removeEventListener"],"mappings":"+DACkC,CAACA,EAAUC,EAAeC,EAAWC,EAAOC,EAAcC,EAAOC,EAAUC,EAAUC,EAAaC,EAAiBC,KAEjJC,EAAAA,WAAU,MACDP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACtEJ,GAAY,EACf,GACF,CAACJ,EAAcI,EAAaH,IAE/BM,EAAAA,WAAU,KACFN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC7CG,EAAgBJ,GAChBG,GAAY,GACf,GACF,CAACH,EAAOC,EAAUG,EAAiBD,IACtCG,EAAAA,WAAU,KACND,EAAcH,EAAS,GACxB,CAACA,EAAUG,IACdC,EAAAA,WAAU,KACDX,GAAaA,EAASa,SAE3BZ,EAAcD,EAASa,QAAQC,YAAc,KAAK,GACnD,CAACd,EAAUE,EAAWC,EAAOF,IAChCU,EAAAA,WAAU,KACN,IAAKX,IAAaA,EAASa,QACvB,OACJ,MAAME,EAAW,KAAQ,IAAIC,EAAI,OAAOf,GAA2C,QAA3Be,EAAKhB,EAASa,eAA4B,IAAPG,OAAgB,EAASA,EAAGF,aAAe,KAAK,EAI3I,OAHAG,OAAOC,iBAAiB,QAAQ,WAC5BH,GACZ,IACe,KACHE,OAAOE,oBAAoB,OAAQJ,EAAS,CAC/C,GACF,CAACf,EAAUC,GAAe"}

package/cjs/components/textInput/textInput.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { TextInputProps } from '../common/interface/textInputInterface';
 /**
  * @description SkodaFlow TextInput component.
@@ -7,4 +7,4 @@ import { TextInputProps } from '../common/interface/textInputInterface';
  * @returns React Functional Component
  * @deprecated this component is deprecated. Use themed TextField component from @mui/material instead.
  */
-export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TextInput: FC<TextInputProps>;

package/cjs/components/textInput/textInput.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("../icon/icon.js"),l=require("@mui/material"),a=require("../common/styled/textFieldStyled.js"),u=require("./hook/useTextInput.js"),o=require("../common/hook/useWindowSize.js"),s=require("./hook/useTextInputEffect.js"),i=require("../common/helperText.js");function d(e){return e&&e.__esModule?e:{default:e}}const c=d(t).default.forwardRef(((d,c)=>{var{name:h,id:x,label:p=null,onChange:m,onBlur:f,onFocus:j,value:b,placeholder:C,hasError:q,fullWidth:I=!0,excludeChars:v}=d,T=e.__rest(d,["name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars"]);const[F,S]=t.useState(b||""),[k,y]=t.useState(!1),[g,w]=t.useState(!1),[E,L]=t.useState(!1),[B,D]=t.useState(!1),{handleOnBlur:O,handleOnFocus:W,handleOnChange:_,handlePlaceholder:K}=u.useTextInput(p,B,C,T.type),M=t.useRef(null),[N,P]=t.useState(""),{width:A}=o.default();return s.useTextInputEffect(M,P,I,A,F,b,T.maxChars,T.required,y,S,D),r.jsx("div",{children:r.jsx(a.default,Object.assign({},T,{className:[T.icon?"textField-Icon":"",p?"textField-Label":"textField-NoLabel"].join(" "),InputLabelProps:{shrink:k},InputProps:T.icon?{startAdornment:r.jsx(l.InputAdornment,{position:"start",children:r.jsx(n.Icon,{color:T.disabled?"disabled":"inherit",className:T.icon})})}:{},onChange:e=>_(e,T.maxChars,m,S),value:F,onFocus:e=>W(e,w,y,j),onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),hovered:E,onBlur:e=>O(e,y,w,f,F),focused:g,placeholder:K,label:C?null:p,hiddenLabel:!!C,name:h,ref:M,id:x,error:q,fullWidth:I,onKeyDown:e=>{T.onKeyDownCallback&&T.onKeyDownCallback(e),v&&v.length>0&&v.includes(e.key)&&e.preventDefault()},helperText:r.jsx(i.default,{maxChars:T.maxChars,currentValue:F,helpText:T.helpText})}))})}));exports.TextInput=c;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),l=require("react"),n=require("../icon/icon.js"),t=require("@mui/material"),a=require("../common/styled/textFieldStyled.js"),o=require("./hook/useTextInput.js"),u=require("../common/hook/useWindowSize.js"),s=require("./hook/useTextInputEffect.js"),i=require("../common/helperText.js");function d(e){return e&&e.__esModule?e:{default:e}}var h=d(require("lodash/noop"));exports.TextInput=d=>{var{name:c,id:x,label:p=null,onChange:m,onBlur:f,onFocus:j,value:b,placeholder:q,hasError:C,fullWidth:v=!0,excludeChars:I}=d,T=e.__rest(d,["name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars"]);const[F,k]=l.useState(b||""),[y,S]=l.useState(!1),[g,w]=l.useState(!1),[E,L]=l.useState(!1),[B,D]=l.useState(!1),{handleOnBlur:O,handleOnFocus:W,handleOnChange:_,handlePlaceholder:K}=o.useTextInput(p,B,q,T.type),M=l.useRef(null),{width:N}=u.default();return s.useTextInputEffect(M,h.default,v,N,F,b,T.maxChars,T.required,S,k,D),r.jsx("div",{children:r.jsx(a.default,Object.assign({},T,{className:[T.icon?"textField-Icon":"",p?"textField-Label":"textField-NoLabel"].join(" "),InputLabelProps:{shrink:y},InputProps:T.icon?{startAdornment:r.jsx(t.InputAdornment,{position:"start",children:r.jsx(n.Icon,{color:T.disabled?"disabled":"inherit",className:T.icon})})}:{},onChange:e=>_(e,T.maxChars,m,k),value:F,onFocus:e=>W(e,w,S,j),onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),hovered:E,onBlur:e=>O(e,S,w,f,F),focused:g,placeholder:K,label:q?null:p,hiddenLabel:!!q,name:c,ref:M,id:x,error:C,fullWidth:v,onKeyDown:e=>{T.onKeyDownCallback&&T.onKeyDownCallback(e),I&&I.length>0&&I.includes(e.key)&&e.preventDefault()},helperText:r.jsx(i.default,{maxChars:T.maxChars,currentValue:F,helpText:T.helpText})}))})};
 //# sourceMappingURL=textInput.js.map

package/cjs/components/textInput/textInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"textInput.js","sources":["../../../../../src/components/textInput/textInput.tsx"],"sourcesContent":[null],"names":["TextInput","React","forwardRef","_a","ref","name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","handleOnBlur","handleOnFocus","handleOnChange","handlePlaceholder","useTextInput","type","inputRef","useRef","inputWidth","setInputWidth","width","useWindowSize","useTextInputEffect","maxChars","required","_jsx","children","jsx","TextFieldStyled","Object","assign","className","icon","join","InputLabelProps","shrink","InputProps","startAdornment","InputAdornment","position","Icon","color","disabled","event","onMouseEnter","onMouseLeave","focused","hiddenLabel","error","onKeyDown","onKeyDownCallback","length","includes","key","preventDefault","helperText","HelperText","helpText"],"mappings":"kZAiBO,MAAMA,OAAYC,QAAMC,YAC7B,CACEC,EAcAC,KAdA,IAAAC,KACEA,EAAIC,GACJA,EAAEC,MACFA,EAAQ,KAAIC,SACZA,EAAQC,OACRA,EAAMC,QACNA,EAAOC,MACPA,EAAKC,YACLA,EAAWC,SACXA,EAAQC,UACRA,GAAY,EAAIC,aAChBA,GAEDZ,EADIa,EAAKC,EAAAA,OAAAd,EAZV,iHAgBA,MAAOe,EAAcC,GAAmBC,EAAAA,SAAST,GAAS,KACnDU,EAAUC,GAAeF,EAAQA,UAAC,IAClCG,EAAWC,GAAgBJ,EAAQA,UAAC,IACpCK,EAASC,GAAcN,EAAQA,UAAC,IAChCO,EAAYC,GAAiBR,EAAQA,UAAC,IACvCS,aAAEA,EAAYC,cAAEA,EAAaC,eAAEA,EAAcC,kBAAEA,GAAsBC,eACzE1B,EACAoB,EACAf,EACAI,EAAMkB,MAGFC,EAAWC,SAAO,OACjBC,EAAYC,GAAiBlB,EAAQA,SAAC,KACvCmB,MAAEA,GAAUC,EAAAA,UAgBlB,OAdAC,EAAkBA,mBAChBN,EACAG,EACAxB,EACAyB,EACArB,EACAP,EACAK,EAAM0B,SACN1B,EAAM2B,SACNrB,EACAH,EACAS,GAIAgB,MACE,MAAA,CAAAC,SAAAD,EAAAE,IAACC,UAAeC,OAAAC,OAAA,GACVjC,EACJ,CAAAkC,UAAW,CAAClC,EAAMmC,KAAO,iBAAmB,GAAI5C,EAAQ,kBAAoB,qBAAqB6C,KAAK,KACtGC,gBAAiB,CACfC,OAAQjC,GAEVkC,WACEvC,EAAMmC,KACF,CACEK,eACEZ,EAAAA,IAACa,EAAAA,gBAAeC,SAAS,QAAOb,SAC9BD,EAACE,IAAAa,OAAK,CAAAC,MAAO5C,EAAM6C,SAAW,WAAa,UAAWX,UAAWlC,EAAMmC,UAI7E,CAAE,EAER3C,SAAWsD,GAAU/B,EAAe+B,EAAO9C,EAAM0B,SAAUlC,EAAUW,GACrER,MAAOO,EACPR,QAAUoD,GAAUhC,EAAcgC,EAAOtC,EAAcF,EAAaZ,GACpEqD,aAAc,IAAMrC,GAAW,GAC/BsC,aAAc,IAAMtC,GAAW,GAC/BD,QAASA,EACThB,OAASqD,GAAUjC,EAAaiC,EAAOxC,EAAaE,EAAcf,EAAQS,GAC1E+C,QAAS1C,EACTX,YAAaoB,EACbzB,MAAOK,EAAc,KAAOL,EAC5B2D,cAAetD,EACfP,KAAMA,EACND,IAAK+B,EACL7B,GAAIA,EACJ6D,MAAOtD,EACPC,UAAWA,EACXsD,UAAYN,IACN9C,EAAMqD,mBAAmBrD,EAAMqD,kBAAkBP,GACjD/C,GAAgBA,EAAauD,OAAS,GAAKvD,EAAawD,SAAST,EAAMU,MACzEV,EAAMW,gBACP,EAEHC,WAAY9B,EAAAA,IAAC+B,EAAAA,SAAWjC,SAAU1B,EAAM0B,SAAUxB,aAAcA,EAAc0D,SAAU5D,EAAM4D,eAGlG"}
+{"version":3,"file":"textInput.js","sources":["../../../../src/components/textInput/textInput.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useRef, useState } from 'react';\nimport { Icon } from '../icon';\nimport { InputAdornment } from '@mui/material';\nimport TextFieldStyled from '../common/styled/textFieldStyled';\nimport { useTextInput } from './hook/useTextInput';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { useTextInputEffect } from './hook/useTextInputEffect';\nimport HelperText from '../common/helperText';\nimport noop from 'lodash/noop';\n/**\n * @description SkodaFlow TextInput component.\n * Properties are inherited from HTML input element.\n * @param props TextInputProps\n * @returns React Functional Component\n * @deprecated this component is deprecated. Use themed TextField component from @mui/material instead.\n */\nexport const TextInput = (_a) => {\n    var { name, id, label = null, onChange, onBlur, onFocus, value, placeholder, hasError, fullWidth = true, excludeChars } = _a, props = __rest(_a, [\"name\", \"id\", \"label\", \"onChange\", \"onBlur\", \"onFocus\", \"value\", \"placeholder\", \"hasError\", \"fullWidth\", \"excludeChars\"]);\n    const [currentValue, setCurrentValue] = useState(value || '');\n    const [isShrunk, setIsShrunk] = useState(false);\n    const [isFocused, setIsFocused] = useState(false);\n    const [hovered, setHovered] = useState(false);\n    const [isRequired, setIsRequired] = useState(false);\n    const { handleOnBlur, handleOnFocus, handleOnChange, handlePlaceholder } = useTextInput(label, isRequired, placeholder, props.type);\n    const inputRef = useRef(null);\n    const { width } = useWindowSize();\n    useTextInputEffect(inputRef, noop, fullWidth, width, currentValue, value, props.maxChars, props.required, setIsShrunk, setCurrentValue, setIsRequired);\n    return (_jsx(\"div\", { children: _jsx(TextFieldStyled, Object.assign({}, props, { className: [props.icon ? 'textField-Icon' : '', label ? 'textField-Label' : 'textField-NoLabel'].join(' '), InputLabelProps: {\n                shrink: isShrunk,\n            }, InputProps: props.icon\n                ? {\n                    startAdornment: (_jsx(InputAdornment, { position: \"start\", children: _jsx(Icon, { color: props.disabled ? 'disabled' : 'inherit', className: props.icon }) })),\n                }\n                : {}, onChange: (event) => handleOnChange(event, props.maxChars, onChange, setCurrentValue), value: currentValue, onFocus: (event) => handleOnFocus(event, setIsFocused, setIsShrunk, onFocus), onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), hovered: hovered, onBlur: (event) => handleOnBlur(event, setIsShrunk, setIsFocused, onBlur, currentValue), focused: isFocused, placeholder: handlePlaceholder, label: placeholder ? null : label, hiddenLabel: !!placeholder, name: name, ref: inputRef, id: id, error: hasError, fullWidth: fullWidth, onKeyDown: (event) => {\n                if (props.onKeyDownCallback)\n                    props.onKeyDownCallback(event);\n                if (excludeChars && excludeChars.length > 0 && excludeChars.includes(event.key)) {\n                    event.preventDefault();\n                }\n            }, helperText: _jsx(HelperText, { maxChars: props.maxChars, currentValue: currentValue, helpText: props.helpText }) })) }));\n};\n//# sourceMappingURL=textInput.js.map"],"names":["_a","name","id","label","onChange","onBlur","onFocus","value","placeholder","hasError","fullWidth","excludeChars","props","__rest","currentValue","setCurrentValue","useState","isShrunk","setIsShrunk","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","handleOnBlur","handleOnFocus","handleOnChange","handlePlaceholder","useTextInput","type","inputRef","useRef","width","useWindowSize","useTextInputEffect","noop","default","maxChars","required","_jsx","children","jsx","TextFieldStyled","Object","assign","className","icon","join","InputLabelProps","shrink","InputProps","startAdornment","InputAdornment","position","Icon","color","disabled","event","onMouseEnter","onMouseLeave","focused","hiddenLabel","ref","error","onKeyDown","onKeyDownCallback","length","includes","key","preventDefault","helperText","HelperText","helpText"],"mappings":"ocAkB0BA,IACtB,IAAIC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,EAAKC,YAAEA,EAAWC,SAAEA,EAAQC,UAAEA,GAAY,EAAIC,aAAEA,GAAiBX,EAAIY,EAAQC,EAAAA,OAAOb,EAAI,CAAC,OAAQ,KAAM,QAAS,WAAY,SAAU,UAAW,QAAS,cAAe,WAAY,YAAa,iBAC3P,MAAOc,EAAcC,GAAmBC,EAAAA,SAAST,GAAS,KACnDU,EAAUC,GAAeF,EAAQA,UAAC,IAClCG,EAAWC,GAAgBJ,EAAQA,UAAC,IACpCK,EAASC,GAAcN,EAAQA,UAAC,IAChCO,EAAYC,GAAiBR,EAAQA,UAAC,IACvCS,aAAEA,EAAYC,cAAEA,EAAaC,eAAEA,EAAcC,kBAAEA,GAAsBC,eAAa1B,EAAOoB,EAAYf,EAAaI,EAAMkB,MACxHC,EAAWC,SAAO,OAClBC,MAAEA,GAAUC,EAAAA,UAElB,OADAC,EAAkBA,mBAACJ,EAAUK,EAAIC,QAAE3B,EAAWuB,EAAOnB,EAAcP,EAAOK,EAAM0B,SAAU1B,EAAM2B,SAAUrB,EAAaH,EAAiBS,GAChIgB,MAAK,MAAO,CAAEC,SAAUD,EAAIE,IAACC,UAAiBC,OAAOC,OAAO,GAAIjC,EAAO,CAAEkC,UAAW,CAAClC,EAAMmC,KAAO,iBAAmB,GAAI5C,EAAQ,kBAAoB,qBAAqB6C,KAAK,KAAMC,gBAAiB,CAClMC,OAAQjC,GACTkC,WAAYvC,EAAMmC,KACf,CACEK,eAAiBZ,EAAAA,IAAKa,EAAAA,eAAgB,CAAEC,SAAU,QAASb,SAAUD,EAAIE,IAACa,OAAM,CAAEC,MAAO5C,EAAM6C,SAAW,WAAa,UAAWX,UAAWlC,EAAMmC,UAErJ,CAAE,EAAE3C,SAAWsD,GAAU/B,EAAe+B,EAAO9C,EAAM0B,SAAUlC,EAAUW,GAAkBR,MAAOO,EAAcR,QAAUoD,GAAUhC,EAAcgC,EAAOtC,EAAcF,EAAaZ,GAAUqD,aAAc,IAAMrC,GAAW,GAAOsC,aAAc,IAAMtC,GAAW,GAAQD,QAASA,EAAShB,OAASqD,GAAUjC,EAAaiC,EAAOxC,EAAaE,EAAcf,EAAQS,GAAe+C,QAAS1C,EAAWX,YAAaoB,EAAmBzB,MAAOK,EAAc,KAAOL,EAAO2D,cAAetD,EAAaP,KAAMA,EAAM8D,IAAKhC,EAAU7B,GAAIA,EAAI8D,MAAOvD,EAAUC,UAAWA,EAAWuD,UAAYP,IAC7jB9C,EAAMsD,mBACNtD,EAAMsD,kBAAkBR,GACxB/C,GAAgBA,EAAawD,OAAS,GAAKxD,EAAayD,SAASV,EAAMW,MACvEX,EAAMY,gBACT,EACFC,WAAY/B,EAAAA,IAAKgC,EAAAA,QAAY,CAAElC,SAAU1B,EAAM0B,SAAUxB,aAAcA,EAAc2D,SAAU7D,EAAM6D,eAAoB"}

package/cjs/components/toggleSwitch/toggleSwitch.d.ts

@@ -1,11 +1,10 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 /**
  * @interface ToggleSwitchProps
  * @description Base definition of SkodaFlow ToggleSwitch independent on core implementation.
  * Properties are inherited from HTML Button element.
- * @deprecated This component is deprecated. Use themed Switch and FromControlLabel components from @mui/material instead.
  */
-export interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onChange' | 'size' | 'color'> {
+export interface ToggleSwitchProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange' | 'size' | 'color'> {
     /**
      * Compact size, minimalistic design.
      */
@@ -43,5 +42,6 @@ export interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLButtonE
  * Properties are inherited from HTML Button element.
  * @param props ToggleSwitchProps
  * @returns React Functional Component
+ * @deprecated This component is deprecated. Use themed Switch and FromControlLabel components from @mui/material instead.
  */
 export declare const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<HTMLButtonElement>>;

package/cjs/components/toggleSwitch/toggleSwitch.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),s=require("@mui/material/Switch"),r=require("@mui/material/styles"),a=require("../../design/skoda/theme.constants.js"),l=require("../common/styled/buttonFocusVisibleStyled.js"),o=require("../common/styled/formControlLabelStyled.js");function u(e){return e&&e.__esModule?e:{default:e}}var n=u(t),c=u(s);const d=n.default.forwardRef(((s,r)=>{var u,{compact:n,isNavigationVariant:c}=s,d=e.__rest(s,["compact","isNavigationVariant"]);const[b,f]=t.useState(!1),g=null!==(u=d.label)&&void 0!==u?u:d.children,j=i.jsx(l.default,{focusVisible:b,isNavigationVariant:!1,children:i.jsx(m,Object.assign({},d,{ref:r,onFocusVisible:()=>f(!0),onBlur:e=>{f(!1),d.onBlur&&d.onBlur(e)},size:n?"small":"medium",className:b?a.ClassNaming.focusVisible:""}))});return g?i.jsx(o.default,{control:j,label:d.label,disabled:d.disabled}):j})),m=r.styled(c.default)((i=>(e.__rest(i,["theme"]),null)));exports.ToggleSwitch=d;
+"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),s=require("react"),r=require("@mui/material/Switch"),t=require("@mui/material/styles"),a=require("../../design/skoda/theme.constants.js"),l=require("../common/styled/buttonFocusVisibleStyled.js"),o=require("../common/styled/formControlLabelStyled.js");function u(e){return e&&e.__esModule?e:{default:e}}var n=u(r);const c=s.forwardRef(((r,t)=>{var u,{compact:n,isNavigationVariant:c}=r,m=e.__rest(r,["compact","isNavigationVariant"]);const[b,f]=s.useState(!1),g=null!==(u=m.label)&&void 0!==u?u:m.children,j=i.jsx(l.default,{focusVisible:b,isNavigationVariant:!1,children:i.jsx(d,Object.assign({},m,{ref:t,onFocusVisible:()=>f(!0),onBlur:e=>{f(!1),m.onBlur&&m.onBlur(e)},size:n?"small":"medium",className:b?a.ClassNaming.focusVisible:""}))});return g?i.jsx(o.default,{control:j,label:m.label,disabled:m.disabled}):j})),d=t.styled(n.default)((()=>null));exports.ToggleSwitch=c;
 //# sourceMappingURL=toggleSwitch.js.map

package/cjs/components/toggleSwitch/toggleSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggleSwitch.js","sources":["../../../../../src/components/toggleSwitch/toggleSwitch.tsx"],"sourcesContent":[null],"names":["ToggleSwitch","React","forwardRef","_a","ref","compact","isNavigationVariant","props","__rest","focusVisible","setFocusVisible","useState","label","_b","children","toggleSwitch","_jsx","ButtonFocusVisibleStyled","default","jsx","ToggleSwitchStyled","Object","assign","onFocusVisible","onBlur","e","size","className","ClassNaming","FormControlLabelStyled","control","disabled","styled","MuiSwitch"],"mappings":"oYA6DO,MAAMA,EAAeC,EAAAA,QAAMC,YAChC,CAACC,EAA4CC,YAA5CC,QAAEA,EAAOC,oBAAEA,GAAmBH,EAAKI,EAAKC,EAAAA,OAAAL,EAAxC,mCACC,MAAOM,EAAcC,GAAmBC,EAAQA,UAAC,GAC3CC,EAAuB,QAAfC,EAAAN,EAAMK,aAAS,IAAAC,EAAAA,EAAAN,EAAMO,SAO7BC,EACJC,EAAAA,IAACC,EAAwBC,QAAA,CAACT,aAAcA,EAAcH,qBAAqB,EACzEQ,SAAAE,EAAAG,IAACC,EAAkBC,OAAAC,OAAA,CAAA,EACbf,EAAK,CACTH,IAAKA,EACLmB,eAAgB,IAAMb,GAAgB,GACtCc,OAXUC,IACdf,GAAgB,GACZH,EAAMiB,QAAQjB,EAAMiB,OAAOC,EAAE,EAU7BC,KAAMrB,EAAU,QAAU,SAC1BsB,UAAWlB,EAAemB,cAAYnB,aAAe,QAK3D,OAAOG,EACLI,EAAAA,IAACa,EAAAA,QAAsB,CAACC,QAASf,EAAcH,MAAOL,EAAMK,MAAOmB,SAAUxB,EAAMwB,WAAY,CAGhG,IAOCX,EAAqBY,EAAMA,OAACC,UAAPD,EAAmC7B,IAAiBK,SAAAL,EAAjB,WACrD"}
+{"version":3,"file":"toggleSwitch.js","sources":["../../../../src/components/toggleSwitch/toggleSwitch.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef, useState } from 'react';\nimport MuiSwitch from '@mui/material/Switch';\nimport { styled } from '@mui/material/styles';\nimport { ClassNaming } from '../../design/skoda/theme.constants';\nimport ButtonFocusVisibleStyled from '../common/styled/buttonFocusVisibleStyled';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\n/**\n * @description SkodaFlow ToggleSwitch component.\n * Properties are inherited from HTML Button element.\n * @param props ToggleSwitchProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Switch and FromControlLabel components from @mui/material instead.\n */\nexport const ToggleSwitch = forwardRef((_a, ref) => {\n    var _b;\n    var { compact, isNavigationVariant } = _a, props = __rest(_a, [\"compact\", \"isNavigationVariant\"]);\n    const [focusVisible, setFocusVisible] = useState(false);\n    const label = (_b = props.label) !== null && _b !== void 0 ? _b : props.children;\n    const onBlur = (e) => {\n        setFocusVisible(false);\n        if (props.onBlur)\n            props.onBlur(e);\n    };\n    const toggleSwitch = (_jsx(ButtonFocusVisibleStyled, { focusVisible: focusVisible, isNavigationVariant: false, children: _jsx(ToggleSwitchStyled, Object.assign({}, props, { ref: ref, onFocusVisible: () => setFocusVisible(true), onBlur: onBlur, size: compact ? 'small' : 'medium', className: focusVisible ? ClassNaming.focusVisible : '' })) }));\n    return label ? (_jsx(FormControlLabelStyled, { control: toggleSwitch, label: props.label, disabled: props.disabled })) : (toggleSwitch);\n});\n/**\n * @description ToggleSwitch styling definition based on props\n */\nconst ToggleSwitchStyled = styled(MuiSwitch)(() => {\n    return null;\n});\n//# sourceMappingURL=toggleSwitch.js.map"],"names":["ToggleSwitch","forwardRef","_a","ref","_b","compact","isNavigationVariant","props","__rest","focusVisible","setFocusVisible","useState","label","children","toggleSwitch","_jsx","ButtonFocusVisibleStyled","default","jsx","ToggleSwitchStyled","Object","assign","onFocusVisible","onBlur","e","size","className","ClassNaming","FormControlLabelStyled","control","disabled","styled","MuiSwitch"],"mappings":"6XAeY,MAACA,EAAeC,EAAUA,YAAC,CAACC,EAAIC,KACxC,IAAIC,GACAC,QAAEA,EAAOC,oBAAEA,GAAwBJ,EAAIK,EAAQC,EAAMA,OAACN,EAAI,CAAC,UAAW,wBAC1E,MAAOO,EAAcC,GAAmBC,EAAQA,UAAC,GAC3CC,EAA+B,QAAtBR,EAAKG,EAAMK,aAA0B,IAAPR,EAAgBA,EAAKG,EAAMM,SAMlEC,EAAgBC,EAAAA,IAAKC,EAAwBC,QAAE,CAAER,aAAcA,EAAcH,qBAAqB,EAAOO,SAAUE,EAAIG,IAACC,EAAoBC,OAAOC,OAAO,CAAA,EAAId,EAAO,CAAEJ,IAAKA,EAAKmB,eAAgB,IAAMZ,GAAgB,GAAOa,OALpNC,IACZd,GAAgB,GACZH,EAAMgB,QACNhB,EAAMgB,OAAOC,EAAE,EAE6NC,KAAMpB,EAAU,QAAU,SAAUqB,UAAWjB,EAAekB,cAAYlB,aAAe,QAC7U,OAAOG,EAASG,EAAAA,IAAKa,EAAAA,QAAwB,CAAEC,QAASf,EAAcF,MAAOL,EAAMK,MAAOkB,SAAUvB,EAAMuB,WAAW,CAAkB,IAKrIX,EAAqBY,EAAAA,OAAOC,EAASf,QAAhBc,EAAkB,IAClC"}

package/cjs/components/tooltip/tooltip.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 /**
  * @interface TooltipProps
  * @description Base definition of SkodaFlow Tooltip independent on core implementation.
  * Properties are inherited from HTML Tooltip element
  */
-export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'title'> {
+export interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'title'> {
     /**
      * Tooltip placement
      * @default 'bottom'

package/cjs/components/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":[null],"names":["_a","props","__rest","_jsx","MuiTooltip","Object","assign","title","children"],"mappings":"8GAkDgDA,IAAA,IAAeC,EAAKC,EAAAA,OAAAF,EAApB,cAC9C,OACEG,EAAAA,IAACC,EAAAA,QAAeC,OAAAC,OAAA,CAAA,EAAAL,GAAOM,MAAON,EAAMM,MACjCC,SAAAP,EAAMO,WAET"}
+{"version":3,"file":"tooltip.js","sources":["../../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Tooltip as MuiTooltip } from '@mui/material';\n/**\n * @description SkodaFlow Tooltip component.\n * @param props TooltipProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Tooltip component from @mui/material instead.\n */\nexport const Tooltip = (_a) => {\n    var { iconName } = _a, props = __rest(_a, [\"iconName\"]);\n    return (_jsx(MuiTooltip, Object.assign({}, props, { title: props.title, children: props.children })));\n};\n//# sourceMappingURL=tooltip.js.map"],"names":["_a","props","__rest","_jsx","MuiTooltip","Object","assign","title","children"],"mappings":"8GASwBA,IACjB,IAAoBC,EAAQC,EAAMA,OAACF,EAAI,CAAC,aAC3C,OAAQG,EAAAA,IAAKC,EAAAA,QAAYC,OAAOC,OAAO,CAAA,EAAIL,EAAO,CAAEM,MAAON,EAAMM,MAAOC,SAAUP,EAAMO,WAAc"}

package/cjs/components/upload/UploadBox.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactNode } from 'react';
+export type UploadBoxProps = {
+    /**
+     * Color scheme of the box. This affects background color, border color, border style and font color.
+     * @default secondary
+     */
+    color?: 'primary' | 'secondary' | 'transparent' | 'white' | 'error';
+    /**
+     * Content of the box
+     * @requires
+     */
+    children: ReactNode;
+};
+export declare const UploadBox: FC<UploadBoxProps>;

package/cjs/components/upload/UploadBox.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react");exports.UploadBox=({color:a="secondary",children:s})=>{const n=r.useTheme(),o=t.useMemo((()=>{switch(a){case"primary":return n.palette.brandHover.primary;case"secondary":return n.palette.onSurface.os200;case"transparent":case"white":return n.palette.surface.secondary;case"error":return n.palette.error.main}}),[a,n]),i=t.useMemo((()=>{switch(a){case"primary":return n.palette.brand.quarternary;case"secondary":case"error":return n.palette.surface.primary;case"transparent":return"transparent";case"white":return n.palette.common.white}}),[a,n]),c=t.useMemo((()=>"white"===a||"transparent"===a?"solid":"dashed"),[a]);return e.jsx(r.Box,{sx:{borderRadius:"8px",borderWidth:"1px",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",borderStyle:c,borderColor:o,backgroundColor:i},children:s})};
+//# sourceMappingURL=UploadBox.js.map

package/cjs/components/upload/UploadBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadBox.js","sources":["../../../../src/components/upload/UploadBox.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box, useTheme } from '@mui/material';\nimport { useMemo } from 'react';\nexport const UploadBox = ({ color = 'secondary', children }) => {\n    const theme = useTheme();\n    const borderColor = useMemo(() => {\n        switch (color) {\n            case 'primary':\n                return theme.palette.brandHover.primary;\n            case 'secondary':\n                return theme.palette.onSurface.os200;\n            case 'transparent':\n            case 'white':\n                return theme.palette.surface.secondary;\n            case 'error':\n                return theme.palette.error.main;\n        }\n    }, [color, theme]);\n    const backgroundColor = useMemo(() => {\n        switch (color) {\n            case 'primary':\n                return theme.palette.brand.quarternary;\n            case 'secondary':\n                return theme.palette.surface.primary;\n            case 'transparent':\n                return 'transparent';\n            case 'white':\n                return theme.palette.common.white;\n            case 'error':\n                return theme.palette.surface.primary;\n        }\n    }, [color, theme]);\n    const borderStyle = useMemo(() => {\n        if (color === 'white' || color === 'transparent') {\n            return 'solid';\n        }\n        return 'dashed';\n    }, [color]);\n    return (_jsx(Box, { sx: {\n            borderRadius: '8px',\n            borderWidth: '1px',\n            position: 'relative',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            width: '100%',\n            height: '100%',\n            borderStyle,\n            borderColor,\n            backgroundColor,\n        }, children: children }));\n};\n//# sourceMappingURL=UploadBox.js.map"],"names":["color","children","theme","useTheme","borderColor","useMemo","palette","brandHover","primary","onSurface","os200","surface","secondary","error","main","backgroundColor","brand","quarternary","common","white","borderStyle","_jsx","jsx","Box","sx","borderRadius","borderWidth","position","display","alignItems","justifyContent","width","height"],"mappings":"gHAGyB,EAAGA,QAAQ,YAAaC,eAC7C,MAAMC,EAAQC,EAAAA,WACRC,EAAcC,EAAAA,SAAQ,KACxB,OAAQL,GACJ,IAAK,UACD,OAAOE,EAAMI,QAAQC,WAAWC,QACpC,IAAK,YACD,OAAON,EAAMI,QAAQG,UAAUC,MACnC,IAAK,cACL,IAAK,QACD,OAAOR,EAAMI,QAAQK,QAAQC,UACjC,IAAK,QACD,OAAOV,EAAMI,QAAQO,MAAMC,KAClC,GACF,CAACd,EAAOE,IACLa,EAAkBV,EAAAA,SAAQ,KAC5B,OAAQL,GACJ,IAAK,UACD,OAAOE,EAAMI,QAAQU,MAAMC,YAC/B,IAAK,YAML,IAAK,QACD,OAAOf,EAAMI,QAAQK,QAAQH,QALjC,IAAK,cACD,MAAO,cACX,IAAK,QACD,OAAON,EAAMI,QAAQY,OAAOC,MAGnC,GACF,CAACnB,EAAOE,IACLkB,EAAcf,EAAAA,SAAQ,IACV,UAAVL,GAA+B,gBAAVA,EACd,QAEJ,UACR,CAACA,IACJ,OAAQqB,EAAIC,IAACC,MAAK,CAAEC,GAAI,CAChBC,aAAc,MACdC,YAAa,MACbC,SAAU,WACVC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,MAAO,OACPC,OAAQ,OACRZ,cACAhB,cACAW,mBACDd,SAAUA,GAAa"}

package/cjs/components/upload/UploadField.d.ts

@@ -0,0 +1,37 @@
+import { FC, ReactNode } from 'react';
+import { availableIcons } from '../icon';
+export type UploadFieldProps = {
+    /**
+     * Glob string that specifies which file types are accepted by upload
+     * @default *
+     * @example
+     * // all images
+     * <UploadField accept="image/*"/>
+     * // only PDF files
+     * <UploadField accept="application/pdf"/>
+     */
+    accept?: string;
+    /**
+     * Number of maximum files that can be uploaded. Excess files will be truncated before upload starts.
+     * @default 1
+     */
+    maxFiles?: number;
+    /**
+     * Handler that is called when user provide files.
+     * @param files
+     * @returns void
+     * @requires
+     */
+    onFileDrop: (files: Array<File>) => void;
+    /**
+     * Icon name of the upload button.
+     * @default undefined
+     */
+    uploadIcon?: (typeof availableIcons)[number];
+    /**
+     * Label of the upload button.
+     * @default Upload
+     */
+    uploadLabel?: ReactNode;
+};
+export declare const UploadField: FC<UploadFieldProps>;

package/cjs/components/upload/UploadField.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("./UploadBox.js"),a=require("../icon/icon.js"),n=require("@mui/material"),l=require("minimatch");exports.UploadField=({uploadIcon:i="plus",maxFiles:o=1,uploadLabel:s="Upload",accept:c="*",onFileDrop:p})=>{const u=t.useRef(null),[d,f]=t.useState(!1),[g,h]=t.useState(!1),m=t.useCallback((e=>{e.stopPropagation(),e.preventDefault()}),[]),x=t.useCallback((e=>{[...e.dataTransfer.files].filter((e=>l.minimatch(e.type,c))).length>0?f(!0):h(!0)}),[f,h]),y=t.useCallback((()=>{f(!1),h(!1)}),[f,h]),j=t.useCallback((()=>{var e;null===(e=u.current)||void 0===e||e.click()}),[]),v=t.useCallback((e=>{e.preventDefault(),e.stopPropagation();const t=[...e.dataTransfer.files].filter((e=>l.minimatch(e.type,c))).slice(0,o);f(!1),h(!1),t.length>0&&p(t)}),[f,h]),C=t.useCallback((e=>{e.preventDefault(),e.stopPropagation();const t=[...e.target.files].filter((e=>l.minimatch(e.type,c))).slice(0,o);t.length>0&&(p([...t]),u.current&&(u.current.value=""))}),[]);return e.jsx(r.UploadBox,{color:d?"primary":"secondary",children:e.jsxs(n.Box,{sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",padding:"16px",gap:"8px","& *":{pointerEvents:"none"},cursor:g?"no-drop":"pointer"},onDragOver:m,onDrop:v,onDragEnter:x,onDragLeave:y,onClick:j,children:[e.jsx(n.IconButton,{children:e.jsx(a.Icon,{className:i})}),"string"==typeof s?e.jsx(n.Typography,{children:s}):s,e.jsx("input",{ref:u,hidden:!0,type:"file",multiple:o>1,accept:c,onChange:C})]})})};
+//# sourceMappingURL=UploadField.js.map

package/cjs/components/upload/UploadField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadField.js","sources":["../../../../src/components/upload/UploadField.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useRef, useState } from 'react';\nimport { UploadBox } from './UploadBox';\nimport { Icon } from '../icon';\nimport { Box, IconButton, Typography } from '@mui/material';\nimport { minimatch } from 'minimatch';\nexport const UploadField = ({ uploadIcon = 'plus', maxFiles = 1, uploadLabel = 'Upload', accept = '*', onFileDrop, }) => {\n    const inputRef = useRef(null);\n    const [dragging, setDragging] = useState(false);\n    const [dragInvalid, setDragInvalid] = useState(false);\n    const preventDragOver = useCallback((event) => {\n        event.stopPropagation();\n        event.preventDefault();\n    }, []);\n    const dragOverHandler = useCallback((event) => {\n        const files = [...event.dataTransfer.files];\n        const matched = files.filter((file) => minimatch(file.type, accept));\n        if (matched.length > 0) {\n            setDragging(true);\n        }\n        else {\n            setDragInvalid(true);\n        }\n    }, [setDragging, setDragInvalid]);\n    const dragLeaveHandler = useCallback(() => {\n        setDragging(false);\n        setDragInvalid(false);\n    }, [setDragging, setDragInvalid]);\n    const uploadClickHandler = useCallback(() => {\n        var _a;\n        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();\n    }, []);\n    const dropHandler = useCallback((event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        const files = [...event.dataTransfer.files];\n        const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n        setDragging(false);\n        setDragInvalid(false);\n        if (matched.length > 0) {\n            onFileDrop(matched);\n        }\n    }, [setDragging, setDragInvalid]);\n    const inputChangeHandler = useCallback((event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        const files = [...event.target.files];\n        const matched = files.filter((file) => minimatch(file.type, accept)).slice(0, maxFiles);\n        if (matched.length > 0) {\n            onFileDrop([...matched]);\n            if (inputRef.current) {\n                inputRef.current.value = '';\n            }\n        }\n    }, []);\n    return (_jsx(UploadBox, { color: dragging ? 'primary' : 'secondary', children: _jsxs(Box, { sx: {\n                width: '100%',\n                height: '100%',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                padding: '16px',\n                gap: '8px',\n                '& *': {\n                    pointerEvents: 'none',\n                },\n                cursor: dragInvalid ? 'no-drop' : 'pointer',\n            }, onDragOver: preventDragOver, onDrop: dropHandler, onDragEnter: dragOverHandler, onDragLeave: dragLeaveHandler, onClick: uploadClickHandler, children: [_jsx(IconButton, { children: _jsx(Icon, { className: uploadIcon }) }), typeof uploadLabel === 'string' ? _jsx(Typography, { children: uploadLabel }) : uploadLabel, _jsx(\"input\", { ref: inputRef, hidden: true, type: \"file\", multiple: maxFiles > 1, accept: accept, onChange: inputChangeHandler })] }) }));\n};\n//# sourceMappingURL=UploadField.js.map"],"names":["uploadIcon","maxFiles","uploadLabel","accept","onFileDrop","inputRef","useRef","dragging","setDragging","useState","dragInvalid","setDragInvalid","preventDragOver","useCallback","event","stopPropagation","preventDefault","dragOverHandler","dataTransfer","files","filter","file","minimatch","type","length","dragLeaveHandler","uploadClickHandler","_a","current","click","dropHandler","matched","slice","inputChangeHandler","target","value","_jsx","UploadBox","color","children","_jsxs","Box","sx","width","height","display","alignItems","justifyContent","padding","gap","pointerEvents","cursor","onDragOver","onDrop","onDragEnter","onDragLeave","onClick","jsx","IconButton","Icon","className","Typography","ref","hidden","multiple","onChange"],"mappings":"kMAM2B,EAAGA,aAAa,OAAQC,WAAW,EAAGC,cAAc,SAAUC,SAAS,IAAKC,iBACnG,MAAMC,EAAWC,SAAO,OACjBC,EAAUC,GAAeC,EAAQA,UAAC,IAClCC,EAAaC,GAAkBF,EAAQA,UAAC,GACzCG,EAAkBC,eAAaC,IACjCA,EAAMC,kBACND,EAAME,gBAAgB,GACvB,IACGC,EAAkBJ,eAAaC,IACnB,IAAIA,EAAMI,aAAaC,OACfC,QAAQC,GAASC,EAASA,UAACD,EAAKE,KAAMpB,KAChDqB,OAAS,EACjBhB,GAAY,GAGZG,GAAe,EAClB,GACF,CAACH,EAAaG,IACXc,EAAmBZ,EAAAA,aAAY,KACjCL,GAAY,GACZG,GAAe,EAAM,GACtB,CAACH,EAAaG,IACXe,EAAqBb,EAAAA,aAAY,KACnC,IAAIc,EACwB,QAA3BA,EAAKtB,EAASuB,eAA4B,IAAPD,GAAyBA,EAAGE,OAAO,GACxE,IACGC,EAAcjB,eAAaC,IAC7BA,EAAME,iBACNF,EAAMC,kBACN,MACMgB,EADQ,IAAIjB,EAAMI,aAAaC,OACfC,QAAQC,GAASC,EAAAA,UAAUD,EAAKE,KAAMpB,KAAS6B,MAAM,EAAG/B,GAC9EO,GAAY,GACZG,GAAe,GACXoB,EAAQP,OAAS,GACjBpB,EAAW2B,EACd,GACF,CAACvB,EAAaG,IACXsB,EAAqBpB,eAAaC,IACpCA,EAAME,iBACNF,EAAMC,kBACN,MACMgB,EADQ,IAAIjB,EAAMoB,OAAOf,OACTC,QAAQC,GAASC,EAAAA,UAAUD,EAAKE,KAAMpB,KAAS6B,MAAM,EAAG/B,GAC1E8B,EAAQP,OAAS,IACjBpB,EAAW,IAAI2B,IACX1B,EAASuB,UACTvB,EAASuB,QAAQO,MAAQ,IAEhC,GACF,IACH,OAAQC,MAAKC,EAAAA,UAAW,CAAEC,MAAO/B,EAAW,UAAY,YAAagC,SAAUC,EAAAA,KAAMC,EAAGA,IAAE,CAAEC,GAAI,CACpFC,MAAO,OACPC,OAAQ,OACRC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,OACTC,IAAK,MACL,MAAO,CACHC,cAAe,QAEnBC,OAAQzC,EAAc,UAAY,WACnC0C,WAAYxC,EAAiByC,OAAQvB,EAAawB,YAAarC,EAAiBsC,YAAa9B,EAAkB+B,QAAS9B,EAAoBa,SAAU,CAACH,EAAIqB,IAACC,aAAY,CAAEnB,SAAUH,EAAAA,IAAKuB,EAAAA,KAAM,CAAEC,UAAW5D,MAAyC,iBAAhBE,EAA2BkC,MAAKyB,EAAAA,WAAY,CAAEtB,SAAUrC,IAAiBA,EAAakC,MAAK,QAAS,CAAE0B,IAAKzD,EAAU0D,QAAQ,EAAMxC,KAAM,OAAQyC,SAAU/D,EAAW,EAAGE,OAAQA,EAAQ8D,SAAUhC,QAA8B"}