@skodaflow/web-library 7.15.1 → 7.16.1

package/components/slider/slider.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as a,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useMemo as i,useState as l,useEffect as d,useCallback as n}from"react";import{Box as s,Slider as o}from"@mui/material";import u from"../common/resizableSliderInput.js";import m from"../common/styled/sliderValuesStyled.js";import{getSliderMarks as p}from"../../materialui/slider/getSliderMarks.js";import"../../materialui/slider/sliderValues.js";import{SliderContainer as c}from"../../materialui/slider/sliderContainer.js";const b=t(((t,b)=>{var{min:h,max:v,defaultValue:x,valueComponentType:f,leftSideLabel:g,rightSideLabel:y,disabled:C,disableSwap:I,step:D,value:$,isCurrencyInFront:T,minTextDescription:V="",maxTextDescription:F="",onChange:j,onInputBlur:B,thousandsSeparator:N=" ",decimalSeparator:L=",",hiddenDecimalSeparator:k=!0,marks:A}=t,w=e(t,["min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","marks"]);const M=i((()=>((e,a,r,t)=>void 0!==t?t:void 0!==r?r:a&&!e?[0,a]:!a&&e?e:0)(h,v,x,$)),[h,v,x,$]),[z,O]=l(M);d((()=>{$&&O((()=>$))}),[$]);const q=n((e=>(e=>{let a=e?parseInt(e):-1;return isNaN(a)&&(a=-1),a})(e)),[]),E=n(((e,a,r)=>{if(!Array.isArray(a))return O(a),void(j&&j(e,a,r));O(0===r?[Math.min(a[0],a[1]-D),a[1]]:[a[0],Math.max(a[1],a[0]+D)]),j&&j(e,a,r)}),[j,D]),G=n((e=>{let a=q(e.target.value);a>v&&(a=v),j&&j(e,a),O((()=>a))}),[q,v,j]),H=n(((e,a)=>{let r=q(e.target.value);1===a&&r>v?r=v:0===a&&r>z[1]&&(r=z[1]),O((t=>{let i=[...t];return i[a]=r,i[0]>i[1]&&(i=[0,D]),j&&j(e,i,a),i}))}),[q,v,j,D,z]),J=i((()=>Array.isArray(z)?((e,t,i,l,d,n,s,o,m,p,c,b,h)=>{if("default"===e||!e){const e=S("number"==typeof t[0]?t[0]:parseInt(t[0]),b,c,h),i=S("number"==typeof t[1]?t[1]:parseInt(t[1]),b,c,h);return a("div",{className:"range-values",children:[r("div",{"data-testid":"Slider.minVal",children:p?`${d} ${e}`:`${e} ${d}`}),r("div",{className:"middle-side"}),r("div",{"data-testid":"Slider.maxVal",children:p?`${n} ${i}`:`${i} ${n}`})]})}return a("div",{className:"range-values",children:[r(u,{id:"slider-double-value-left-label-input",onChange:s,onBlur:o,value:t[0],thousandsSeparator:c,decimalSeparator:b,hiddenDecimalSeparator:h,thumb:0,disabled:m,textDescription:d,labelText:"input"===e?null:i,isCurrencyInFront:p,"data-testid":"Slider.minVal"}),r("div",{className:"middle-side"}),r(u,{id:"slider-double-value-right-label-input",onChange:s,onBlur:o,value:t[1],thousandsSeparator:c,decimalSeparator:b,hiddenDecimalSeparator:h,thumb:1,disabled:m,textDescription:n,labelText:"labeledInput"===e?l:null,isCurrencyInFront:p,"data-testid":"Slider.maxVal"})]})})(f,z,g,y,V,F,H,B,C,T,N,L,k):((e,t,i,l,d,n,s,o,m,p,c)=>{if("default"===e||!e){const e=S("number"==typeof t?t:parseInt(t),p,m,c);return a("div",{"data-testid":"Slider.minVal",children:[l&&o?`${l} ${e}`:l?`${e} ${l}`:e," "]})}return r(u,{id:"slider-single-value-label-input",value:t,thousandsSeparator:m,decimalSeparator:p,hiddenDecimalSeparator:c,onChange:d,onBlur:n,disabled:s,textDescription:l,labelText:"labeledInput"===e?i:null,isCurrencyInFront:o})})(f,z,g,V,G,B,C,T,N,L,k)),[C,T,g,F,V,H,G,B,y,f,z,N,L,k]),K=i((()=>"auto"===A?p(h||0,v||100):A),[A,h||0,v||100]);return a(s,{children:[r(c,{children:r(o,Object.assign({},w,{"data-testid":"Slider",disabled:C,ref:b,onChange:E,min:h,max:v,step:D,disableSwap:I,marks:K,valueLabelFormat:e=>S(e,L,N,k),value:z}))}),r(s,{sx:{pt:1}}),r(m,{disabled:C,children:J})]})})),S=(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);export{b as Slider};
+import{__rest as e}from"tslib";import{jsxs as a,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useMemo as i,useState as l,useEffect as d,useCallback as n}from"react";import{Box as s,Slider as o}from"@mui/material";import u from"../common/resizableSliderInput.js";import m from"../common/styled/sliderValuesStyled.js";import{getSliderMarks as p}from"../../materialui/slider/getSliderMarks.js";import"../../materialui/slider/sliderValues.js";import{SliderContainer as c}from"../../materialui/slider/sliderContainer.js";const b=t((t,b)=>{var{min:h,max:v,defaultValue:x,valueComponentType:f,leftSideLabel:g,rightSideLabel:y,disabled:C,disableSwap:I,step:D,value:$,isCurrencyInFront:T,minTextDescription:V="",maxTextDescription:F="",onChange:j,onInputBlur:B,thousandsSeparator:N=" ",decimalSeparator:L=",",hiddenDecimalSeparator:k=!0,marks:A}=t,w=e(t,["min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","marks"]);const M=i(()=>((e,a,r,t)=>void 0!==t?t:void 0!==r?r:a&&!e?[0,a]:!a&&e?e:0)(h,v,x,$),[h,v,x,$]),[z,O]=l(M);d(()=>{$&&O(()=>$)},[$]);const q=n(e=>(e=>{let a=e?parseInt(e):-1;return isNaN(a)&&(a=-1),a})(e),[]),E=n((e,a,r)=>{if(!Array.isArray(a))return O(a),void(j&&j(e,a,r));O(0===r?[Math.min(a[0],a[1]-D),a[1]]:[a[0],Math.max(a[1],a[0]+D)]),j&&j(e,a,r)},[j,D]),G=n(e=>{let a=q(e.target.value);a>v&&(a=v),j&&j(e,a),O(()=>a)},[q,v,j]),H=n((e,a)=>{let r=q(e.target.value);1===a&&r>v?r=v:0===a&&r>z[1]&&(r=z[1]),O(t=>{let i=[...t];return i[a]=r,i[0]>i[1]&&(i=[0,D]),j&&j(e,i,a),i})},[q,v,j,D,z]),J=i(()=>Array.isArray(z)?((e,t,i,l,d,n,s,o,m,p,c,b,h)=>{if("default"===e||!e){const e=S("number"==typeof t[0]?t[0]:parseInt(t[0]),b,c,h),i=S("number"==typeof t[1]?t[1]:parseInt(t[1]),b,c,h);return a("div",{className:"range-values",children:[r("div",{"data-testid":"Slider.minVal",children:p?`${d} ${e}`:`${e} ${d}`}),r("div",{className:"middle-side"}),r("div",{"data-testid":"Slider.maxVal",children:p?`${n} ${i}`:`${i} ${n}`})]})}return a("div",{className:"range-values",children:[r(u,{id:"slider-double-value-left-label-input",onChange:s,onBlur:o,value:t[0],thousandsSeparator:c,decimalSeparator:b,hiddenDecimalSeparator:h,thumb:0,disabled:m,textDescription:d,labelText:"input"===e?null:i,isCurrencyInFront:p,"data-testid":"Slider.minVal"}),r("div",{className:"middle-side"}),r(u,{id:"slider-double-value-right-label-input",onChange:s,onBlur:o,value:t[1],thousandsSeparator:c,decimalSeparator:b,hiddenDecimalSeparator:h,thumb:1,disabled:m,textDescription:n,labelText:"labeledInput"===e?l:null,isCurrencyInFront:p,"data-testid":"Slider.maxVal"})]})})(f,z,g,y,V,F,H,B,C,T,N,L,k):((e,t,i,l,d,n,s,o,m,p,c)=>{if("default"===e||!e){const e=S("number"==typeof t?t:parseInt(t),p,m,c);return a("div",{"data-testid":"Slider.minVal",children:[l&&o?`${l} ${e}`:l?`${e} ${l}`:e," "]})}return r(u,{id:"slider-single-value-label-input",value:t,thousandsSeparator:m,decimalSeparator:p,hiddenDecimalSeparator:c,onChange:d,onBlur:n,disabled:s,textDescription:l,labelText:"labeledInput"===e?i:null,isCurrencyInFront:o})})(f,z,g,V,G,B,C,T,N,L,k),[C,T,g,F,V,H,G,B,y,f,z,N,L,k]),K=i(()=>"auto"===A?p(h||0,v||100):A,[A,h||0,v||100]);return a(s,{children:[r(c,{children:r(o,Object.assign({},w,{"data-testid":"Slider",disabled:C,ref:b,onChange:E,min:h,max:v,step:D,disableSwap:I,marks:K,valueLabelFormat:e=>S(e,L,N,k),value:z}))}),r(s,{sx:{pt:1}}),r(m,{disabled:C,children:J})]})}),S=(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);export{b as Slider};
 //# sourceMappingURL=slider.js.map

package/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity */\nimport React, { HTMLAttributes, forwardRef, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Box, Slider as MuiSlider } from '@mui/material';\nimport ResizableSliderInput from '../common/resizableSliderInput';\nimport SliderValuesStyled from '../common/styled/sliderValuesStyled';\nimport { getSliderMarks, SliderContainer } from '@/src/materialui/slider';\n\nexport type ValueComponentType = 'default' | 'input' | 'labeledInput' | null;\n\nexport type SliderThousandsSeparatorType = '.' | ',' | ' ';\n\n/**\n * @interface Base defintion of SkodaFlow Slider component independent on core implementation.\n * Properties are inherited from HTML Span element and component functionality is taken from @mui/material/Slider v5.0.1.\n * @link https://mui.com/api/slider\n */\nexport interface SliderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'defaultValue' | 'onChange'> {\n  /**\n   *  Disabled state, not changeable.\n   */\n  disabled?: boolean;\n\n  /**\n   * The default values of the slider. Use array in order to have more than 1 thumb.\n   */\n  defaultValue?: number | number[];\n\n  /**\n   * Use valueLabelDisplay for hovered thumb with value text.\n   * - `auto` the value label will display when the thumb is hovered or focused.\n   * - `on` will display persistently.\n   * - `off` will never display.\n   * @default 'off'\n   */\n  valueLabelDisplay?: 'on' | 'auto' | 'off';\n\n  /**\n   * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.\n   * @default false\n   */\n  disableSwap?: boolean;\n  /**\n   * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.\n   * This is important for screen reader users.\n   * @param {number} index The thumb label's index to format.\n   * @returns {string}\n   */\n  getAriaLabel?: (index: number) => string;\n\n  /**\n   * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.\n   * This is important for screen reader users.\n   * @param {number} value The thumb label's value to format.\n   * @param {number} index The thumb label's index to format.\n   * @returns {string}\n   */\n  getAriaValueText?: (value: number, index: number) => string;\n\n  /**\n   * The maximum allowed value of the slider.\n   * Should not be equal to min.\n   * @default 100\n   */\n  max?: number;\n\n  /**\n   * The minimum allowed value of the slider.\n   * Should not be equal to max.\n   * @default 0\n   */\n  min?: number;\n\n  /**\n   * Callback function that is fired when the slider's value changed.\n   *\n   * @param {Event} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * **Warning**: This is a generic event not a change event.\n   * @param {number | number[]} value The new value.\n   * @param {number} activeThumb Index of the currently moved thumb.\n   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement> | Event,\n    value: number | number[],\n    activeThumb?: number,\n  ) => void;\n\n  /**\n   * Callback function that is fired on input blur.\n   *\n   * @param {Event} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * **Warning**: This is a generic event not a change event.\n   * @param {number} activeThumb Index of the currently moved thumb.\n   */\n  onInputBlur?: (event: React.ChangeEvent<HTMLInputElement> | Event, activeThumb?: number) => void;\n\n  /**\n   * Callback function that is fired when the `mouseup` is triggered. Only working when using directly the slider.\n   *\n   * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.\n   * @param {number | number[]} value The new value.\n   */\n  onChangeCommitted?: (event: React.SyntheticEvent | Event, value: number | number[]) => void;\n\n  /**\n   * Marks indicate predetermined values to which the user can move the slider.\n   * If `true` the marks are spaced according the value of the `step` prop.\n   * If an array, it should contain objects with `value` and an optional `label` keys.\n   * @default false\n   */\n  marks?:\n    | 'auto'\n    | boolean\n    | {\n        value: number;\n        label?: React.ReactNode;\n      }[];\n\n  /**\n   * The granularity with which the slider can step through values. (A \"discrete\" slider.)\n   * The `min` prop serves as the origin for the valid values.\n   * We recommend (max - min) to be evenly divisible by the step.\n   *\n   * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.\n   * @default 1\n   */\n  step?: number | null;\n\n  /**\n   * Left side/min label of the value input.\n   */\n\n  leftSideLabel?: string;\n  /**\n   * Right side/max label of the value input.\n   */\n  rightSideLabel?: string;\n\n  /**\n   * Left side/min text description of the value input.\n   */\n  minTextDescription?: string;\n\n  /**\n   * Right side/max text description of the value input.\n   */\n  maxTextDescription?: string;\n\n  /**\n   * The type of the value input.\n   */\n  valueComponentType?: ValueComponentType;\n\n  /**\n   * The value of the slider. For ranged sliders, provide an array with two values.\n   */\n  value?: number | number[];\n\n  /**\n   * If true the currency is displayed in front of the value.\n   */\n  isCurrencyInFront?: boolean;\n\n  /**\n   * Thousands separator variants for formatting currency\n   */\n  thousandsSeparator?: SliderThousandsSeparatorType;\n\n  /**\n   * Decimal separator variants for formatting currency\n   */\n  decimalSeparator?: '.' | ',';\n\n  /**\n   * to hide or show decimals. Default value true\n   */\n  hiddenDecimalSeparator?: boolean;\n}\n\nconst getDoubleValueComponent = (\n  type: ValueComponentType,\n  values: number[] | '',\n  leftSideLabel?: string,\n  rightSideLabel?: string,\n  minTextDescription?: string,\n  maxTextDescription?: string,\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n  onBlur?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n  disabled?: boolean,\n  isCurrencyInFront?: boolean,\n  thousandsSeparator?: ',' | '.' | ' ',\n  decimalSeparator?: ',' | '.',\n  hiddenDecimalSeparator?: boolean,\n) => {\n  if (type === 'default' || !type) {\n    const minVal = getFormattedString(\n      typeof values[0] === 'number' ? values[0] : parseInt(values[0]),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    const maxVal = getFormattedString(\n      typeof values[1] === 'number' ? values[1] : parseInt(values[1]),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    return (\n      <div className=\"range-values\">\n        <div data-testid=\"Slider.minVal\">\n          {isCurrencyInFront ? `${minTextDescription} ${minVal}` : `${minVal} ${minTextDescription}`}\n        </div>\n        <div className=\"middle-side\"></div>\n        <div data-testid=\"Slider.maxVal\">\n          {isCurrencyInFront ? `${maxTextDescription} ${maxVal}` : `${maxVal} ${maxTextDescription}`}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"range-values\">\n      <ResizableSliderInput\n        id=\"slider-double-value-left-label-input\"\n        onChange={onChange}\n        onBlur={onBlur}\n        value={values[0]}\n        thousandsSeparator={thousandsSeparator}\n        decimalSeparator={decimalSeparator}\n        hiddenDecimalSeparator={hiddenDecimalSeparator}\n        thumb={0}\n        disabled={disabled}\n        textDescription={minTextDescription}\n        labelText={type === 'input' ? null : leftSideLabel}\n        isCurrencyInFront={isCurrencyInFront}\n        data-testid=\"Slider.minVal\"\n      />\n      <div className=\"middle-side\"></div>\n      <ResizableSliderInput\n        id=\"slider-double-value-right-label-input\"\n        onChange={onChange}\n        onBlur={onBlur}\n        value={values[1]}\n        thousandsSeparator={thousandsSeparator}\n        decimalSeparator={decimalSeparator}\n        hiddenDecimalSeparator={hiddenDecimalSeparator}\n        thumb={1}\n        disabled={disabled}\n        textDescription={maxTextDescription}\n        labelText={type === 'labeledInput' ? rightSideLabel : null}\n        isCurrencyInFront={isCurrencyInFront}\n        data-testid=\"Slider.maxVal\"\n      />\n    </div>\n  );\n};\n\nconst getSingleValueComponent = (\n  type: ValueComponentType,\n  values: number | '',\n  leftSideLabel?: string,\n  minTextDescription?: string,\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  disabled?: boolean,\n  isCurrencyInFront?: boolean,\n  thousandsSeparator?: ',' | '.' | ' ',\n  decimalSeparator?: ',' | '.',\n  hiddenDecimalSeparator?: boolean,\n) => {\n  if (type === 'default' || !type) {\n    const val = getFormattedString(\n      typeof values === 'number' ? values : parseInt(values),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    return (\n      <div data-testid=\"Slider.minVal\">\n        {minTextDescription && isCurrencyInFront\n          ? `${minTextDescription} ${val}`\n          : minTextDescription\n            ? `${val} ${minTextDescription}`\n            : val}{' '}\n      </div>\n    );\n  }\n\n  return (\n    <ResizableSliderInput\n      id=\"slider-single-value-label-input\"\n      value={values}\n      thousandsSeparator={thousandsSeparator}\n      decimalSeparator={decimalSeparator}\n      hiddenDecimalSeparator={hiddenDecimalSeparator}\n      onChange={onChange}\n      onBlur={onBlur}\n      disabled={disabled}\n      textDescription={minTextDescription}\n      labelText={type === 'labeledInput' ? leftSideLabel : null}\n      isCurrencyInFront={isCurrencyInFront}\n    />\n  );\n};\n\nconst getFormattedValue = (value: string) => {\n  let result = value ? parseInt(value) : -1;\n  if (isNaN(result)) result = -1;\n\n  return result;\n};\n\nconst getInitialValue = (\n  min: number,\n  max: number,\n  defaultValue: number | number[],\n  value?: number | number[],\n): number | number[] => {\n  if (value !== undefined) return value;\n  if (defaultValue !== undefined) return defaultValue;\n  if (max && !min) return [0, max];\n  if (!max && min) return min;\n\n  return 0;\n};\n\n/**\n * @deprecated Use Slider component from '@mui/material' module instead.\n */\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>(\n  (\n    {\n      min,\n      max,\n      defaultValue,\n      valueComponentType,\n      leftSideLabel,\n      rightSideLabel,\n      disabled,\n      disableSwap,\n      step,\n      value,\n      isCurrencyInFront,\n      minTextDescription = '',\n      maxTextDescription = '',\n      onChange,\n      onInputBlur,\n      thousandsSeparator = ' ',\n      decimalSeparator = ',',\n      hiddenDecimalSeparator = true,\n      marks,\n      ...props\n    },\n    ref,\n  ) => {\n    const getInitialValueWithUseCallBack = useMemo(() => {\n      return getInitialValue(min, max, defaultValue, value);\n    }, [min, max, defaultValue, value]);\n\n    const [values, setValues] = useState<number | number[] | ''>(getInitialValueWithUseCallBack);\n\n    useEffect(() => {\n      if (value) setValues(() => value);\n    }, [value]);\n\n    const getFormattedValueWithUseCallBack = useCallback((_value: string) => {\n      return getFormattedValue(_value);\n    }, []);\n\n    const onChangeHandler = useCallback(\n      (event: Event, _value: number | number[], activeThumb: number) => {\n        if (!Array.isArray(_value)) {\n          setValues(_value);\n          onChange && onChange(event, _value, activeThumb);\n          return;\n        }\n        if (activeThumb === 0) {\n          setValues([Math.min(_value[0], _value[1] - step), _value[1]]);\n        } else {\n          setValues([_value[0], Math.max(_value[1], _value[0] + step)]);\n        }\n        onChange && onChange(event, _value, activeThumb);\n      },\n      [onChange, step],\n    );\n\n    const onChangeSingleValue = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (newValue > max) newValue = max;\n\n        onChange && onChange(e, newValue);\n        setValues(() => newValue);\n      },\n      [getFormattedValueWithUseCallBack, max, onChange],\n    );\n\n    const onChangeDoubleValue = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (thumb === 1 && newValue > max) newValue = max;\n        else if (thumb === 0 && newValue > values[1]) newValue = values[1];\n        setValues((curr: number[]) => {\n          let newArrayValue = [...curr];\n          newArrayValue[thumb] = newValue;\n          if (newArrayValue[0] > newArrayValue[1]) {\n            newArrayValue = [0, step];\n          }\n          onChange && onChange(e, newArrayValue, thumb);\n          return newArrayValue;\n        });\n      },\n      [getFormattedValueWithUseCallBack, max, onChange, step, values],\n    );\n\n    const valuesComponent = useMemo(() => {\n      return Array.isArray(values)\n        ? getDoubleValueComponent(\n            valueComponentType,\n            values,\n            leftSideLabel,\n            rightSideLabel,\n            minTextDescription,\n            maxTextDescription,\n            onChangeDoubleValue,\n            onInputBlur,\n            disabled,\n            isCurrencyInFront,\n            thousandsSeparator,\n            decimalSeparator,\n            hiddenDecimalSeparator,\n          )\n        : getSingleValueComponent(\n            valueComponentType,\n            values,\n            leftSideLabel,\n            minTextDescription,\n            onChangeSingleValue,\n            onInputBlur,\n            disabled,\n            isCurrencyInFront,\n            thousandsSeparator,\n            decimalSeparator,\n            hiddenDecimalSeparator,\n          );\n    }, [\n      disabled,\n      isCurrencyInFront,\n      leftSideLabel,\n      maxTextDescription,\n      minTextDescription,\n      onChangeDoubleValue,\n      onChangeSingleValue,\n      onInputBlur,\n      rightSideLabel,\n      valueComponentType,\n      values,\n      thousandsSeparator,\n      decimalSeparator,\n      hiddenDecimalSeparator,\n    ]);\n\n    const marksValue = useMemo(() => {\n      if (marks === 'auto') {\n        return getSliderMarks(min || 0, max || 100);\n      } else {\n        return marks;\n      }\n    }, [marks, min || 0, max || 100]);\n\n    return (\n      <Box>\n        <SliderContainer>\n          <MuiSlider\n            {...props}\n            data-testid=\"Slider\"\n            disabled={disabled}\n            ref={ref}\n            onChange={onChangeHandler}\n            min={min}\n            max={max}\n            step={step}\n            disableSwap={disableSwap}\n            marks={marksValue}\n            valueLabelFormat={(v) =>\n              getFormattedString(v, decimalSeparator, thousandsSeparator, hiddenDecimalSeparator)\n            }\n            value={values as any}\n          />\n        </SliderContainer>\n        <Box sx={{ pt: 1 }} />\n        <SliderValuesStyled disabled={disabled}>{valuesComponent}</SliderValuesStyled>\n      </Box>\n    );\n  },\n);\n\nconst getFormattedString = (\n  num: number,\n  decimalSeparator: string,\n  thousandsSeparator: string,\n  hiddenDecimalSeparator: boolean,\n) => {\n  if (hiddenDecimalSeparator) return num.toFixed().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n  return num\n    .toFixed(2)\n    .replace('.', decimalSeparator)\n    .replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n};\n"],"names":["Slider","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","marks","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","ResizableSliderInput","id","textDescription","labelText","getDoubleValueComponent","val","getSingleValueComponent","marksValue","getSliderMarks","Box","SliderContainer","MuiSlider","Object","assign","valueLabelFormat","v","sx","pt","SliderValuesStyled","num","toFixed","replace"],"mappings":"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"}
+{"version":3,"file":"slider.js","sources":["../../../src/components/slider/slider.tsx"],"sourcesContent":["/* eslint-disable sonarjs/cognitive-complexity */\nimport React, { HTMLAttributes, forwardRef, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Box, Slider as MuiSlider } from '@mui/material';\nimport ResizableSliderInput from '../common/resizableSliderInput';\nimport SliderValuesStyled from '../common/styled/sliderValuesStyled';\nimport { getSliderMarks, SliderContainer } from '@/src/materialui/slider';\n\nexport type ValueComponentType = 'default' | 'input' | 'labeledInput' | null;\n\nexport type SliderThousandsSeparatorType = '.' | ',' | ' ';\n\n/**\n * @interface Base defintion of SkodaFlow Slider component independent on core implementation.\n * Properties are inherited from HTML Span element and component functionality is taken from @mui/material/Slider v5.0.1.\n * @link https://mui.com/api/slider\n */\nexport interface SliderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'defaultValue' | 'onChange'> {\n  /**\n   *  Disabled state, not changeable.\n   */\n  disabled?: boolean;\n\n  /**\n   * The default values of the slider. Use array in order to have more than 1 thumb.\n   */\n  defaultValue?: number | number[];\n\n  /**\n   * Use valueLabelDisplay for hovered thumb with value text.\n   * - `auto` the value label will display when the thumb is hovered or focused.\n   * - `on` will display persistently.\n   * - `off` will never display.\n   * @default 'off'\n   */\n  valueLabelDisplay?: 'on' | 'auto' | 'off';\n\n  /**\n   * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.\n   * @default false\n   */\n  disableSwap?: boolean;\n  /**\n   * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.\n   * This is important for screen reader users.\n   * @param {number} index The thumb label's index to format.\n   * @returns {string}\n   */\n  getAriaLabel?: (index: number) => string;\n\n  /**\n   * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.\n   * This is important for screen reader users.\n   * @param {number} value The thumb label's value to format.\n   * @param {number} index The thumb label's index to format.\n   * @returns {string}\n   */\n  getAriaValueText?: (value: number, index: number) => string;\n\n  /**\n   * The maximum allowed value of the slider.\n   * Should not be equal to min.\n   * @default 100\n   */\n  max?: number;\n\n  /**\n   * The minimum allowed value of the slider.\n   * Should not be equal to max.\n   * @default 0\n   */\n  min?: number;\n\n  /**\n   * Callback function that is fired when the slider's value changed.\n   *\n   * @param {Event} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * **Warning**: This is a generic event not a change event.\n   * @param {number | number[]} value The new value.\n   * @param {number} activeThumb Index of the currently moved thumb.\n   */\n  onChange?: (\n    event: React.ChangeEvent<HTMLInputElement> | Event,\n    value: number | number[],\n    activeThumb?: number,\n  ) => void;\n\n  /**\n   * Callback function that is fired on input blur.\n   *\n   * @param {Event} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (any).\n   * **Warning**: This is a generic event not a change event.\n   * @param {number} activeThumb Index of the currently moved thumb.\n   */\n  onInputBlur?: (event: React.ChangeEvent<HTMLInputElement> | Event, activeThumb?: number) => void;\n\n  /**\n   * Callback function that is fired when the `mouseup` is triggered. Only working when using directly the slider.\n   *\n   * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.\n   * @param {number | number[]} value The new value.\n   */\n  onChangeCommitted?: (event: React.SyntheticEvent | Event, value: number | number[]) => void;\n\n  /**\n   * Marks indicate predetermined values to which the user can move the slider.\n   * If `true` the marks are spaced according the value of the `step` prop.\n   * If an array, it should contain objects with `value` and an optional `label` keys.\n   * @default false\n   */\n  marks?:\n    | 'auto'\n    | boolean\n    | {\n        value: number;\n        label?: React.ReactNode;\n      }[];\n\n  /**\n   * The granularity with which the slider can step through values. (A \"discrete\" slider.)\n   * The `min` prop serves as the origin for the valid values.\n   * We recommend (max - min) to be evenly divisible by the step.\n   *\n   * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.\n   * @default 1\n   */\n  step?: number | null;\n\n  /**\n   * Left side/min label of the value input.\n   */\n\n  leftSideLabel?: string;\n  /**\n   * Right side/max label of the value input.\n   */\n  rightSideLabel?: string;\n\n  /**\n   * Left side/min text description of the value input.\n   */\n  minTextDescription?: string;\n\n  /**\n   * Right side/max text description of the value input.\n   */\n  maxTextDescription?: string;\n\n  /**\n   * The type of the value input.\n   */\n  valueComponentType?: ValueComponentType;\n\n  /**\n   * The value of the slider. For ranged sliders, provide an array with two values.\n   */\n  value?: number | number[];\n\n  /**\n   * If true the currency is displayed in front of the value.\n   */\n  isCurrencyInFront?: boolean;\n\n  /**\n   * Thousands separator variants for formatting currency\n   */\n  thousandsSeparator?: SliderThousandsSeparatorType;\n\n  /**\n   * Decimal separator variants for formatting currency\n   */\n  decimalSeparator?: '.' | ',';\n\n  /**\n   * to hide or show decimals. Default value true\n   */\n  hiddenDecimalSeparator?: boolean;\n}\n\nconst getDoubleValueComponent = (\n  type: ValueComponentType,\n  values: number[] | '',\n  leftSideLabel?: string,\n  rightSideLabel?: string,\n  minTextDescription?: string,\n  maxTextDescription?: string,\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n  onBlur?: (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => void,\n  disabled?: boolean,\n  isCurrencyInFront?: boolean,\n  thousandsSeparator?: ',' | '.' | ' ',\n  decimalSeparator?: ',' | '.',\n  hiddenDecimalSeparator?: boolean,\n) => {\n  if (type === 'default' || !type) {\n    const minVal = getFormattedString(\n      typeof values[0] === 'number' ? values[0] : parseInt(values[0]),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    const maxVal = getFormattedString(\n      typeof values[1] === 'number' ? values[1] : parseInt(values[1]),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    return (\n      <div className=\"range-values\">\n        <div data-testid=\"Slider.minVal\">\n          {isCurrencyInFront ? `${minTextDescription} ${minVal}` : `${minVal} ${minTextDescription}`}\n        </div>\n        <div className=\"middle-side\"></div>\n        <div data-testid=\"Slider.maxVal\">\n          {isCurrencyInFront ? `${maxTextDescription} ${maxVal}` : `${maxVal} ${maxTextDescription}`}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"range-values\">\n      <ResizableSliderInput\n        id=\"slider-double-value-left-label-input\"\n        onChange={onChange}\n        onBlur={onBlur}\n        value={values[0]}\n        thousandsSeparator={thousandsSeparator}\n        decimalSeparator={decimalSeparator}\n        hiddenDecimalSeparator={hiddenDecimalSeparator}\n        thumb={0}\n        disabled={disabled}\n        textDescription={minTextDescription}\n        labelText={type === 'input' ? null : leftSideLabel}\n        isCurrencyInFront={isCurrencyInFront}\n        data-testid=\"Slider.minVal\"\n      />\n      <div className=\"middle-side\"></div>\n      <ResizableSliderInput\n        id=\"slider-double-value-right-label-input\"\n        onChange={onChange}\n        onBlur={onBlur}\n        value={values[1]}\n        thousandsSeparator={thousandsSeparator}\n        decimalSeparator={decimalSeparator}\n        hiddenDecimalSeparator={hiddenDecimalSeparator}\n        thumb={1}\n        disabled={disabled}\n        textDescription={maxTextDescription}\n        labelText={type === 'labeledInput' ? rightSideLabel : null}\n        isCurrencyInFront={isCurrencyInFront}\n        data-testid=\"Slider.maxVal\"\n      />\n    </div>\n  );\n};\n\nconst getSingleValueComponent = (\n  type: ValueComponentType,\n  values: number | '',\n  leftSideLabel?: string,\n  minTextDescription?: string,\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => void,\n  disabled?: boolean,\n  isCurrencyInFront?: boolean,\n  thousandsSeparator?: ',' | '.' | ' ',\n  decimalSeparator?: ',' | '.',\n  hiddenDecimalSeparator?: boolean,\n) => {\n  if (type === 'default' || !type) {\n    const val = getFormattedString(\n      typeof values === 'number' ? values : parseInt(values),\n      decimalSeparator,\n      thousandsSeparator,\n      hiddenDecimalSeparator,\n    );\n    return (\n      <div data-testid=\"Slider.minVal\">\n        {minTextDescription && isCurrencyInFront\n          ? `${minTextDescription} ${val}`\n          : minTextDescription\n            ? `${val} ${minTextDescription}`\n            : val}{' '}\n      </div>\n    );\n  }\n\n  return (\n    <ResizableSliderInput\n      id=\"slider-single-value-label-input\"\n      value={values}\n      thousandsSeparator={thousandsSeparator}\n      decimalSeparator={decimalSeparator}\n      hiddenDecimalSeparator={hiddenDecimalSeparator}\n      onChange={onChange}\n      onBlur={onBlur}\n      disabled={disabled}\n      textDescription={minTextDescription}\n      labelText={type === 'labeledInput' ? leftSideLabel : null}\n      isCurrencyInFront={isCurrencyInFront}\n    />\n  );\n};\n\nconst getFormattedValue = (value: string) => {\n  let result = value ? parseInt(value) : -1;\n  if (isNaN(result)) result = -1;\n\n  return result;\n};\n\nconst getInitialValue = (\n  min: number,\n  max: number,\n  defaultValue: number | number[],\n  value?: number | number[],\n): number | number[] => {\n  if (value !== undefined) return value;\n  if (defaultValue !== undefined) return defaultValue;\n  if (max && !min) return [0, max];\n  if (!max && min) return min;\n\n  return 0;\n};\n\n/**\n * @deprecated Use Slider component from '@mui/material' module instead.\n */\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>(\n  (\n    {\n      min,\n      max,\n      defaultValue,\n      valueComponentType,\n      leftSideLabel,\n      rightSideLabel,\n      disabled,\n      disableSwap,\n      step,\n      value,\n      isCurrencyInFront,\n      minTextDescription = '',\n      maxTextDescription = '',\n      onChange,\n      onInputBlur,\n      thousandsSeparator = ' ',\n      decimalSeparator = ',',\n      hiddenDecimalSeparator = true,\n      marks,\n      ...props\n    },\n    ref,\n  ) => {\n    const getInitialValueWithUseCallBack = useMemo(() => {\n      return getInitialValue(min, max, defaultValue, value);\n    }, [min, max, defaultValue, value]);\n\n    const [values, setValues] = useState<number | number[] | ''>(getInitialValueWithUseCallBack);\n\n    useEffect(() => {\n      if (value) setValues(() => value);\n    }, [value]);\n\n    const getFormattedValueWithUseCallBack = useCallback((_value: string) => {\n      return getFormattedValue(_value);\n    }, []);\n\n    const onChangeHandler = useCallback(\n      (event: Event, _value: number | number[], activeThumb: number) => {\n        if (!Array.isArray(_value)) {\n          setValues(_value);\n          onChange && onChange(event, _value, activeThumb);\n          return;\n        }\n        if (activeThumb === 0) {\n          setValues([Math.min(_value[0], _value[1] - step), _value[1]]);\n        } else {\n          setValues([_value[0], Math.max(_value[1], _value[0] + step)]);\n        }\n        onChange && onChange(event, _value, activeThumb);\n      },\n      [onChange, step],\n    );\n\n    const onChangeSingleValue = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (newValue > max) newValue = max;\n\n        onChange && onChange(e, newValue);\n        setValues(() => newValue);\n      },\n      [getFormattedValueWithUseCallBack, max, onChange],\n    );\n\n    const onChangeDoubleValue = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>, thumb: number) => {\n        let newValue = getFormattedValueWithUseCallBack(e.target.value);\n        if (thumb === 1 && newValue > max) newValue = max;\n        else if (thumb === 0 && newValue > values[1]) newValue = values[1];\n        setValues((curr: number[]) => {\n          let newArrayValue = [...curr];\n          newArrayValue[thumb] = newValue;\n          if (newArrayValue[0] > newArrayValue[1]) {\n            newArrayValue = [0, step];\n          }\n          onChange && onChange(e, newArrayValue, thumb);\n          return newArrayValue;\n        });\n      },\n      [getFormattedValueWithUseCallBack, max, onChange, step, values],\n    );\n\n    const valuesComponent = useMemo(() => {\n      return Array.isArray(values)\n        ? getDoubleValueComponent(\n            valueComponentType,\n            values,\n            leftSideLabel,\n            rightSideLabel,\n            minTextDescription,\n            maxTextDescription,\n            onChangeDoubleValue,\n            onInputBlur,\n            disabled,\n            isCurrencyInFront,\n            thousandsSeparator,\n            decimalSeparator,\n            hiddenDecimalSeparator,\n          )\n        : getSingleValueComponent(\n            valueComponentType,\n            values,\n            leftSideLabel,\n            minTextDescription,\n            onChangeSingleValue,\n            onInputBlur,\n            disabled,\n            isCurrencyInFront,\n            thousandsSeparator,\n            decimalSeparator,\n            hiddenDecimalSeparator,\n          );\n    }, [\n      disabled,\n      isCurrencyInFront,\n      leftSideLabel,\n      maxTextDescription,\n      minTextDescription,\n      onChangeDoubleValue,\n      onChangeSingleValue,\n      onInputBlur,\n      rightSideLabel,\n      valueComponentType,\n      values,\n      thousandsSeparator,\n      decimalSeparator,\n      hiddenDecimalSeparator,\n    ]);\n\n    const marksValue = useMemo(() => {\n      if (marks === 'auto') {\n        return getSliderMarks(min || 0, max || 100);\n      } else {\n        return marks;\n      }\n    }, [marks, min || 0, max || 100]);\n\n    return (\n      <Box>\n        <SliderContainer>\n          <MuiSlider\n            {...props}\n            data-testid=\"Slider\"\n            disabled={disabled}\n            ref={ref}\n            onChange={onChangeHandler}\n            min={min}\n            max={max}\n            step={step}\n            disableSwap={disableSwap}\n            marks={marksValue}\n            valueLabelFormat={(v) =>\n              getFormattedString(v, decimalSeparator, thousandsSeparator, hiddenDecimalSeparator)\n            }\n            value={values as any}\n          />\n        </SliderContainer>\n        <Box sx={{ pt: 1 }} />\n        <SliderValuesStyled disabled={disabled}>{valuesComponent}</SliderValuesStyled>\n      </Box>\n    );\n  },\n);\n\nconst getFormattedString = (\n  num: number,\n  decimalSeparator: string,\n  thousandsSeparator: string,\n  hiddenDecimalSeparator: boolean,\n) => {\n  if (hiddenDecimalSeparator) return num.toFixed().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n  return num\n    .toFixed(2)\n    .replace('.', decimalSeparator)\n    .replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n};\n"],"names":["Slider","forwardRef","_a","ref","min","max","defaultValue","valueComponentType","leftSideLabel","rightSideLabel","disabled","disableSwap","step","value","isCurrencyInFront","minTextDescription","maxTextDescription","onChange","onInputBlur","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","marks","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","ResizableSliderInput","id","textDescription","labelText","getDoubleValueComponent","val","getSingleValueComponent","marksValue","getSliderMarks","Box","SliderContainer","MuiSlider","Object","assign","valueLabelFormat","v","sx","pt","SliderValuesStyled","num","toFixed","replace"],"mappings":"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"}

package/components/snackbar/snackbar.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Snackbar as o,Alert as t,AlertTitle as a,Button as c}from"@mui/material";const l=i(((i,l)=>{var{icon:s,message:m,header:d,handleAction:h,actionButtonTitle:C,closeOnClickaway:p=!0,onClose:u,handleClose:f,setOpen:g,children:O}=i,k=e(i,["icon","message","header","handleAction","actionButtonTitle","closeOnClickaway","onClose","handleClose","setOpen","children"]);return n(o,Object.assign({ref:l,onClose:(e,n)=>{p&&(g?g(!1):u&&u(e,n),f&&f(e,n))}},k,{children:O||r(t,{severity:s?{alert:"error",warning:"warning",success:"success"}[s]:void 0,action:n(c,{variant:"text",color:"inherit",size:"small",onClick:h,children:C}),children:[n(a,{children:d}),m]})}))}));export{l as Snackbar};
+import{__rest as e}from"tslib";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{forwardRef as i}from"react";import{Snackbar as o,Alert as t,AlertTitle as a,Button as c}from"@mui/material";const l=i((i,l)=>{var{icon:s,message:m,header:d,handleAction:h,actionButtonTitle:C,closeOnClickaway:p=!0,onClose:u,handleClose:f,setOpen:g,children:O}=i,k=e(i,["icon","message","header","handleAction","actionButtonTitle","closeOnClickaway","onClose","handleClose","setOpen","children"]);return n(o,Object.assign({ref:l,onClose:(e,n)=>{p&&(g?g(!1):u&&u(e,n),f&&f(e,n))}},k,{children:O||r(t,{severity:s?{alert:"error",warning:"warning",success:"success"}[s]:void 0,action:n(c,{variant:"text",color:"inherit",size:"small",onClick:h,children:C}),children:[n(a,{children:d}),m]})}))});export{l as Snackbar};
 //# sourceMappingURL=snackbar.js.map

package/components/snackbar/snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","sources":["../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Snackbar as MuiSnackbar,\n  SnackbarProps as MuiSnackbarProps,\n  Alert,\n  AlertProps,\n  AlertTitle,\n  Button,\n} from '@mui/material';\n\nexport interface SnackbarProps extends MuiSnackbarProps {\n  /**\n   * @deprecated use action instead\n   */\n  actionButtonTitle?: string;\n  /**\n   * @deprecated controlled by providing onClose property\n   */\n  closeOnClickaway?: boolean;\n  /**\n   * @deprecated provide onClose instead\n   */\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n  /**\n   * @deprecated use onClose instead\n   */\n  handleClose?: (event: React.SyntheticEvent | Event, reason?: string) => void;\n  /**\n   * @deprecated use action instead\n   */\n  handleAction?: (event: React.SyntheticEvent | Event, reason?: string) => void;\n  /**\n   * @deprecated use severity on the Alert component instead\n   */\n  icon?: 'alert' | 'warning' | 'success' | '';\n  /**\n   * @deprecated use AlertTitle in Alert component instead\n   */\n  header?: string;\n}\n\n/**\n * @mui Snackbar that contains props parser for the previous implementation\n */\nexport const Snackbar: React.FC<SnackbarProps> = forwardRef(\n  (\n    {\n      icon,\n      message,\n      header,\n      handleAction,\n      actionButtonTitle,\n      closeOnClickaway = true,\n      onClose,\n      handleClose,\n      setOpen,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <MuiSnackbar\n        ref={ref}\n        onClose={(e, reason) => {\n          if (closeOnClickaway) {\n            if (setOpen) {\n              setOpen(false);\n            } else if (onClose) {\n              onClose(e, reason);\n            }\n            if (handleClose) {\n              handleClose(e, reason);\n            }\n          }\n        }}\n        {...rest}\n      >\n        {children || (\n          <Alert\n            severity={\n              icon\n                ? ({ alert: 'error', warning: 'warning', success: 'success' }[icon] as AlertProps['severity'])\n                : undefined\n            }\n            action={\n              <Button variant=\"text\" color=\"inherit\" size=\"small\" onClick={handleAction}>\n                {actionButtonTitle}\n              </Button>\n            }\n          >\n            <AlertTitle>{header}</AlertTitle>\n            {message}\n          </Alert>\n        )}\n      </MuiSnackbar>\n    );\n  },\n);\n"],"names":["Snackbar","forwardRef","_a","ref","icon","message","header","handleAction","actionButtonTitle","closeOnClickaway","onClose","handleClose","setOpen","children","rest","__rest","_jsx","MuiSnackbar","Object","assign","e","reason","_jsxs","Alert","severity","alert","warning","success","undefined","action","Button","variant","color","size","onClick","AlertTitle"],"mappings":"oMA4CO,MAAMA,EAAoCC,GAC/C,CACEC,EAaAC,SAbAC,KACEA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,aACNA,EAAYC,kBACZA,EAAiBC,iBACjBA,GAAmB,EAAIC,QACvBA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,SACPA,GAAQX,EACLY,EAAIC,EAAAb,EAXT,CAAA,OAAA,UAAA,SAAA,eAAA,oBAAA,mBAAA,UAAA,cAAA,UAAA,aAeA,OACEc,EAACC,EAAWC,OAAAC,OAAA,CACVhB,IAAKA,EACLO,QAAS,CAACU,EAAGC,KACPZ,IACEG,EACFA,GAAQ,GACCF,GACTA,EAAQU,EAAGC,GAETV,GACFA,EAAYS,EAAGC,GAEnB,GAEEP,EAAI,CAAAD,SAEPA,GACCS,EAACC,EAAK,CACJC,SACEpB,EACK,CAAEqB,MAAO,QAASC,QAAS,UAAWC,QAAS,WAAYvB,QAC5DwB,EAENC,OACEb,EAACc,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,KAAK,QAAQC,QAAS3B,EAAYM,SACtEL,cAILQ,EAACmB,EAAU,CAAAtB,SAAEP,IACZD,OAGO"}
+{"version":3,"file":"snackbar.js","sources":["../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Snackbar as MuiSnackbar,\n  SnackbarProps as MuiSnackbarProps,\n  Alert,\n  AlertProps,\n  AlertTitle,\n  Button,\n} from '@mui/material';\n\nexport interface SnackbarProps extends MuiSnackbarProps {\n  /**\n   * @deprecated use action instead\n   */\n  actionButtonTitle?: string;\n  /**\n   * @deprecated controlled by providing onClose property\n   */\n  closeOnClickaway?: boolean;\n  /**\n   * @deprecated provide onClose instead\n   */\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n  /**\n   * @deprecated use onClose instead\n   */\n  handleClose?: (event: React.SyntheticEvent | Event, reason?: string) => void;\n  /**\n   * @deprecated use action instead\n   */\n  handleAction?: (event: React.SyntheticEvent | Event, reason?: string) => void;\n  /**\n   * @deprecated use severity on the Alert component instead\n   */\n  icon?: 'alert' | 'warning' | 'success' | '';\n  /**\n   * @deprecated use AlertTitle in Alert component instead\n   */\n  header?: string;\n}\n\n/**\n * @mui Snackbar that contains props parser for the previous implementation\n */\nexport const Snackbar: React.FC<SnackbarProps> = forwardRef(\n  (\n    {\n      icon,\n      message,\n      header,\n      handleAction,\n      actionButtonTitle,\n      closeOnClickaway = true,\n      onClose,\n      handleClose,\n      setOpen,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <MuiSnackbar\n        ref={ref}\n        onClose={(e, reason) => {\n          if (closeOnClickaway) {\n            if (setOpen) {\n              setOpen(false);\n            } else if (onClose) {\n              onClose(e, reason);\n            }\n            if (handleClose) {\n              handleClose(e, reason);\n            }\n          }\n        }}\n        {...rest}\n      >\n        {children || (\n          <Alert\n            severity={\n              icon\n                ? ({ alert: 'error', warning: 'warning', success: 'success' }[icon] as AlertProps['severity'])\n                : undefined\n            }\n            action={\n              <Button variant=\"text\" color=\"inherit\" size=\"small\" onClick={handleAction}>\n                {actionButtonTitle}\n              </Button>\n            }\n          >\n            <AlertTitle>{header}</AlertTitle>\n            {message}\n          </Alert>\n        )}\n      </MuiSnackbar>\n    );\n  },\n);\n"],"names":["Snackbar","forwardRef","_a","ref","icon","message","header","handleAction","actionButtonTitle","closeOnClickaway","onClose","handleClose","setOpen","children","rest","__rest","_jsx","MuiSnackbar","Object","assign","e","reason","_jsxs","Alert","severity","alert","warning","success","undefined","action","Button","variant","color","size","onClick","AlertTitle"],"mappings":"oMA4CO,MAAMA,EAAoCC,EAC/C,CACEC,EAaAC,SAbAC,KACEA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,aACNA,EAAYC,kBACZA,EAAiBC,iBACjBA,GAAmB,EAAIC,QACvBA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,SACPA,GAAQX,EACLY,EAAIC,EAAAb,EAXT,CAAA,OAAA,UAAA,SAAA,eAAA,oBAAA,mBAAA,UAAA,cAAA,UAAA,aAeA,OACEc,EAACC,EAAWC,OAAAC,OAAA,CACVhB,IAAKA,EACLO,QAAS,CAACU,EAAGC,KACPZ,IACEG,EACFA,GAAQ,GACCF,GACTA,EAAQU,EAAGC,GAETV,GACFA,EAAYS,EAAGC,MAIjBP,EAAI,CAAAD,SAEPA,GACCS,EAACC,EAAK,CACJC,SACEpB,EACK,CAAEqB,MAAO,QAASC,QAAS,UAAWC,QAAS,WAAYvB,QAC5DwB,EAENC,OACEb,EAACc,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,KAAK,QAAQC,QAAS3B,EAAYM,SACtEL,cAILQ,EAACmB,EAAU,CAAAtB,SAAEP,IACZD"}

package/components/spacing/spacing.d.ts

@@ -1,12 +1,13 @@
 import React, { ElementType } from 'react';
 import { BoxProps } from '@mui/material';
+import { ResponsiveStyleValue } from '@mui/system';
 export interface SpacingProps extends BoxProps<ElementType> {
     /**
      * Value of spacing. Transpiles to theme.spacing(value).
      *
      * @default 2 that transpiles by default to 16px
      */
-    value?: number;
+    value?: ResponsiveStyleValue<number | string>;
     /**
      * Defines whether the Spacing should be horizontal or vertical.
      * @default: false

package/components/spacing/spacing.js

@@ -1,2 +1,2 @@
-import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Box as i}from"@mui/material";const a=o(((o,a)=>{var{sx:e,value:m=2,horizontal:s=!1}=o,l=r(o,["sx","value","horizontal"]);return t(i,Object.assign({ref:a,sx:Object.assign({pl:s?m:0,pt:s?0:m},e)},l))}));export{a as Spacing};
+import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Box as i}from"@mui/material";const a=o((o,a)=>{var{sx:e,value:m=2,horizontal:s=!1}=o,l=r(o,["sx","value","horizontal"]);return t(i,Object.assign({ref:a,sx:Object.assign({pl:s?m:0,pt:s?0:m},e)},l))});export{a as Spacing};
 //# sourceMappingURL=spacing.js.map

package/components/spacing/spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.js","sources":["../../../src/components/spacing/spacing.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface SpacingProps extends BoxProps<ElementType> {\n  /**\n   * Value of spacing. Transpiles to theme.spacing(value).\n   *\n   * @default 2 that transpiles by default to 16px\n   */\n  value?: number;\n  /**\n   * Defines whether the Spacing should be horizontal or vertical.\n   * @default: false\n   */\n  horizontal?: boolean;\n}\n\nexport const Spacing: React.FC<SpacingProps> = forwardRef(({ sx, value = 2, horizontal = false, ...rest }, ref) => {\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        pl: horizontal ? value : 0,\n        pt: horizontal ? 0 : value,\n        ...sx,\n      }}\n      {...rest}\n    />\n  );\n});\n"],"names":["Spacing","forwardRef","_a","ref","sx","value","horizontal","rest","__rest","_jsx","Box","Object","assign","pl","pt"],"mappings":"8IAiBO,MAAMA,EAAkCC,GAAW,CAACC,EAAgDC,KAAhD,IAAAC,GAAEA,EAAEC,MAAEA,EAAQ,EAACC,WAAEA,GAAa,GAAKJ,EAAKK,EAAIC,EAAAN,EAA5C,6BACzD,OACEO,EAACC,EAAGC,OAAAC,OAAA,CACFT,IAAKA,EACLC,GAAEO,OAAAC,OAAA,CACAC,GAAIP,EAAaD,EAAQ,EACzBS,GAAIR,EAAa,EAAID,GAClBD,IAEDG,GACJ"}
+{"version":3,"file":"spacing.js","sources":["../../../src/components/spacing/spacing.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { ResponsiveStyleValue } from '@mui/system';\n\nexport interface SpacingProps extends BoxProps<ElementType> {\n  /**\n   * Value of spacing. Transpiles to theme.spacing(value).\n   *\n   * @default 2 that transpiles by default to 16px\n   */\n  value?: ResponsiveStyleValue<number | string>;\n  /**\n   * Defines whether the Spacing should be horizontal or vertical.\n   * @default: false\n   */\n  horizontal?: boolean;\n}\n\nexport const Spacing: React.FC<SpacingProps> = forwardRef(({ sx, value = 2, horizontal = false, ...rest }, ref) => {\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        pl: horizontal ? value : 0,\n        pt: horizontal ? 0 : value,\n        ...sx,\n      }}\n      {...rest}\n    />\n  );\n});\n"],"names":["Spacing","forwardRef","_a","ref","sx","value","horizontal","rest","__rest","_jsx","Box","Object","assign","pl","pt"],"mappings":"8IAkBO,MAAMA,EAAkCC,EAAW,CAACC,EAAgDC,KAAhD,IAAAC,GAAEA,EAAEC,MAAEA,EAAQ,EAACC,WAAEA,GAAa,GAAKJ,EAAKK,EAAIC,EAAAN,EAA5C,6BACzD,OACEO,EAACC,EAAGC,OAAAC,OAAA,CACFT,IAAKA,EACLC,GAAEO,OAAAC,OAAA,CACAC,GAAIP,EAAaD,EAAQ,EACzBS,GAAIR,EAAa,EAAID,GAClBD,IAEDG"}

package/components/stepper/desktopStepperStepDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"desktopStepperStepDescription.js","sources":["../../../src/components/stepper/desktopStepperStepDescription.tsx"],"sourcesContent":["import { Box, Chip, Tooltip } from '@mui/material';\nimport React from 'react';\nimport { Location, StepDescriptionDefinition } from './model';\nimport { stepperStyles } from './stepper.styles';\n\n/**\n * @deprecated\n */\nconst getStepDescriptionLocation = (location: Location = 'bottom') => {\n  const defaultLocation = { marginTop: '16px' };\n  switch (location) {\n    case 'bottom':\n      return defaultLocation;\n    case 'top':\n      return { marginTop: 'calc(-50% + -16px)' };\n    default:\n      return defaultLocation;\n  }\n};\n\n/**\n * @deprecated\n */\nconst StepDescription = (props: StepDescriptionDefinition) => {\n  if (!props) {\n    return null;\n  }\n  const { text, width, tooltipProps = { title: undefined } } = props;\n  return (\n    <Box sx={stepperStyles.getStepDescriptionContainerStyle(getStepDescriptionLocation())}>\n      <Tooltip {...tooltipProps}>\n        <Chip\n          sx={{\n            ...stepperStyles.getMultilineChipStyle(width),\n          }}\n          color=\"primary\"\n          label={text}\n        />\n      </Tooltip>\n    </Box>\n  );\n};\n\nexport { StepDescription, getStepDescriptionLocation };\n"],"names":["getStepDescriptionLocation","location","defaultLocation","marginTop","StepDescription","props","text","width","tooltipProps","title","undefined","_jsx","Box","sx","stepperStyles","getStepDescriptionContainerStyle","children","Tooltip","Object","assign","Chip","getMultilineChipStyle","color","label"],"mappings":"uJAQA,MAAMA,EAA6B,CAACC,EAAqB,YACvD,MAAMC,EAAkB,CAAEC,UAAW,QACrC,OAAQF,GACN,IAAK,SAIL,QACE,OAAOC,EAHT,IAAK,MACH,MAAO,CAAEC,UAAW,wBASpBC,EAAmBC,IACvB,IAAKA,EACH,OAAO,KAET,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,aAAEA,EAAe,CAAEC,WAAOC,IAAgBL,EAC7D,OACEM,EAACC,GAAIC,GAAIC,EAAcC,iCAAiCf,KAA6BgB,SACnFL,EAACM,EAAOC,OAAAC,OAAA,CAAA,EAAKX,YACXG,EAACS,EAAI,CACHP,oBACKC,EAAcO,sBAAsBd,IAEzCe,MAAM,UACNC,MAAOjB,QAGP"}
+{"version":3,"file":"desktopStepperStepDescription.js","sources":["../../../src/components/stepper/desktopStepperStepDescription.tsx"],"sourcesContent":["import { Box, Chip, Tooltip } from '@mui/material';\nimport React from 'react';\nimport { Location, StepDescriptionDefinition } from './model';\nimport { stepperStyles } from './stepper.styles';\n\n/**\n * @deprecated\n */\nconst getStepDescriptionLocation = (location: Location = 'bottom') => {\n  const defaultLocation = { marginTop: '16px' };\n  switch (location) {\n    case 'bottom':\n      return defaultLocation;\n    case 'top':\n      return { marginTop: 'calc(-50% + -16px)' };\n    default:\n      return defaultLocation;\n  }\n};\n\n/**\n * @deprecated\n */\nconst StepDescription = (props: StepDescriptionDefinition) => {\n  if (!props) {\n    return null;\n  }\n  const { text, width, tooltipProps = { title: undefined } } = props;\n  return (\n    <Box sx={stepperStyles.getStepDescriptionContainerStyle(getStepDescriptionLocation())}>\n      <Tooltip {...tooltipProps}>\n        <Chip\n          sx={{\n            ...stepperStyles.getMultilineChipStyle(width),\n          }}\n          color=\"primary\"\n          label={text}\n        />\n      </Tooltip>\n    </Box>\n  );\n};\n\nexport { StepDescription, getStepDescriptionLocation };\n"],"names":["getStepDescriptionLocation","location","defaultLocation","marginTop","StepDescription","props","text","width","tooltipProps","title","undefined","_jsx","Box","sx","stepperStyles","getStepDescriptionContainerStyle","children","Tooltip","Object","assign","Chip","getMultilineChipStyle","color","label"],"mappings":"uJAQA,MAAMA,EAA6B,CAACC,EAAqB,YACvD,MAAMC,EAAkB,CAAEC,UAAW,QACrC,OAAQF,GACN,IAAK,SAIL,QACE,OAAOC,EAHT,IAAK,MACH,MAAO,CAAEC,UAAW,wBASpBC,EAAmBC,IACvB,IAAKA,EACH,OAAO,KAET,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,aAAEA,EAAe,CAAEC,WAAOC,IAAgBL,EAC7D,OACEM,EAACC,GAAIC,GAAIC,EAAcC,iCAAiCf,KAA6BgB,SACnFL,EAACM,EAAOC,OAAAC,OAAA,CAAA,EAAKX,YACXG,EAACS,EAAI,CACHP,oBACKC,EAAcO,sBAAsBd,IAEzCe,MAAM,UACNC,MAAOjB"}

package/components/stepper/stepper.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as t,jsxs as r}from"react/jsx-runtime";import{styled as i,Stepper as n,Step as a,StepLabel as o}from"@mui/material";import{StepDescription as s}from"./desktopStepperStepDescription.js";import{stepperStyles as p}from"./stepper.styles.js";const c=i("div")((()=>p.stepperContainer)),l=i=>{var{activeStep:l,alternativeLabel:m,children:d,classes:v,connector:b,nonLinear:f,orientation:S,step:h}=i,L=e(i,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);return t(c,{children:t(n,Object.assign({},L,{activeStep:l,alternativeLabel:m,children:d||h.map((e=>{const i="string"==typeof e||e instanceof String,n=i?e:e.label;return r(a,{children:[t(o,{style:p.stepLabel,children:n}),!i&&m&&s(e.stepDescription)]},n+"")}))}))})};export{l as Stepper};
+import{__rest as e}from"tslib";import{jsx as t,jsxs as r}from"react/jsx-runtime";import{styled as i,Stepper as n,Step as a,StepLabel as o}from"@mui/material";import{StepDescription as s}from"./desktopStepperStepDescription.js";import{stepperStyles as p}from"./stepper.styles.js";const c=i("div")(()=>p.stepperContainer),l=i=>{var{activeStep:l,alternativeLabel:m,children:d,classes:v,connector:b,nonLinear:f,orientation:S,step:h}=i,L=e(i,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);return t(c,{children:t(n,Object.assign({},L,{activeStep:l,alternativeLabel:m,children:d||h.map(e=>{const i="string"==typeof e||e instanceof String,n=i?e:e.label;return r(a,{children:[t(o,{style:p.stepLabel,children:n}),!i&&m&&s(e.stepDescription)]},n+"")})}))})};export{l as Stepper};
 //# sourceMappingURL=stepper.js.map

package/components/stepper/stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sources":["../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { Stepper as MuiStepper, Step, StepLabel, styled } from '@mui/material';\nimport { FC, PropsWithChildren } from 'react';\nimport { StepDescription } from './desktopStepperStepDescription';\nimport { StepDefinition, StepperProps } from './model';\nimport { stepperStyles } from './stepper.styles';\n\nconst StepperStyled = styled('div')<{ theme?: any }>(() => {\n  return stepperStyles.stepperContainer;\n});\n\n/**\n * @deprecated Use Stepper from @mui/material instead\n *\n * @see @mui/material/Stepper\n */\nconst Stepper: FC<PropsWithChildren<StepperProps>> = ({\n  activeStep,\n  alternativeLabel,\n  children,\n  classes,\n  connector,\n  nonLinear,\n  orientation,\n  step,\n  ...props\n}) => {\n  const desktopStepper = () => (\n    <MuiStepper {...props} activeStep={activeStep} alternativeLabel={alternativeLabel}>\n      {children ||\n        step.map((item) => {\n          const isItemString = typeof item === 'string' || item instanceof String;\n          const label = isItemString ? item : (item as StepDefinition).label;\n          return (\n            <Step key={label + ''}>\n              <StepLabel style={stepperStyles.stepLabel}>{label}</StepLabel>\n              {!isItemString && alternativeLabel && StepDescription((item as StepDefinition).stepDescription)}\n            </Step>\n          );\n        })}\n    </MuiStepper>\n  );\n\n  return <StepperStyled>{desktopStepper()}</StepperStyled>;\n};\n\nexport { Stepper };\n"],"names":["StepperStyled","styled","stepperStyles","stepperContainer","Stepper","_a","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","_jsx","MuiStepper","Object","assign","map","item","isItemString","String","label","_jsxs","Step","StepLabel","style","stepLabel","StepDescription","stepDescription"],"mappings":"uRAMA,MAAMA,EAAgBC,EAAO,MAAPA,EAA+B,IAC5CC,EAAcC,mBAQjBC,EAAgDC,QAAAC,WACpDA,EAAUC,iBACVA,EAAgBC,SAChBA,EAAQC,QACRA,EAAOC,UACPA,EAASC,UACTA,EAASC,YACTA,EAAWC,KACXA,GAAIR,EACDS,EAAKC,EAAAV,EAT4C,qGA2BpD,OAAOW,EAAChB,EAAa,CAAAQ,SAfnBQ,EAACC,EAAUC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAER,WAAYA,EAAYC,iBAAkBA,WAC9DC,GACCK,EAAKO,KAAKC,IACR,MAAMC,EAA+B,iBAATD,GAAqBA,aAAgBE,OAC3DC,EAAQF,EAAeD,EAAQA,EAAwBG,MAC7D,OACEC,EAACC,EAAI,CAAAlB,SAAA,CACHQ,EAACW,EAAS,CAACC,MAAO1B,EAAc2B,UAASrB,SAAGgB,KAC1CF,GAAgBf,GAAoBuB,EAAiBT,EAAwBU,mBAFtEP,EAAQ,GAGZ,QAMuC"}
+{"version":3,"file":"stepper.js","sources":["../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { Stepper as MuiStepper, Step, StepLabel, styled } from '@mui/material';\nimport { FC, PropsWithChildren } from 'react';\nimport { StepDescription } from './desktopStepperStepDescription';\nimport { StepDefinition, StepperProps } from './model';\nimport { stepperStyles } from './stepper.styles';\n\nconst StepperStyled = styled('div')<{ theme?: any }>(() => {\n  return stepperStyles.stepperContainer;\n});\n\n/**\n * @deprecated Use Stepper from @mui/material instead\n *\n * @see @mui/material/Stepper\n */\nconst Stepper: FC<PropsWithChildren<StepperProps>> = ({\n  activeStep,\n  alternativeLabel,\n  children,\n  classes,\n  connector,\n  nonLinear,\n  orientation,\n  step,\n  ...props\n}) => {\n  const desktopStepper = () => (\n    <MuiStepper {...props} activeStep={activeStep} alternativeLabel={alternativeLabel}>\n      {children ||\n        step.map((item) => {\n          const isItemString = typeof item === 'string' || item instanceof String;\n          const label = isItemString ? item : (item as StepDefinition).label;\n          return (\n            <Step key={label + ''}>\n              <StepLabel style={stepperStyles.stepLabel}>{label}</StepLabel>\n              {!isItemString && alternativeLabel && StepDescription((item as StepDefinition).stepDescription)}\n            </Step>\n          );\n        })}\n    </MuiStepper>\n  );\n\n  return <StepperStyled>{desktopStepper()}</StepperStyled>;\n};\n\nexport { Stepper };\n"],"names":["StepperStyled","styled","stepperStyles","stepperContainer","Stepper","_a","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","_jsx","MuiStepper","Object","assign","map","item","isItemString","String","label","_jsxs","Step","StepLabel","style","stepLabel","StepDescription","stepDescription"],"mappings":"uRAMA,MAAMA,EAAgBC,EAAO,MAAPA,CAA+B,IAC5CC,EAAcC,kBAQjBC,EAAgDC,QAAAC,WACpDA,EAAUC,iBACVA,EAAgBC,SAChBA,EAAQC,QACRA,EAAOC,UACPA,EAASC,UACTA,EAASC,YACTA,EAAWC,KACXA,GAAIR,EACDS,EAAKC,EAAAV,EAT4C,qGA2BpD,OAAOW,EAAChB,EAAa,CAAAQ,SAfnBQ,EAACC,EAAUC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAER,WAAYA,EAAYC,iBAAkBA,WAC9DC,GACCK,EAAKO,IAAKC,IACR,MAAMC,EAA+B,iBAATD,GAAqBA,aAAgBE,OAC3DC,EAAQF,EAAeD,EAAQA,EAAwBG,MAC7D,OACEC,EAACC,EAAI,CAAAlB,SAAA,CACHQ,EAACW,EAAS,CAACC,MAAO1B,EAAc2B,UAASrB,SAAGgB,KAC1CF,GAAgBf,GAAoBuB,EAAiBT,EAAwBU,mBAFtEP,EAAQ"}