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

package/build/cjs/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","jsxs","FormControlSelectStyled","Object","assign","width","disabled","error","hasError","hideBg","onMouseEnter","onMouseLeave","onMouseDown","e","elemWidth","currentTarget","offsetWidth","icon","focused","variant","Icon","color","className","InputLabelSelect","default","jsx","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/table/tableStyled.d.ts → cjs/components/slider/containerStyled.d.ts}

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-type Marks = boolean | {
-    value: number;
-    label?: React.ReactNode;
-}[];
-export declare const TableStyled: 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/cjs/components/slider/containerStyled.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib");function t(e){return e&&e.__esModule?e:{default:e}}const i=t(require("@emotion/styled")).default.div((t=>{var i=e.__rest(t,["theme"]);let r={};if(!i.marks)return r;let n={};return r={position:"relative",padding:"0px 3px"},n=Array.isArray(i.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}));exports.ContainerStyled=i;
+//# sourceMappingURL=containerStyled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"containerStyled.js","sources":["../../../../../src/components/slider/containerStyled.tsx"],"sourcesContent":[null],"names":["ContainerStyled","default","div","_a","args","__rest","style","marks","rule","position","padding","Array","isArray","value","marginLeft","marginRight","Object","assign"],"mappings":"uFAQa,MAAAA,gCAAwBC,QAACC,KAAmCC,IAAA,IAAYC,EAAIC,EAAAA,OAAAF,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/cjs/components/slider/index.d.ts

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

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

@@ -0,0 +1,148 @@
+import React from 'react';
+export type ValueComponentType = 'default' | 'input' | 'labeledInput' | null;
+/**
+ * @interface Base defintion of SkodaFlow Slider component independent on core implementation.
+ * Properties are inherited from HTML Span element and component functionality is taken from @mui/material/Slider v5.0.1.
+ * @link https://mui.com/api/slider
+ */
+export interface SliderProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color' | 'defaultValue' | 'onChange'> {
+    /**
+     *  Disabled state, not changeable.
+     */
+    disabled?: boolean;
+    /**
+     * The default values of the slider. Use array in order to have more than 1 thumb.
+     */
+    defaultValue?: number | number[];
+    /**
+     * Use valueLabelDisplay for hovered thumb with value text.
+     * - `auto` the value label will display when the thumb is hovered or focused.
+     * - `on` will display persistently.
+     * - `off` will never display.
+     * @default 'off'
+     */
+    valueLabelDisplay?: 'on' | 'auto' | 'off';
+    /**
+     * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
+     * @default false
+     */
+    disableSwap?: boolean;
+    /**
+     * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
+     * This is important for screen reader users.
+     * @param {number} index The thumb label's index to format.
+     * @returns {string}
+     */
+    getAriaLabel?: (index: number) => string;
+    /**
+     * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
+     * This is important for screen reader users.
+     * @param {number} value The thumb label's value to format.
+     * @param {number} index The thumb label's index to format.
+     * @returns {string}
+     */
+    getAriaValueText?: (value: number, index: number) => string;
+    /**
+     * The maximum allowed value of the slider.
+     * Should not be equal to min.
+     * @default 100
+     */
+    max?: number;
+    /**
+     * The minimum allowed value of the slider.
+     * Should not be equal to max.
+     * @default 0
+     */
+    min?: number;
+    /**
+     * Callback function that is fired when the slider's value changed.
+     *
+     * @param {Event} event The event source of the callback.
+     * You can pull out the new value by accessing `event.target.value` (any).
+     * **Warning**: This is a generic event not a change event.
+     * @param {number | number[]} value The new value.
+     * @param {number} activeThumb Index of the currently moved thumb.
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | Event, value: number | number[], activeThumb?: number) => void;
+    /**
+     * Callback function that is fired on input blur.
+     *
+     * @param {Event} event The event source of the callback.
+     * You can pull out the new value by accessing `event.target.value` (any).
+     * **Warning**: This is a generic event not a change event.
+     * @param {number} activeThumb Index of the currently moved thumb.
+     */
+    onInputBlur?: (event: React.ChangeEvent<HTMLInputElement> | Event, activeThumb?: number) => void;
+    /**
+     * Callback function that is fired when the `mouseup` is triggered. Only working when using directly the slider.
+     *
+     * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
+     * @param {number | number[]} value The new value.
+     */
+    onChangeCommitted?: (event: React.SyntheticEvent | Event, value: number | number[]) => void;
+    /**
+     * Marks indicate predetermined values to which the user can move the slider.
+     * If `true` the marks are spaced according the value of the `step` prop.
+     * If an array, it should contain objects with `value` and an optional `label` keys.
+     * @default false
+     */
+    marks?: boolean | {
+        value: number;
+        label?: React.ReactNode;
+    }[];
+    /**
+     * The granularity with which the slider can step through values. (A "discrete" slider.)
+     * The `min` prop serves as the origin for the valid values.
+     * We recommend (max - min) to be evenly divisible by the step.
+     *
+     * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.
+     * @default 1
+     */
+    step?: number | null;
+    /**
+     * Left side/min label of the value input.
+     */
+    leftSideLabel?: string;
+    /**
+     * Right side/max label of the value input.
+     */
+    rightSideLabel?: string;
+    /**
+     * Left side/min text description of the value input.
+     */
+    minTextDescription?: string;
+    /**
+     * Right side/max text description of the value input.
+     */
+    maxTextDescription?: string;
+    /**
+     * The type of the value input.
+     */
+    valueComponentType?: ValueComponentType;
+    /**
+     * The value of the slider. For ranged sliders, provide an array with two values.
+     */
+    value?: number | number[];
+    /**
+     * If true the currency is displayed in front of the value.
+     */
+    isCurrencyInFront?: boolean;
+    /**
+     * Thousands separator variants for formatting currency
+     */
+    thousandsSeparator?: '.' | ',' | ' ';
+    /**
+     * Decimal separator variants for formatting currency
+     */
+    decimalSeparator?: '.' | ',';
+    /**
+     * to hide or show decimals. Default value true
+     */
+    hiddenDecimalSeparator?: boolean;
+}
+/**
+ * @description Styled SkodaFlow Slider component
+ * @param props SliderProps
+ * @returns React Functional Component
+ */
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;

package/build/cjs/components/slider/slider.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),r=require("@mui/material/Slider"),t=require("@mui/material/styles"),l=require("react"),i=require("../common/resizableSliderInput.js"),d=require("../common/styled/sliderValuesStyled.js"),n=require("./containerStyled.js");function s(e){return e&&e.__esModule?e:{default:e}}var u=s(r);const o=s(l).default.forwardRef(((r,t)=>{var{min:s,max:u,defaultValue:o,valueComponentType:c,leftSideLabel:b,rightSideLabel:x,disabled:S,disableSwap:h,step:v,value:f,isCurrencyInFront:y,minTextDescription:g="",maxTextDescription:j="",onChange:C,onInputBlur:D,thousandsSeparator:I=" ",decimalSeparator:T=",",hiddenDecimalSeparator:$=!0}=r,F=e.__rest(r,["min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator"]);const k=l.useMemo((()=>((e,a,r,t)=>void 0!==t?t:void 0!==r?r:a&&!e?[0,a]:!a&&e?e:0)(s,u,o,f)),[s,u,o,f]),[q,V]=l.useState(k);l.useEffect((()=>{f&&V((()=>f))}),[f]);const B=l.useCallback((e=>(e=>{let a=e?parseInt(e):-1;return isNaN(a)&&(a=-1),a})(e)),[]),L=l.useCallback(((e,a,r)=>{if(!Array.isArray(a))return V(a),void(C&&C(e,a,r));V(0===r?[Math.min(a[0],a[1]-v-1),a[1]]:[a[0],Math.max(a[1],a[0]+v+1)]),C&&C(e,a,r)}),[C,v]),M=l.useCallback((e=>{let a=B(e.target.value);a>u&&(a=u),C&&C(e,a),V((()=>a))}),[B,u,C]),A=l.useCallback(((e,a)=>{let r=B(e.target.value);1===a&&r>u?r=u:0===a&&r>q[1]&&(r=q[1]),V((t=>{let l=[...t];return l[a]=r,l[0]>l[1]&&(l=[0,v+1]),C&&C(e,l,a),l}))}),[B,u,C,v,q]),N=l.useMemo((()=>Array.isArray(q)?((e,r,t,l,d,n,s,u,o,p,c,b,x)=>{if("default"===e||!e){const e=m("number"==typeof r[0]?r[0]:parseInt(r[0]),b,c,x),t=m("number"==typeof r[1]?r[1]:parseInt(r[1]),b,c,x);return a.jsxs("div",{className:"range-values",children:[a.jsx("div",{"data-testid":"Slider.minVal",children:p?`${d} ${e}`:`${e} ${d}`}),a.jsx("div",{className:"middle-side"}),a.jsx("div",{"data-testid":"Slider.maxVal",children:p?`${n} ${t}`:`${t} ${n}`})]})}return a.jsxs("div",{className:"range-values",children:[a.jsx(i.default,{id:"slider-double-value-left-label-input",onChange:s,onBlur:u,value:r[0],thousandsSeparator:c,decimalSeparator:b,hiddenDecimalSeparator:x,thumb:0,disabled:o,textDescription:d,labelText:"input"===e?null:t,isCurrencyInFront:p,"data-testid":"Slider.minVal"}),a.jsx("div",{className:"middle-side"}),a.jsx(i.default,{id:"slider-double-value-right-label-input",onChange:s,onBlur:u,value:r[1],thousandsSeparator:c,decimalSeparator:b,hiddenDecimalSeparator:x,thumb:1,disabled:o,textDescription:n,labelText:"labeledInput"===e?l:null,isCurrencyInFront:p,"data-testid":"Slider.maxVal"})]})})(c,q,b,x,g,j,A,D,S,y,I,T,$):((e,r,t,l,d,n,s,u,o,p,c)=>{if("default"===e||!e){const e=m("number"==typeof r?r:parseInt(r),p,o,c);return a.jsxs("div",{"data-testid":"Slider.minVal",children:[l&&u?`${l} ${e}`:l?`${e} ${l}`:e," "]})}return a.jsx(i.default,{id:"slider-single-value-label-input",value:r,thousandsSeparator:o,decimalSeparator:p,hiddenDecimalSeparator:c,onChange:d,onBlur:n,disabled:s,textDescription:l,labelText:"labeledInput"===e?t:null,isCurrencyInFront:u})})(c,q,b,g,M,D,S,y,I,T,$)),[S,y,b,j,g,A,M,D,x,c,q,I,T,$]);return a.jsxs(n.ContainerStyled,{value:q,marks:F.marks,"data-testid":"Slider","data-state":S?"disabled":void 0,children:[a.jsx(p,Object.assign({},F,{disabled:S,ref:t,onChange:L,min:s,max:u,step:v,disableSwap:h,valueLabelFormat:e=>m(e,T,I,$),value:q})),a.jsx(d.default,{disabled:S,children:N})]})})),p=t.styled(u.default,{shouldForwardProp:e=>"minTextDescription"!==e&&"maxTextDescription"!==e&&"leftSideLabel"!==e&&"rightSideLabel"!==e&&"valueComponentType"!==e})((a=>{var r=e.__rest(a,["theme"]);if(!r.marks)return null;let t={};Array.isArray(r.value)||(t={"& .MuiSlider-track":{left:"-3px !important"}});let l={"& .MuiSlider-rail":{left:"-3px",paddingRight:"6px"}};return l=Object.assign(Object.assign({},l),t),l})),m=(e,a,r,t)=>t?e.toFixed().replace(/\B(?=(\d{3})+(?!\d))/g,r):e.toFixed(2).replace(".",a).replace(/\B(?=(\d{3})+(?!\d))/g,r);exports.Slider=o;
+//# sourceMappingURL=slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sources":["../../../../../src/components/slider/slider.tsx"],"sourcesContent":[null],"names":["Slider","React","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","props","__rest","getInitialValueWithUseCallBack","useMemo","undefined","getInitialValue","values","setValues","useState","useEffect","getFormattedValueWithUseCallBack","useCallback","_value","result","parseInt","isNaN","getFormattedValue","onChangeHandler","event","activeThumb","Array","isArray","Math","onChangeSingleValue","e","newValue","target","onChangeDoubleValue","thumb","curr","newArrayValue","valuesComponent","type","onBlur","minVal","getFormattedString","maxVal","_jsxs","className","children","_jsx","jsxs","jsx","ResizableSliderInput","id","textDescription","labelText","default","getDoubleValueComponent","val","getSingleValueComponent","ContainerStyled","marks","SliderStyled","valueLabelFormat","v","SliderValuesStyled","styled","MuiSlider","shouldForwardProp","prop","args","rule","left","style","paddingRight","Object","assign","num","toFixed","replace"],"mappings":"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"}

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

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

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

@@ -0,0 +1,82 @@
+import React from 'react';
+/**
+ * @type IconType
+ * @description The possible values for the icons.
+ */
+export type IconType = 'alert' | 'warning' | 'success' | '';
+/**
+ * @interface SnackbarProps
+ * @description Base definition of SkodaFlow Snackbar independent on core implementation.
+ * Properties are inherited from HTML Div element
+ */
+export interface SnackbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, the component is shown.
+     */
+    open: boolean;
+    /**
+     * The react set state hook to control open/close of the snackbar.
+     */
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to
+     * hide the Snackbar. This behavior is disabled by default with the null value.
+     */
+    autoHideDuration?: number | null;
+    /**
+     * The title of the action button.
+     */
+    actionButtonTitle?: string;
+    /**
+     * The function called on clicking action button.
+     */
+    closeOnClickaway?: boolean;
+    /**
+     * 	The anchor of the Snackbar. Default { vertical: 'bottom', horizontal: 'left' }
+     */
+    anchorOrigin?: {
+        horizontal: 'center' | 'left' | 'right';
+        vertical: 'bottom' | 'top';
+    };
+    /**
+     * If true, the autoHideDuration timer will expire even if the window is not focused.
+     */
+    disableWindowBlurListener?: boolean;
+    /**
+     *	The number of milliseconds to wait before dismissing after user interaction. If autoHideDuration prop isn't specified, it does nothing. If autoHideDuration prop is specified but resumeHideDuration isn't, we default to autoHideDuration / 2 ms.
+     */
+    resumeHideDuration?: number;
+    /**
+     * Props applied to the transition element. By default, the element is based on this Transition component.
+     * http://reactcommunity.org/react-transition-group/transition
+     */
+    TransitionProps?: unknown;
+    /**
+     * The function called on clicking action button.
+     */
+    handleAction: (event: React.SyntheticEvent | Event, reason?: string) => void;
+    /**
+     * Additional callback after closing the snackbar.
+     */
+    handleClose?: (event: React.SyntheticEvent | Event, reason?: string) => void;
+    /**
+     * The icon type provided.
+     */
+    icon?: IconType;
+    /**
+     * The message provided.
+     */
+    message: string;
+    /**
+     * Optional header.
+     */
+    header?: string;
+}
+/**
+ * @description SkodaFlow Snackbar component.
+ * Properties are inherited from HTML Div element.
+ * @param props SnackbarProps
+ * @returns React Functional Component
+ */
+export declare const Snackbar: React.ForwardRefExoticComponent<SnackbarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const checkForIcon: (icon: string) => boolean;

package/build/cjs/components/snackbar/snackbar.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),a=require("react"),i=require("@mui/material/styles"),n=require("@mui/material/Snackbar"),t=require("./snackbarMessage.js");function o(e){return e&&e.__esModule?e:{default:e}}var s=o(a),u=o(n);const c=s.default.forwardRef((({open:e,setOpen:i,icon:n,message:o,header:s,handleAction:u,autoHideDuration:c,actionButtonTitle:d,handleClose:p,closeOnClickaway:m,anchorOrigin:h,disableWindowBlurListener:x,resumeHideDuration:g,TransitionProps:b},k)=>{const f=a.useMemo((()=>d&&r.jsx("button",{onClick:u,children:d})),[d,u]),w=a.useMemo((()=>r.jsx(t.SnackbarMessage,{icon:n,header:s,message:o})),[s,n,o]),B=a.useCallback(((e,r)=>{(m||"clickaway"!==r)&&(p&&p(e,r),i(!1))}),[m,p,i]);return r.jsx(l,{actionButtonTitle:d,open:e,autoHideDuration:c,onClose:B,icon:n,header:s,message:w,action:f,anchorOrigin:h,disableWindowBlurListener:x,resumeHideDuration:g,TransitionProps:b,ref:k})})),d=e=>"alert"===e||"warning"===e||"success"===e,l=i.styled(u.default,{shouldForwardProp:e=>"actionButtonTitle"!==e})((r=>{var a=e.__rest(r,["theme"]);return{"& .MuiPaper-root":{paddingLeft:d(a.icon)?"18px":"16px",paddingTop:a.header?"12px":"8px",paddingBottom:a.header?"12px":"8px","& > .MuiSnackbarContent-message":{"& > div":{"& .custom-snackbar-divider":{display:a.actionButtonTitle?"flex":"none"}}}}}}));exports.Snackbar=c,exports.checkForIcon=d;
+//# sourceMappingURL=snackbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.js","sources":["../../../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":[null],"names":["Snackbar","React","forwardRef","open","setOpen","icon","message","header","handleAction","autoHideDuration","actionButtonTitle","handleClose","closeOnClickaway","anchorOrigin","disableWindowBlurListener","resumeHideDuration","TransitionProps","ref","actionComponent","useMemo","_jsx","jsx","onClick","children","messageComponent","SnackbarMessage","mainHandleClose","useCallback","event","reason","SnackbarStyled","onClose","action","checkForIcon","styled","MuiSnackbar","shouldForwardProp","prop","_a","args","__rest","paddingLeft","paddingTop","paddingBottom","display"],"mappings":"mQAyFa,MAAAA,EAAWC,EAAAA,QAAMC,YAC5B,EAEIC,OACAC,UACAC,OACAC,UACAC,SACAC,eACAC,mBACAC,oBACAC,cACAC,mBACAC,eACAC,4BACAC,qBACAC,mBAEFC,KAEA,MAAMC,EAAkBC,EAAAA,SAAQ,IACvBT,GAAqBU,EAAQC,IAAA,SAAA,CAAAC,QAASd,EAAYe,SAAGb,KAC3D,CAACA,EAAmBF,IACjBgB,EAAmBL,EAAAA,SACvB,IAAMC,EAAAA,IAACK,EAAAA,gBAAe,CAACpB,KAAMA,EAAME,OAAQA,EAAQD,QAASA,KAC5D,CAACC,EAAQF,EAAMC,IAGXoB,EAAkBC,EAAAA,aACtB,CAACC,EAAqCC,MAC/BjB,GAA+B,cAAXiB,KAIrBlB,GAAaA,EAAYiB,EAAOC,GACpCzB,GAAQ,GAAM,GAEhB,CAACQ,EAAkBD,EAAaP,IAGlC,OACEgB,EAACC,IAAAS,EACC,CAAApB,kBAAmBA,EACnBP,KAAMA,EACNM,iBAAkBA,EAClBsB,QAASL,EACTrB,KAAMA,EACNE,OAAQA,EACRD,QAASkB,EACTQ,OAAQd,EACRL,aAAcA,EACdC,0BAA2BA,EAC3BC,mBAAoBA,EACpBC,gBAAiBA,EACjBC,IAAKA,GAEP,IAIOgB,EAAgB5B,GACX,UAATA,GAA6B,YAATA,GAA+B,YAATA,EAM7CyB,EAAiBI,EAAMA,OAACC,UAAa,CACzCC,kBAAoBC,GAAkB,sBAATA,GADRH,EAQpBI,IAAA,IAAYC,EAAIC,EAAAA,OAAAF,EAAhB,WACD,MAAO,CACL,mBAAoB,CAClBG,YAAaR,EAAaM,EAAKlC,MAAQ,OAAS,OAChDqC,WAAYH,EAAKhC,OAAS,OAAS,MACnCoC,cAAeJ,EAAKhC,OAAS,OAAS,MACtC,kCAAmC,CACjC,UAAW,CACT,6BAA8B,CAC5BqC,QAASL,EAAK7B,kBAAoB,OAAS,WAKpD"}

package/build/cjs/components/snackbar/snackbarMessage.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { IconType } from './snackbar';
+/**
+ * @interface MessageProps
+ * @description Base definition of Message Component.
+ */
+export interface MessageProps {
+    /**
+     * The icon type provided.
+     */
+    icon?: IconType;
+    /**
+     * The message provided.
+     */
+    message: string;
+    /**
+     * Optional header.
+     */
+    header?: string;
+}
+export declare const SnackbarMessage: React.FC<MessageProps>;
+/**
+ * @description SnackbarMessageStyled styling defintion based on props
+ */
+export declare const SnackbarMessageStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+    theme?: any;
+    header?: string;
+    icon?: IconType;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/cjs/components/snackbar/snackbarMessage.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),a=require("react"),r=require("../icon/icon.js"),i=require("@mui/material/styles"),c=require("./snackbar.js");const n=i.styled("div")((s=>{var a=e.__rest(s,[]);return{"& .styled-message-header-message-container":{display:a.header?"block":"flex"},"& p":{display:a.header?"block":"inline",paddingBottom:a.header?"0px":"2px"},"& .snackbar-icon-wrapper":{"& span":{lineHeight:a.header?"20px":"unset"}},"& .custom-snackbar-divider":{paddingLeft:c.checkForIcon(a.icon)?"24px":"56px","& > div":{borderLeft:`1px solid ${a.theme.palette.onSurface.os600}`,height:a.header?"48px":"32px"}}}}));exports.SnackbarMessage=({header:e,icon:i,message:c})=>{const t=a.useMemo((()=>({icon:e})=>{let a=null;switch(e){case"alert":a=s.jsx(r.Icon,{className:"triangle-up-exclamation",fontSize:"inherit",iconStyle:"filled"});break;case"success":a=s.jsx(r.Icon,{className:"circle-check",fontSize:"inherit",iconStyle:"filled"});break;case"warning":a=s.jsx(r.Icon,{className:"circle-exclamation",fontSize:"inherit",iconStyle:"filled"})}return a?s.jsx("span",{className:"snackbar-icon-wrapper",children:a}):a}),[]);return s.jsxs(n,{header:e,icon:i,children:[i&&s.jsx(t,{icon:i}),s.jsxs("div",{className:"styled-message-header-message-container",children:[e&&s.jsxs("h3",{children:[" ",e]}),s.jsxs("p",{children:[" ",c," "]})]}),s.jsx("div",{className:"custom-snackbar-divider",children:s.jsx("div",{})})]})},exports.SnackbarMessageStyled=n;
+//# sourceMappingURL=snackbarMessage.js.map

package/build/cjs/components/snackbar/snackbarMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbarMessage.js","sources":["../../../../../src/components/snackbar/snackbarMessage.tsx"],"sourcesContent":[null],"names":["SnackbarMessageStyled","styled","_a","args","__rest","display","header","paddingBottom","lineHeight","paddingLeft","checkForIcon","icon","borderLeft","theme","palette","onSurface","os600","height","message","IconComponent","useMemo","_icon","iconToReturn","_jsx","jsx","Icon","className","fontSize","iconStyle","children","_jsxs","jsxs"],"mappings":"gLAwBO,MAuCMA,EAAwBC,EAAMA,OAAC,MAAPA,EAAkEC,QAAKC,EAAIC,EAAAA,OAAAF,EAAT,IACrG,MAAO,CACL,6CAA8C,CAC5CG,QAASF,EAAKG,OAAS,QAAU,QAEnC,MAAO,CACLD,QAASF,EAAKG,OAAS,QAAU,SACjCC,cAAeJ,EAAKG,OAAS,MAAQ,OAEvC,2BAA4B,CAC1B,SAAU,CACRE,WAAYL,EAAKG,OAAS,OAAS,UAGvC,6BAA8B,CAC5BG,YAAaC,EAAAA,aAAaP,EAAKQ,MAAQ,OAAS,OAChD,UAAW,CACTC,WAAY,aAAaT,EAAKU,MAAMC,QAAQC,UAAUC,QACtDC,OAAQd,EAAKG,OAAS,OAAS,SAGpC,4BA5DoD,EAAGA,cAAQK,EAAMO,cACtE,MAAMC,EAA8CC,EAAAA,SAClD,IACE,EAAGT,KAAMU,MACP,IAAIC,EAAe,KAEnB,OAAQD,GACN,IAAK,QACHC,EAAeC,EAACC,IAAAC,OAAK,CAAAC,UAAU,0BAA0BC,SAAS,UAAUC,UAAU,WACtF,MACF,IAAK,UACHN,EAAeC,EAACC,IAAAC,OAAK,CAAAC,UAAU,eAAeC,SAAS,UAAUC,UAAU,WAC3E,MACF,IAAK,UACHN,EAAeC,EAACC,IAAAC,OAAK,CAAAC,UAAU,qBAAqBC,SAAS,UAAUC,UAAU,WAIrF,OAAON,EAAeC,cAAMG,UAAU,wBAAuBG,SAAEP,IAAuBA,CAAY,GAEtG,IAEF,OACEQ,OAAC9B,EAAqB,CAACM,OAAQA,EAAQK,KAAMA,EAC1CkB,SAAA,CAAAlB,GAAQY,EAAAA,IAACJ,GAAcR,KAAMA,IAC9BmB,OAAA,MAAA,CAAKJ,UAAU,oDACZpB,GAAUwB,2BAAMxB,KACjBwB,EAAAC,KAAA,IAAA,CAAAF,SAAA,CAAA,IAAKX,EAAO,UAEdK,MAAA,MAAA,CAAKG,UAAU,mCACbH,EAAWC,IAAA,MAAA,CAAA,OAGf"}

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

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

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material';
+export interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     *  The activeStep of a stepper.
+     */
+    activeStep?: number;
+    /**
+     *  if true, orientation is horizontal, then the step label will be positioned under the icon..
+     */
+    alternativeLabel?: boolean;
+    /**
+     *  The system prop that allows defining system overrides as well as additional CSS styles.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     *  Two or more <Step /> components.
+     */
+    children: React.ReactNode;
+    /**
+     *  Override or extend the styles applied to the component.
+     */
+    classes?: object;
+    /**
+     *  An element to be placed between each step.
+     */
+    connector?: Element;
+    /**
+     *  If set the Stepper will not assist in controlling steps for linear flow.
+     */
+    nonLinear?: boolean;
+    /**
+     *  The component orientation (layout flow direction).
+     */
+    orientation?: 'horizontal';
+    /**
+     *  The total steps.
+     */
+    step?: Array<string>;
+}
+export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/stepper/stepper.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),o=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material/Stepper"),l=require("@mui/material/styles"),n=require("@mui/material"),s=require("../../design/skoda/palette.theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var i=a(r),c=a(t);const d=i.default.forwardRef(((r,t)=>{var{activeStep:l,alternativeLabel:s,children:a,classes:i,connector:d,nonLinear:u,orientation:h,step:m}=r,x=e.__rest(r,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);const b={lineHeight:"16px",fontSize:"12px",fontWeight:"400"};return o.jsx(f,{children:o.jsx("div",{children:o.jsx(c.default,Object.assign({className:"controllerContainer"},x,{activeStep:l,sx:{maxWidth:800,display:"flex",alignItems:"center",spacing:4},alternativeLabel:s,connector:o.jsx(C,{}),children:m.map((e=>o.jsx(n.Step,{children:o.jsx(n.StepLabel,{style:b,StepIconComponent:p,children:e})},e)))}))})})}));function p(e){const{active:r,completed:t,className:l}=e;return o.jsx(u,{className:l,children:r?o.jsx("div",{className:"QontoStepIcon-active"}):t?o.jsx("div",{className:"QontoStepIcon-completedIcon"}):o.jsx("div",{className:"QontoStepIcon-circle"})})}const u=l.styled("div")((({theme:e})=>{let o={};return o={color:"dark"===e.palette.mode?e.palette.grey[700]:"#464748",display:"flex",height:22,alignItems:"center","& .QontoStepIcon-completedIcon":{color:s.flowColors.onSurface.os700,width:12,height:12,borderRadius:"50%",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${s.flowColors.onSurface.os700}`,color:s.flowColors.brand.secondary}},"& .QontoStepIcon-active":{color:s.flowColors.onSurface.os700,width:18,height:18,borderRadius:"50%",marginRight:"5.25px",marginLeft:"0px",backgroundColor:"currentColor","&:hover":{borderRadius:"50%",border:`1.5px solid ${s.flowColors.onSurface.os700}`,color:s.flowColors.brand.secondary}},"& .QontoStepIcon-circle":{width:12,height:12,borderRadius:"50%",border:"1.5px solid #C4C6C7",color:"transparent","&:hover":{cursor:"pointer",borderRadius:"50%",border:`1.5px solid ${s.flowColors.disabled.tertiary}`,backgroundColor:s.flowColors.disabled.secondary}}},o})),C=l.styled(n.StepConnector)((({theme:e})=>({[`&.${n.stepConnectorClasses.alternativeLabel}`]:{top:10,left:"calc(-50% + 8px)",right:"calc(50% + 8px)"},[`&.${n.stepConnectorClasses.active}`]:{[`& .${n.stepConnectorClasses.line}`]:{borderColor:s.flowColors.onSurface.os700,width:"60px"}},[`&.${n.stepConnectorClasses.completed}`]:{[`& .${n.stepConnectorClasses.line}`]:{borderColor:s.flowColors.onSurface.os700}},[`& .${n.stepConnectorClasses.line}`]:{borderColor:"dark"===e.palette.mode?e.palette.grey[800]:s.flowColors.disabled.primary,borderTopWidth:3,borderRadius:1}}))),f=l.styled("div")((({theme:e})=>{let o={};return o={"& .controllerContainer":{display:"flex",alignItems:"center",fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"700",fontSize:"12px",lineHeight:"16px"}},o}));exports.Stepper=d;
+//# sourceMappingURL=stepper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.js","sources":["../../../../../src/components/stepper/stepper.tsx"],"sourcesContent":[null],"names":["Stepper","React","forwardRef","_a","ref","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","styles","lineHeight","fontSize","fontWeight","_jsx","StepperStyled","MuiStepper","Object","assign","className","sx","maxWidth","display","alignItems","spacing","QontoConnector","map","label","Step","jsx","StepLabel","style","StepIconComponent","QontoStepIcon","active","completed","QontoStepIconRoot","styled","theme","color","palette","mode","grey","height","flowColors","onSurface","os700","width","borderRadius","backgroundColor","border","brand","secondary","marginRight","marginLeft","cursor","disabled","tertiary","StepConnector","stepConnectorClasses","top","left","right","line","borderColor","primary","borderTopWidth","fontFamily","fontStyle"],"mappings":"4SA8CO,MAAMA,EAAUC,EAAAA,QAAMC,YAC3B,CAACC,EAAwGC,SAAxGC,WAAEA,EAAUC,iBAAEA,EAAgBC,SAAEA,EAAQC,QAAEA,EAAOC,UAAEA,EAASC,UAAEA,EAASC,YAAEA,EAAWC,KAAEA,GAAIT,EAAKU,EAAKC,EAAAA,OAAAX,EAApG,qGACC,MAAMY,EAAS,CACbC,WAAY,OACZC,SAAU,OACVC,WAAY,OA4Bd,OAAOC,EAAAA,IAACC,EAAa,CAAAb,SAzBnBY,MAAA,MAAA,CAAAZ,SACEY,MAACE,UAAUC,OAAAC,OAAA,CACTC,UAAU,uBACNX,EAAK,CACTR,WAAYA,EACZoB,GAAI,CACFC,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,QAAS,GAEXvB,iBAAkBA,EAClBG,UAAWU,EAAAA,IAACW,EAAiB,CAAA,GAAAvB,SAE5BK,EAAKmB,KAAKC,GACTb,EAAAA,IAACc,EAAAA,eACCd,EAACe,IAAAC,EAASA,WAACC,MAAOrB,EAAQsB,kBAAmBC,EAAa/B,SACvDyB,KAFMA,WAUqC,IAI5D,SAASM,EAAczB,GACrB,MAAM0B,OAAEA,EAAMC,UAAEA,EAAShB,UAAEA,GAAcX,EACzC,OACEM,MAACsB,EAAiB,CAACjB,UAAWA,WAC3Be,EACCpB,aAAKK,UAAU,yBACbgB,EACFrB,EAAAA,IAAA,MAAA,CAAKK,UAAU,gCAEfL,EAAAA,WAAKK,UAAU,0BAIvB,CAEA,MAAMiB,EAAoBC,EAAAA,OAAO,MAAPA,EAA+B,EAAGC,YAC1D,IAAIP,EAAQ,CAAA,EA8CZ,OA7CAA,EAAQ,CACNQ,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAO,UACjEpB,QAAS,OACTqB,OAAQ,GACRpB,WAAY,SACZ,iCAAkC,CAChCgB,MAAOK,EAAAA,WAAWC,UAAUC,MAC5BC,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdC,gBAAiB,eACjB,UAAW,CACTD,aAAc,MACdE,OAAQ,eAAeN,EAAUA,WAACC,UAAUC,QAC5CP,MAAOK,EAAAA,WAAWO,MAAMC,YAG5B,0BAA2B,CACzBb,MAAOK,EAAAA,WAAWC,UAAUC,MAC5BC,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdK,YAAa,SACbC,WAAY,MACZL,gBAAiB,eACjB,UAAW,CACTD,aAAc,MACdE,OAAQ,eAAeN,EAAUA,WAACC,UAAUC,QAC5CP,MAAOK,EAAAA,WAAWO,MAAMC,YAG5B,0BAA2B,CACzBL,MAAO,GACPJ,OAAQ,GACRK,aAAc,MACdE,OAAQ,sBACRX,MAAO,cACP,UAAW,CACTgB,OAAQ,UACRP,aAAc,MACdE,OAAQ,eAAeN,EAAUA,WAACY,SAASC,WAC3CR,gBAAiBL,EAAAA,WAAWY,SAASJ,aAIpCrB,CAAK,IAGRN,EAAiBY,EAAAA,OAAOqB,EAAAA,cAAPrB,EAAsB,EAAGC,YAAa,CAC3D,CAAC,KAAKqB,uBAAqB1D,oBAAqB,CAC9C2D,IAAK,GACLC,KAAM,mBACNC,MAAO,mBAET,CAAC,KAAKH,uBAAqBzB,UAAW,CACpC,CAAC,MAAMyB,uBAAqBI,QAAS,CACnCC,YAAapB,EAAAA,WAAWC,UAAUC,MAClCC,MAAO,SAGX,CAAC,KAAKY,uBAAqBxB,aAAc,CACvC,CAAC,MAAMwB,uBAAqBI,QAAS,CACnCC,YAAapB,EAAAA,WAAWC,UAAUC,QAGtC,CAAC,MAAMa,uBAAqBI,QAAS,CACnCC,YAAoC,SAAvB1B,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,KAAK,KAAOE,EAAUA,WAACY,SAASS,QAC3FC,eAAgB,EAChBlB,aAAc,OAIZjC,EAAgBsB,EAAAA,OAAO,MAAPA,EAA+B,EAAGC,YACtD,IAAIP,EAAQ,CAAA,EAcZ,OAZAA,EAAQ,CACN,yBAA0B,CACxBT,QAAS,OACTC,WAAY,SACZ4C,WALe,aAMfC,UAAW,SACXvD,WAAY,MACZD,SAAU,OACVD,WAAY,SAIToB,CAAK"}

package/build/cjs/components/tab/examples.d.ts

@@ -0,0 +1,3 @@
+export declare const BasicUsage: () => import("react/jsx-runtime").JSX.Element;
+export declare const Links: () => import("react/jsx-runtime").JSX.Element;
+export declare const ChangingTabs: () => import("react/jsx-runtime").JSX.Element;

package/build/cjs/components/tab/hook/useTabs.d.ts

@@ -0,0 +1,9 @@
+declare const useTabs: () => {
+    handleOverflowingTabs: (tabsRef: any, windowWidth: any, children: any, setMenuChildren: any) => void;
+    handleIsMobileView: (variantSecondaryNavigation: any, isMobileView: any, setIsMobileView: any, setWindowWidth: any) => void;
+    a11yProps: (index: string | number) => {
+        id: string;
+        'aria-controls': string;
+    };
+};
+export default useTabs;

package/build/cjs/components/tab/hook/useTabs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),t=require("react");function i(e){return e&&e.__esModule?e:{default:e}}var l=i(t);exports.default=()=>{const i=e.useTheme();return{handleOverflowingTabs:t.useCallback(((e,t,i,s)=>{const r=e.current.closest("div").querySelectorAll("div")[1],a=r.querySelectorAll(".MuiTab-root"),o=[...a].find((e=>"simple-tab-more"===e.id));a.forEach((e=>{e.style.display="inline-flex"}));const n=[],d=r.offsetWidth,u=[...a].filter((e=>"simple-tab-more"!==e.id)),f=o.offsetWidth+58;if(u.forEach((e=>{d<=e.offsetLeft+(e.offsetWidth+f)&&(e.style.display="none",n.push(e.id))})),n.length){const e=[];n.forEach((t=>{const s=l.default.Children.toArray(i).find((e=>t==="simple-tab-"+e.props.value));s&&e.push(s)})),s(e)}else o.style.display="none"}),[i.breakpoints.values.lg]),handleIsMobileView:t.useCallback(((e,t,l,s)=>{s(window.innerWidth),e&&(window.innerWidth<=i.breakpoints.values.md&&!t?l(!0):window.innerWidth>i.breakpoints.values.md&&l(!1))}),[i.breakpoints.values.md]),a11yProps:t.useCallback((e=>({id:`simple-tab-${e}`,"aria-controls":`simple-tabpanel-${e}`})),[])}};
+//# sourceMappingURL=useTabs.js.map

package/build/cjs/components/tab/hook/useTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabs.js","sources":["../../../../../../src/components/tab/hook/useTabs.ts"],"sourcesContent":[null],"names":["theme","useTheme","handleOverflowingTabs","useCallback","tabsRef","windowWidth","children","setMenuChildren","tabsListContainer","current","closest","querySelectorAll","tabsList","moreBtn","find","item","id","forEach","style","display","hiddenItems","primaryWidth","offsetWidth","primaryItems","filter","moreBtnWidth","offsetLeft","push","length","arr","filteredChildren","React","default","Children","toArray","child","props","value","breakpoints","values","lg","handleIsMobileView","variantSecondaryNavigation","isMobileView","setIsMobileView","setWindowWidth","window","innerWidth","md","a11yProps","index"],"mappings":"oMAGgB,KACd,MAAMA,EAAQC,EAAAA,WAiEd,MAAO,CACLC,sBAhE4BC,EAAAA,aAC5B,CAACC,EAASC,EAAaC,EAAUC,KAC/B,MACMC,EADiBJ,EAAQK,QAAQC,QAAQ,OACNC,iBAAiB,OAAO,GAC3DC,EAAWJ,EAAkBG,iBAAiB,gBAC9CE,EAAU,IAAID,GAAUE,MAAMC,GAAqB,oBAAZA,EAAKC,KAClDJ,EAASK,SAASF,IAChBA,EAAKG,MAAMC,QAAU,aAAa,IAGpC,MAAMC,EAAc,GACdC,EAAeb,EAAkBc,YACjCC,EAAe,IAAIX,GAAUY,QAAQT,GAAqB,oBAAZA,EAAKC,KACnDS,EAAeZ,EAAQS,YAAc,GAU3C,GARAC,EAAaN,SAASF,IAChBM,GAAgBN,EAAKW,YAAcX,EAAKO,YAAcG,KACxDV,EAAKG,MAAMC,QAAU,OACrBC,EAAYO,KAAKZ,EAAKC,IACvB,IAIEI,EAAYQ,OAEV,CACL,MAAMC,EAAM,GACZT,EAAYH,SAASF,IACnB,MAAMe,EAAmBC,EAAKC,QAACC,SAASC,QAAQ5B,GAAUQ,MACvDqB,GAAepB,IAAS,cAAgBoB,EAAMC,MAAMC,QAEnDP,GACFD,EAAIF,KAAKG,EACV,IAEHvB,EAAgBsB,EACjB,MAZChB,EAAQK,MAAMC,QAAU,MAYzB,GAEH,CAACnB,EAAMsC,YAAYC,OAAOC,KA2B1BC,mBAxByBtC,EAAAA,aACzB,CAACuC,EAA4BC,EAAcC,EAAiBC,KAC1DA,EAAeC,OAAOC,YAClBL,IACEI,OAAOC,YAAc/C,EAAMsC,YAAYC,OAAOS,KAAOL,EACvDC,GAAgB,GACPE,OAAOC,WAAa/C,EAAMsC,YAAYC,OAAOS,IACtDJ,GAAgB,GAEnB,GAEH,CAAC5C,EAAMsC,YAAYC,OAAOS,KAc1BC,UAVgB9C,eAAa+C,IACtB,CACLlC,GAAI,cAAckC,IAClB,gBAAiB,mBAAmBA,OAErC,IAMF"}

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

@@ -0,0 +1,4 @@
+export * from './tab';
+export * from './tabPanel';
+export * from './tabs';
+export * from './secondaryNavigation/secondaryNavigationTabs';

package/build/cjs/components/tab/menuTab.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+/**
+ * @interface TabProps
+ * @description Base definition of SkodaFlow Tabs component independent on core implementation.
+ */
+export interface TabProps {
+    /**
+     *  Text shown as the tab title
+     */
+    label: string;
+    /**
+     *  Value of the tab
+     */
+    value: any;
+    /**
+     *  children useful to render menu items
+     */
+    children: any;
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    /**
+     *  If true a backdrop is applied.
+     */
+    showBackdrop?: boolean;
+    onChange?: (event: React.SyntheticEvent, newValue: number | string) => void;
+    onClick?: (e: any) => void;
+}
+/**
+ * @description SkodaFlow Tab component.
+ * @param props TabProps
+ * @returns React Functional Component
+ */
+export declare const MenuTab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/tab/menuTab.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),l=require("react"),r=require("./tabs.js"),t=require("@mui/material"),s=require("../icon/icon.js"),i=require("./tabStyled.js"),n=require("./hook/useTabs.js");function o(e){return e&&e.__esModule?e:{default:e}}var c=o(l);const u=c.default.forwardRef(((o,u)=>{var{label:p,value:b,onClick:x,children:h,showBackdrop:m}=o;e.__rest(o,["label","value","onClick","children","showBackdrop"]);const{activeTab:f,updateActiveTab:k,smallSize:v}=l.useContext(r.TabsContext),[C,j]=l.useState(!1),[w,y]=l.useState(!1),[S,g]=l.useState(null),[q,T]=l.useState(null),{a11yProps:M}=n.default(),A=l.useCallback((e=>{e.href?window.open(e.href,e.target):k(e.value,!0),y(!1),e.onClick&&e.onClick(e.value),e.analyticsCallback&&e.analyticsCallback(e.value),T(e.label)}),[k]),P=l.useCallback((e=>{y(!w),g(e.currentTarget)}),[w]),_=l.useCallback((()=>c.default.Children.map(h,(e=>a.jsx(t.MenuItem,{style:{fontSize:"16px"},onClick:()=>A(e.props),children:e.props.label})))),[h,A]);return l.useEffect((()=>{j(f===b)}),[f,C,b]),a.jsxs(a.Fragment,{children:[a.jsx(i.default,Object.assign({ref:u,wrapped:!0,onClick:P,smallSize:v,isActive:C,value:b,tabIndex:1,label:q||p},M(b),{icon:a.jsx(s.Icon,{className:w?"chevron-up":"chevron-down"}),iconPosition:"end",className:"MuiTab-more"})),a.jsx(t.Popper,{open:w,anchorEl:S,placement:"bottom",transition:!0,children:({TransitionProps:e})=>a.jsx(t.ClickAwayListener,{onClickAway:()=>y(!1),children:a.jsx(t.Fade,Object.assign({},e,{timeout:350,children:a.jsx(d,{id:"more-tabs-menu",children:_()})}))})})]})})),d=t.styled(t.MenuList)((({theme:e})=>({top:"13px",left:"27px",boxShadow:"rgb(0 0 0 / 15%) 0px 3px 8px",borderRadius:"4px",padding:"0px",width:"131px",maxHeight:"240px",overflow:"overlay"})));exports.MenuTab=u;
+//# sourceMappingURL=menuTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuTab.js","sources":["../../../../../src/components/tab/menuTab.tsx"],"sourcesContent":[null],"names":["MenuTab","React","forwardRef","_a","ref","label","value","onClick","children","showBackdrop","__rest","activeTab","updateActiveTab","smallSize","useContext","TabsContext","isActive","setIsActive","useState","open","setOpen","anchorEl","setAnchorEl","selectedLabel","setSelectedLabel","a11yProps","useTabs","handleOnClick","useCallback","_props","href","window","target","analyticsCallback","handleOpenMenu","e","currentTarget","handleMenuItems","default","Children","map","child","_jsx","MenuItem","style","fontSize","props","useEffect","_jsxs","jsxs","_Fragment","jsx","TabStyled","Object","assign","wrapped","tabIndex","icon","Icon","className","iconPosition","Popper","placement","transition","TransitionProps","ClickAwayListener","onClickAway","Fade","timeout","MenuStyled","id","styled","MenuList","theme","top","left","boxShadow","borderRadius","padding","width","maxHeight","overflow"],"mappings":"8RA+CO,MAAMA,EAAUC,EAAAA,QAAMC,YAC3B,CAACC,EAA6DC,KAA7D,IAAAC,MAAEA,EAAKC,MAAEA,EAAKC,QAAEA,EAAOC,SAAEA,EAAQC,aAAEA,GAAwBN,EAAFO,EAAAA,OAAAP,EAAzD,uDACC,MAAMQ,UAAEA,EAASC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,WAAWC,EAAAA,cACtDC,EAAUC,GAAeC,EAAQA,UAAC,IAClCC,EAAMC,GAAWF,EAAQA,UAAC,IAC1BG,EAAUC,GAAeJ,EAAQA,SAAC,OAClCK,EAAeC,GAAoBN,EAAQA,SAAC,OAC7CO,UAAEA,GAAcC,EAAAA,UAKhBC,EAAgBC,eACnBC,IACMA,EAAOC,KAGVC,OAAOZ,KAAKU,EAAOC,KAAMD,EAAOG,QAFhCpB,EAAgBiB,EAAOvB,OAAO,GAIhCc,GAAQ,GACRS,EAAOtB,SAAWsB,EAAOtB,QAAQsB,EAAOvB,OACxCuB,EAAOI,mBAAqBJ,EAAOI,kBAAkBJ,EAAOvB,OAC5DkB,EAAiBK,EAAOxB,MAAM,GAEhC,CAACO,IAGGsB,EAAiBN,eACpBO,IACCf,GAASD,GACTG,EAAYa,EAAEC,cAAc,GAE9B,CAACjB,IAIGkB,EAAkBT,EAAAA,aAAY,IAC3B3B,EAAKqC,QAACC,SAASC,IAAIhC,GAAWiC,GAEjCC,EAAAA,IAACC,EAAAA,SAAQ,CAACC,MAAO,CAAEC,SAAU,QAAUtC,QAAS,IAAMoB,EAAcc,EAAMK,OAAMtC,SAC7EiC,EAAMK,MAAMzC,WAIlB,CAACG,EAAUmB,IAWd,OARAoB,EAAAA,WAAU,KAEN9B,EADEN,IAAcL,EAIjB,GACA,CAACK,EAAWK,EAAUV,IAGvB0C,EAAAC,KAAAC,WAAA,CAAA1C,SAAA,CACEkC,EAACS,IAAAC,UACCC,OAAAC,OAAA,CAAAlD,IAAKA,EACLmD,SACA,EAAAhD,QAAS2B,EACTrB,UAAWA,EACXG,SAAUA,EACVV,MAAOA,EACPkD,SAAU,EACVnD,MAAOkB,GAAiBlB,GACpBoB,EAAUnB,GAAM,CACpBmD,KAAMf,MAACgB,EAAAA,MAAKC,UAAWxC,EAAO,aAAe,iBAC7CyC,aAAa,MACbD,UAAU,iBAEZjB,EAAAS,IAACU,SAAM,CAAC1C,KAAMA,EAAME,SAAUA,EAAUyC,UAAU,SAASC,YACxD,EAAAvD,SAAA,EAAGwD,qBACFtB,EAAAS,IAACc,oBAAiB,CAACC,YAAa,IAAM9C,GAAQ,GAC5CZ,SAAAkC,EAAAS,IAACgB,EAAIA,KAAAd,OAAAC,OAAA,CAAA,EAAKU,EAAe,CAAEI,QAAS,IAClC5D,SAAAkC,EAAAS,IAACkB,EAAU,CAACC,GAAG,iBAAgB9D,SAAE6B,eAM3C,IAIAgC,EAAaE,EAAAA,OAAOC,EAAAA,SAAPD,EAA0B,EAAGE,YACvC,CACLC,IAAK,OACLC,KAAM,OACNC,UAAW,+BACXC,aAAc,MACdC,QAAS,MACTC,MAAO,QACPC,UAAW,QACXC,SAAU"}

package/build/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+/**
+ * @interface AppBarProps
+ * @description Base definition of SkodaFlow Tabs component independent on core implementation.
+ */
+export interface AppBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'color'> {
+    /**
+     * Label to use for tab that wrap overlowing tabs
+     */
+    labelMoreItem?: string;
+    /**
+     * the current active tab index to be activated on the screen
+     */
+    currentActiveTab?: string | number;
+    /**
+     * @description Triggered when element is changed.
+     * @param e React original event object
+     * @param value Current changed value
+     */
+    handleChange?: (newValue: any) => void;
+    setCurrentActiveTab?: (val: number | string) => void;
+}
+/**
+ * @description SkodaFlow Checkbox component.
+ * Properties are inherited from HTML Button element.
+ * @param props AppBarProps
+ * @returns React Functional Component
+ */
+export declare const SecondaryNavigationTabs: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material/AppBar"),i=require("@mui/material/Toolbar"),a=require("../../icon/icon.js"),n=require("./secondaryTabStyled.js"),s=require("@mui/material"),l=require("../../divider/divider.js"),d=require("../../../design/skoda/palette.theme.js");function c(e){return e&&e.__esModule?e:{default:e}}var p=c(t),u=c(o),x=c(i);const b=p.default.forwardRef(((o,i)=>{var{currentActiveTab:d,setCurrentActiveTab:c,children:u,labelMoreItem:b}=o;e.__rest(o,["currentActiveTab","setCurrentActiveTab","children","labelMoreItem"]);const[j,v]=t.useState(null),[C,k]=t.useState(null),[y,T]=t.useState(!1),[A,w]=t.useState(null),S=t.useCallback((e=>{c(e.value),e.onClick&&e.onClick()}),[c]),q=t.useCallback(((e,r)=>{T(!y),k(e.currentTarget)}),[y]),I=t.useCallback((e=>e.href?r.jsxs("a",{href:e.href,target:e.target||null,children:[r.jsx(a.Icon,{color:"inherit",className:e.icon||"more-horizontal"}),e.label]}):r.jsxs(r.Fragment,{children:[r.jsx(a.Icon,{color:"inherit",className:e.icon||"more-horizontal"}),e.label]})),[]),z=t.useCallback((e=>{w(e.label),e.href?window.open(e.href,e.target):c(e.value),T(!1),e.onClick&&e.onClick(e.value)}),[c]),M=t.useCallback((()=>j.slice(3).map(((e,t)=>r.jsxs("div",{children:[r.jsx(s.MenuItem,{onClick:()=>z(e.props),children:e.props.label},t),r.jsx(l.Divider,{orientation:"horizontal",textAlign:"center",variant:"middle"})]},e.props.label)))),[j,z]);return t.useEffect((()=>{v(p.default.Children.toArray(u))}),[u]),r.jsx(f,{position:"fixed",color:"transparent",children:r.jsx(x.default,{children:r.jsx(s.Box,{sx:{display:"flex"},children:j&&r.jsxs(r.Fragment,{children:[r.jsx(n.default,Object.assign({},j[0].props,{isActive:d===j[0].props.value,onClick:()=>{S(j[0].props)},children:I(j[0].props)}),"secondary-tab-0"),r.jsx(n.default,Object.assign({},j[1].props,{isActive:d===j[1].props.value,onClick:()=>{S(j[1].props)},children:I(j[1].props)}),"secondary-tab-1"),r.jsx(n.default,Object.assign({},j[2].props,{isActive:d===j[2].props.value,onClick:()=>{S(j[2].props)},children:I(j[2].props)}),"secondary-tab-2"),j.length>4&&r.jsxs(r.Fragment,{children:[r.jsxs(n.default,{isActive:y,moreTab:!0,selectedMenuLabel:A,onClick:e=>{q(e,"secondary-tab-more")},children:[r.jsx(a.Icon,{color:"inherit",className:"more-vertical"}),A]},"secondary-tab-more"),r.jsx(m,{open:y,anchorEl:C,placement:"top",transition:!0,disablePortal:!1,children:({TransitionProps:e})=>r.jsx(s.ClickAwayListener,{onClickAway:()=>T(!1),children:r.jsx(h,{open:y,onClick:()=>T(!1),children:r.jsx(s.Fade,Object.assign({},e,{timeout:350,children:r.jsx(g,{id:"more-tabs-menu",children:M()})}))})})})]}),j.length<=4&&r.jsx(n.default,Object.assign({},j[3].props,{isActive:d===j[3].props.value,onClick:()=>{S(j[3].props)},children:I(j[3].props)}),"secondary-tab-3")]})})})})})),h=s.styled(s.Backdrop)((({theme:e})=>({zIndex:2e3}))),m=s.styled(s.Popper)((({theme:e})=>({transform:"unset !important",position:"static !important",zIndex:2e3}))),g=s.styled(s.MenuList)((({theme:e})=>({position:"absolute",bottom:"0",left:0,width:"100%",padding:"26px 0px 27px 0px",background:"white",boxSizing:"border-box",borderTopLeftRadius:"16px",borderTopRightRadius:"16px",zIndex:2e3,boxShadow:"rgb(0 0 0 / 15%) 0px 3px 8px","& .MuiDivider-root":{display:"block",marginTop:"0px !important",marginBottom:"0px !important"},"& div:first-of-type":{"& > li":{borderTopLeftRadius:"16px",borderTopRightRadius:"16px"}},"& > div > li":{fontSize:"16px",fontWeight:"400",color:e.palette.onSurface.os900,paddingTop:"11px",paddingBottom:"11px"}}))),f=s.styled(u.default)((r=>(e.__rest(r,["theme"]),{maxHeigth:"56px",padding:"0px",top:"auto",bottom:0,boxShadow:"none",borderTop:`1px solid ${d.flowColors.transparent.secondary}`,backgroundColor:d.flowColors.background.primary,"& > div.MuiToolbar-root":{maxHeight:"56px",padding:"0px","& > div":{width:"100%",justifyContent:"space-evenly","& > div":{"&> a":{padding:0,textDecoration:"none"}}}}})));exports.SecondaryNavigationTabs=b;
+//# sourceMappingURL=secondaryNavigationTabs.js.map

package/build/cjs/components/tab/secondaryNavigation/secondaryNavigationTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"secondaryNavigationTabs.js","sources":["../../../../../../src/components/tab/secondaryNavigation/secondaryNavigationTabs.tsx"],"sourcesContent":[null],"names":["SecondaryNavigationTabs","React","forwardRef","_a","ref","currentActiveTab","setCurrentActiveTab","children","labelMoreItem","__rest","childrenArr","setChildrenArr","useState","anchorEl","setAnchorEl","open","setOpen","selectedMenuLabel","setSelectedMenuLabel","handleActiveTab","useCallback","_props","value","onClick","handleMenuTabClick","e","currentTarget","handleRenderTabType","href","_jsxs","target","_jsx","Icon","color","className","icon","label","onClickMenuItem","window","handleMenuItems","slice","map","item","i","MenuItem","props","Divider","orientation","textAlign","variant","useEffect","Children","toArray","jsx","AppBarStyled","position","Toolbar","Box","sx","display","jsxs","_Fragment","SecondaryTabStyled","default","Object","assign","isActive","length","Fragment","moreTab","PopperStyled","placement","transition","disablePortal","TransitionProps","ClickAwayListener","onClickAway","BackdropStyled","Fade","timeout","MenuStyled","id","styled","Backdrop","theme","zIndex","Popper","transform","MenuList","bottom","left","width","padding","background","boxSizing","borderTopLeftRadius","borderTopRightRadius","boxShadow","marginTop","marginBottom","fontSize","fontWeight","palette","onSurface","os900","paddingTop","paddingBottom","MuiAppBar","maxHeigth","top","borderTop","flowColors","transparent","secondary","backgroundColor","primary","maxHeight","justifyContent","textDecoration"],"mappings":"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"}

package/build/cjs/components/tab/secondaryNavigation/secondaryTabStyled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare const SecondaryTabStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+} & {
+    isActive?: boolean;
+    theme?: any;
+    href?: string;
+    key: string;
+    moreTab?: boolean;
+    selectedMenuLabel?: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default SecondaryTabStyled;

package/build/cjs/components/tab/secondaryNavigation/secondaryTabStyled.js

@@ -0,0 +1,2 @@
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("@emotion/styled")).default("div")((({isActive:e,theme:t,href:o,moreTab:r,selectedMenuLabel:i})=>{let n={};return n=Object.assign(Object.assign({},n),{color:e?t.palette.brand.primary:t.palette.text.primary,cursor:"pointer",paddingLeft:"12px",paddingRight:"14px",fontSize:"10px",fontWeight:"normal",textTransform:"none",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",width:"25%",textAlign:"center",display:"flex",flexDirection:"column","& > span.MuiIcon-root":{color:e?t.palette.brand.primary:t.palette.text.primary,margin:"0 auto",marginTop:r||!i?"9px":0,display:"block",fontSize:"24px !Important",width:"24px",height:"25px",marginBottom:"-4px"}}),o&&(n=Object.assign(Object.assign({},n),{"& > a":{color:e?t.palette.brand.secondary:t.palette.text.primary,cursor:"pointer",display:"block",textDecoration:"none",paddingLeft:"12px",paddingRight:"14px",fontSize:"10px",fontWeight:"normal",textTransform:"none",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis","& > span.MuiIcon-root":{color:e?t.palette.brand.secondary:t.palette.text.primary,margin:"0 auto",display:"block",fontSize:"24px !Important",width:"24px",height:"25px"}}})),n}));exports.default=t;
+//# sourceMappingURL=secondaryTabStyled.js.map