@skodaflow/web-library 3.4.0-alpha.0 → 4.0.0

package/build/components/chip/chipImage/chipImage.d.ts

@@ -1,56 +1,56 @@
-import React from 'react';
-/**
- * @interface ChipProps
- * @description Base definition of SkodaFlow Chip independent on core implementation.
- * Properties are inherited from HTML div element
- */
-export interface ChipImageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /**
-     * The label referenced to the text field.
-     */
-    label?: string;
-    /**
-     * Disabled, not clickable chip.
-     */
-    disabled?: boolean;
-    /**
-     * Image of a chip to display.
-     */
-    component?: any;
-    /**
-     * Variant of a chip.
-     */
-    variant?: 'image' | 'multiselect';
-    /**
-     * The url of the image.
-     */
-    imageUrl: string;
-    /**
-     * The alt attribute of the image.
-     */
-    imageAlt: string;
-    /**
-     * State of the chip image. If true the chip image is checked.
-     */
-    isChecked?: boolean;
-    /**
-     * Event triggered whenever the chip image is clicked.
-     */
-    onChange?(e: React.ChangeEvent<HTMLInputElement>, checked: boolean): void;
-    /**
-     * Name attribute of the component.
-     */
-    name?: string;
-    /**
-     * id attribute of the component, defaults to chip-image-{current UNIX date}.
-     */
-    id?: string;
-    debug?: boolean;
-}
-/**
- * @description SkodaFlow Chip component.
- * Properties are inherited from HTML Div element.
- * @param props ChipProps
- * @returns React Functional Component
- */
-export declare const ChipImage: React.ForwardRefExoticComponent<ChipImageProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+/**
+ * @interface ChipProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+export interface ChipImageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * The label referenced to the text field.
+     */
+    label?: string;
+    /**
+     * Disabled, not clickable chip.
+     */
+    disabled?: boolean;
+    /**
+     * Image of a chip to display.
+     */
+    component?: any;
+    /**
+     * Variant of a chip.
+     */
+    variant?: 'image' | 'multiselect';
+    /**
+     * The url of the image.
+     */
+    imageUrl: string;
+    /**
+     * The alt attribute of the image.
+     */
+    imageAlt: string;
+    /**
+     * State of the chip image. If true the chip image is checked.
+     */
+    isChecked?: boolean;
+    /**
+     * Event triggered whenever the chip image is clicked.
+     */
+    onChange?(e: React.ChangeEvent<HTMLInputElement>, checked: boolean): void;
+    /**
+     * Name attribute of the component.
+     */
+    name?: string;
+    /**
+     * id attribute of the component, defaults to chip-image-{current UNIX date}.
+     */
+    id?: string;
+    debug?: boolean;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const ChipImage: React.ForwardRefExoticComponent<ChipImageProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/chip/chipImage/chipImage.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsxs as r,jsx as i}from"react/jsx-runtime";import t,{useState as a,useRef as o,useCallback as n}from"react";import l from"@mui/material/Chip";import{styled as d}from"@mui/material/styles";import{ClassNaming as c}from"../../../design/skoda/theme.constants.js";import p from"../chipFocusVisibleStyled.js";const s=t.forwardRef(((l,d)=>{const{onBlur:s,children:h,label:f,disabled:u,variant:g="image",imageUrl:b,imageAlt:x,isChecked:y,onChange:v,name:w,id:C=`chip-image-${Date.now()}`,debug:k=!1}=l,[j,S]=a(!1),B=o(),F=e=>{v&&v(e,!y)},M=n((e=>{S(!1),s&&s(e)}),[s]),R=n((e=>{B&&B.current.click()}),[]),V=n((e=>{S(!0)}),[]),A=t.forwardRef(((t,a)=>{var o=e(t,["onChange"]);return r("div",Object.assign({},o,{ref:a,children:[i("input",{ref:B,onChange:F,type:"checkbox",id:C,name:w,value:C,checked:y,readOnly:!0}),i("img",{src:b,alt:x}),i("div",{children:i("span",{children:h||f})})]}))}));return i(p,{focusVisible:j,variant:g,children:i(m,{ref:d,component:A,label:f,disabled:u,onClick:R,className:y?c.selected:"",onFocusVisible:V,onBlur:M,variant:"filled",color:y?"primary":"default"})})})),m=d(l)((({theme:e})=>({"& div":{width:"100%",whiteSpace:"pre-wrap"},"&.MuiChip-root":{backgroundColor:e.palette.surface.primary,borderRadius:"4px",height:"auto",width:"120px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"flex-start",padding:"11px 0 13px 0",overflow:"hidden","&:hover":{span:{color:e.palette.onSurface.os600}},"&.Mui-checked":{backgroundColor:e.palette.brand.quarternary,span:{color:e.palette.brand.primary},"&:hover":{span:{color:e.palette.brandHover.primary}}},"&.Mui-disabled":{backgroundColor:e.palette.surface.primary,span:{color:e.palette.disabled.primary}},"&:active":{boxShadow:"none"},"& > input":{display:"none"},div:{display:"flex",flexGrow:1},span:{display:"inline-flex",alignItems:"center",justifyContent:"center",textAlign:"center",fontSize:"14px",lineHeight:"16px",fontWeight:"400",color:e.palette.onSurface.os800,width:"100%",padding:"0 10px"},"& img":{width:"100%",height:"68px",objectFit:"cover",marginBottom:"2px"}}})));export{s as ChipImage};
+//# sourceMappingURL=chipImage.js.map

package/build/components/chip/chipImage/chipImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chipImage.js","sources":["../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":[null],"names":["ChipImage","React","forwardRef","props","ref","onBlur","children","label","disabled","variant","imageUrl","imageAlt","isChecked","onChange","name","id","Date","now","debug","_focusVisibled","_setFocusVisible","useState","_checkboxComponent","useRef","_onChangeTrigger","evt","_onBlurHandler","useCallback","e","_onClickHandler","current","click","_onFocusVisibleHandler","ImageComponent","_a","_ref","componentProps","__rest","_jsxs","Object","assign","_jsx","type","value","checked","readOnly","src","alt","ChipFocusVisibleStyled","focusVisible","ChipImageStyled","component","onClick","className","ClassNaming","selected","onFocusVisible","color","styled","MuiChip","theme","width","whiteSpace","backgroundColor","palette","surface","primary","borderRadius","height","display","flexDirection","alignItems","justifyContent","padding","overflow","span","onSurface","os600","brand","quarternary","brandHover","boxShadow","div","flexGrow","textAlign","fontSize","lineHeight","fontWeight","os800","objectFit","marginBottom"],"mappings":"qVA8DO,MAAMA,EAAYC,EAAMC,YAA2C,CAACC,EAAOC,KAChF,MAAMC,OACJA,EAAMC,SACNA,EAAQC,MACRA,EAAKC,SACLA,EAAQC,QACRA,EAAU,QAAOC,SACjBA,EAAQC,SACRA,EAAQC,UACRA,EAASC,SACTA,EAAQC,KACRA,EAAIC,GACJA,EAAK,cAAcC,KAAKC,QAAOC,MAC/BA,GAAQ,GACNf,GACGgB,EAAgBC,GAAoBC,GAAS,GAC9CC,EAAqBC,IAErBC,EAAoBC,IACpBZ,GACFA,EAASY,GAAMb,EAChB,EAGGc,EAAiBC,GACpBC,IACCR,GAAiB,GACbf,GACFA,EAAOuB,EACR,GAEH,CAACvB,IAGGwB,EAAkBF,GAAaC,IAC/BN,GACFA,EAAmBQ,QAAQC,OAC5B,GACA,IAEGC,EAAyBL,GAAaC,IAC1CR,GAAiB,EAAK,GACrB,IAEGa,EAAiBhC,EAAMC,YAC3B,CAACgC,EAA4CC,SAAlBC,EAAcC,EAAAH,EAAxC,cAAqD,OACpDI,EAAS,MAAAC,OAAAC,OAAA,CAAA,EAAAJ,EAAgB,CAAAhC,IAAK+B,EAC5B7B,SAAA,CAAAmC,EAAA,QAAA,CACErC,IAAKkB,EACLT,SAAUW,EACVkB,KAAK,WACL3B,GAAIA,EACJD,KAAMA,EACN6B,MAAO5B,EACP6B,QAAShC,EACTiC,UAAQ,IAEVJ,EAAA,MAAA,CAAKK,IAAKpC,EAAUqC,IAAKpC,IACzB8B,EAAA,MAAA,CAAAnC,SACEmC,EAAO,OAAA,CAAAnC,SAAAA,GAAYC,SAGxB,IAGH,OACEkC,EAACO,EAAsB,CAACC,aAAc9B,EAAgBV,QAASA,EAAOH,SACpEmC,EAACS,GACC9C,IAAKA,EACL+C,UAAWlB,EACX1B,MAAOA,EACPC,SAAUA,EACV4C,QAASvB,EACTwB,UAAWzC,EAAY0C,EAAYC,SAAW,GAC9CC,eAAgBxB,EAChB3B,OAAQqB,EACRjB,QAAS,SACTgD,MAAO7C,EAAY,UAAY,aAGnC,IAMEsC,EAAkBQ,EAAOC,EAAPD,EAEtB,EAAGE,YAAa,CAChB,QAAS,CACPC,MAAO,OACPC,WAAY,YAEd,iBAAkB,CAChBC,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCC,aAAc,MACdC,OAAQ,OACRP,MAAO,QACPQ,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,aAChBC,QAAS,gBACTC,SAAU,SACV,UAAW,CACTC,KAAM,CACJlB,MAAOG,EAAMI,QAAQY,UAAUC,QAGnC,gBAAiB,CACfd,gBAAiBH,EAAMI,QAAQc,MAAMC,YACrCJ,KAAM,CACJlB,MAAOG,EAAMI,QAAQc,MAAMZ,SAE7B,UAAW,CACTS,KAAM,CACJlB,MAAOG,EAAMI,QAAQgB,WAAWd,WAItC,iBAAkB,CAChBH,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCS,KAAM,CACJlB,MAAOG,EAAMI,QAAQxD,SAAS0D,UAGlC,WAAY,CACVe,UAAW,QAEb,YAAa,CACXZ,QAAS,QAEXa,IAAK,CACHb,QAAS,OACTc,SAAU,GAEZR,KAAM,CACJN,QAAS,cACTE,WAAY,SACZC,eAAgB,SAChBY,UAAW,SACXC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZ9B,MAAOG,EAAMI,QAAQY,UAAUY,MAC/B3B,MAAO,OACPY,QAAS,UAEX,QAAS,CACPZ,MAAO,OACPO,OAAQ,OACRqB,UAAW,QACXC,aAAc"}

package/build/components/chip/chipMultiselect/multiSelectChip.d.ts

@@ -1,36 +1,36 @@
-import React from 'react';
-import { PaperProps } from '../../menu';
-/**
- * @interface ChipProps
- * @description Base definition of SkodaFlow Chip independent on core implementation.
- * Properties are inherited from HTML div element
- */
-export interface MultiSelectChipProps extends React.HTMLAttributes<HTMLDivElement>, Omit<PaperProps, 'setIsOpen'> {
-    /**
-     * The label referenced to the text field
-     */
-    label?: string;
-    /**
-     * Disabled, not clickable chip
-     */
-    disabled?: boolean;
-    /**
-     * Icon name. For example "check". If no prefix is defined, default SKODA icon font is used
-     */
-    icon?: string;
-    /**
-     * Variant of chip defines different look and style
-     */
-    variant?: 'solid' | 'transparent' | 'shadow';
-    /**
-     * The toggle label displayed when groupToggleSelection is true. Default is "Select All".
-     */
-    toggleLabel?: string;
-}
-/**
- * @description SkodaFlow Chip component.
- * Properties are inherited from HTML Div element.
- * @param props ChipProps
- * @returns React Functional Component
- */
-export declare const MultiSelectChip: React.ForwardRefExoticComponent<MultiSelectChipProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { PaperProps } from '../../menu';
+/**
+ * @interface ChipProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+export interface MultiSelectChipProps extends React.HTMLAttributes<HTMLDivElement>, Omit<PaperProps, 'setIsOpen'> {
+    /**
+     * The label referenced to the text field
+     */
+    label?: string;
+    /**
+     * Disabled, not clickable chip
+     */
+    disabled?: boolean;
+    /**
+     * Icon name. For example "check". If no prefix is defined, default SKODA icon font is used
+     */
+    icon?: string;
+    /**
+     * Variant of chip defines different look and style
+     */
+    variant?: 'solid' | 'transparent' | 'shadow';
+    /**
+     * The toggle label displayed when groupToggleSelection is true. Default is "Select All".
+     */
+    toggleLabel?: string;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const MultiSelectChip: React.ForwardRefExoticComponent<MultiSelectChipProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/chip/chipMultiselect/multiSelectChip.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsxs as o,Fragment as t,jsx as r}from"react/jsx-runtime";import i,{useState as n,useCallback as a,useMemo as l}from"react";import s from"@mui/material/Chip";import{styled as c}from"@mui/material/styles";import{Icon as m}from"../../icon/icon.js";import p from"../chipFocusVisibleStyled.js";import{ClickAwayListener as d}from"@mui/material";import h from"../../common/menuContainer.js";const g=i.forwardRef(((i,s)=>{var{variant:c,label:g,disabled:f,icon:b}=i,k=e(i,["variant","label","disabled","icon"]);const[x,H]=n(!1),[O,v]=n(!1),[S,w]=n(!1),C=a((e=>{e.stopPropagation(),k.reactHook.setState([])}),[k.reactHook]),j=l((()=>o(t,{children:[g,k.reactHook.state.length>0&&r("span",{className:"count",children:r("span",{children:k.reactHook.state.length})}),k.reactHook.state.length>0&&r(m,{color:"inherit",className:"ballotx",fontSize:"small",onClick:C})||r(m,{color:"inherit",className:"chevron-down "+(S?"isOpen":""),fontSize:"small"})]})),[S,g,C,k.reactHook.state.length]),y=a((e=>{H(!1),k.onBlur&&k.onBlur(e)}),[k]),L=a((()=>{w((e=>!e)),v((e=>!e))}),[]),N=a((()=>{w(!1),v(!1)}),[]),I=a((()=>{H(!0)}),[]);return r(t,{children:r(d,{onClickAway:N,children:o("span",{children:[r("div",{children:r(p,{focusVisible:x,variant:c,children:r(u,{className:"shadow"===c&&"MuiChip-shadow",ref:s,variant:"filled",icon:b?r(m,{className:`${b}`}):void 0,label:j,disabled:f,onClick:L,color:O||k.reactHook.state.length?"primary":"default",onFocusVisible:I,onBlur:y,count:k.reactHook.state.length,isOpen:S})})}),r(h,{disabled:f,isOpen:S,items:k.items,hasIcon:k.hasIcon,multipleSelection:!0,groupToggleSelection:k.groupToggleSelection,groupLabel:k.groupLabel,reactHook:k.reactHook,width:182,marginTop:14,setIsOpen:w,toggleLabel:k.toggleLabel})]})})})})),u=c(s,{shouldForwardProp:e=>"isOpen"!==e})((({theme:e,count:o,isOpen:t})=>{const r=e.palette;let i={"& .chevron-down":{color:"inherit",marginLeft:"8px",transform:"rotate(0deg)",top:"4px",transition:"transform 0.6s","&.isOpen":{transform:"rotate(180deg) translateY(2px)",transformOrigin:"50%"}},"& .ballotx":{color:"inherit"},"& .count":{color:r.onSurface.os0,borderRadius:"50%",backgroundColor:r.brand.primary,minWidth:"20px",height:"20px",display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:"14px",lineHeight:"16px",fontWeight:"700",margin:"0 8px",padding:"0 4px"}};return i=Object.assign(Object.assign({},i),{}),i}));export{g as MultiSelectChip};
+//# sourceMappingURL=multiSelectChip.js.map

package/build/components/chip/chipMultiselect/multiSelectChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiSelectChip.js","sources":["../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":[null],"names":["MultiSelectChip","React","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","state","length","_jsx","className","children","Icon","color","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","_Fragment","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-export * from './chipImage/chipImage';
-export * from './regular/chip';
-export * from './chipMultiselect/multiSelectChip';
-export * from './chipDropdownChildren/chipDropdownChildren';
+export * from './chipImage/chipImage';
+export * from './regular/chip';
+export * from './chipMultiselect/multiSelectChip';
+export * from './chipDropdownChildren/chipDropdownChildren';

package/build/components/chip/regular/chip.d.ts

@@ -1,40 +1,40 @@
-import React from 'react';
-/**
- * @interface ChipProps
- * @description Base definition of SkodaFlow Chip independent on core implementation.
- * Properties are inherited from HTML div element
- */
-export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The label referenced to the text field
-     */
-    label?: string;
-    /**
-     * Disabled, not clickable chip
-     */
-    disabled?: boolean;
-    /**
-     * Boolean to display icon
-     */
-    icon?: string;
-    /**
-     * Variant of chip defines different look and style
-     */
-    variant?: 'solid' | 'transparent' | 'shadow';
-    /**
-     * if true chips is checked
-     */
-    isSelected?: boolean;
-    /**
-     * onClick callback to handle the chip state
-     */
-    onClickCallback?: (e: React.MouseEvent<HTMLDivElement>, selected: boolean) => void;
-}
-/**
- * @description SkodaFlow Chip component.
- * Properties are inherited from HTML Div element.
- * @param props ChipProps
- * @returns React Functional Component
- * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.
- */
-export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+/**
+ * @interface ChipProps
+ * @description Base definition of SkodaFlow Chip independent on core implementation.
+ * Properties are inherited from HTML div element
+ */
+export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The label referenced to the text field
+     */
+    label?: string;
+    /**
+     * Disabled, not clickable chip
+     */
+    disabled?: boolean;
+    /**
+     * Boolean to display icon
+     */
+    icon?: string;
+    /**
+     * Variant of chip defines different look and style
+     */
+    variant?: 'solid' | 'transparent' | 'shadow';
+    /**
+     * if true chips is checked
+     */
+    isSelected?: boolean;
+    /**
+     * onClick callback to handle the chip state
+     */
+    onClickCallback?: (e: React.MouseEvent<HTMLDivElement>, selected: boolean) => void;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.
+ */
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/chip/regular/chip.js

@@ -0,0 +1,2 @@
+import{__rest as i}from"tslib";import{jsx as o}from"react/jsx-runtime";import l,{useState as r,useEffect as a}from"react";import e from"@mui/material/Chip";import{styled as t}from"@mui/material/styles";import{Icon as s}from"../../icon/icon.js";import c from"../chipFocusVisibleStyled.js";const m=l.forwardRef(((l,e)=>{var{variant:t,label:m,disabled:d,isSelected:b=!1,icon:f,onClickCallback:p}=l,u=i(l,["variant","label","disabled","isSelected","icon","onClickCallback"]);const[C,h]=r(!1),[v,k]=r(!1);a((()=>{k(b)}),[b]);return o(c,{variant:t,focusVisible:C,children:o(n,{className:"shadow"===t&&"MuiChip-shadow",variant:"filled",icon:f?o(s,{className:`${f} beforeLabel`,fontSize:"small"}):void 0,label:m,disabled:d,onClick:i=>(i=>{k(!v),p&&p(i,!v)})(i),color:v?"primary":"default",onFocusVisible:()=>h(!0),onBlur:i=>{h(!1),u.onBlur&&u.onBlur(i)}})})})),n=t(e)``;export{m as Chip};
+//# sourceMappingURL=chip.js.map

package/build/components/chip/regular/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.js","sources":["../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":[null],"names":["Chip","React","forwardRef","_a","ref","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","children","ChipStyled","className","Icon","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur","styled","MuiChip"],"mappings":"gSAgDO,MAAMA,EAAOC,EAAMC,YACxB,CAACC,EAAmFC,KAAnF,IAAAC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,KAAEA,EAAIC,gBAAEA,GAAeP,EAAKQ,EAAKC,EAAAT,EAA/E,sEACC,MAAOU,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,GACzCG,GAAU,KACRD,EAAYT,EAAW,GACtB,CAACA,IASJ,OACEW,EAACC,EAAsB,CAACf,QAASA,EAASgB,aAAcR,EACtDS,SAAAH,EAACI,EACC,CAAAC,UAAuB,WAAZnB,GAAwB,iBACnCA,QAAS,SACTI,KAAMA,EAAOU,EAACM,EAAI,CAACD,UAAW,GAAGf,gBAAoBiB,SAAS,eAAaC,EAC3ErB,MAAOA,EACPC,SAAUA,EACVqB,QAAUC,GAZC,CAACA,IAChBZ,GAAaD,GACbN,GAAmBA,EAAgBmB,GAAIb,EAAS,EAUMc,CAASD,GAC3DE,MAAOf,EAAW,UAAY,UAC9BgB,eAAgB,IAAMlB,GAAgB,GACtCmB,OAnBUJ,IACdf,GAAgB,GACZH,EAAMsB,QAAQtB,EAAMsB,OAAOJ,EAAE,KAoBjC,IAOAN,EAAaW,EAAOC,EAA0E"}

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

@@ -1,4 +1,3 @@
-import { IconButtonProps } from '@mui/material';
-import React from 'react';
-export type CloseDialogButtonProps = Omit<IconButtonProps, 'children'>;
-export declare const CloseDialogButton: (props: CloseDialogButtonProps) => React.JSX.Element;
+import { IconButtonProps } from '@mui/material';
+export type CloseDialogButtonProps = Omit<IconButtonProps, 'children'>;
+export declare const CloseDialogButton: (props: CloseDialogButtonProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/closeDialogButton/index.js

@@ -0,0 +1,2 @@
+import{jsx as i}from"react/jsx-runtime";import{IconButton as o}from"@mui/material";import{Icon as m}from"../icon/icon.js";const r=r=>i(o,Object.assign({size:"small",color:"inherit"},r,{children:i(m,{className:"ballotx",fontSize:"medium"})}));export{r as CloseDialogButton};
+//# sourceMappingURL=index.js.map

package/build/components/closeDialogButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":[null],"names":["CloseDialogButton","props","_jsx","IconButton","Object","assign","size","color","children","Icon","className","fontSize"],"mappings":"0HAMa,MAAAA,EAAqBC,GAE9BC,EAACC,EAAWC,OAAAC,OAAA,CAAAC,KAAK,QAAQC,MAAM,WAAcN,EAC3C,CAAAO,SAAAN,EAACO,EAAI,CAACC,UAAU,UAAUC,SAAS"}

package/build/components/common/helperText.d.ts

@@ -1,21 +1,20 @@
-import React from 'react';
-export interface HelperTextProps {
-    /**
-     * The value of the helper text
-     */
-    helpText?: string;
-    /**
-     * The max number of chars available in the text area. Max chars will be disabled when type = 'number'.
-     */
-    maxChars?: number;
-    /**
-     * Current value of the helper text.
-     */
-    currentValue: string;
-    /**
-     * Type of the input element. It should be 'text' or 'number'. Default is 'text'.
-     */
-    type?: 'number' | 'text';
-}
-declare const HelperText: ({ helpText, maxChars, currentValue, type }: HelperTextProps) => React.JSX.Element;
-export default HelperText;
+export interface HelperTextProps {
+    /**
+     * The value of the helper text
+     */
+    helpText?: string;
+    /**
+     * The max number of chars available in the text area. Max chars will be disabled when type = 'number'.
+     */
+    maxChars?: number;
+    /**
+     * Current value of the helper text.
+     */
+    currentValue: string;
+    /**
+     * Type of the input element. It should be 'text' or 'number'. Default is 'text'.
+     */
+    type?: 'number' | 'text';
+}
+declare const HelperText: ({ helpText, maxChars, currentValue, type }: HelperTextProps) => import("react/jsx-runtime").JSX.Element;
+export default HelperText;

package/build/components/common/helperText.js

@@ -0,0 +1,2 @@
+import{jsx as t}from"react/jsx-runtime";import{HelperTextContent as e}from"../helperTextContent/index.js";const r=({helpText:r,maxChars:n,currentValue:o,type:x})=>t(e,{textLeft:r,textRight:"number"!==x&&n&&n>0?`${o.toString().length}/${n}`:void 0});export{r as default};
+//# sourceMappingURL=helperText.js.map

package/build/components/common/helperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helperText.js","sources":["../../../src/components/common/helperText.tsx"],"sourcesContent":[null],"names":["HelperText","helpText","maxChars","currentValue","type","_jsx","HelperTextContent","textLeft","textRight","toString","length","undefined"],"mappings":"0GAsBA,MAAMA,EAAa,EAAGC,WAAUC,WAAUC,eAAcC,UAEpDC,EAACC,EACC,CAAAC,SAAUN,EACVO,UACW,WAATJ,GAAqBF,GAAYA,EAAW,EAAI,GAAGC,EAAaM,WAAWC,UAAUR,SAAaS"}

package/build/components/common/hook/backdrop.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-declare const useBackdrop: () => {
-    openBackdrop: boolean;
-    setOpenBackdrop: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    handleCloseBackdrop: () => void;
-    handleOpenBackdrop: () => void;
-    handleToggleBackdrop: () => void;
-};
-export default useBackdrop;
+/// <reference types="react" />
+declare const useBackdrop: () => {
+    openBackdrop: boolean;
+    setOpenBackdrop: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    handleCloseBackdrop: () => void;
+    handleOpenBackdrop: () => void;
+    handleToggleBackdrop: () => void;
+};
+export default useBackdrop;

package/build/components/common/hook/backdrop.js

@@ -0,0 +1,2 @@
+import{useState as e}from"react";const o=()=>{const[o,a]=e(!1);return{openBackdrop:o,setOpenBackdrop:a,handleCloseBackdrop:()=>{a(!1)},handleOpenBackdrop:()=>{a(!0)},handleToggleBackdrop:()=>{a(!o)}}};export{o as default};
+//# sourceMappingURL=backdrop.js.map

package/build/components/common/hook/backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop.js","sources":["../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":[null],"names":["useBackdrop","openBackdrop","setOpenBackdrop","useState","handleCloseBackdrop","handleOpenBackdrop","handleToggleBackdrop"],"mappings":"iCAEM,MAAAA,EAAc,KAClB,MAAOC,EAAcC,GAAmBC,GAAS,GAUjD,MAAO,CACLF,eACAC,kBACAE,oBAZ0B,KAC1BF,GAAgB,EAAM,EAYtBG,mBAVyB,KACzBH,GAAgB,EAAK,EAUrBI,qBAR2B,KAC3BJ,GAAiBD,EAAa,EAQ/B"}

package/build/components/common/hook/useWindowSize.d.ts

@@ -1,5 +1,5 @@
-export default function useWindowSize(): {
-    width: number;
-    height: number;
-    isMobile: boolean;
-};
+export default function useWindowSize(): {
+    width: number;
+    height: number;
+    isMobile: boolean;
+};

package/build/components/common/hook/useWindowSize.js

@@ -0,0 +1,2 @@
+import e from"react";import{customBreakpoints as i}from"../../../design/skoda/components/breakpoints.theme.js";function n(){const n="undefined"!=typeof window,[t,o]=e.useState({width:n?1440:window.innerWidth,height:n?800:window.innerHeight,isMobile:!1});function d(){o({width:window.innerWidth,height:window.innerHeight,isMobile:window.innerWidth<i.values.md})}return e.useEffect((()=>(d(),window.addEventListener("resize",d),()=>{d(),window.removeEventListener("resize",d)})),[]),t}export{n as default};
+//# sourceMappingURL=useWindowSize.js.map

package/build/components/common/hook/useWindowSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.js","sources":["../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":[null],"names":["useWindowSize","isSSR","window","windowSize","setWindowSize","React","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","customBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"+GAGc,SAAUA,IACtB,MAAMC,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,EAAMC,SAAS,CACjDC,MAAON,EAAQ,KAAOC,OAAOM,WAC7BC,OAAQR,EAAQ,IAAMC,OAAOQ,YAC7BC,UAAU,IAGZ,SAASC,IACPR,EAAc,CACZG,MAAOL,OAAOM,WACdC,OAAQP,OAAOQ,YACfC,SAAUT,OAAOM,WAAaK,EAAkBC,OAAW,IAE9D,CAYD,OAVAT,EAAMU,WAAU,KACdH,IACAV,OAAOc,iBAAiB,SAAUJ,GAE3B,KACLA,IACAV,OAAOe,oBAAoB,SAAUL,EAAiB,IAEvD,IAEIT,CACT"}

package/build/components/common/imageComponent.d.ts

@@ -1,25 +1,24 @@
-import React from 'react';
-interface ImageComponentProps {
-    /**
-     * The source of the image.
-     */
-    image: string;
-    /**
-     * The alt description of the image.
-     */
-    alt?: string;
-    /**
-     * The height of the image.
-     */
-    height?: string;
-    /**
-     * The width of the image.
-     */
-    width?: string;
-    /**
-     * The source of the onError image.
-     */
-    fallbackImage?: string;
-}
-declare const ImageComponent: ({ image, alt, fallbackImage, height, width }: ImageComponentProps) => React.JSX.Element;
-export default ImageComponent;
+interface ImageComponentProps {
+    /**
+     * The source of the image.
+     */
+    image: string;
+    /**
+     * The alt description of the image.
+     */
+    alt?: string;
+    /**
+     * The height of the image.
+     */
+    height?: string;
+    /**
+     * The width of the image.
+     */
+    width?: string;
+    /**
+     * The source of the onError image.
+     */
+    fallbackImage?: string;
+}
+declare const ImageComponent: ({ image, alt, fallbackImage, height, width }: ImageComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageComponent;

package/build/components/common/imageComponent.js

@@ -0,0 +1,2 @@
+import{jsx as t}from"react/jsx-runtime";import{useState as r,useCallback as a}from"react";const e=({image:e,alt:i,fallbackImage:o,height:m,width:c})=>{const[h,l]=r(!1),s=a((()=>l(!0)),[]);return t("img",h?{src:o,alt:i}:{src:e,height:m,width:c,alt:i,onError:s})};export{e as default};
+//# sourceMappingURL=imageComponent.js.map

package/build/components/common/imageComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageComponent.js","sources":["../../../src/components/common/imageComponent.tsx"],"sourcesContent":[null],"names":["ImageComponent","image","alt","fallbackImage","height","width","imgError","setImgError","useState","setImageError","useCallback","_jsx","src","onError"],"mappings":"0FAwBA,MAAMA,EAAiB,EAAGC,QAAOC,MAAKC,gBAAeC,SAAQC,YAC3D,MAAOC,EAAUC,GAAeC,GAAS,GAEnCC,EAAgBC,GAAY,IAAMH,GAAY,IAAO,IAE3D,OAGSI,EAAA,MAHJL,EAGI,CAAKM,IAAKT,EAAeD,IAAKA,GAF9B,CAAKU,IAAKX,EAAOG,OAAQA,EAAQC,MAAOA,EAAOH,IAAKA,EAAKW,QAASJ,GAG1E"}

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

@@ -1 +1 @@
-export { default as ImageComponent } from './imageComponent';
+export { default as ImageComponent } from './imageComponent';