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

package/build/cjs/components/modal/modal.js

@@ -0,0 +1,2 @@
+"use strict";var t=require("tslib"),a=require("react/jsx-runtime"),e=require("react"),i=require("@mui/material/styles"),o=require("@mui/material/Modal"),n=require("../button/button.js"),d=require("../icon/icon.js"),l=require("./contentDiv.js"),r=require("@mui/material");function s(t){return t&&t.__esModule?t:{default:t}}var c=s(e),u=s(o);const p=c.default.forwardRef(((i,o)=>{var{children:s,open:c,handleClose:u,onClickTopButton:p,onClickBottomButton:x,ariaLabelledby:h,ariaDescribedBy:b,firstButton:g,secondButton:B,hasCloseButton:f,size:v,firstButtonVariant:w,secondButtonVariant:C,secondButtonVisible:k,defaultButtonSection:j=!0,maxWidth:W,modalLoadedCallback:y}=i,M=t.__rest(i,["children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback"]);const[q,T]=e.useState(!1),[z,S]=e.useState(!1),V=r.useTheme();e.useEffect((()=>{const t=window.matchMedia(`(min-width: ${V.breakpoints.values.md}px)`);S(t.matches)}),[V.breakpoints.values.md]);const _=e.useCallback((()=>{if(z&&"large"===(v||"large"))return!1}),[z,v]);return a.jsx(m,Object.assign({},M,{ref:o,open:c,size:v,onClose:u,isOverFlowing:q,"aria-labelledby":h,"aria-describedby":b,compactButtons:_(),maxWidth:W,"data-testid":"Modal",children:a.jsxs("div",{className:"modal-container","data-testid":"Modal.container",children:[f&&a.jsx("button",{onClick:u,"data-testid":"Modal.close",children:a.jsx(d.Icon,{className:"ballotx",fontSize:"medium"})}),a.jsx(l.ContentDiv,{setIsOverFlowing:T,className:"modal-container--content",modalLoadedCallback:y,"data-testid":"Modal.content",children:s}),j&&a.jsxs("div",{className:"modal-container--action-buttons","data-testid":"Modal.buttons",children:[a.jsx(n.Button,{label:g,onClick:p,fullWidth:!0,variant:w,compact:_(),"data-testid":"Modal.button1","data-variant":w}),k&&a.jsx(n.Button,{label:B,onClick:x,fullWidth:!0,variant:C,compact:_(),"data-testid":"Modal.button2","data-variant":C})]})]})}))})),m=i.styled(u.default,{shouldForwardProp:t=>"compactButtons"!==t&&"isOverFlowing"!==t&&"maxWidth"!==t})((a=>{var{theme:e}=a,i=t.__rest(a,["theme"]);const o=i.compactButtons?"16px":"24px",n=i.maxWidth?i.maxWidth:"calc(100% - 40px)",d="large"===(i.size||"large"),l=i.size&&"full-width"===i.size,r=d?{maxWidth:"624px",marginTop:"40px",padding:"40px"}:l?{maxWidth:n,marginTop:"40px",padding:"40px"}:{maxWidth:"408px",marginTop:"48px",padding:"24px 40px 40px 40px"};return{"& .modal-container":{maxHeight:"calc(100vh - 64px)",minHeight:"300px",display:"flex",flexDirection:"column","&--content":{overflowX:"hidden",overflowY:"overlay",marginTop:"48px",padding:"0px 24px"},"&--action-buttons":{padding:"32px 24px",paddingBottom:o,boxShadow:i.isOverFlowing?"0px 0px 32px rgba(0, 0, 0, 0.15)":null,"div:first-of-type":{marginBottom:"15px"}}},[e.breakpoints.up("md")]:{"& .modal-container":{maxHeight:"calc(100vh - 160px)",margin:"0px",width:"100%",maxWidth:r.maxWidth,"&--content":{marginTop:r.marginTop,padding:"0px 40px","::-webkit-scrollbar":{width:"34px"},"::-webkit-scrollbar-thumb":{width:"4px",border:"solid 15px rgba(255, 255, 255, 0)"}},"&--action-buttons":{padding:r.padding,paddingBottom:o}}}}}));exports.Modal=p;
+//# sourceMappingURL=modal.js.map

package/build/cjs/components/modal/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sources":["../../../../../src/components/modal/modal.tsx"],"sourcesContent":[null],"names":["Modal","React","forwardRef","_a","ref","children","open","handleClose","onClickTopButton","onClickBottomButton","ariaLabelledby","ariaDescribedBy","firstButton","secondButton","hasCloseButton","size","firstButtonVariant","secondButtonVariant","secondButtonVisible","defaultButtonSection","maxWidth","modalLoadedCallback","props","__rest","isOverFlowing","setIsOverFlowing","useState","desktopView","setDesktopView","theme","useTheme","useEffect","mq","window","matchMedia","breakpoints","values","md","matches","isCompactButton","useCallback","_jsx","jsx","ModalStyled","Object","assign","onClose","compactButtons","_jsxs","className","onClick","Icon","fontSize","ContentDiv","Button","label","fullWidth","variant","compact","styled","MuiModal","shouldForwardProp","prop","args","bottomButtonPadding","fullWidthModal","isModalLarge","isModalFullWidth","sizeBasedStyles","marginTop","padding","maxHeight","minHeight","display","flexDirection","overflowX","overflowY","paddingBottom","boxShadow","marginBottom","up","margin","width","border"],"mappings":"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"}

package/build/cjs/components/modal/modalTitle.d.ts

@@ -0,0 +1,3 @@
+import { TypographyProps } from '@mui/material';
+export type ModalTitleProps = Omit<TypographyProps, 'variant'>;
+export declare const ModalTitle: import("@emotion/styled").StyledComponent<ModalTitleProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/build/cjs/components/modal/modalTitle.js

@@ -0,0 +1,2 @@
+"use strict";var t=require("react/jsx-runtime"),e=require("@mui/material");const r=r=>t.jsx(e.Typography,Object.assign({},r,{variant:"h3"}));r.defaultProps={gutterBottom:!0};const i=e.styled(r)((t=>({"&&":{marginTop:"0px",fontSize:"20px",lineHeight:"30px",marginBottom:t.gutterBottom?"1rem":"inherit"}})));exports.ModalTitle=i;
+//# sourceMappingURL=modalTitle.js.map

package/build/cjs/components/modal/modalTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalTitle.js","sources":["../../../../../src/components/modal/modalTitle.tsx"],"sourcesContent":[null],"names":["ModalTitleBase","props","_jsx","Typography","Object","assign","variant","defaultProps","gutterBottom","ModalTitle","styled","marginTop","fontSize","lineHeight","marginBottom"],"mappings":"2EAKA,MAAMA,EAA6CC,GAAUC,MAACC,EAAAA,WAAUC,OAAAC,OAAA,CAAA,EAAKJ,EAAO,CAAAK,QAAS,QAE7FN,EAAeO,aAAe,CAC5BC,cAAc,GAGT,MAAMC,EAAaC,EAAMA,OAACV,EAAPU,EAAyCT,IAAW,CAC5E,KAAM,CACJU,UAAW,MACXC,SAAU,OACVC,WAAY,OACZC,aAAcb,EAAMO,aAAe,OAAS"}

package/build/cjs/components/numbering/index.d.ts

@@ -0,0 +1 @@
+export * from './numbering';

package/build/cjs/components/numbering/numbering.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { NumberingColors, NumberingSizes } from '../../utils/enum';
+export interface NumberingProps extends React.HTMLAttributes<HTMLDivElement> {
+    index: number;
+    total: number;
+    customSeparator?: string;
+    customStyle?: object;
+    colorTheme?: NumberingColors;
+    size?: NumberingSizes;
+}
+/**
+ * @description SkodaFlow Numbering component.
+ * @param props NumberingProps
+ * @returns React Functional Component
+ */
+export declare const Numbering: React.ForwardRefExoticComponent<NumberingProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/numbering/numbering.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material/styles"),a=require("../../utils/enum.js"),s=require("../../design/skoda/palette.theme.js");function i(e){return e&&e.__esModule?e:{default:e}}const n=i(t).default.forwardRef(((t,o)=>{var a=e.__rest(t,[]);return r.jsxs(l,Object.assign({},a,{style:a.customStyle,"data-testid":"Numbering",children:[r.jsxs("span",{className:"index-container","data-testid":"Numbering.index",children:[a.index," "]}),r.jsxs("span",{className:"separator-container","data-testid":"Numbering.separator",children:[a.customSeparator?a.customSeparator:"/"," "]}),r.jsx("span",{className:"total-container","data-testid":"Numbering.total",children:a.total})]}))})),l=o.styled("div",{shouldForwardProp:e=>"customSeparator"!==e&&"colorTheme"!==e})((r=>{var t=e.__rest(r,["theme"]);let o={};return o={fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"700",fontSize:t.size===a.NumberingSizes.LARGE?"18px":"16px",lineHeight:t.size===a.NumberingSizes.LARGE?"28px":"24px",letterSpacing:"0.02em","& .index-container":{color:t.colorTheme===a.NumberingColors.DARK?s.flowColors.text.primary:s.flowColors.onSurface.os0},"& .separator-container":{color:s.flowColors.onSurface.os600},"& .total-container":{color:s.flowColors.onSurface.os600}},o}));exports.Numbering=n;
+//# sourceMappingURL=numbering.js.map

package/build/cjs/components/numbering/numbering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numbering.js","sources":["../../../../../src/components/numbering/numbering.tsx"],"sourcesContent":[null],"names":["Numbering","React","forwardRef","_a","ref","props","__rest","_jsxs","NumberingStyled","Object","assign","style","customStyle","children","className","index","customSeparator","_jsx","total","styled","shouldForwardProp","prop","args","styles","fontFamily","fontStyle","fontWeight","fontSize","size","NumberingSizes","LARGE","lineHeight","letterSpacing","color","colorTheme","NumberingColors","DARK","flowColors","text","primary","onSurface","os0","os600"],"mappings":"6PAsCO,MAAMA,OAAYC,QAAMC,YAA2C,CAACC,EAAcC,SAATC,EAAKC,EAAAA,OAAAH,EAAV,IACzE,OACEI,OAACC,EAAeC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEM,MAAON,EAAMO,YAAW,cAAc,YAChEC,SAAA,CAAAN,EAAAA,KAAA,OAAA,CAAMO,UAAU,kBAAiB,cAAa,kBAAiBD,SAAA,CAC5DR,EAAMU,MAAO,OAEhBR,EAAAA,KAAA,OAAA,CAAMO,UAAU,sBAAkC,cAAA,sBAC/CD,SAAA,CAAAR,EAAMW,gBAAkBX,EAAMW,gBAAkB,IAAK,OAExDC,EAAAA,IAAA,OAAA,CAAMH,UAAU,kBAA8B,cAAA,kBAC3CD,SAAAR,EAAMa,WAGX,IAKEV,EAAkBW,EAAMA,OAAC,MAAO,CACpCC,kBAAoBC,GAAkB,oBAATA,GAAuC,eAATA,GADrCF,EAEJhB,IAAA,IAAYmB,EAAIhB,EAAAA,OAAAH,EAAhB,WAClB,IAAIoB,EAAS,CAAA,EAmBb,OAlBAA,EAAS,CACPC,WAAY,aACZC,UAAW,SACXC,WAAY,MACZC,SAAUL,EAAKM,OAASC,EAAcA,eAACC,MAAQ,OAAS,OACxDC,WAAYT,EAAKM,OAASC,EAAcA,eAACC,MAAQ,OAAS,OAC1DE,cAAe,SAEf,qBAAsB,CACpBC,MAAOX,EAAKY,aAAeC,EAAAA,gBAAgBC,KAAOC,aAAWC,KAAKC,QAAUF,aAAWG,UAAUC,KAEnG,yBAA0B,CACxBR,MAAOI,EAAAA,WAAWG,UAAUE,OAE9B,qBAAsB,CACpBT,MAAOI,EAAAA,WAAWG,UAAUE,QAGzBnB,CAAM"}

package/build/cjs/components/pagination/index.d.ts

@@ -0,0 +1 @@
+export * from './pagination';

package/build/cjs/components/pagination/pagination.d.ts

@@ -0,0 +1,91 @@
+import { Theme } from '@mui/material/styles';
+import { SxProps } from '@mui/system';
+import React from 'react';
+export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'color' | 'size'> {
+    /**
+     *  The total number of pages.
+     */
+    count?: number;
+    /**
+       The page selected by default
+       */
+    defaultPage?: number;
+    /**
+     *  If true, a pagination will be disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     *  Set the current page number controlled from outside.
+     */
+    page?: number;
+    /**
+     *  The label for previous button.
+     *  @deprecated Previous button label not used by design, will be deleted in future versions
+     */
+    prevButtonLabel?: string;
+    /**
+     *  The label for next button.
+     *  @deprecated Previous button label not used by design, will be deleted in future versions
+     */
+    nextButtonLabel?: string;
+    /**
+     * If true, hide the next-page button.
+     */
+    hideNextButton?: boolean;
+    /**
+     * If true, hide the previous-page button.
+     */
+    hidePrevButton?: boolean;
+    /**
+     * If true, hide the first-page button.
+     */
+    hideFirstButton?: boolean;
+    /**
+     * If true, hide the last-page button.
+     */
+    hideLastButton?: boolean;
+    /**
+     * Number of always visible pages at the beginning and end.
+     */
+    boundaryCount?: number;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: object;
+    /**
+     *	Accepts a function which returns a string value that provides a user-friendly name for the current page.
+     */
+    getItemAriaLabel?: (type: string, page: number, selected: boolean) => string;
+    /**
+     * If true, show the first-page button.
+     * @deprecated showFirstButton not working and is deprecated  as first-button should be visible by default according to design. Use hideFirstButton property instead.
+     */
+    showFirstButton?: boolean;
+    /**
+     * If true, show the last-page button.
+     * @deprecated showLastButton not working and is deprecated  as last-button should be visible by default according to design. Use hideLastButton property instead.
+     */
+    showLastButton?: boolean;
+    /**
+     * Number of always visible pages before and after the current page.
+     */
+    siblingCount?: number;
+    /**
+     * The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * On click callback.
+     */
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * enable or disable direction label. mobile only
+     * @deprecated hideLabels not used by design, will be deleted in future versions
+     */
+    hideLabels?: boolean;
+    /**
+     * callback for value change handling. takes the new value as its only parameter
+     **/
+    onValueChange?: (payload: number) => void;
+}
+export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/pagination/pagination.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("@mui/material/Pagination"),n=require("@mui/material/PaginationItem"),a=require("@mui/material/TextField"),o=require("@mui/material/styles"),r=require("react"),s=require("../../design/skoda/palette.theme.js"),l=require("../../utils/utilities.js"),d=require("../iconButton/index.js"),u=require("../icon/icon.js");function p(e){return e&&e.__esModule?e:{default:e}}var c=p(i),x=p(n),m=p(a);const f=(e,t)=>""===e||"number"==typeof e&&e-1>0&&e+1<=t||"number"==typeof parseInt(e)&&parseInt(e)>0&&parseInt(e)<=t,h=(e,i,n,a,o,r)=>t.jsxs(d.IconButton,{variant:"standard",onClick:i,disabled:n,children:["forward"===a&&!o&&r,t.jsx(u.Icon,{className:e}),"back"===a&&!o&&r]}),g=p(r).default.forwardRef(((i,n)=>{var{count:a,isDisabled:o,page:s,prevButtonLabel:d,nextButtonLabel:p,defaultPage:g,hideNextButton:j,hidePrevButton:v,hideFirstButton:B,hideLastButton:w,hideLabels:y,onValueChange:C}=i,I=e.__rest(i,["count","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange"]);const L=g||1,[N,k]=r.useState(L),[q,P]=r.useState(!0),[S,F]=r.useState();r.useEffect((()=>{N&&C&&C(N)}),[N,C]),r.useEffect((()=>{q?P(!1):s&&!o&&k(s)}),[o,q,s]);const M=r.useCallback(((e,t)=>{k(t)}),[]);return t.jsxs(b,{"data-testid":"Pagination-wrapper",children:[t.jsx(c.default,Object.assign({className:"desktopView"},I,{shape:"rounded",count:a,disabled:o,page:N,hideNextButton:j,hidePrevButton:v,showFirstButton:!B,showLastButton:!w,ref:n,onChange:M,renderItem:e=>t.jsx(x.default,Object.assign({className:l.ternaryCondition(v,!1,"MuiPagination-prev",""),components:{first:()=>t.jsx(u.Icon,{className:"play-previous",fontSize:"small"}),last:()=>t.jsx(u.Icon,{className:"play-next",fontSize:"small"}),previous:()=>t.jsxs(t.Fragment,{children:[t.jsx(u.Icon,{className:"cehvron-left",fontSize:"small"}),t.jsx(t.Fragment,{children:d})]}),next:()=>t.jsxs(t.Fragment,{children:[t.jsx(t.Fragment,{children:p}),t.jsx(u.Icon,{className:"chevron-right",fontSize:"small"})]})}},e))}))," ",t.jsx("div",{style:{display:"flex",flexDirection:"column"},className:"mobileView "+(o?"paginationDisabled":""),children:t.jsxs("div",{className:"mobileContainer",children:[h("chevron-previous",(()=>f(N-1,a)&&k(1)),!f(N-1,a)),h("cehvron-left",(()=>f(N-1,a)&&k(N-1)),!f(N-1,a),"back",y,d),t.jsx(m.default,{className:"textFieldContainer",value:N,inputProps:{inputMode:"numeric",pattern:`[1-${a}]*`},onChange:e=>(e=>{""===e&&(F(N),k(e));const t=parseInt(e);"number"==typeof t&&f(t,a)&&(F(t),k(t))})(e.target.value),onBlur:()=>""===N&&k(S)}),h("chevron-right",(()=>f(N+1,a)&&k(N+1)),!f(N+1,a),"forward",y,p),h("chevron-next",(()=>f(N+1,a)&&k(a)),!f(N+1,a))]})})]})})),b=o.styled("div")((({theme:e})=>{let t={};const i={alignItems:"center",display:"flex",justifyContent:"center",width:"100%"};return t={[e.breakpoints.up("md")]:{"& .mobileView":{display:"none!important"}},[e.breakpoints.down("md")]:{"& .desktopView":{display:"none!important"}},"& .desktopView":{"& .MuiButton-startIcon":{marginRight:"8px",display:"inline-flex"},"& .MuiButton-endIcon":{marginLeft:"8px",display:"inline-flex"}},"& .mobileView":Object.assign(Object.assign({},i),{flexDirection:"column",flexWrap:"nowrap","& .mobileContainer":Object.assign(Object.assign({},i),{flexWrap:"nowrap"}),"& .textFieldContainer":{height:"36px",margin:"0 34px","& input, fieldset":{backgroundColor:s.flowColors.transparent.primary,border:0,borderRadius:"4px",fontSize:"16px",fontWeight:"400",height:"36px",lineHeight:"36px",minWidth:"44px",maxWidth:"50px",padding:"0 4px",textAlign:"center",color:s.flowColors.text.primary},"& fieldset":{visibility:"hidden"},"& div":{"&::before":{borderBottom:0},"&::after":{borderBottom:0}}},"& .controllerContainer":{"& .arrowLabel":{color:s.flowColors.text.primary,fontSize:"16px",fontWeight:"400",lineHeight:"16px"},"& .MuiButton-startIcon":{marginRight:"8px",display:"inline-flex"},"& .MuiButton-endIcon":{marginLeft:"8px",display:"inline-flex"},"& .MuiIcon-root":{fontSize:"16px",width:"20px",height:"20px"}},"& .counter_label":{color:s.flowColors.text.primary,fontSize:"12px",fontWeight:"400",lineHeight:"24px",marginTop:"4px"},"&.paginationDisabled":{pointerEvents:"none","& .counter_label, .MuiIcon-root,.arrowLabel, input, fieldset":{color:s.flowColors.disabled.primary}}})},t}));exports.Pagination=g;
+//# sourceMappingURL=pagination.js.map

package/build/cjs/components/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sources":["../../../../../src/components/pagination/pagination.tsx"],"sourcesContent":[null],"names":["isPageNumberValid","pageNumber","count","parseInt","mobileIconButton","muiIcon","onClick","disabled","direction","hideLabel","label","_jsxs","jsxs","IconButton","variant","children","_jsx","jsx","Icon","className","Pagination","React","forwardRef","_a","ref","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange","props","__rest","initialPage","currentPageNumber","setCurrentPageNumber","useState","isFirstMount","setIsFirstMount","prevStatePageNumber","setPrevStatePageNumber","useEffect","handleChange","useCallback","event","PaginationStyled","MuiPagination","Object","assign","shape","showFirstButton","showLastButton","onChange","renderItem","item","MuiPaginationItem","default","ternaryCondition","components","first","fontSize","last","previous","_Fragment","Fragment","next","style","display","flexDirection","TextField","value","inputProps","inputMode","pattern","val","payload","castToNum","handleValueChange","target","onBlur","styled","theme","flexStyle","alignItems","justifyContent","width","breakpoints","up","down","marginRight","marginLeft","flexWrap","height","margin","backgroundColor","flowColors","transparent","primary","border","borderRadius","fontWeight","lineHeight","minWidth","maxWidth","padding","textAlign","color","text","visibility","borderBottom","marginTop","pointerEvents"],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     *	The size of the loader.  Only working with loader variant.
+     */
+    loaderSize?: 'small' | 'large';
+    /**
+     *	The current state.
+     */
+    state?: 'loading' | 'error' | 'success';
+    /**
+     *	The message displayed when the state is 'error'.
+     */
+    errorMessage?: string;
+    /**
+     *	The message displayed when the state is 'success'.
+     */
+    successMessage?: string;
+    /**
+     * The current percentage of the loading. If loadingPercentage is provided the component becomes controlled.
+     */
+    loadingPercentage?: number;
+    /**
+     *	Text describing the loading percentage.
+     */
+    loadingPercentageDescribeText?: string;
+}
+export declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/progressBar/components/loader.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),s=require("../../icon/icon.js"),i=require("./styledProgressBarMessage.js");function n(e){return e&&e.__esModule?e:{default:e}}const l=n(r).default.forwardRef(((t,r)=>{var{state:n,errorMessage:l,successMessage:d,loaderSize:c,loadingPercentage:g,loadingPercentageDescribeText:m}=t,u=e.__rest(t,["state","errorMessage","successMessage","loaderSize","loadingPercentage","loadingPercentageDescribeText"]);return"error"===n?a.jsxs(i.StyledProgressBarMessage,{state:n,hasJustifyContent:!0,"data-testid":"Loader",children:[a.jsx(s.Icon,{className:"circle-multiply",fontSize:"medium",iconStyle:"filled"}),a.jsx("span",{className:"message",children:l})]}):"success"===n?a.jsxs(i.StyledProgressBarMessage,{state:n,hasJustifyContent:!0,"data-testid":"Loader",children:[a.jsx(s.Icon,{className:"circle-check",fontSize:"medium",iconStyle:"filled",color:"primary"}),a.jsx("span",{className:"message",children:d})]}):a.jsxs(o,Object.assign({loaderSize:c,loadingPercentage:g},u,{ref:r,"data-testid":"Loader",children:[(g||0===g)&&a.jsx("span",{className:"loading-text","data-testid":"Loader.percentage",children:m?`${m} ${g} %`:`${g} %`}),a.jsx("div",{className:"bar",children:a.jsx("div",{className:"mainBar"})})]}))})),o=t.styled("div",{shouldForwardProp:e=>"loaderSize"!==e&&"loadingPercentage"!==e})((a=>{var{theme:t}=a,r=e.__rest(a,["theme"]);const s="small"===r.loaderSize?"4px":"8px",i={width:"100%",maxWidth:"0",height:s,background:t.palette.brand.primary,animation:"animate 8s infinite",transition:null};(r.loadingPercentage||0===r.loadingPercentage)&&(i.maxWidth=`${r.loadingPercentage}%`,i.animation=null,i.transition="max-width 1s");let n={};return n={fontSize:"14px",lineHeight:"20px",color:t.palette.onSurface.os900,display:"flex",flexDirection:"column",fontWeight:500,"& .loading-text":{alignSelf:"flex-end",marginBottom:"4px",fontSize:"14px",lineHeight:"20px",color:t.palette.onSurface.os900},"@keyframes animate":{" 0%":{maxWidth:"0%"},"20%":{maxWidth:"20%"},"50%":{maxWidth:"50%"},"100%":{maxWidth:"100%"}},"& .bar":{width:" 100%",height:s,overflow:"hidden",background:t.palette.onSurface.os100,display:"inline-block","& > .mainBar":i}},n}));exports.Loader=l;
+//# sourceMappingURL=loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sources":["../../../../../../src/components/progressBar/components/loader.tsx"],"sourcesContent":[null],"names":["Loader","React","forwardRef","_a","ref","state","errorMessage","successMessage","loaderSize","loadingPercentage","loadingPercentageDescribeText","props","__rest","_jsxs","jsxs","StyledProgressBarMessage","hasJustifyContent","_jsx","Icon","className","fontSize","iconStyle","children","color","jsx","StyledLoader","Object","assign","styled","shouldForwardProp","prop","theme","args","height","mainBarStyles","width","maxWidth","background","palette","brand","primary","animation","transition","styles","lineHeight","onSurface","os900","display","flexDirection","fontWeight","alignSelf","marginBottom","overflow","os100"],"mappings":"+OAgCO,MAAMA,OAASC,QAAMC,YAC1B,CACEC,EACAC,KADA,IAAAC,MAAEA,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,WAAEA,EAAUC,kBAAEA,EAAiBC,8BAAEA,GAAyCP,EAAPQ,EAAKC,EAAAA,OAAAT,EAA7G,4GAGA,MAAc,UAAVE,EAEAQ,EAACC,KAAAC,EAAwBA,yBAAC,CAAAV,MAAOA,EAAOW,mBAAmB,EAAkB,cAAA,mBAC3EC,EAAAA,IAACC,EAAAA,MAAKC,UAAU,kBAAkBC,SAAS,SAASC,UAAU,WAC9DJ,EAAAA,IAAM,OAAA,CAAAE,UAAU,UAASG,SAAEhB,OAGnB,YAAVD,EAEAQ,EAAAA,KAACE,EAAAA,0BAAyBV,MAAOA,EAAOW,mBAAmB,EAAI,cAAc,SAC3EM,SAAA,CAAAL,EAAAA,IAACC,EAAAA,KAAK,CAAAC,UAAU,eAAeC,SAAS,SAASC,UAAU,SAASE,MAAM,YAC1EN,EAAMO,IAAA,OAAA,CAAAL,UAAU,UAASG,SAAEf,OAK/BM,EAACC,KAAAW,EACCC,OAAAC,OAAA,CAAAnB,WAAYA,EACZC,kBAAmBA,GACfE,EACJ,CAAAP,IAAKA,EAAG,cACI,SAAQkB,SAAA,EAElBb,GAA2C,IAAtBA,IACrBQ,EAAAO,IAAA,OAAA,CAAML,UAAU,eAA2B,cAAA,6BACxCT,EACG,GAAGA,KAAiCD,MACpC,GAAGA,QAGXQ,aAAKE,UAAU,MACbG,SAAAL,EAAAO,IAAA,MAAA,CAAKL,UAAU,iBAGnB,IAIAM,EAAeG,EAAMA,OAAC,MAAO,CACjCC,kBAAoBC,GAAkB,eAATA,GAAkC,sBAATA,GADnCF,EAEJzB,IAAA,IAAA4B,MAAEA,GAAgB5B,EAAN6B,EAAIpB,EAAAA,OAAAT,EAAhB,WACf,MAAM8B,EAA6B,UAApBD,EAAKxB,WAAyB,MAAQ,MAC/C0B,EAAgB,CACpBC,MAAO,OACPC,SAAU,IACVH,OAAQA,EACRI,WAAYN,EAAMO,QAAQC,MAAMC,QAChCC,UAAW,sBACXC,WAAY,OAGVV,EAAKvB,mBAAgD,IAA3BuB,EAAKvB,qBACjCyB,EAAcE,SAAW,GAAGJ,EAAKvB,qBACjCyB,EAAcO,UAAY,KAC1BP,EAAcQ,WAAa,gBAG7B,IAAIC,EAAS,CAAA,EA0Cb,OAzCAA,EAAS,CACPvB,SAAU,OACVwB,WAAY,OACZrB,MAAOQ,EAAMO,QAAQO,UAAUC,MAC/BC,QAAS,OACTC,cAAe,SACfC,WAAY,IACZ,kBAAmB,CACjBC,UAAW,WACXC,aAAc,MACd/B,SAAU,OACVwB,WAAY,OACZrB,MAAOQ,EAAMO,QAAQO,UAAUC,OAEjC,qBAAsB,CACpB,MAAO,CACLV,SAAU,MAGZ,MAAO,CACLA,SAAU,OAGZ,MAAO,CACLA,SAAU,OAGZ,OAAQ,CACNA,SAAU,SAGd,SAAU,CACRD,MAAO,QACPF,OAAQA,EACRmB,SAAU,SACVf,WAAYN,EAAMO,QAAQO,UAAUQ,MACpCN,QAAS,eACT,eAAgBb,IAIbS,CAAM"}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     *	The current state.
+     */
+    state?: 'loading' | 'error' | 'success';
+    /**
+     *	The message displayed when the state is 'error'.
+     */
+    errorMessage?: string;
+    /**
+     *	The message displayed when the state is 'success'.
+     */
+    successMessage?: string;
+    /**
+     *	The current percentage of the loading. If loadingPercentage is provided the component becomes controlled.
+     */
+    loadingPercentage?: number;
+    /**
+     *	Text describing the loading percentage.
+     */
+    loadingPercentageDescribeText?: string;
+    /**
+     *	Defining the behavior of the animation when loadingPercentage is provided. Only working with spinner variant.
+     */
+    spinnerControlledAnimation?: 'controlled' | 'infinite';
+}
+export declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;

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

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

package/build/cjs/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","jsxs","StyledProgressBarMessage","_jsx","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":"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"}

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

@@ -0,0 +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>, {}>;

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

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib");const t=require("@mui/material").styled("div",{shouldForwardProp:e=>"hasJustifyContent"!==e})((t=>{var{theme:r}=t,a=e.__rest(t,["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}}}));exports.StyledProgressBarMessage=t;
+//# sourceMappingURL=styledProgressBarMessage.js.map

package/build/cjs/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":"oCAEa,MAAAA,2BAAiCC,OAAC,MAAO,CACpDC,kBAAoBC,GAAkB,sBAATA,GADSF,EAEyBG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,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/cjs/components/progressBar/index.d.ts

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

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

@@ -0,0 +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>>;

package/build/cjs/components/progressBar/progressBar.js

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

package/build/cjs/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","Object","assign","Spinner"],"mappings":"kNAWO,MAAMA,OAAcC,QAAMC,YAA6C,CAACC,EAAuBC,KAAvB,IAAAC,QAAEA,GAAmBF,EAAPG,EAAKC,EAAAA,OAAAJ,EAAnB,aAC7E,MAAMK,EAAqBC,EAAAA,aAAY,IAChCH,EAAMI,mBAAiD,IAA5BJ,EAAMI,kBAClCJ,EAAMI,kBAAoB,EAAU,EACpCJ,EAAMI,kBAAoB,IAAY,IAEnCJ,EAAMI,kBAJyDJ,EAAMI,mBAK3E,CAACJ,EAAMI,oBAEV,OACEC,EAAAA,2BACG,IACY,WAAZN,EACCO,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CAAA,EAAKT,EAAO,CAAAI,kBAAmBF,IAAsBJ,IAAKA,KAEjEQ,EAAAA,IAACI,EAAOA,QAAAF,OAAAC,OAAA,CAAA,EAAKT,EAAK,CAAEI,kBAAmBF,IAAsBJ,IAAKA,KACjE,MAEL"}

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

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

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

@@ -0,0 +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<Omit<RadioButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/build/cjs/components/radioButton/radioButton.js

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

package/build/cjs/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","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":"4TA4DO,MAAMA,EAAcC,EAAAA,QAAMC,YAAgD,CAACC,EAAOC,KACvF,MAAMC,EACJC,OAACC,EAAiB,CAACC,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,MACxDC,SAAA,CAAAC,EAAAC,IAACC,UAAcC,OAAAC,OAAA,CAAA,EAAKZ,EAAK,CAAEC,IAAKA,EAAKY,MAAOb,EAAMM,MAAQ,QAAU,aACnEN,EAAMc,OAAgC,iBAAhBd,EAAMc,OAAsBN,EAAKC,IAAA,MAAA,CAAAM,UAAU,qBAAsBR,SAAAP,EAAMc,WAIlG,OAAOd,EAAMc,OAAgC,iBAAhBd,EAAMc,OAAsBd,EAAMc,MAAME,OAAS,EAC5ER,EAAAA,IAACS,EAAAA,QAAsB,CAACC,QAAShB,EAAOY,MAAOd,EAAMc,MAAOT,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,QAAS,CAG7G,IAMGF,EAAoBe,EAAMA,OAAC,MAAO,CACtCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GADzBF,EAEgCG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAA,OAAAH,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,EAAgBA,iBAACb,EAAKnB,UAAU,EAAM,OAAQ,OAC7DQ,MAAOwB,EAAAA,iBAAiBb,EAAKlB,QAAUkB,EAAKnB,UAAU,EAAMkB,EAAMe,QAAQC,MAAMC,KAAM,WACtF,MAAO,CACL3B,MAAO,UACP4B,eAAgB,YAChBN,WAAY,OAEd,MAAO,CACLO,OAAQ,KAIVlB,EAAKnB,WACPqB,EAAMf,OAAAC,OAAAD,OAAAC,OAAA,GACDc,GAAM,CACTb,MAAOwB,EAAAA,iBAAiBb,EAAKnB,UAAU,EAAMkB,EAAMe,QAAQjC,SAASsC,QAAS,cAG1EjB,CAAM"}

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

@@ -0,0 +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?: 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/cjs/components/selectInput/formControlSelectStyled.js

@@ -0,0 +1,2 @@
+"use strict";var o=require("tslib"),t=require("@mui/material/FormControl"),e=require("@mui/material/styles"),i=require("../../design/skoda/palette.theme.js");function r(o){return o&&o.__esModule?o:{default:o}}var a=r(t);const n=e.styled(a.default,{shouldForwardProp:o=>"helpText"!==o&&"hideBg"!==o&&"hasError"!==o&&"hovered"!==o&&"value"!==o&&"staticLabel"!==o})((t=>{var{theme:e}=t,r=o.__rest(t,["theme"]);let a={};const n=(o=>({fontSize:"24px !important",position:"absolute",flexShrink:0,pointerEvents:"none",display:"block",color:o.focused||o.value||o.hovered?"inherit":"rgba(0, 0, 0, 0.54)"}))(r),s={paddingBottom:r.staticLabel?"16px":"6px",paddingTop:r.staticLabel?"16px":"26px"};a={height:"56px",minWidth:"200px !important",background:i.flowColors.transparent.primary,borderRadius:"4px 4px 0px 0px",borderBottom:r.focused?`2px solid ${i.flowColors.brand.primary}`:r.value?`1px solid ${i.flowColors.onSurface.os900}`:`1px solid ${i.flowColors.onSurface.os500}`,"& > .MuiIcon-root":Object.assign(Object.assign({},n),{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:r.hovered||r.focused?i.flowColors.text.primary:i.flowColors.onSurface.os500,maxWidth:"calc(100% - 56px)","&:hover":{color:i.flowColors.text.primary}},"& > label.MuiInputLabel-root.MuiInputLabel-shrink":{transform:"translate(14px, 8px) scale(0.75)",paddingLeft:0,fontWeight:400,color:r.focused?i.flowColors.brand.primary:i.flowColors.onSurface.os500},"& > label.MuiInputLabel-root.MuiInputLabel-shrink.Mui-disabled":{color:i.flowColors.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.flowColors.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({},n),{right:"15.5px",width:"24px",top:"19px"})}};const l=a["& > label.MuiInputLabel-root"];if(r.icon&&(a=Object.assign(Object.assign({},a),{"& > label.MuiInputLabel-root":Object.assign(Object.assign({},l),{paddingLeft:"40px"}),"& > label.MuiInputLabel-root.MuiInputLabel-shrink":Object.assign(Object.assign({},a["& > 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.flowColors.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({},n),{right:"12.5px",width:"24px",top:"19px","&:hovered":{}})}})),r.disabled&&(l.color=i.flowColors.disabled.primary,a=Object.assign(Object.assign({},a),{borderBottom:`1px solid ${i.flowColors.disabled.primary}`,"& > .MuiIcon-root":Object.assign(Object.assign({},n),{width:"50px",height:"56px",display:"inline-flex",top:"0",alignItems:"center",justifyContent:"center",paddingBottom:"8px",color:e.palette.disabled.primary}),"& > .MuiInputBase-root":Object.assign(Object.assign({},a["& > .MuiInputBase-root"]),{"& > .MuiIcon-root":Object.assign(Object.assign({},n),{right:"12.5px",top:"19px",color:e.palette.disabled.primary})})})),r.error){const o=r.focused||r.hovered?e.palette.alert.main:e.palette.onSurface.os500;l.color=o,a=Object.assign(Object.assign({},a),{borderBottom:`2px solid ${e.palette.alert.main}`,"& > label.MuiInputLabel-root.MuiInputLabel-shrink":Object.assign(Object.assign({},a["& > label.MuiInputLabel-root.MuiInputLabel-shrink"]),{color:o})})}return a}));exports.FormControlSelectStyled=n;
+//# sourceMappingURL=formControlSelectStyled.js.map

package/build/cjs/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":"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"}

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

@@ -0,0 +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;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectInput.js","sources":["../../../../../../src/components/selectInput/hook/useSelectInput.ts"],"sourcesContent":[null],"names":["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":"2DAE8B,CAC5BA,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAMC,EAAiBC,EAAWA,aAAC,CAACC,EAAGC,EAAUC,KAE/CA,EADmBF,EAAEG,OAAOT,OAE5BO,GAAYA,EAASD,EAAE,GACtB,IAGGI,EAAeL,EAAAA,aAAY,CAACM,EAAcC,KAC9CD,GAAa,GACbC,GAAUA,GAAQ,GACjB,IAGGC,EAAgBR,EAAAA,aAAY,CAACM,EAAcG,KAC/CH,GAAa,GACbG,GAAWA,GAAS,GACnB,IAsBH,OApBAC,EAAAA,WAAU,KACHpB,GAAaA,EAASqB,SAC3BpB,EAAoBD,EAASqB,QAAQC,YAAc,KAAK,GACvD,CAACtB,EAAUG,EAAWF,IAEzBmB,EAAAA,WAAU,KACRlB,EAAiBE,EAAS,GACzB,CAACJ,EAAUI,EAAUF,IAGxBkB,EAAAA,WAAU,KACJf,GAASA,EAAMkB,OAAS,GAC1BjB,EAAgBD,EACjB,GACA,CAACC,EAAiBD,IAErBe,EAAAA,WAAU,KACRZ,EAAcD,EAAS,GACtB,CAACA,EAAUC,IAEP,CACLC,iBACAM,eACAG,gBACD"}

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

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

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

@@ -0,0 +1,7 @@
+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/cjs/components/selectInput/inputLabelSelect.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material");exports.default=({staticLabel:t,currentValue:l,opened:u,label:a})=>t&&l?null:e.jsx(r.InputLabel,{shrink:!(!l&&!u),id:a,children:a});
+//# sourceMappingURL=inputLabelSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inputLabelSelect.js","sources":["../../../../../src/components/selectInput/inputLabelSelect.tsx"],"sourcesContent":[null],"names":["staticLabel","currentValue","opened","label","_jsx","jsx","InputLabel","shrink","id","children"],"mappings":"kJAGyB,EAAGA,cAAaC,eAAcC,SAAQC,WACzDH,GAAeC,EACV,KAGLG,EAACC,IAAAC,EAAUA,WAAC,CAAAC,UAAQN,IAAgBC,GAAuBM,GAAIL,EAC5DM,SAAAN"}

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

@@ -0,0 +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?: 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/cjs/components/selectInput/selectInput.js

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