@skodaflow/web-library 3.3.0 → 4.0.0

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

@@ -1,44 +1,44 @@
-/// <reference types="react" />
-/**
- * @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" | "start" | "end";
-    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<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, "label" | keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "icon" | "iconPosition" | "value" | "wrapped"> & {
-    theme?: import("@emotion/react").Theme;
-} & {
-    isActive?: boolean;
-    smallSize?: boolean;
-    href?: string;
-    component?: any;
-    target?: string;
-    theme?: any;
-}, {}, {}>;
-export default TabStyled;
+/// <reference types="react" />
+/**
+ * @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"> & {
+    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"> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    isActive?: boolean;
+    smallSize?: boolean;
+    href?: string;
+    component?: any;
+    target?: string;
+    theme?: any;
+}, {}, {}>;
+export default TabStyled;

package/build/components/tab/tabStyled.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import e from"@emotion/styled";import o from"@mui/material/Tab";const i=e(o,{shouldForwardProp:t=>"isActive"!==t&&"smallSize"!==t&&"ref"!==t})((e=>{var{isActive:o,smallSize:i,theme:r}=e;t(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"}}),o&&(a=Object.assign(Object.assign({},a),{color:r.palette.text.primary})),i&&(a=Object.assign(Object.assign({},a),{fontSize:"14px",minWidth:"56px",marginTop:"6px","& > .MuiIcon-root":{fontSize:"15px !important",width:"15px",height:"22px"}})),a}));export{i as default};
+//# sourceMappingURL=tabStyled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabStyled.js","sources":["../../../src/components/tab/tabStyled.tsx"],"sourcesContent":[null],"names":["TabStyled","styled","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":"+FAMA,MAAMA,EAAYC,EAAOC,EAAQ,CAC/BC,kBAAoBC,GAAkB,aAATA,GAAgC,cAATA,GAAiC,QAATA,GAD5DH,EAWfI,QAAAC,SAAEA,EAAQC,UAAEA,EAASC,MAAEA,KAAvBC,EAAAJ,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"}

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

@@ -1,52 +1,55 @@
-import React 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;
-    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'> {
-    /**
-     * Size of every single tab
-     */
-    smallSize?: boolean;
-    /**
-     * Label to use for tab that wrap overlowing tabs
-     */
-    labelMoreItem?: string;
-    /**
-     * the default active tab on mount
-     */
-    defaultActiveTab: string | number;
-    /**
-     * If true and on mobile view, tabs are rendered as mobile secondary navigation view
-     */
-    variantSecondaryNavigation?: boolean;
-    /**
-     * @description Triggered when element is changed.
-     * @param e React original event object
-     * @param value Current changed value
-     */
-    handleChange: (newValue: any) => void;
-    /**
-     *  The system prop that allows defining system overrides as well as additional CSS styles.
-     *  See the `sx` page for more details.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * Override or extend the styles applied to the component. See CSS API below for more details.
-     */
-    classes?: object;
-}
-/**
- * @description SkodaFlow Checkbox component.
- * Properties are inherited from HTML Button element.
- * @param props TabsProps
- * @returns React Functional Component
- */
-export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLButtonElement>>;
+import React 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;
+    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'> {
+    /**
+     * Size of every single tab
+     */
+    smallSize?: boolean;
+    /**
+     * Label to use for tab that wrap overlowing tabs
+     */
+    labelMoreItem?: string;
+    /**
+     * the default active tab on mount
+     * @deprecated Use property `activeTab` instead
+     */
+    defaultActiveTab?: string | number;
+    /** Specifies which tab is active */
+    activeTab?: string | number;
+    /**
+     * If true and on mobile view, tabs are rendered as mobile secondary navigation view
+     */
+    variantSecondaryNavigation?: boolean;
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    handleChange: (newValue: any) => void;
+    /**
+     *  The system prop that allows defining system overrides as well as additional CSS styles.
+     *  See the `sx` page for more details.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * Override or extend the styles applied to the component. See CSS API below for more details.
+     */
+    classes?: object;
+}
+/**
+ * @description SkodaFlow Checkbox component.
+ * Properties are inherited from HTML Button element.
+ * @param props TabsProps
+ * @returns React Functional Component
+ */
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLButtonElement>>;

package/build/components/tab/tabs.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":["../../../src/components/tab/tabs.tsx"],"sourcesContent":[null],"names":["TabsContext","React","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","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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"}

package/build/components/textArea/hook/useTextAreaEffect.d.ts

@@ -1 +1 @@
-export declare const useTextAreaEffect: (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;
+export declare const useTextAreaEffect: (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/build/components/textArea/hook/useTextAreaEffect.js

@@ -0,0 +1,2 @@
+import{useEffect as t}from"react";const e=(e,n,g,h,l,o,r)=>{t((()=>{(e&&e.length>0||n&&n.length>0)&&l(!0)}),[e,n,l]),t((()=>{n&&n.length>0&&n.length<=g&&(o(n),l(!0))}),[n,g,o,l]),t((()=>{r(h)}),[h,r])};export{e as useTextAreaEffect};
+//# sourceMappingURL=useTextAreaEffect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTextAreaEffect.js","sources":["../../../../src/components/textArea/hook/useTextAreaEffect.tsx"],"sourcesContent":[null],"names":["useTextAreaEffect","currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length"],"mappings":"kCAEa,MAAAA,EAAoB,CAC/BC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGAC,GAAU,MACHP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACxEJ,GAAY,EACb,GACA,CAACJ,EAAcC,EAAOG,IAGzBG,GAAU,KACJN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC/CG,EAAgBJ,GAChBG,GAAY,GACb,GACA,CAACH,EAAOC,EAAUG,EAAiBD,IAEtCG,GAAU,KACRD,EAAcH,EAAS,GACtB,CAACA,EAAUG,GAAe"}

package/build/components/textArea/index.d.ts

@@ -1 +1 @@
-export * from './textArea';
+export * from './textArea';

package/build/components/textArea/textArea.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { TextInputProps } from '../common/interface/textInputInterface';
-/**
- * @deprecated This component is deprecated. Use themed TextField component from @mui/material with multiline prop set to true.
- */
-export declare const TextArea: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { TextInputProps } from '../common/interface/textInputInterface';
+/**
+ * @deprecated This component is deprecated. Use themed TextField component from @mui/material with multiline prop set to true.
+ */
+export declare const TextArea: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/textArea/textArea.js

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

package/build/components/textArea/textArea.js.map

@@ -0,0 +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","HelperText","helpText"],"mappings":"wSAkBA,MA0CaA,EAAWC,EAAMC,YAC5B,CAACC,EAAwEC,SAAxEC,KAAEA,EAAIC,GAAEA,EAAEC,MAAEA,EAAQ,KAAIC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,MAAEA,GAAKR,EAAKS,EAAKC,EAAAV,EAApE,6DACC,MAAOW,EAAcC,GAAmBC,EAAS,KAC1CC,EAAUC,GAAeF,GAAS,IAClCG,EAAWC,GAAgBJ,GAAS,IACpCK,EAASC,GAAcN,GAAS,KAC9BO,GAAiBP,GAAS,GAE7BQ,EAAgCC,GACnCC,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,GACjCQ,IA1Ce,EACpBnB,EACAI,EACAE,EACAX,KAEAS,IAAYJ,GACZM,GAAa,GACbX,GAAUA,GAAQ,EAmCZyB,CAAcpB,EAAcI,EAAaE,GAAc,IAAOX,EAASA,EAAOwB,GAASE,KAAQ,GAEjG,CAACrB,EAAcL,IAGX2B,EAA+BX,GAClCQ,IApCgB,EACrBf,EACAE,EACAV,KAEAU,GAAa,GACbF,GAAY,GACZR,GAAWA,GAAS,EA8Bd2B,CAAenB,EAAaE,GAAc,IAAOV,EAAUA,EAAQuB,GAASE,KAAQ,GAEtF,CAACzB,IAKH,OAFA4B,EAAkBxB,EAAcH,EAAOC,EAAMe,SAAUf,EAAM2B,SAAUrB,EAAaH,EAAiBQ,GAGnGiB,EAACC,mBACK7B,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,EAACa,EAAW,CAAA1B,SAAUf,EAAMe,SAAUb,aAAcA,EAAcwC,SAAU1C,EAAM0C,aAEhG"}

package/build/components/textInput/hook/useTextInput.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-export declare const useTextInput: (label: any, isRequired: any, placeholder: any, type: 'text' | 'number') => {
-    handleOnBlur: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, setIsShrunk: any, setIsFocused: any, onBlur: any, currentValue: any) => void;
-    handleOnFocus: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, setIsFocused: any, setIsShrunk: any, onFocus: any) => void;
-    handleOnChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, maxChars: any, onChange: any, setCurrentValue: any) => void;
-    handlePlaceholder: any;
-};
+import React from 'react';
+export declare const useTextInput: (label: any, isRequired: any, placeholder: any, type: 'text' | 'number') => {
+    handleOnBlur: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, setIsShrunk: any, setIsFocused: any, onBlur: any, currentValue: any) => void;
+    handleOnFocus: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>, setIsFocused: any, setIsShrunk: any, onFocus: any) => void;
+    handleOnChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>, maxChars: any, onChange: any, setCurrentValue: any) => void;
+    handlePlaceholder: any;
+};

package/build/components/textInput/hook/useTextInput.js

@@ -0,0 +1,2 @@
+import{useCallback as n,useMemo as e}from"react";const l=(l,r,t,a)=>{const o=n(((n,e,l,r,t)=>{e(!!t),l(!1),r&&r(n)}),[]),h=n(((n,e,l,r)=>{e(!0),l(!0),r&&r(n)}),[]),c=e((()=>l?null:r?`${t}*`:t),[r,l,t]);return{handleOnBlur:o,handleOnFocus:h,handleOnChange:n(((n,e,l,r)=>{const t=n.target.value;("number"===a||!e||e<0||e&&t.length<=e)&&(r(t),l&&l(n))}),[a]),handlePlaceholder:c}};export{l as useTextInput};
+//# sourceMappingURL=useTextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTextInput.js","sources":["../../../../src/components/textInput/hook/useTextInput.ts"],"sourcesContent":[null],"names":["useTextInput","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":"iDAEO,MAAMA,EAAe,CAACC,EAAOC,EAAYC,EAAaC,KAE3D,MAAMC,EAAeC,GACnB,CACEC,EACAC,EACAC,EACAC,EACAC,KAEAH,IAAcG,GACdF,GAAa,GACbC,GAAUA,EAAOH,EAAM,GAEzB,IAIIK,EAAgBN,GACpB,CAACC,EAAiEE,EAAcD,EAAaK,KAC3FJ,GAAa,GACbD,GAAY,GACZK,GAAWA,EAAQN,EAAM,GAE3B,IAGIO,EAAoBC,GAAQ,IAC3Bd,EAES,KADLC,EAAa,GAAGC,KAAiBA,GAEzC,CAACD,EAAYD,EAAOE,IAcvB,MAAO,CACLE,eACAO,gBACAI,eAdqBV,GACrB,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"}

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

@@ -1 +1 @@
-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;
+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;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTextInputEffect.js","sources":["../../../../src/components/textInput/hook/useTextInputEffect.ts"],"sourcesContent":[null],"names":["useTextInputEffect","inputRef","setInputWidth","fullWidth","width","currentValue","value","maxChars","required","setIsShrunk","setCurrentValue","setIsRequired","useEffect","length","current","offsetWidth","setWidth","_a","window","addEventListener","removeEventListener"],"mappings":"kCAEa,MAAAA,EAAqB,CAChCC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGAC,GAAU,MACHP,GAAgBA,EAAaQ,OAAS,GAAOP,GAASA,EAAMO,OAAS,IACxEJ,GAAY,EACb,GACA,CAACJ,EAAcI,EAAaH,IAG/BM,GAAU,KACJN,GAASA,EAAMO,OAAS,GAAKP,EAAMO,QAAUN,IAC/CG,EAAgBJ,GAChBG,GAAY,GACb,GACA,CAACH,EAAOC,EAAUG,EAAiBD,IAEtCG,GAAU,KACRD,EAAcH,EAAS,GACtB,CAACA,EAAUG,IAEdC,GAAU,KACHX,GAAaA,EAASa,SAC3BZ,EAAcD,EAASa,QAAQC,YAAc,KAAK,GACjD,CAACd,EAAUE,EAAWC,EAAOF,IAEhCU,GAAU,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"}

package/build/components/textInput/index.d.ts

@@ -1 +1 @@
-export * from './textInput';
+export * from './textInput';

package/build/components/textInput/textInput.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { TextInputProps } from '../common/interface/textInputInterface';
-/**
- * @description SkodaFlow TextInput component.
- * Properties are inherited from HTML input element.
- * @param props TextInputProps
- * @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>>;
+import React from 'react';
+import { TextInputProps } from '../common/interface/textInputInterface';
+/**
+ * @description SkodaFlow TextInput component.
+ * Properties are inherited from HTML input element.
+ * @param props TextInputProps
+ * @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>>;

package/build/components/textInput/textInput.js

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

package/build/components/textInput/textInput.js.map

@@ -0,0 +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","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":"8cAiBO,MAAMA,EAAYC,EAAMC,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,EAAAd,EAZV,iHAgBA,MAAOe,EAAcC,GAAmBC,EAAST,GAAS,KACnDU,EAAUC,GAAeF,GAAS,IAClCG,EAAWC,GAAgBJ,GAAS,IACpCK,EAASC,GAAcN,GAAS,IAChCO,EAAYC,GAAiBR,GAAS,IACvCS,aAAEA,EAAYC,cAAEA,EAAaC,eAAEA,EAAcC,kBAAEA,GAAsBC,EACzE1B,EACAoB,EACAf,EACAI,EAAMkB,MAGFC,EAAWC,EAAO,OACjBC,EAAYC,GAAiBlB,EAAS,KACvCmB,MAAEA,GAAUC,IAgBlB,OAdAC,EACEN,EACAG,EACAxB,EACAyB,EACArB,EACAP,EACAK,EAAM0B,SACN1B,EAAM2B,SACNrB,EACAH,EACAS,GAIAgB,EACE,MAAA,CAAAC,SAAAD,EAACE,EAAeC,OAAAC,OAAA,GACVhC,EACJ,CAAAiC,UAAW,CAACjC,EAAMkC,KAAO,iBAAmB,GAAI3C,EAAQ,kBAAoB,qBAAqB4C,KAAK,KACtGC,gBAAiB,CACfC,OAAQhC,GAEViC,WACEtC,EAAMkC,KACF,CACEK,eACEX,EAACY,GAAeC,SAAS,QAAOZ,SAC9BD,EAACc,EAAK,CAAAC,MAAO3C,EAAM4C,SAAW,WAAa,UAAWX,UAAWjC,EAAMkC,UAI7E,CAAE,EAER1C,SAAWqD,GAAU9B,EAAe8B,EAAO7C,EAAM0B,SAAUlC,EAAUW,GACrER,MAAOO,EACPR,QAAUmD,GAAU/B,EAAc+B,EAAOrC,EAAcF,EAAaZ,GACpEoD,aAAc,IAAMpC,GAAW,GAC/BqC,aAAc,IAAMrC,GAAW,GAC/BD,QAASA,EACThB,OAASoD,GAAUhC,EAAagC,EAAOvC,EAAaE,EAAcf,EAAQS,GAC1E8C,QAASzC,EACTX,YAAaoB,EACbzB,MAAOK,EAAc,KAAOL,EAC5B0D,cAAerD,EACfP,KAAMA,EACND,IAAK+B,EACL7B,GAAIA,EACJ4D,MAAOrD,EACPC,UAAWA,EACXqD,UAAYN,IACN7C,EAAMoD,mBAAmBpD,EAAMoD,kBAAkBP,GACjD9C,GAAgBA,EAAasD,OAAS,GAAKtD,EAAauD,SAAST,EAAMU,MACzEV,EAAMW,gBACP,EAEHC,WAAY7B,EAAC8B,GAAWhC,SAAU1B,EAAM0B,SAAUxB,aAAcA,EAAcyD,SAAU3D,EAAM2D,eAGlG"}

package/build/components/toggleSwitch/index.d.ts

@@ -1 +1 @@
-export * from './toggleSwitch';
+export * from './toggleSwitch';

package/build/components/toggleSwitch/toggleSwitch.d.ts

@@ -1,47 +1,47 @@
-import React 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'> {
-    /**
-     * Compact size, minimalistic design.
-     */
-    compact?: boolean;
-    /**
-     *  Disabled state, not changeable.
-     */
-    disabled?: boolean;
-    /**
-     *  Uncontrolled component. Set initial value. Do not use with "checked" together.
-     */
-    defaultChecked?: boolean;
-    /**
-     * Controlled component. Set current value. Do not use with "defaultChecked" together.
-     */
-    checked?: boolean;
-    /**
-     * The value referenced with ToggleSwitch element
-     */
-    value?: string;
-    /**
-     * The value referenced with checkbox element
-     */
-    label?: string;
-    /**
-     * @description Triggered when element is changed.
-     * @param e React original event object
-     * @param value Current changed value
-     */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: boolean) => void;
-    isNavigationVariant?: boolean;
-}
-/**
- * @description SkodaFlow ToggleSwitch component.
- * Properties are inherited from HTML Button element.
- * @param props ToggleSwitchProps
- * @returns React Functional Component
- */
-export declare const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<HTMLButtonElement>>;
+import React 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'> {
+    /**
+     * Compact size, minimalistic design.
+     */
+    compact?: boolean;
+    /**
+     *  Disabled state, not changeable.
+     */
+    disabled?: boolean;
+    /**
+     *  Uncontrolled component. Set initial value. Do not use with "checked" together.
+     */
+    defaultChecked?: boolean;
+    /**
+     * Controlled component. Set current value. Do not use with "defaultChecked" together.
+     */
+    checked?: boolean;
+    /**
+     * The value referenced with ToggleSwitch element
+     */
+    value?: string;
+    /**
+     * The value referenced with checkbox element
+     */
+    label?: string;
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, value: boolean) => void;
+    isNavigationVariant?: boolean;
+}
+/**
+ * @description SkodaFlow ToggleSwitch component.
+ * Properties are inherited from HTML Button element.
+ * @param props ToggleSwitchProps
+ * @returns React Functional Component
+ */
+export declare const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<HTMLButtonElement>>;

package/build/components/toggleSwitch/toggleSwitch.js

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

package/build/components/toggleSwitch/toggleSwitch.js.map

@@ -0,0 +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","ToggleSwitchStyled","Object","assign","onFocusVisible","onBlur","e","size","className","ClassNaming","FormControlLabelStyled","control","disabled","styled","MuiSwitch"],"mappings":"uXA6DO,MAAMA,EAAeC,EAAMC,YAChC,CAACC,EAA4CC,YAA5CC,QAAEA,EAAOC,oBAAEA,GAAmBH,EAAKI,EAAKC,EAAAL,EAAxC,mCACC,MAAOM,EAAcC,GAAmBC,GAAS,GAC3CC,EAAuB,QAAfC,EAAAN,EAAMK,aAAS,IAAAC,EAAAA,EAAAN,EAAMO,SAO7BC,EACJC,EAACC,EAAwB,CAACR,aAAcA,EAAcH,qBAAqB,EACzEQ,SAAAE,EAACE,EAAkBC,OAAAC,OAAA,CAAA,EACbb,EAAK,CACTH,IAAKA,EACLiB,eAAgB,IAAMX,GAAgB,GACtCY,OAXUC,IACdb,GAAgB,GACZH,EAAMe,QAAQf,EAAMe,OAAOC,EAAE,EAU7BC,KAAMnB,EAAU,QAAU,SAC1BoB,UAAWhB,EAAeiB,EAAYjB,aAAe,QAK3D,OAAOG,EACLI,EAACW,EAAsB,CAACC,QAASb,EAAcH,MAAOL,EAAMK,MAAOiB,SAAUtB,EAAMsB,WAAY,CAGhG,IAOCX,EAAqBY,EAAOC,EAAPD,EAAmC3B,IAAiBK,EAAAL,EAAjB,WACrD"}

package/build/components/tooltip/index.d.ts

@@ -1 +1 @@
-export * from './tooltip';
+export * from './tooltip';

package/build/components/tooltip/tooltip.d.ts

@@ -1,33 +1,33 @@
-import React 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'> {
-    /**
-     * Tooltip placement
-     * @default 'bottom'
-     */
-    placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
-    /**
-     * Tooltip text
-     */
-    title: NonNullable<React.ReactNode> | string;
-    /**
-     * Element hovered by Tooltip
-     */
-    children: React.ReactElement<any, any>;
-    /**
-     * Tooltip Icon
-     * @default 'heart'
-     */
-    iconName?: 'list' | 'menu' | 'filters' | 'stats' | 'soundwave' | 'play-left' | 'rewind' | 'play-previous' | 'heart';
-}
-/**
- * @description SkodaFlow Tooltip component.
- * @param props TooltipProps
- * @returns React Functional Component
- * @deprecated This component is deprecated. Use themed Tooltip component from @mui/material instead.
- */
-export declare const Tooltip: React.FC<TooltipProps>;
+import React 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'> {
+    /**
+     * Tooltip placement
+     * @default 'bottom'
+     */
+    placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
+    /**
+     * Tooltip text
+     */
+    title: NonNullable<React.ReactNode> | string;
+    /**
+     * Element hovered by Tooltip
+     */
+    children: React.ReactElement<any, any>;
+    /**
+     * Tooltip Icon
+     * @default 'heart'
+     */
+    iconName?: 'list' | 'menu' | 'filters' | 'stats' | 'soundwave' | 'play-left' | 'rewind' | 'play-previous' | 'heart';
+}
+/**
+ * @description SkodaFlow Tooltip component.
+ * @param props TooltipProps
+ * @returns React Functional Component
+ * @deprecated This component is deprecated. Use themed Tooltip component from @mui/material instead.
+ */
+export declare const Tooltip: React.FC<TooltipProps>;

package/build/components/tooltip/tooltip.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import{Tooltip as i}from"@mui/material";const e=e=>{var o=t(e,["iconName"]);return r(i,Object.assign({},o,{title:o.title,children:o.children}))};export{e as Tooltip};
+//# sourceMappingURL=tooltip.js.map

package/build/components/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":[null],"names":["Tooltip","_a","props","__rest","_jsx","MuiTooltip","Object","assign","title","children"],"mappings":"+GAkDa,MAAAA,EAAmCC,IAAA,IAAeC,EAAKC,EAAAF,EAApB,cAC9C,OACEG,EAACC,EAAeC,OAAAC,OAAA,CAAA,EAAAL,GAAOM,MAAON,EAAMM,MACjCC,SAAAP,EAAMO,WAET"}

package/build/design/index.d.ts

@@ -1 +1 @@
-export * from './skoda';
+export * from './skoda';

package/build/design/skoda/SkodaThemeProvider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './theme.extensions';
+export type SkodaThemeProviderProps = {
+    children?: React.ReactNode;
+};
+export declare const SkodaThemeProvider: React.FC<SkodaThemeProviderProps>;

package/build/design/skoda/SkodaThemeProvider.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{useMemo as t}from"react";import{StyledEngineProvider as e,ThemeProvider as m,ScopedCssBaseline as i}from"@mui/material";import{createSkodaTheme as o}from"./theme.js";import{useTypographySize as c}from"./theme.typography.js";const n=n=>{const h=c(),p=t((()=>o(h)),[h]);return r(e,{injectFirst:!0,children:r(m,{theme:p,children:r(i,{children:n.children})})})};export{n as SkodaThemeProvider};
+//# sourceMappingURL=SkodaThemeProvider.js.map

package/build/design/skoda/SkodaThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkodaThemeProvider.js","sources":["../../../src/design/skoda/SkodaThemeProvider.tsx"],"sourcesContent":[null],"names":["SkodaThemeProvider","props","typographySize","useTypographySize","theme","useMemo","createSkodaTheme","_jsx","StyledEngineProvider","injectFirst","children","ThemeProvider","ScopedCssBaseline"],"mappings":"+QAUa,MAAAA,EAAyDC,IACpE,MAAMC,EAAiBC,IACjBC,EAAQC,GAAQ,IAAMC,EAAiBJ,IAAiB,CAACA,IAE/D,OACEK,EAACC,EAAoB,CAACC,aACpB,EAAAC,SAAAH,EAACI,EAAa,CAACP,MAAOA,EACpBM,SAAAH,EAACK,EAAiB,CAAAF,SAAET,EAAMS,cAG9B"}

package/build/design/skoda/SkodaThemeWidgetProvider.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './theme.extensions';
+type SkodaThemeProviderProps = {
+    children?: React.ReactNode;
+};
+export declare const SkodaThemeWidgetProvider: (props: SkodaThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/design/skoda/SkodaThemeWidgetProvider.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{ScopedCssBaseline as e,debounce as t}from"@mui/material";import{StyledEngineProvider as i,ThemeProvider as o}from"@mui/material/styles";import{createBreakpoints as m}from"@mui/system";import{useMemo as n,useState as s,useCallback as c,useLayoutEffect as a}from"react";import{useMeasure as p,useWindowSize as f}from"react-use";import{flowBreakpoints as h}from"./theme.breakpoints.js";import{useTypographySize as l}from"./theme.typography.js";import{createSkodaTheme as u}from"./theme.js";const d=t=>{const{children:m}=t,{containerBreakpoints:s,containerRef:c}=j(),a=l(s),p=n((()=>u(a,s)),[a,s]);return r("div",{ref:c,children:r(i,{injectFirst:!0,children:r(o,{theme:p,children:r(e,{children:m})})})})},j=()=>{const r=n((()=>m(h)),[]),[e,i]=s(h),[o,{width:l}]=p(),{width:u}=f(),d=c(((e,t)=>{const o=e-t,m=r.keys.reduce(((e,t)=>Object.assign(Object.assign({},e),{[t]:r.values[t]+o})),{});i({values:m})}),[r]),j=n((()=>t(d,250)),[d]);return a((()=>{j(u,l)}),[u,l,d]),{containerBreakpoints:e,containerRef:o}};export{d as SkodaThemeWidgetProvider};
+//# sourceMappingURL=SkodaThemeWidgetProvider.js.map