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

package/build/components/progressBar/components/spinner.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsxs as n,jsx as t}from"react/jsx-runtime";import r from"react";import{styled as i}from"@mui/material";import{Icon as a}from"../../icon/icon.js";import{StyledProgressBarMessage as o}from"./styledProgressBarMessage.js";const s=r.forwardRef(((r,i)=>{var{state:s,errorMessage:c,successMessage:m,loadingPercentage:d,loadingPercentageDescribeText:p,spinnerControlledAnimation:f}=r,g=e(r,["state","errorMessage","successMessage","loadingPercentage","loadingPercentageDescribeText","spinnerControlledAnimation"]);return"error"===s?n(o,{state:s,"data-testid":"Spinner",children:[t(a,{className:"circle-multiply",fontSize:"medium",iconStyle:"filled"}),t("span",{className:"message",children:c})]}):"success"===s?n(o,{state:s,"data-testid":"Spinner",children:[t(a,{className:"circle-check",fontSize:"medium",iconStyle:"filled",color:"primary"}),t("span",{className:"message",children:m})]}):n(l,Object.assign({},g,{ref:i,spinnerControlledAnimation:f,loadingPercentage:d,"data-testid":"Spinner",children:[t("svg",{viewBox:"0 0 50 50",width:"24",height:"24",children:t("circle",{cx:"25",cy:"25",r:"22.5"})}),(d||0===d)&&t("span",{className:"loading-text","data-testid":"Spinner.percentage",children:p?`${p} ${d} %`:`${d} %`})]}))})),l=i("div",{shouldForwardProp:e=>"spinnerControlledAnimation"!==e&&"loaderSize"!==e&&"loadingPercentage"!==e})((n=>{var{theme:t}=n,r=e(n,["theme"]);const i="137.130521355",a=141.3716715,o=r.spinnerControlledAnimation&&"infinite"!==r.spinnerControlledAnimation?{animationCircle:null,animationSpinner:null,strokeDashoffset:a-1.4137167149999998*r.loadingPercentage,strokeLinecap:null}:{animationCircle:"2s ease-in-out infinite both spinner-circle",animationSpinner:"2s linear infinite spinner",strokeLinecap:"square",strokeDashoffset:null};let s={};return s={transitionProperty:"opacity",transitionDuration:"0.3s",transitionTimingFunction:"ease-in-out",backgroundColor:"transparent",fontSize:"14px",lineHeight:"20px",width:"100%",display:"flex",color:t.palette.onSurface.os900,alignItems:"center",fontWeight:400,"& .loading-text":{marginLeft:"8px"},"& circle":{animation:o.animationCircle,display:"block",fill:"transparent",stroke:t.palette.brand.primary,strokeLinecap:o.strokeLinecap,strokeDasharray:a,strokeDashoffset:o.strokeDashoffset,strokeWidth:"10px",transformOrigin:"50% 50%"},"& svg":{background:`radial-gradient(ellipse at center, transparent 0%,transparent 48%,${t.palette.onSurface.os100} 49%,${t.palette.onSurface.os100} 100%)`,borderRadius:"50%",animation:o.animationSpinner},"& .initial-spinner.-done":{opacity:"0",pointerEvents:"none"},"@keyframes spinner":{"0%":{transform:"rotateZ(0)"},"100%":{transform:"rotateZ(360deg)"}},"@keyframes spinner-circle":{"0%":{strokeDashoffset:i,transform:"rotate(0)"},"25%":{strokeDashoffset:i,transform:"rotate(0)"},"50%":{},"75%":{strokeDashoffset:"35.342917875",transform:"rotate(45deg)"},"100%":{strokeDashoffset:i,transform:"rotate(360deg)"}}},s}));export{s as Spinner};
+//# sourceMappingURL=spinner.js.map

package/build/components/progressBar/components/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sources":["../../../../src/components/progressBar/components/spinner.tsx"],"sourcesContent":[null],"names":["Spinner","React","forwardRef","_a","ref","state","errorMessage","successMessage","loadingPercentage","loadingPercentageDescribeText","spinnerControlledAnimation","props","__rest","_jsxs","StyledProgressBarMessage","_jsx","Icon","className","fontSize","iconStyle","children","color","StyledSpinner","Object","assign","viewBox","width","height","cx","cy","r","styled","shouldForwardProp","prop","theme","strokeDashOffset","strokeDashArray","animationStyles","animationCircle","animationSpinner","strokeDashoffset","strokeLinecap","styles","transitionProperty","transitionDuration","transitionTimingFunction","backgroundColor","lineHeight","display","palette","onSurface","os900","alignItems","fontWeight","marginLeft","animation","fill","stroke","brand","primary","strokeDasharray","strokeWidth","transformOrigin","background","os100","borderRadius","opacity","pointerEvents","transform"],"mappings":"gQAgCO,MAAMA,EAAUC,EAAMC,YAC3B,CACEC,EASAC,KATA,IAAAC,MACEA,EAAKC,aACLA,EAAYC,eACZA,EAAcC,kBACdA,EAAiBC,8BACjBA,EAA6BC,2BAC7BA,GAEDP,EADIQ,EAAKC,EAAAT,EAPV,4HAWA,MAAc,UAAVE,EAEAQ,EAACC,EAAwB,CAACT,MAAOA,EAAmB,cAAA,oBAClDU,EAACC,EAAK,CAAAC,UAAU,kBAAkBC,SAAS,SAASC,UAAU,WAC9DJ,EAAA,OAAA,CAAME,UAAU,UAAWG,SAAAd,OAGnB,YAAVD,EAEAQ,EAACC,EAAyB,CAAAT,MAAOA,EAAK,cAAc,UAASe,SAAA,CAC3DL,EAACC,EAAI,CAACC,UAAU,eAAeC,SAAS,SAASC,UAAU,SAASE,MAAM,YAC1EN,EAAM,OAAA,CAAAE,UAAU,UAASG,SAAEb,OAK/BM,EAACS,EAAaC,OAAAC,OAAA,CAAA,EACRb,EAAK,CACTP,IAAKA,EACLM,2BAA4BA,EAC5BF,kBAAmBA,EACP,cAAA,UAEZY,SAAA,CAAAL,EAAA,MAAA,CAAKU,QAAQ,YAAYC,MAAM,KAAKC,OAAO,KACzCP,SAAAL,EAAA,SAAA,CAAQa,GAAG,KAAKC,GAAG,KAAKC,EAAE,YAE1BtB,GAA2C,IAAtBA,IACrBO,EAAM,OAAA,CAAAE,UAAU,eAA2B,cAAA,8BACxCR,EACG,GAAGA,KAAiCD,MACpC,GAAGA,WAIb,IAIAc,EAAgBS,EAAO,MAAO,CAClCC,kBAAoBC,GACT,+BAATA,GAAkD,eAATA,GAAkC,sBAATA,GAFhDF,EAGJ5B,IAAA,IAAA+B,MAAEA,GAAiB/B,EAAPQ,EAAKC,EAAAT,EAAjB,WAChB,MAAMgC,EAAmB,gBACnBC,EAAkB,YAElBC,EACH1B,EAAMD,4BAAmE,aAArCC,EAAMD,2BAOvC,CACE4B,gBAAiB,KACjBC,iBAAkB,KAClBC,iBAAkBJ,EAAkB,mBAA0BzB,EAAMH,kBACpEiC,cAAe,MAVjB,CACEH,gBAAiB,8CACjBC,iBAAkB,6BAClBE,cAAe,SACfD,iBAAkB,MAS1B,IAAIE,EAAS,CAAA,EA6Db,OA5DAA,EAAS,CACPC,mBAAoB,UACpBC,mBAAoB,OACpBC,yBAA0B,cAC1BC,gBAAiB,cACjB5B,SAAU,OACV6B,WAAY,OACZrB,MAAO,OACPsB,QAAS,OACT3B,MAAOa,EAAMe,QAAQC,UAAUC,MAC/BC,WAAY,SACZC,WAAY,IACZ,kBAAmB,CACjBC,WAAY,OAEd,WAAY,CACVC,UAAWlB,EAAgBC,gBAC3BU,QAAS,QACTQ,KAAM,cACNC,OAAQvB,EAAMe,QAAQS,MAAMC,QAC5BlB,cAAeJ,EAAgBI,cAC/BmB,gBAAiBxB,EACjBI,iBAAkBH,EAAgBG,iBAClCqB,YAAa,OACbC,gBAAiB,WAEnB,QAAS,CACPC,WAAY,qEAAqE7B,EAAMe,QAAQC,UAAUc,aAAa9B,EAAMe,QAAQC,UAAUc,cAC9IC,aAAc,MACdV,UAAWlB,EAAgBE,kBAE7B,2BAA4B,CAC1B2B,QAAS,IACTC,cAAe,QAEjB,qBAAsB,CACpB,KAAM,CAAEC,UAAW,cACnB,OAAQ,CAAEA,UAAW,oBAEvB,4BAA6B,CAC3B,KAAM,CACJ5B,iBAAkBL,EAClBiC,UAAW,aAEb,MAAO,CACL5B,iBAAkBL,EAClBiC,UAAW,aAEb,MAAO,CAAE,EACT,MAAO,CACL5B,iBAAkB,eAClB4B,UAAW,iBAEb,OAAQ,CACN5B,iBAAkBL,EAClBiC,UAAW,oBAKV1B,CAAM"}

package/build/components/progressBar/components/styledProgressBarMessage.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare const StyledProgressBarMessage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    state: 'error' | 'success';
-    hasJustifyContent?: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+export declare const StyledProgressBarMessage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    state: 'error' | 'success';
+    hasJustifyContent?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/progressBar/components/styledProgressBarMessage.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import{styled as e}from"@mui/material";const r=e("div",{shouldForwardProp:t=>"hasJustifyContent"!==t})((e=>{var{theme:r}=e,a=t(e,["theme"]);return{color:"error"===a.state?r.palette.alert.main:r.palette.text.primary,fontSize:"14px",lineHeight:"20px",width:"100%",display:"flex",justifyContent:a.hasJustifyContent?"center":null,alignItems:"center",fontWeight:500,"& .message":{marginLeft:"8px"},"& .MuiIcon-root":{color:"error"===a.state?r.palette.alert.main:r.palette.brand.primary}}}));export{r as StyledProgressBarMessage};
+//# sourceMappingURL=styledProgressBarMessage.js.map

package/build/components/progressBar/components/styledProgressBarMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledProgressBarMessage.js","sources":["../../../../src/components/progressBar/components/styledProgressBarMessage.tsx"],"sourcesContent":[null],"names":["StyledProgressBarMessage","styled","shouldForwardProp","prop","_a","theme","args","__rest","color","state","palette","alert","text","primary","fontSize","lineHeight","width","display","justifyContent","hasJustifyContent","alignItems","fontWeight","marginLeft","brand"],"mappings":"sEAEa,MAAAA,EAA2BC,EAAO,MAAO,CACpDC,kBAAoBC,GAAkB,sBAATA,GADSF,EAEyBG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAH,EAAhB,WAC/D,MAAO,CACLI,MAAsB,UAAfF,EAAKG,MAAoBJ,EAAMK,QAAQC,MAAY,KAAIN,EAAMK,QAAQE,KAAKC,QACjFC,SAAU,OACVC,WAAY,OACZC,MAAO,OACPC,QAAS,OACTC,eAAgBZ,EAAKa,kBAAoB,SAAW,KACpDC,WAAY,SACZC,WAAY,IACZ,aAAc,CACZC,WAAY,OAEd,kBAAmB,CACjBd,MAAsB,UAAfF,EAAKG,MAAoBJ,EAAMK,QAAQC,MAAY,KAAIN,EAAMK,QAAQa,MAAMV,SAErF"}

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

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

package/build/components/progressBar/progressBar.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { LoaderProps } from './components/loader';
-import { SpinnerProps } from './components/spinner';
-export interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement>, LoaderProps, SpinnerProps {
-    /**
-     *	The variant of the progress bar.
-     */
-    variant: 'loader' | 'spinner';
-}
-export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { LoaderProps } from './components/loader';
+import { SpinnerProps } from './components/spinner';
+export interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement>, LoaderProps, SpinnerProps {
+    /**
+     *	The variant of the progress bar.
+     */
+    variant: 'loader' | 'spinner';
+}
+export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/progressBar/progressBar.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsxs as r,Fragment as n,jsx as o}from"react/jsx-runtime";import a,{useCallback as t}from"react";import{Loader as i}from"./components/loader.js";import{Spinner as g}from"./components/spinner.js";const c=a.forwardRef(((a,c)=>{var{variant:m}=a,d=e(a,["variant"]);const l=t((()=>d.loadingPercentage&&0!==d.loadingPercentage?d.loadingPercentage<0?0:d.loadingPercentage>100?100:d.loadingPercentage:d.loadingPercentage),[d.loadingPercentage]);return r(n,{children:[" ",o("loader"===m?i:g,Object.assign({},d,{loadingPercentage:l(),ref:c}))," "]})}));export{c as ProgressBar};
+//# sourceMappingURL=progressBar.js.map

package/build/components/progressBar/progressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressBar.js","sources":["../../../src/components/progressBar/progressBar.tsx"],"sourcesContent":[null],"names":["ProgressBar","React","forwardRef","_a","ref","variant","props","__rest","validatePercentage","useCallback","loadingPercentage","_jsxs","_jsx","Loader","Spinner","Object","assign"],"mappings":"wOAWO,MAAMA,EAAcC,EAAMC,YAA6C,CAACC,EAAuBC,KAAvB,IAAAC,QAAEA,GAAmBF,EAAPG,EAAKC,EAAAJ,EAAnB,aAC7E,MAAMK,EAAqBC,GAAY,IAChCH,EAAMI,mBAAiD,IAA5BJ,EAAMI,kBAClCJ,EAAMI,kBAAoB,EAAU,EACpCJ,EAAMI,kBAAoB,IAAY,IAEnCJ,EAAMI,kBAJyDJ,EAAMI,mBAK3E,CAACJ,EAAMI,oBAEV,OACEC,eACG,IAECC,EADW,WAAZP,EACEQ,EAEAC,EAFMC,OAAAC,OAAA,CAAA,EAAKV,EAAO,CAAAI,kBAAmBF,IAAsBJ,IAAKA,KAGhE,MAEL"}

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

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

package/build/components/radioButton/radioButton.d.ts

@@ -1,48 +1,48 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-export interface RadioButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'onChange'> {
-    /**
-     *  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;
-    /**
-     * Error state of checkbox.
-     */
-    error?: boolean;
-    /**
-     * Is checkbox required field in form?
-     */
-    required?: boolean;
-    /**
-     * The value referenced with RadioButton element
-     */
-    value?: string;
-    /**
-     * The value referenced with checkbox element
-     */
-    label?: string | ReactNode;
-    /**
-     * HTML DOM element reference of component
-     */
-    ref?: React.Ref<HTMLButtonElement>;
-    /**
-     * @description Triggered when element is changed.
-     * @param e React original event object
-     * @param value Current changed value
-     */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}
-/**
- * @description Styled SkodaFlow RadioButton component
- * @param props RadioButtonProps
- * @returns React Functional Component
- * @deprecated This component is deprecated. Use use FormControlLabel and Radio components from @mui/material instead.
- */
-export declare const RadioButton: React.ForwardRefExoticComponent<Pick<RadioButtonProps, "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "checked" | "error" | "required" | "value" | "label"> & React.RefAttributes<HTMLButtonElement>>;
+import React, { HTMLAttributes, ReactNode } from 'react';
+export interface RadioButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'onChange'> {
+    /**
+     *  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;
+    /**
+     * Error state of checkbox.
+     */
+    error?: boolean;
+    /**
+     * Is checkbox required field in form?
+     */
+    required?: boolean;
+    /**
+     * The value referenced with RadioButton element
+     */
+    value?: string;
+    /**
+     * The value referenced with checkbox element
+     */
+    label?: string | ReactNode;
+    /**
+     * HTML DOM element reference of component
+     */
+    ref?: React.Ref<HTMLButtonElement>;
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+/**
+ * @description Styled SkodaFlow RadioButton component
+ * @param props RadioButtonProps
+ * @returns React Functional Component
+ * @deprecated This component is deprecated. Use use FormControlLabel and Radio components from @mui/material instead.
+ */
+export declare const RadioButton: React.ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/build/components/radioButton/radioButton.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsxs as r,jsx as t}from"react/jsx-runtime";import i from"react";import o from"@mui/material/Radio";import{styled as l}from"@mui/material/styles";import a from"../common/styled/formControlLabelStyled.js";import{ternaryCondition as n}from"../../utils/utilities.js";const d=i.forwardRef(((e,i)=>{const l=r(s,{disabled:e.disabled,error:e.error,children:[t(o,Object.assign({},e,{ref:i,color:e.error?"error":"primary"})),e.label&&"string"!=typeof e.label&&t("div",{className:"NodeLabelContainer",children:e.label})]});return e.label&&"string"==typeof e.label&&e.label.length>0?t(a,{control:l,label:e.label,disabled:e.disabled,error:e.error}):l})),s=l("div",{shouldForwardProp:e=>"error"!==e&&"disabled"!==e})((r=>{var{theme:t}=r,i=e(r,["theme"]);let o={};return o={display:"flex","& .NodeLabelContainer":{cursor:"pointer",paddingTop:"4px",paddingBottom:"4px",letterSpacing:"0.2px",paddingLeft:"8px",fontSize:"14px",lineHeight:"24px",fontWeight:"400",pointerEvents:n(i.disabled,!0,"none","all"),color:n(i.error&&!i.disabled,!0,t.palette.alert.main,"inherit"),"& a":{color:"inherit",textDecoration:"underline",fontWeight:"700"},"& *":{margin:0}}},i.disabled&&(o=Object.assign(Object.assign({},o),{color:n(i.disabled,!0,t.palette.disabled.primary,"inherit")})),o}));export{d as RadioButton};
+//# sourceMappingURL=radioButton.js.map

package/build/components/radioButton/radioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioButton.js","sources":["../../../src/components/radioButton/radioButton.tsx"],"sourcesContent":[null],"names":["RadioButton","React","forwardRef","props","ref","radio","_jsxs","RadioButtonStyled","disabled","error","children","_jsx","MuiRadioButton","Object","assign","color","label","className","length","FormControlLabelStyled","control","styled","shouldForwardProp","prop","_a","theme","args","__rest","styles","display","cursor","paddingTop","paddingBottom","letterSpacing","paddingLeft","fontSize","lineHeight","fontWeight","pointerEvents","ternaryCondition","palette","alert","main","textDecoration","margin","primary"],"mappings":"6SA4DO,MAAMA,EAAcC,EAAMC,YAAgD,CAACC,EAAOC,KACvF,MAAMC,EACJC,EAACC,EAAiB,CAACC,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,MACxDC,SAAA,CAAAC,EAACC,EAAcC,OAAAC,OAAA,CAAA,EAAKX,EAAK,CAAEC,IAAKA,EAAKW,MAAOZ,EAAMM,MAAQ,QAAU,aACnEN,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBL,EAAK,MAAA,CAAAM,UAAU,qBAAsBP,SAAAP,EAAMa,WAIlG,OAAOb,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBb,EAAMa,MAAME,OAAS,EAC5EP,EAACQ,EAAsB,CAACC,QAASf,EAAOW,MAAOb,EAAMa,MAAOR,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,QAAS,CAG7G,IAMGF,EAAoBc,EAAO,MAAO,CACtCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GADzBF,EAEgCG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAH,EAAhB,WACxD,IAAII,EAAS,CAAA,EA+Bb,OA7BAA,EAAS,CACPC,QAAS,OACT,wBAAyB,CACvBC,OAAQ,UACRC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,YAAa,MACbC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAeC,EAAiBb,EAAKlB,UAAU,EAAM,OAAQ,OAC7DO,MAAOwB,EAAiBb,EAAKjB,QAAUiB,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQC,MAAMC,KAAM,WACtF,MAAO,CACL3B,MAAO,UACP4B,eAAgB,YAChBN,WAAY,OAEd,MAAO,CACLO,OAAQ,KAIVlB,EAAKlB,WACPoB,EAAMf,OAAAC,OAAAD,OAAAC,OAAA,GACDc,GAAM,CACTb,MAAOwB,EAAiBb,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQhC,SAASqC,QAAS,cAG1EjB,CAAM"}

package/build/components/selectInput/formControlSelectStyled.d.ts

@@ -1,27 +1,27 @@
-/// <reference types="react" />
-export declare const FormControlSelectStyled: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material/FormControl").FormControlClasses>;
-    color?: "error" | "primary" | "secondary" | "info" | "success" | "warning";
-    disabled?: boolean;
-    error?: boolean;
-    fullWidth?: boolean;
-    focused?: boolean;
-    hiddenLabel?: boolean;
-    margin?: "none" | "dense" | "normal";
-    required?: boolean;
-    size?: "small" | "medium";
-    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
-    variant?: "standard" | "outlined" | "filled";
-} & 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>;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "children" | "disabled" | "error" | "fullWidth" | "focused" | "hiddenLabel" | "margin" | "required" | "size" | "sx" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    disabled?: boolean;
-    hasError?: boolean;
-    hideBg?: boolean;
-    icon?: string;
-    focused?: boolean;
-    hovered?: boolean;
-    value?: any;
-    staticLabel?: boolean;
-}, {}, {}>;
+/// <reference types="react" />
+export declare const FormControlSelectStyled: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material/FormControl").FormControlClasses>;
+    color?: import("@mui/types").OverridableStringUnion<"primary" | "secondary" | "error" | "info" | "success" | "warning", import("@mui/material/FormControl").FormControlPropsColorOverrides>;
+    disabled?: boolean;
+    error?: boolean;
+    fullWidth?: boolean;
+    focused?: boolean;
+    hiddenLabel?: boolean;
+    margin?: "normal" | "none" | "dense";
+    required?: boolean;
+    size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material/FormControl").FormControlPropsSizeOverrides>;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
+    variant?: "standard" | "filled" | "outlined";
+} & 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 | "color" | "children" | "sx" | "margin" | "fullWidth" | "variant" | "error" | "required" | "size" | "focused" | "hiddenLabel"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    disabled?: boolean;
+    hasError?: boolean;
+    hideBg?: boolean;
+    icon?: string;
+    focused?: boolean;
+    hovered?: boolean;
+    value?: any;
+    staticLabel?: boolean;
+}, {}, {}>;

package/build/components/selectInput/formControlSelectStyled.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import e from"@mui/material/FormControl";import{styled as o}from"@mui/material/styles";import{flowColors as i}from"../../design/skoda/palette.theme.js";const a=o(e,{shouldForwardProp:t=>"helpText"!==t&&"hideBg"!==t&&"hasError"!==t&&"hovered"!==t&&"value"!==t&&"staticLabel"!==t})((e=>{var{theme:o}=e,a=t(e,["theme"]);let n={};const r=(t=>({fontSize:"24px !important",position:"absolute",flexShrink:0,pointerEvents:"none",display:"block",color:t.focused||t.value||t.hovered?"inherit":"rgba(0, 0, 0, 0.54)"}))(a),s={paddingBottom:a.staticLabel?"16px":"6px",paddingTop:a.staticLabel?"16px":"26px"};n={height:"56px",minWidth:"200px !important",background:i.transparent.primary,borderRadius:"4px 4px 0px 0px",borderBottom:a.focused?`2px solid ${i.brand.primary}`:a.value?`1px solid ${i.onSurface.os900}`:`1px solid ${i.onSurface.os500}`,"& > .MuiIcon-root":Object.assign(Object.assign({},r),{width:"50px",top:"16px"}),"& > .MuiFilledInput-root":{position:"relative",height:"56px"},"& > label.MuiInputLabel-root":{paddingLeft:0,fontWeight:400,marginLeft:"0px",transform:"translate(12, 18px) scale(1)",color:a.hovered||a.focused?i.text.primary:i.onSurface.os500,maxWidth:"calc(100% - 56px)","&:hover":{color:i.text.primary}},"& > label.MuiInputLabel-root.MuiInputLabel-shrink":{transform:"translate(14px, 8px) scale(0.75)",paddingLeft:0,fontWeight:400,color:a.focused?i.brand.primary:i.onSurface.os500},"& > label.MuiInputLabel-root.MuiInputLabel-shrink.Mui-disabled":{color:i.disabled.primary},"& > .MuiInputBase-root":{background:"transparent",width:"100%",paddingLeft:"1px",paddingTop:"0px","&::after":{display:"none"},"&::before":{display:"none"},"& > div.MuiSelect-select":Object.assign(Object.assign({},s),{fontSize:"16px",lineHeight:"24px",color:i.onSurface.os900,fontWeight:"500",paddingRight:"50px",overflow:"hidden",textOverflow:"ellipsis",width:"100%",boxSizing:"content-box!important","&:focus":{background:"transparent"},"& > div.MuiListItemText-root":{marginTop:0}}),"& > .MuiIcon-root":Object.assign(Object.assign({},r),{right:"15.5px",width:"24px",top:"19px"})}};const p=n["& > label.MuiInputLabel-root"];if(a.icon&&(n=Object.assign(Object.assign({},n),{"& > label.MuiInputLabel-root":Object.assign(Object.assign({},p),{paddingLeft:"40px"}),"& > label.MuiInputLabel-root.MuiInputLabel-shrink":Object.assign(Object.assign({},n["& > label.MuiInputLabel-root.MuiInputLabel-shrink"]),{transform:"translate(24px, 8px) scale(0.75)",paddingLeft:"40px"}),"& > .MuiInputBase-root":{background:"transparent",width:"100%",paddingLeft:"1px",paddingTop:"0px","& > div.MuiSelect-select":Object.assign(Object.assign({},s),{fontSize:"16px",lineHeight:"24px",color:i.onSurface.os900,fontWeight:"500",paddingRight:"56px",paddingLeft:"52px",overflow:"hidden",textOverflow:"ellipsis",width:"100%",boxSizing:"content-box!important","&:focus":{background:"transparent"},"& > div.MuiListItemText-root":{marginTop:"14px"}}),"&::after":{display:"none"},"&::before":{display:"none"},"& > .MuiIcon-root":Object.assign(Object.assign({},r),{right:"12.5px",width:"24px",top:"19px","&:hovered":{}})}})),a.disabled&&(p.color=i.disabled.primary,n=Object.assign(Object.assign({},n),{borderBottom:`1px solid ${i.disabled.primary}`,"& > .MuiIcon-root":Object.assign(Object.assign({},r),{width:"50px",height:"56px",display:"inline-flex",top:"0",alignItems:"center",justifyContent:"center",paddingBottom:"8px",color:o.palette.disabled.primary}),"& > .MuiInputBase-root":Object.assign(Object.assign({},n["& > .MuiInputBase-root"]),{"& > .MuiIcon-root":Object.assign(Object.assign({},r),{right:"12.5px",top:"19px",color:o.palette.disabled.primary})})})),a.error){const t=a.focused||a.hovered?o.palette.alert.main:o.palette.onSurface.os500;p.color=t,n=Object.assign(Object.assign({},n),{borderBottom:`2px solid ${o.palette.alert.main}`,"& > label.MuiInputLabel-root.MuiInputLabel-shrink":Object.assign(Object.assign({},n["& > label.MuiInputLabel-root.MuiInputLabel-shrink"]),{color:t})})}return n}));export{a as FormControlSelectStyled};
+//# sourceMappingURL=formControlSelectStyled.js.map

package/build/components/selectInput/formControlSelectStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formControlSelectStyled.js","sources":["../../../src/components/selectInput/formControlSelectStyled.ts"],"sourcesContent":[null],"names":["FormControlSelectStyled","styled","MuiFormControl","shouldForwardProp","prop","_a","theme","props","__rest","styles","styleIcon","fontSize","position","flexShrink","pointerEvents","display","color","focused","value","hovered","handleStyleIcon","styleSelect","paddingBottom","staticLabel","paddingTop","height","minWidth","background","flowColors","transparent","primary","borderRadius","borderBottom","brand","onSurface","os900","os500","Object","assign","width","top","paddingLeft","fontWeight","marginLeft","transform","text","maxWidth","disabled","lineHeight","paddingRight","overflow","textOverflow","boxSizing","marginTop","right","labelStyle","icon","alignItems","justifyContent","palette","error","errorColor","alert"],"mappings":"uLAQA,MAWaA,EAA0BC,EAAOC,EAAgB,CAC5DC,kBAAoBC,GACT,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,UAATA,GACS,gBAATA,GAPmCH,EAmBpCI,IAAA,IAAAC,MAAEA,GAAiBD,EAAPE,EAAKC,EAAAH,EAAjB,WACD,IAAII,EAAS,CAAA,EAEb,MAAMC,EAjCgB,CAACH,IAChB,CACLI,SAAU,kBACVC,SAAU,WACVC,WAAY,EACZC,cAAe,OACfC,QAAS,QACTC,MAAOT,EAAMU,SAAWV,EAAMW,OAASX,EAAMY,QAAU,UAAY,wBA0BnDC,CAAgBb,GAC5Bc,EAAc,CAClBC,cAAef,EAAMgB,YAAc,OAAS,MAC5CC,WAAYjB,EAAMgB,YAAc,OAAS,QAG3Cd,EAAS,CACPgB,OAAQ,OACRC,SAAU,mBACVC,WAAYC,EAAWC,YAAYC,QACnCC,aAAc,kBACdC,aAAczB,EAAMU,QAChB,aAAaW,EAAWK,MAAMH,UAC9BvB,EAAMW,MACN,aAAaU,EAAWM,UAAUC,QAClC,aAAaP,EAAWM,UAAUE,QACtC,oBAAmBC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACd5B,GAAS,CACZ6B,MAAO,OACPC,IAAK,SAEP,2BAA4B,CAC1B5B,SAAU,WACVa,OAAQ,QAEV,+BAAgC,CAC9BgB,YAAa,EACbC,WAAY,IACZC,WAAY,MACZC,UAAW,+BACX5B,MAAOT,EAAMY,SAAWZ,EAAMU,QAAUW,EAAWiB,KAAKf,QAAUF,EAAWM,UAAUE,MACvFU,SAAU,oBACV,UAAW,CACT9B,MAAOY,EAAWiB,KAAKf,UAG3B,oDAAqD,CACnDc,UAAW,mCACXH,YAAa,EACbC,WAAY,IACZ1B,MAAOT,EAAMU,QAAUW,EAAWK,MAAMH,QAAUF,EAAWM,UAAUE,OAEzE,iEAAkE,CAChEpB,MAAOY,EAAWmB,SAASjB,SAE7B,yBAA0B,CACxBH,WAAY,cACZY,MAAO,OACPE,YAAa,MACbjB,WAAY,MACZ,WAAY,CACVT,QAAS,QAEX,YAAa,CACXA,QAAS,QAEX,2BAA0BsB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACrBjB,GACH,CAAAV,SAAU,OACVqC,WAAY,OACZhC,MAAOY,EAAWM,UAAUC,MAC5BO,WAAY,MACZO,aAAc,OACdC,SAAU,SACVC,aAAc,WACdZ,MAAO,OACPa,UAAW,wBACX,UAAW,CACTzB,WAAY,eAEd,+BAAgC,CAC9B0B,UAAW,KAGf,oBACKhB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA5B,GACH,CAAA4C,MAAO,SACPf,MAAO,OACPC,IAAK,WAKX,MAAMe,EAAa9C,EAAO,gCAqF1B,GAnFIF,EAAMiD,OACR/C,EAAM4B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACD7B,GAAM,CACT,+BAA8B4B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACzBiB,GAAU,CACbd,YAAa,SAEf,oDAAmDJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC9C7B,EAAO,sDACV,CAAAmC,UAAW,mCACXH,YAAa,SAEf,yBAA0B,CACxBd,WAAY,cACZY,MAAO,OACPE,YAAa,MACbjB,WAAY,MACZ,2BAA0Ba,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACrBjB,GACH,CAAAV,SAAU,OACVqC,WAAY,OACZhC,MAAOY,EAAWM,UAAUC,MAC5BO,WAAY,MACZO,aAAc,OACdR,YAAa,OACbS,SAAU,SACVC,aAAc,WACdZ,MAAO,OACPa,UAAW,wBACX,UAAW,CACTzB,WAAY,eAEd,+BAAgC,CAC9B0B,UAAW,UAGf,WAAY,CACVtC,QAAS,QAEX,YAAa,CACXA,QAAS,QAEX,mDACKL,GAAS,CACZ4C,MAAO,SACPf,MAAO,OACPC,IAAK,OAEL,YAAa,CAAA,QAMjBjC,EAAMwC,WACRQ,EAAWvC,MAAQY,EAAWmB,SAASjB,QACvCrB,iCACKA,GAAM,CACTuB,aAAc,aAAaJ,EAAWmB,SAASjB,UAE/C,mDACKpB,GAAS,CACZ6B,MAAO,OACPd,OAAQ,OACRV,QAAS,cACTyB,IAAK,IACLiB,WAAY,SACZC,eAAgB,SAChBpC,cAAe,MACfN,MAAOV,EAAMqD,QAAQZ,SAASjB,UAEhC,yBACKO,OAAAC,OAAAD,OAAAC,OAAA,GAAA7B,EAAO,4BACV,oBAAmB4B,OAAAC,OAAAD,OAAAC,OAAA,GACd5B,GAAS,CACZ4C,MAAO,SACPd,IAAK,OACLxB,MAAOV,EAAMqD,QAAQZ,SAASjB,eAMlCvB,EAAMqD,MAAO,CACf,MAAMC,EAAatD,EAAMU,SAAWV,EAAMY,QAAUb,EAAMqD,QAAQG,MAAY,KAAIxD,EAAMqD,QAAQzB,UAAUE,MAC1GmB,EAAWvC,MAAQ6C,EACnBpD,EAAM4B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACD7B,GAAM,CACTuB,aAAc,aAAa1B,EAAMqD,QAAQG,MAAY,OACrD,oDACKzB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA7B,EAAO,sDAAoD,CAC9DO,MAAO6C,KAGZ,CAED,OAAOpD,CAAM"}

package/build/components/selectInput/hook/useSelectInput.d.ts

@@ -1,5 +1,5 @@
-export declare const useSelectInput: (inputRef: any, setParentInputWidth: any, setHelpTextState: any, fullWidth: any, helpText: any, value: any, setCurrentValue: any, required: any, setIsRequired: any) => {
-    handleOnChange: (e: any, onChange: any, setCurrentValue: any) => void;
-    handleOnBlur: (setIsFocused: any, onBlur: any) => void;
-    handleOnFocus: (setIsFocused: any, onFocus: any) => void;
-};
+export declare const useSelectInput: (inputRef: any, setParentInputWidth: any, setHelpTextState: any, fullWidth: any, helpText: any, value: any, setCurrentValue: any, required: any, setIsRequired: any) => {
+    handleOnChange: (e: any, onChange: any, _setCurrentValue: any) => void;
+    handleOnBlur: (setIsFocused: any, onBlur: any) => void;
+    handleOnFocus: (setIsFocused: any, onFocus: any) => void;
+};

package/build/components/selectInput/hook/useSelectInput.js

@@ -0,0 +1,2 @@
+import{useCallback as e,useEffect as n}from"react";const t=(t,r,a,o,c,h,l,u,d)=>{const s=e(((e,n,t)=>{t(e.target.value),n&&n(e)}),[]),f=e(((e,n)=>{e(!1),n&&n()}),[]),g=e(((e,n)=>{e(!0),n&&n()}),[]);return n((()=>{t&&t.current&&r(t.current.offsetWidth+"px")}),[t,o,r]),n((()=>{a(c)}),[t,c,a]),n((()=>{h&&h.length>0&&l(h)}),[l,h]),n((()=>{d(u)}),[u,d]),{handleOnChange:s,handleOnBlur:f,handleOnFocus:g}};export{t as useSelectInput};
+//# sourceMappingURL=useSelectInput.js.map

package/build/components/selectInput/hook/useSelectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectInput.js","sources":["../../../../src/components/selectInput/hook/useSelectInput.ts"],"sourcesContent":[null],"names":["useSelectInput","inputRef","setParentInputWidth","setHelpTextState","fullWidth","helpText","value","setCurrentValue","required","setIsRequired","handleOnChange","useCallback","e","onChange","_setCurrentValue","target","handleOnBlur","setIsFocused","onBlur","handleOnFocus","onFocus","useEffect","current","offsetWidth","length"],"mappings":"yDAEaA,EAAiB,CAC5BC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAiBC,GAAY,CAACC,EAAGC,EAAUC,KAE/CA,EADmBF,EAAEG,OAAOT,OAE5BO,GAAYA,EAASD,EAAE,GACtB,IAGGI,EAAeL,GAAY,CAACM,EAAcC,KAC9CD,GAAa,GACbC,GAAUA,GAAQ,GACjB,IAGGC,EAAgBR,GAAY,CAACM,EAAcG,KAC/CH,GAAa,GACbG,GAAWA,GAAS,GACnB,IAsBH,OApBAC,GAAU,KACHpB,GAAaA,EAASqB,SAC3BpB,EAAoBD,EAASqB,QAAQC,YAAc,KAAK,GACvD,CAACtB,EAAUG,EAAWF,IAEzBmB,GAAU,KACRlB,EAAiBE,EAAS,GACzB,CAACJ,EAAUI,EAAUF,IAGxBkB,GAAU,KACJf,GAASA,EAAMkB,OAAS,GAC1BjB,EAAgBD,EACjB,GACA,CAACC,EAAiBD,IAErBe,GAAU,KACRZ,EAAcD,EAAS,GACtB,CAACA,EAAUC,IAEP,CACLC,iBACAM,eACAG,gBACD"}

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

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

package/build/components/selectInput/inputLabelSelect.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-declare const InputLabelSelect: ({ staticLabel, currentValue, opened, label }: {
-    staticLabel: any;
-    currentValue: any;
-    opened: any;
-    label: any;
-}) => React.JSX.Element;
-export default InputLabelSelect;
+declare const InputLabelSelect: ({ staticLabel, currentValue, opened, label }: {
+    staticLabel: any;
+    currentValue: any;
+    opened: any;
+    label: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default InputLabelSelect;

package/build/components/selectInput/inputLabelSelect.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import{InputLabel as r}from"@mui/material";const t=({staticLabel:t,currentValue:a,opened:i,label:l})=>t&&a?null:e(r,{shrink:!(!a&&!i),id:l,children:l});export{t as default};
+//# sourceMappingURL=inputLabelSelect.js.map

package/build/components/selectInput/inputLabelSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputLabelSelect.js","sources":["../../../src/components/selectInput/inputLabelSelect.tsx"],"sourcesContent":[null],"names":["InputLabelSelect","staticLabel","currentValue","opened","label","_jsx","InputLabel","shrink","id","children"],"mappings":"mFAGA,MAAMA,EAAmB,EAAGC,cAAaC,eAAcC,SAAQC,WACzDH,GAAeC,EACV,KAGLG,EAACC,EAAW,CAAAC,UAAQL,IAAgBC,GAAuBK,GAAIJ,EAC5DK,SAAAL"}

package/build/components/selectInput/selectInput.d.ts

@@ -1,88 +1,88 @@
-import React from 'react';
-import { SelectChangeEvent } from '@mui/material/Select';
-/**
- * @interface SelectInputProps
- * @description Base definition of SkodaFlow SelectInput independent on core implementation.
- */
-export interface SelectInputProps {
-    /**
-     * The label referenced to the text input field
-     */
-    label?: string;
-    /**
-     * The label referenced to the text input field
-     */
-    staticLabel?: boolean;
-    /**
-     * Show the "white" background or nnot
-     */
-    hideBg?: boolean;
-    /**
-     * The value referenced with checkbox element
-     */
-    value?: string;
-    /**
-     * Disabled, not clickable button
-     */
-    disabled?: boolean;
-    /**
-     * If TextField required field in form
-     */
-    required?: boolean;
-    /**
-     * The value of the helper text
-     */
-    helpText?: string;
-    /**
-     * Icon name. For example "check". If no prefix is defined, default SKODA icon font is used
-     */
-    icon?: string;
-    /**
-     *Boolean to check if the input returns an error or not
-     */
-    hasError?: boolean;
-    /**
-     *name of the input element
-     */
-    name?: string;
-    /**
-     *id of the input element
-     */
-    id?: string;
-    /**
-     *classes for FormControl component
-     */
-    classes?: {};
-    /**
-     *Props for the Input element
-     */
-    InputProps?: any;
-    /**
-     * Child element of the component.
-     */
-    children?: any;
-    /**
-     *set the full width for the select input
-     */
-    fullWidth?: boolean;
-    /**
-     * If true, the select menu items would not be trimmed by max width.
-     */
-    removeSelectMenuMaxWidth?: boolean;
-    /**
-     * @description Triggered when element is changed.
-     * @param e React original event object
-     * @param value Current changed value
-     */
-    onChange?: (event: SelectChangeEvent<string>) => void;
-    onBlur?: () => void;
-    onFocus?: () => void;
-}
-/**
- * @description SkodaFlow SelectInput component.
- * Properties are inherited from HTML input element.
- * @param props SelectInputProps
- * @returns React Functional Component
- * @deprecated This component is deprecated. Use themed Select component from @mui/material instead.
- */
-export declare const SelectInput: React.ForwardRefExoticComponent<SelectInputProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { SelectChangeEvent } from '@mui/material/Select';
+/**
+ * @interface SelectInputProps
+ * @description Base definition of SkodaFlow SelectInput independent on core implementation.
+ */
+export interface SelectInputProps {
+    /**
+     * The label referenced to the text input field
+     */
+    label?: string;
+    /**
+     * The label referenced to the text input field
+     */
+    staticLabel?: boolean;
+    /**
+     * Show the "white" background or nnot
+     */
+    hideBg?: boolean;
+    /**
+     * The value referenced with checkbox element
+     */
+    value?: string;
+    /**
+     * Disabled, not clickable button
+     */
+    disabled?: boolean;
+    /**
+     * If TextField required field in form
+     */
+    required?: boolean;
+    /**
+     * The value of the helper text
+     */
+    helpText?: string;
+    /**
+     * Icon name. For example "check". If no prefix is defined, default SKODA icon font is used
+     */
+    icon?: string;
+    /**
+     *Boolean to check if the input returns an error or not
+     */
+    hasError?: boolean;
+    /**
+     *name of the input element
+     */
+    name?: string;
+    /**
+     *id of the input element
+     */
+    id?: string;
+    /**
+     *classes for FormControl component
+     */
+    classes?: unknown;
+    /**
+     *Props for the Input element
+     */
+    InputProps?: any;
+    /**
+     * Child element of the component.
+     */
+    children?: any;
+    /**
+     *set the full width for the select input
+     */
+    fullWidth?: boolean;
+    /**
+     * If true, the select menu items would not be trimmed by max width.
+     */
+    removeSelectMenuMaxWidth?: boolean;
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    onChange?: (event: SelectChangeEvent<string>) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+}
+/**
+ * @description SkodaFlow SelectInput component.
+ * Properties are inherited from HTML input element.
+ * @param props SelectInputProps
+ * @returns React Functional Component
+ * @deprecated This component is deprecated. Use themed Select component from @mui/material instead.
+ */
+export declare const SelectInput: React.ForwardRefExoticComponent<SelectInputProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/selectInput/selectInput.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsx as o,Fragment as r,jsxs as l}from"react/jsx-runtime";import t,{useState as n,useRef as a}from"react";import{FormControlSelectStyled as i}from"./formControlSelectStyled.js";import u from"@mui/material/Select";import{Icon as c}from"../icon/icon.js";import{useSelectInput as s}from"./hook/useSelectInput.js";import{styled as d}from"@mui/material/styles";import m from"./inputLabelSelect.js";import{FormHelperText as h}from"@mui/material";import p from"../common/helperText.js";const f=t.forwardRef(((t,u)=>{var{label:d=null,onChange:f,onBlur:x,onFocus:v,value:M,children:g,staticLabel:W,InputProps:B,fullWidth:C=!0,removeSelectMenuMaxWidth:I}=t,S=e(t,["label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","fullWidth","removeSelectMenuMaxWidth"]);const[j,k]=n(""),[F,w]=n(!1),[L,O]=n(!1),[T,P]=n(!1),[N,q]=n(!1),[y,E]=n(null),[V,D]=n(""),[R,z]=n(""),{handleOnBlur:A,handleOnChange:G,handleOnFocus:H}=s(F,z,D,C,S.helpText,M,k,S.required,P),J=a(null),K=a(null),Q={sx:y?{maxWidth:I?"unset":y,"& .MuiBackdrop-root":{background:"transparent",backdropFilter:"blur(0px)"}}:{"& .MuiBackdrop-root":{background:"transparent",backdropFilter:"blur(0px)"}}};return o(r,{children:l(i,Object.assign({},S,{ref:K,staticLabel:W,sx:C?{}:{width:"200px"},disabled:S.disabled,error:S.hasError,value:j,hideBg:S.hideBg,onMouseEnter:()=>{!L&&!N&&O(!0)},onMouseLeave:()=>{L&&!N&&O(!1)},onMouseDown:e=>{const o=e.currentTarget.offsetWidth;E(o)},icon:S.icon,hovered:L,focused:F,variant:"filled",fullWidth:C,children:[S.icon&&o(c,{color:S.disabled?"disabled":"inherit",className:S.icon}),o(m,{staticLabel:W,label:d,opened:N,currentValue:j}),o(b,{MenuProps:Q,required:T,onOpen:()=>{q(!0)},onClose:()=>{w(!1),O(!1),q(!1)},onBlur:()=>A(w,x),onFocus:()=>H(w,v),IconComponent:()=>o(c,N?{className:"chevron-up"}:{className:"chevron-down"}),labelId:d,id:S.id,name:S.name,value:j,onChange:e=>G(e,f,k),ref:J,hasIcon:!!S.icon,fullWidth:C,children:g}),o(h,{children:o(p,{maxChars:0,currentValue:j,helpText:S.helpText})})]}))})})),b=d(u,{shouldForwardProp:e=>"hasIcon"!==e&&"fullWidth"!==e})((o=>{var r=e(o,["theme"]);if(!r.fullWidth)return null;return{"& > .MuiSelect-filled":{position:"absolute",left:0,top:0,width:r.hasIcon?"calc(100% - 102px) !important":"calc(100% - 62px) !important"}}}));export{f as SelectInput};
+//# sourceMappingURL=selectInput.js.map

package/build/components/selectInput/selectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectInput.js","sources":["../../../src/components/selectInput/selectInput.tsx"],"sourcesContent":[null],"names":["SelectInput","React","forwardRef","_a","ref","label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","fullWidth","removeSelectMenuMaxWidth","props","__rest","currentValue","setCurrentValue","useState","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","opened","setOpened","inputWidth","setInputWidth","helpTextState","setHelpTextState","parentInputWidth","setParentInputWidth","handleOnBlur","handleOnChange","handleOnFocus","useSelectInput","helpText","required","inputRef","useRef","formControlSelectRef","menuProps","sx","maxWidth","background","backdropFilter","_jsx","_Fragment","_jsxs","FormControlSelectStyled","Object","assign","width","disabled","error","hasError","hideBg","onMouseEnter","onMouseLeave","onMouseDown","e","elemWidth","currentTarget","offsetWidth","icon","focused","variant","Icon","color","className","InputLabelSelect","SelectInputStyled","MenuProps","onOpen","onClose","IconComponent","labelId","id","name","hasIcon","FormHelperText","HelperText","maxChars","styled","MuiSelect","shouldForwardProp","prop","args","position","left","top"],"mappings":"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"}

package/build/components/slider/containerStyled.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-type Marks = boolean | {
-    value: number;
-    label?: React.ReactNode;
-}[];
-export declare const ContainerStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: import("react").ElementType<any>;
-} & {
-    value: any;
-    marks: Marks;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};
+/// <reference types="react" />
+type Marks = boolean | {
+    value: number;
+    label?: React.ReactNode;
+}[];
+export declare const ContainerStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    value: any;
+    marks: Marks;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/build/components/slider/containerStyled.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"tslib";import i from"@emotion/styled";const e=i.div((i=>{var e=t(i,["theme"]);let r={};if(!e.marks)return r;let n={};return r={position:"relative",padding:"0px 3px"},n=Array.isArray(e.value)?{"& .single-value-input":{position:"relative","&:nth-of-type(1)":{marginLeft:"-3px"},"&:last-of-type":{marginRight:"-3px"}}}:{"& .single-value-input":{position:"relative",marginLeft:"-3px"}},r=Object.assign(Object.assign({},r),n),r}));export{e as ContainerStyled};
+//# sourceMappingURL=containerStyled.js.map

package/build/components/slider/containerStyled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"containerStyled.js","sources":["../../../src/components/slider/containerStyled.tsx"],"sourcesContent":[null],"names":["ContainerStyled","styled","div","_a","args","__rest","style","marks","rule","position","padding","Array","isArray","value","marginLeft","marginRight","Object","assign"],"mappings":"8DAQa,MAAAA,EAAkBC,EAAOC,KAAmCC,IAAA,IAAYC,EAAIC,EAAAF,EAAhB,WACvE,IAAIG,EAAQ,CAAA,EAEZ,IAAKF,EAAKG,MAAO,OAAOD,EAExB,IAAIE,EAAO,CAAA,EA8BX,OA3BAF,EAAQ,CACNG,SAAU,WACVC,QAAS,WAWTF,EAfcG,MAAMC,QAAQR,EAAKS,OAe1B,CACL,wBAAyB,CACvBJ,SAAU,WACV,mBAAoB,CAClBK,WAAY,QAEd,iBAAkB,CAChBC,YAAa,UAdZ,CACL,wBAAyB,CACvBN,SAAU,WACVK,WAAY,SAiBlBR,EAAaU,OAAAC,OAAAD,OAAAC,OAAA,GAAAX,GAAUE,GAChBF,CAAK"}

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

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