@skodaflow/web-library 7.16.1 → 8.0.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"selectInput.js","sources":["../../../../../src/components/selectInput/selectInput.tsx"],"sourcesContent":["import { FC, useRef, useState } from 'react';\nimport { FormControlSelectStyled } from './formControlSelectStyled';\nimport { Icon, IconNameProp } from '../icon';\nimport { useSelectInput } from './hook/useSelectInput';\nimport InputLabelSelect from './inputLabelSelect';\nimport {\n  FormHelperText,\n  Select as MuiSelect,\n  SelectProps as MuiSelectProps,\n  SelectChangeEvent,\n  styled,\n} from '@mui/material';\nimport HelperText from '../common/helperText';\n\n/**\n * @interface SelectInputProps\n * @description Base definition of SkodaFlow SelectInput independent on core implementation.\n */\nexport interface SelectInputProps {\n  /**\n   * The label referenced to the text input field\n   */\n  label?: string;\n  /**\n   * The label referenced to the text input field\n   */\n  staticLabel?: boolean;\n\n  /**\n   * Show the \"white\" background or nnot\n   */\n  hideBg?: boolean;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  value?: string;\n  /**\n   * Disabled, not clickable button\n   */\n  disabled?: boolean;\n\n  /**\n   * If TextField required field in form\n   */\n  required?: boolean;\n\n  /**\n   * The value of the helper text\n   */\n  helpText?: string;\n\n  /**\n   * Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n   */\n  icon?: IconNameProp;\n\n  /**\n   *Boolean to check if the input returns an error or not\n   */\n  hasError?: boolean;\n\n  /**\n   *name of the input element\n   */\n  name?: string;\n\n  /**\n   *id of the input element\n   */\n  id?: string;\n\n  /**\n   *classes for FormControl component\n   */\n  classes?: unknown;\n\n  /**\n   *Props for the Input element\n   */\n  InputProps?: any;\n\n  /**\n   * Child element of the component.\n   */\n  children?: any;\n\n  /**\n   *set the full width for the select input\n   */\n  fullWidth?: boolean;\n\n  /**\n   * If true, the select menu items would not be trimmed by max width.\n   */\n  removeSelectMenuMaxWidth?: boolean;\n\n  /**\n   * @description Triggered when element is changed.\n   * @param e React original event object\n   * @param value Current changed value\n   */\n  onChange?: (event: SelectChangeEvent<string>) => void;\n\n  onBlur?: () => void;\n\n  onFocus?: () => void;\n}\n\n/**\n * @description SkodaFlow SelectInput component.\n * Properties are inherited from HTML input element.\n * @param props SelectInputProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use themed Select component from @mui/material instead.\n */\n\nexport const SelectInput: FC<SelectInputProps> = ({\n  label = null,\n  onChange,\n  onBlur,\n  onFocus,\n  value,\n  children,\n  staticLabel,\n  InputProps,\n  fullWidth = true,\n  removeSelectMenuMaxWidth,\n  ...props\n}) => {\n  const [currentValue, setCurrentValue] = useState('');\n  const [isFocused, setIsFocused] = useState(false);\n  const [hovered, setHovered] = useState(false);\n  const [isRequired, setIsRequired] = useState(false);\n  const [opened, setOpened] = useState(false);\n  const [inputWidth, setInputWidth] = useState(null);\n\n  const { handleOnBlur, handleOnChange, handleOnFocus } = useSelectInput(\n    isFocused,\n    () => {},\n    () => {},\n    fullWidth,\n    props.helpText,\n    value,\n    setCurrentValue,\n    props.required,\n    setIsRequired,\n  );\n\n  const inputRef = useRef(null);\n  const formControlSelectRef = useRef(null);\n\n  const menuProps = {\n    sx: inputWidth\n      ? {\n          maxWidth: removeSelectMenuMaxWidth ? 'unset' : inputWidth,\n          '& .MuiBackdrop-root': {\n            background: 'transparent',\n            backdropFilter: 'blur(0px)',\n          },\n        }\n      : {\n          '& .MuiBackdrop-root': {\n            background: 'transparent',\n            backdropFilter: 'blur(0px)',\n          },\n        },\n  };\n\n  return (\n    <>\n      <FormControlSelectStyled\n        {...props}\n        ref={formControlSelectRef}\n        staticLabel={staticLabel}\n        sx={!fullWidth ? { width: '200px' } : {}}\n        disabled={props.disabled}\n        error={props.hasError}\n        value={currentValue}\n        hideBg={props.hideBg}\n        onMouseEnter={() => {\n          !hovered && !opened && setHovered(true);\n        }}\n        onMouseLeave={() => {\n          hovered && !opened && setHovered(false);\n        }}\n        onMouseDown={(e) => {\n          const elemWidth = e.currentTarget.offsetWidth;\n          setInputWidth(elemWidth);\n        }}\n        icon={props.icon}\n        hovered={hovered}\n        focused={isFocused}\n        variant=\"filled\"\n        fullWidth={fullWidth}\n      >\n        {props.icon && <Icon color={props.disabled ? 'disabled' : 'inherit'} name={props.icon} />}\n        <InputLabelSelect staticLabel={staticLabel} label={label} opened={opened} currentValue={currentValue} />\n        <SelectInputStyled\n          variant=\"filled\"\n          MenuProps={menuProps}\n          required={isRequired}\n          onOpen={() => {\n            setOpened(true);\n          }}\n          onClose={() => {\n            setIsFocused(false);\n            setHovered(false);\n            setOpened(false);\n          }}\n          onBlur={() => handleOnBlur(setIsFocused, onBlur)}\n          onFocus={() => handleOnFocus(setIsFocused, onFocus)}\n          IconComponent={() => (opened ? <Icon name=\"chevron-up\" /> : <Icon name=\"chevron-down\" />)}\n          labelId={label}\n          id={props.id}\n          name={props.name}\n          value={currentValue}\n          onChange={(e) => handleOnChange(e, onChange, setCurrentValue)}\n          ref={inputRef}\n          hasIcon={!!props.icon}\n          fullWidth={fullWidth}\n        >\n          {children}\n        </SelectInputStyled>\n        <FormHelperText>\n          <HelperText maxChars={0} currentValue={currentValue} helpText={props.helpText} />\n        </FormHelperText>\n      </FormControlSelectStyled>\n    </>\n  );\n};\n/**\n * @description Button styling defintion based on props\n */\nconst SelectInputStyled = styled(MuiSelect, {\n  shouldForwardProp: (prop) => prop !== 'hasIcon' && prop !== 'fullWidth',\n})<MuiSelectProps & { hasIcon?: boolean; fullWidth?: boolean }>(({ theme, ...args }) => {\n  if (!args.fullWidth) return null;\n\n  const width = args.hasIcon ? 'calc(100% - 102px) !important' : 'calc(100% - 62px) !important';\n  return {\n    '& > .MuiSelect-filled': {\n      position: 'absolute',\n      left: 0,\n      top: 0,\n      width: width,\n    },\n  };\n});\n"],"names":["SelectInputStyled","styled","MuiSelect","shouldForwardProp","prop","_a","theme","args","__rest","fullWidth","position","left","top","width","hasIcon","label","onChange","onBlur","onFocus","value","children","staticLabel","InputProps","removeSelectMenuMaxWidth","props","currentValue","setCurrentValue","useState","isFocused","setIsFocused","hovered","setHovered","isRequired","setIsRequired","opened","setOpened","inputWidth","setInputWidth","handleOnBlur","handleOnChange","handleOnFocus","useSelectInput","helpText","required","inputRef","useRef","formControlSelectRef","menuProps","sx","maxWidth","background","backdropFilter","_jsx","_Fragment","_jsxs","FormControlSelectStyled","Object","assign","ref","disabled","error","hasError","hideBg","onMouseEnter","onMouseLeave","onMouseDown","e","elemWidth","currentTarget","offsetWidth","icon","focused","variant","Icon","color","name","InputLabelSelect","MenuProps","onOpen","onClose","IconComponent","labelId","id","FormHelperText","HelperText","maxChars"],"mappings":"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"}

package/cjs/components/shortcut/shortcut.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("tslib"),e=require("react/jsx-runtime"),t=require("@mui/material"),s=require("react");const i=s.forwardRef((r,s)=>e.jsx(t.Button,Object.assign({},r,{ref:s,variant:"shortcut"}))),a=s.forwardRef((s,i)=>{var{sx:a,children:c}=s,n=r.__rest(s,["sx","children"]);return e.jsx(t.Box,Object.assign({sx:Object.assign({display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"flex-start",md:"center"},columnGap:{xs:2,md:3.5,lg:6.5},rowGap:2},a),ref:i},n,{children:c}))});exports.Shortcut=i,exports.ShortcutWrapper=a;
-//# sourceMappingURL=shortcut.js.map

package/cjs/components/shortcut/shortcut.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shortcut.js","sources":["../../../../../src/components/shortcut/shortcut.tsx"],"sourcesContent":["import { Button, ButtonProps, Box, BoxProps } from '@mui/material';\nimport React, { forwardRef, ElementType } from 'react';\n\nexport interface ShortcutProps extends Omit<ButtonProps, 'variant' | 'color'> {}\n\n/**\n * Shortcut is a proxy component to <Button variant=\"shortcut\" />\n */\nexport const Shortcut: React.FC<ShortcutProps> = forwardRef((props, ref) => {\n  return <Button {...props} ref={ref} variant=\"shortcut\" />;\n});\n\nexport interface ShortcutWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for multiple Shortcuts\n */\nexport const ShortcutWrapper: React.FC<ShortcutWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: { xs: 'column', md: 'row' },\n        alignItems: { xs: 'flex-start', md: 'center' },\n        columnGap: { xs: 2, md: 3.5, lg: 6.5 },\n        rowGap: 2,\n        ...sx,\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["Shortcut","forwardRef","props","ref","_jsx","Button","Object","assign","variant","ShortcutWrapper","_a","sx","children","rest","__rest","Box","display","flexDirection","xs","md","alignItems","columnGap","lg","rowGap"],"mappings":"iHAQO,MAAMA,EAAoCC,EAAAA,WAAW,CAACC,EAAOC,IAC3DC,MAACC,EAAAA,OAAMC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEC,IAAKA,EAAKK,QAAQ,eAQjCC,EAAkDR,EAAAA,WAAW,CAACS,EAA2BP,SAA3BQ,GAAEA,EAAEC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAA,OAAAJ,EAAvB,mBACzE,OACEN,EAAAA,IAACW,EAAAA,IAAGT,OAAAC,OAAA,CACFI,GAAEL,OAAAC,OAAA,CACAS,QAAS,OACTC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,UAAW,CAAEH,GAAI,EAAGC,GAAI,IAAKG,GAAI,KACjCC,OAAQ,GACLZ,GAELR,IAAKA,GACDU,EAAI,CAAAD,SAEPA"}

package/cjs/components/skodaThemeProvider/SkodaThemeWidgetProvider.d.ts

@@ -1,28 +0,0 @@
-import { ElementType } from 'react';
-import { SkodaThemeProviderProps } from './SkodaThemeProvider';
-import { BoxProps, PaletteMode, Direction } from '@mui/material';
-export type SkodaThemeWidgetProviderProps = {
-    /**
-     * Theme overrides
-     */
-    theme?: object;
-    /**
-     * Props passed to container
-     */
-    containerProps?: BoxProps<ElementType>;
-    /**
-     * Options for Škoda theme generation
-     */
-    skodaThemeOptions?: {
-        mode?: PaletteMode;
-        direction?: Direction;
-    };
-} & Omit<SkodaThemeProviderProps, 'theme'>;
-/**
- * Alternative theme provider when the responsive style should be applied based on the container and not window
- *
- * @deprecated javascript implementation that re-generates theme with breakpoints on each container or window resize,
- *  use regular SkodaThemeProvider with widget property that utilizes @container queries:
- *  <SkodaThemeProvider widget />
- */
-export declare const SkodaThemeWidgetProvider: ({ theme, containerProps, skodaThemeOptions, ...rest }: SkodaThemeWidgetProviderProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/components/skodaThemeProvider/SkodaThemeWidgetProvider.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),n=require("./SkodaThemeProvider.js"),i=require("../../materialui/theme/theme.js"),s=require("../../materialui/theme/theme.breakpoints.js"),o=require("@mui/material"),a=require("@mui/system");const u=()=>{const e=r.useMemo(()=>a.createBreakpoints(s.flowBreakpoints),[]),[t,n]=r.useState(s.flowBreakpoints),[i,u]=r.useState(window.innerWidth);r.useEffect(()=>{const e=()=>{u(window.innerWidth)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const c=r.useRef(null),[d,m]=r.useState(0),l=r.useMemo(()=>new window.ResizeObserver(e=>{m(e[0].contentRect.width||0)}),[]);r.useLayoutEffect(()=>((null==c?void 0:c.current)&&l.observe(c.current),()=>{l.disconnect()}),[null==c?void 0:c.current]);const h=r.useCallback((t,r)=>{const i=t-r,s=e.keys.reduce((t,r)=>Object.assign(Object.assign({},t),{[r]:Math.round(100*(e.values[r]+i))/100}),{});n({values:s})},[e]),v=r.useMemo(()=>o.debounce(h,250),[h]);return r.useLayoutEffect(()=>{v(i,d)},[i,d]),{containerBreakpoints:t,containerRef:c}};exports.SkodaThemeWidgetProvider=s=>{var{theme:a,containerProps:c,skodaThemeOptions:d}=s,m=e.__rest(s,["theme","containerProps","skodaThemeOptions"]);const{containerBreakpoints:l,containerRef:h}=u(),v=r.useMemo(()=>{const e=i.createSkodaTheme({breakpointsOptions:l,mode:null==d?void 0:d.mode,direction:null==d?void 0:d.direction});return a?o.createTheme(e,a):e},[a,l]);return t.jsx(o.Box,Object.assign({},c,{ref:h,children:t.jsx(n.SkodaThemeProvider,Object.assign({},m,{theme:v}))}))};
-//# sourceMappingURL=SkodaThemeWidgetProvider.js.map

package/cjs/components/skodaThemeProvider/SkodaThemeWidgetProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkodaThemeWidgetProvider.js","sources":["../../../../../src/components/skodaThemeProvider/SkodaThemeWidgetProvider.tsx"],"sourcesContent":["import React, { useMemo, useLayoutEffect, useCallback, useState, useEffect, useRef, ElementType } from 'react';\nimport { SkodaThemeProvider, SkodaThemeProviderProps } from './SkodaThemeProvider';\nimport { createSkodaTheme } from '../../materialui/theme/theme';\nimport { flowBreakpoints } from '../../materialui/theme/theme.breakpoints';\nimport { debounce, Box, BoxProps, PaletteMode, createTheme, Direction } from '@mui/material';\nimport { Breakpoint, BreakpointsOptions, createBreakpoints } from '@mui/system';\n\nexport type SkodaThemeWidgetProviderProps = {\n  /**\n   * Theme overrides\n   */\n  theme?: object;\n  /**\n   * Props passed to container\n   */\n  containerProps?: BoxProps<ElementType>;\n  /**\n   * Options for Škoda theme generation\n   */\n  skodaThemeOptions?: {\n    mode?: PaletteMode;\n    direction?: Direction;\n  };\n} & Omit<SkodaThemeProviderProps, 'theme'>;\n\n/**\n * Alternative theme provider when the responsive style should be applied based on the container and not window\n *\n * @deprecated javascript implementation that re-generates theme with breakpoints on each container or window resize,\n *  use regular SkodaThemeProvider with widget property that utilizes @container queries:\n *  <SkodaThemeProvider widget />\n */\nexport const SkodaThemeWidgetProvider = ({\n  theme,\n  containerProps,\n  skodaThemeOptions,\n  ...rest\n}: SkodaThemeWidgetProviderProps) => {\n  const { containerBreakpoints, containerRef } = useContainerBreakpoints();\n\n  const composedTheme = useMemo(() => {\n    const containerTheme = createSkodaTheme({\n      breakpointsOptions: containerBreakpoints,\n      mode: skodaThemeOptions?.mode,\n      direction: skodaThemeOptions?.direction,\n    });\n    // in case theme is provided, make composition\n    if (theme) {\n      return createTheme(containerTheme, theme);\n    }\n    return containerTheme;\n  }, [theme, containerBreakpoints]);\n\n  return (\n    <Box {...containerProps} ref={containerRef}>\n      <SkodaThemeProvider {...rest} theme={composedTheme} />\n    </Box>\n  );\n};\n\nconst useContainerBreakpoints = () => {\n  const windowBreakpoints = useMemo(() => createBreakpoints(flowBreakpoints), []);\n  const [containerBreakpoints, setContainerBreakpoints] = useState<BreakpointsOptions>(flowBreakpoints);\n\n  // monitor window width\n  const [windowWidth, setWindowWidth] = useState(window.innerWidth);\n  useEffect(() => {\n    const windowResizeFn = () => {\n      setWindowWidth(window.innerWidth);\n    };\n\n    window.addEventListener('resize', windowResizeFn);\n    return () => {\n      window.removeEventListener('resize', windowResizeFn);\n    };\n  }, []);\n  // measure container size\n  const containerRef = useRef(null);\n  const [containerWidth, setContainerWidth] = useState(0);\n  const observer = useMemo(\n    () =>\n      new window.ResizeObserver((entries) => {\n        setContainerWidth(entries[0].contentRect.width || 0);\n      }),\n    [],\n  );\n  useLayoutEffect(() => {\n    containerRef?.current && observer.observe(containerRef.current);\n    return () => {\n      observer.disconnect();\n    };\n  }, [containerRef?.current]);\n\n  // generate container breakpoints\n  const handleResize = useCallback(\n    (window: number, container: number) => {\n      const difference = window - container;\n      const newContainerBreakpoints = windowBreakpoints.keys.reduce(\n        (prev, curr) => ({\n          ...prev,\n          // round to two decimal places\n          [curr]: Math.round((windowBreakpoints.values[curr] + difference) * 100) / 100,\n        }),\n        {} as { [key in Breakpoint]: number },\n      );\n      setContainerBreakpoints({ values: newContainerBreakpoints });\n    },\n    [windowBreakpoints],\n  );\n  const debounceHandleResize = useMemo(() => debounce(handleResize, 250), [handleResize]);\n  useLayoutEffect(() => {\n    debounceHandleResize(windowWidth, containerWidth);\n  }, [windowWidth, containerWidth]);\n\n  return { containerBreakpoints, containerRef };\n};\n"],"names":["useContainerBreakpoints","windowBreakpoints","useMemo","createBreakpoints","flowBreakpoints","containerBreakpoints","setContainerBreakpoints","useState","windowWidth","setWindowWidth","window","innerWidth","useEffect","windowResizeFn","addEventListener","removeEventListener","containerRef","useRef","containerWidth","setContainerWidth","observer","ResizeObserver","entries","contentRect","width","useLayoutEffect","current","observe","disconnect","handleResize","useCallback","container","difference","newContainerBreakpoints","keys","reduce","prev","curr","Math","round","values","debounceHandleResize","debounce","_a","theme","containerProps","skodaThemeOptions","rest","__rest","composedTheme","containerTheme","createSkodaTheme","breakpointsOptions","mode","direction","createTheme","_jsx","Box","Object","assign","ref","children","SkodaThemeProvider"],"mappings":"qRAgCO,MA4BDA,EAA0B,KAC9B,MAAMC,EAAoBC,EAAAA,QAAQ,IAAMC,EAAAA,kBAAkBC,EAAAA,iBAAkB,KACrEC,EAAsBC,GAA2BC,EAAAA,SAA6BH,EAAAA,kBAG9EI,EAAaC,GAAkBF,EAAAA,SAASG,OAAOC,YACtDC,EAAAA,UAAU,KACR,MAAMC,EAAiB,KACrBJ,EAAeC,OAAOC,aAIxB,OADAD,OAAOI,iBAAiB,SAAUD,GAC3B,KACLH,OAAOK,oBAAoB,SAAUF,KAEtC,IAEH,MAAMG,EAAeC,EAAAA,OAAO,OACrBC,EAAgBC,GAAqBZ,EAAAA,SAAS,GAC/Ca,EAAWlB,EAAAA,QACf,IACE,IAAIQ,OAAOW,eAAgBC,IACzBH,EAAkBG,EAAQ,GAAGC,YAAYC,OAAS,KAEtD,IAEFC,EAAAA,gBAAgB,MACdT,aAAY,EAAZA,EAAcU,UAAWN,EAASO,QAAQX,EAAaU,SAChD,KACLN,EAASQ,eAEV,CAACZ,aAAY,EAAZA,EAAcU,UAGlB,MAAMG,EAAeC,EAAAA,YACnB,CAACpB,EAAgBqB,KACf,MAAMC,EAAatB,EAASqB,EACtBE,EAA0BhC,EAAkBiC,KAAKC,OACrD,CAACC,EAAMC,mCACFD,GAAI,CAEPC,CAACA,GAAOC,KAAKC,MAAsD,KAA/CtC,EAAkBuC,OAAOH,GAAQL,IAAqB,MAE5E,CAAA,GAEF1B,EAAwB,CAAEkC,OAAQP,KAEpC,CAAChC,IAEGwC,EAAuBvC,EAAAA,QAAQ,IAAMwC,EAAAA,SAASb,EAAc,KAAM,CAACA,IAKzE,OAJAJ,EAAAA,gBAAgB,KACdgB,EAAqBjC,EAAaU,IACjC,CAACV,EAAaU,IAEV,CAAEb,uBAAsBW,kDAlFQ2B,QAAAC,MACvCA,EAAKC,eACLA,EAAcC,kBACdA,KACGC,EAAIC,EAAAA,OAAAL,EAJgC,CAAA,QAAA,iBAAA,sBAMvC,MAAMtC,qBAAEA,EAAoBW,aAAEA,GAAiBhB,IAEzCiD,EAAgB/C,EAAAA,QAAQ,KAC5B,MAAMgD,EAAiBC,EAAAA,iBAAiB,CACtCC,mBAAoB/C,EACpBgD,KAAMP,aAAiB,EAAjBA,EAAmBO,KACzBC,UAAWR,aAAiB,EAAjBA,EAAmBQ,YAGhC,OAAIV,EACKW,EAAAA,YAAYL,EAAgBN,GAE9BM,GACN,CAACN,EAAOvC,IAEX,OACEmD,EAAAA,IAACC,MAAGC,OAAAC,OAAA,CAAA,EAAKd,EAAc,CAAEe,IAAK5C,EAAY6C,SACxCL,EAAAA,IAACM,qBAAkBJ,OAAAC,OAAA,GAAKZ,EAAI,CAAEH,MAAOK"}

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

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

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

@@ -1,147 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-export type ValueComponentType = 'default' | 'input' | 'labeledInput' | null;
-export type SliderThousandsSeparatorType = '.' | ',' | ' ';
-/**
- * @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<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?: 'auto' | 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?: SliderThousandsSeparatorType;
-    /**
-     * Decimal separator variants for formatting currency
-     */
-    decimalSeparator?: '.' | ',';
-    /**
-     * to hide or show decimals. Default value true
-     */
-    hiddenDecimalSeparator?: boolean;
-}
-/**
- * @deprecated Use Slider component from '@mui/material' module instead.
- */
-export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;

package/cjs/components/slider/slider.js

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

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

@@ -1 +0,0 @@
-{"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/cjs/components/snackbar/index.d.ts

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

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

@@ -1,36 +0,0 @@
-import React from 'react';
-import { SnackbarProps as MuiSnackbarProps } from '@mui/material';
-export interface SnackbarProps extends MuiSnackbarProps {
-    /**
-     * @deprecated use action instead
-     */
-    actionButtonTitle?: string;
-    /**
-     * @deprecated controlled by providing onClose property
-     */
-    closeOnClickaway?: boolean;
-    /**
-     * @deprecated provide onClose instead
-     */
-    setOpen?: React.Dispatch<React.SetStateAction<boolean>>;
-    /**
-     * @deprecated use onClose instead
-     */
-    handleClose?: (event: React.SyntheticEvent | Event, reason?: string) => void;
-    /**
-     * @deprecated use action instead
-     */
-    handleAction?: (event: React.SyntheticEvent | Event, reason?: string) => void;
-    /**
-     * @deprecated use severity on the Alert component instead
-     */
-    icon?: 'alert' | 'warning' | 'success' | '';
-    /**
-     * @deprecated use AlertTitle in Alert component instead
-     */
-    header?: string;
-}
-/**
- * @mui Snackbar that contains props parser for the previous implementation
- */
-export declare const Snackbar: React.FC<SnackbarProps>;

package/cjs/components/snackbar/snackbar.js

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

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

@@ -1 +0,0 @@
-{"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":"iHA4CO,MAAMA,EAAoCC,EAAAA,WAC/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,EAAAA,OAAAb,EAXT,CAAA,OAAA,UAAA,SAAA,eAAA,oBAAA,mBAAA,UAAA,cAAA,UAAA,aAeA,OACEc,MAACC,EAAAA,SAAWC,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,OAACC,EAAAA,MAAK,CACJC,SACEpB,EACK,CAAEqB,MAAO,QAASC,QAAS,UAAWC,QAAS,WAAYvB,QAC5DwB,EAENC,OACEb,EAAAA,IAACc,EAAAA,OAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,KAAK,QAAQC,QAAS3B,EAAYM,SACtEL,cAILQ,EAAAA,IAACmB,EAAAA,WAAU,CAAAtB,SAAEP,IACZD"}

package/cjs/components/spacing/spacing.js

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

package/cjs/components/spacing/spacing.js.map

@@ -1 +0,0 @@
-{"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":"iHAkBO,MAAMA,EAAkCC,EAAAA,WAAW,CAACC,EAAgDC,KAAhD,IAAAC,GAAEA,EAAEC,MAAEA,EAAQ,EAACC,WAAEA,GAAa,GAAKJ,EAAKK,EAAIC,EAAAA,OAAAN,EAA5C,6BACzD,OACEO,MAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFT,IAAKA,EACLC,GAAEO,OAAAC,OAAA,CACAC,GAAIP,EAAaD,EAAQ,EACzBS,GAAIR,EAAa,EAAID,GAClBD,IAEDG"}

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

@@ -1,12 +0,0 @@
-import { Location, StepDescriptionDefinition } from './model';
-/**
- * @deprecated
- */
-declare const getStepDescriptionLocation: (location?: Location) => {
-    marginTop: string;
-};
-/**
- * @deprecated
- */
-declare const StepDescription: (props: StepDescriptionDefinition) => import("react/jsx-runtime").JSX.Element;
-export { StepDescription, getStepDescriptionLocation };

package/cjs/components/stepper/desktopStepperStepDescription.js

@@ -1,2 +0,0 @@
-"use strict";var t=require("react/jsx-runtime"),e=require("@mui/material"),r=require("./stepper.styles.js");const i=(t="bottom")=>{const e={marginTop:"16px"};switch(t){case"bottom":default:return e;case"top":return{marginTop:"calc(-50% + -16px)"}}};exports.StepDescription=s=>{if(!s)return null;const{text:o,width:p,tooltipProps:n={title:void 0}}=s;return t.jsx(e.Box,{sx:r.stepperStyles.getStepDescriptionContainerStyle(i()),children:t.jsx(e.Tooltip,Object.assign({},n,{children:t.jsx(e.Chip,{sx:Object.assign({},r.stepperStyles.getMultilineChipStyle(p)),color:"primary",label:o})}))})},exports.getStepDescriptionLocation=i;
-//# sourceMappingURL=desktopStepperStepDescription.js.map

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

@@ -1 +0,0 @@
-{"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","props","text","width","tooltipProps","title","undefined","_jsx","Box","sx","stepperStyles","getStepDescriptionContainerStyle","children","Tooltip","Object","assign","Chip","getMultilineChipStyle","color","label"],"mappings":"4GAQA,MAAMA,EAA6B,CAACC,EAAqB,YACvD,MAAMC,EAAkB,CAAEC,UAAW,QACrC,OAAQF,GACN,IAAK,SAIL,QACE,OAAOC,EAHT,IAAK,MACH,MAAO,CAAEC,UAAW,gDASDC,IACvB,IAAKA,EACH,OAAO,KAET,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,aAAEA,EAAe,CAAEC,WAAOC,IAAgBL,EAC7D,OACEM,EAAAA,IAACC,EAAAA,KAAIC,GAAIC,EAAAA,cAAcC,iCAAiCd,KAA6Be,SACnFL,EAAAA,IAACM,EAAAA,QAAOC,OAAAC,OAAA,CAAA,EAAKX,YACXG,EAAAA,IAACS,EAAAA,KAAI,CACHP,oBACKC,EAAAA,cAAcO,sBAAsBd,IAEzCe,MAAM,UACNC,MAAOjB"}

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

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

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

@@ -1,65 +0,0 @@
-import { Theme, SxProps, TooltipProps } from '@mui/material';
-import { HTMLAttributes } from 'react';
-type Location = 'top' | 'bottom';
-/**
- * @deprecated
- */
-interface StepDescriptionDefinition {
-    text?: string;
-    width?: string;
-    tooltipProps?: TooltipProps;
-}
-/**
- * @deprecated
- */
-interface StepDefinition {
-    label: string;
-    stepDescription?: StepDescriptionDefinition;
-}
-/**
- * @deprecated
- */
-declare const StepperIconsEnum: {
-    default: string;
-    active: string;
-    completed: string;
-};
-/**
- * @deprecated Use StepperProps from @mui/material instead
- */
-interface StepperProps extends 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>;
-    /**
-     *  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 | StepDefinition>;
-}
-export { StepperIconsEnum };
-export type { StepDescriptionDefinition, Location, StepDefinition, StepperProps };

package/cjs/components/stepper/model.js

@@ -1,2 +0,0 @@
-"use strict";const e=Object.seal({default:"QontoStepIcon-circle",active:"QontoStepIcon-active",completed:"QontoStepIcon-completedIcon"});exports.StepperIconsEnum=e;
-//# sourceMappingURL=model.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"model.js","sources":["../../../../../src/components/stepper/model.ts"],"sourcesContent":["import { Theme, SxProps, TooltipProps } from '@mui/material';\nimport { HTMLAttributes } from 'react';\n\ntype Location = 'top' | 'bottom';\n\n/**\n * @deprecated\n */\ninterface StepDescriptionDefinition {\n  text?: string;\n  width?: string;\n  tooltipProps?: TooltipProps;\n}\n\n/**\n * @deprecated\n */\ninterface StepDefinition {\n  label: string;\n  stepDescription?: StepDescriptionDefinition;\n}\n\n/**\n * @deprecated\n */\nconst StepperIconsEnum = Object.seal({\n  default: 'QontoStepIcon-circle',\n  active: 'QontoStepIcon-active',\n  completed: 'QontoStepIcon-completedIcon',\n});\n\n/**\n * @deprecated Use StepperProps from @mui/material instead\n */\ninterface StepperProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   *  The activeStep of a stepper.\n   */\n  activeStep?: number;\n  /**\n   *  if true, orientation is horizontal, then the step label will be positioned under the icon..\n   */\n  alternativeLabel?: boolean;\n  /**\n   *  The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   *  Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   *  An element to be placed between each step.\n   */\n  connector?: Element;\n  /**\n   *  If set the Stepper will not assist in controlling steps for linear flow.\n   */\n  nonLinear?: boolean;\n  /**\n   *  The component orientation (layout flow direction).\n   */\n  orientation?: 'horizontal';\n  /**\n   *  The total steps.\n   */\n  step?: Array<string | StepDefinition>;\n}\n\nexport { StepperIconsEnum };\nexport type { StepDescriptionDefinition, Location, StepDefinition, StepperProps };\n"],"names":["StepperIconsEnum","Object","seal","default","active","completed"],"mappings":"aAyBA,MAAMA,EAAmBC,OAAOC,KAAK,CACnCC,QAAS,uBACTC,OAAQ,uBACRC,UAAW"}

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

@@ -1,9 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-import { StepperProps } from './model';
-/**
- * @deprecated Use Stepper from @mui/material instead
- *
- * @see @mui/material/Stepper
- */
-declare const Stepper: FC<PropsWithChildren<StepperProps>>;
-export { Stepper };

package/cjs/components/stepper/stepper.js

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

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

@@ -1 +0,0 @@
-{"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","_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":"+KAMA,MAAMA,EAAgBC,EAAAA,OAAO,MAAPA,CAA+B,IAC5CC,EAAAA,cAAcC,kCAQ+BC,QAAAC,WACpDA,EAAUC,iBACVA,EAAgBC,SAChBA,EAAQC,QACRA,EAAOC,UACPA,EAASC,UACTA,EAASC,YACTA,EAAWC,KACXA,GAAIR,EACDS,EAAKC,EAAAA,OAAAV,EAT4C,qGA2BpD,OAAOW,EAAAA,IAACf,EAAa,CAAAO,SAfnBQ,EAAAA,IAACC,EAAAA,QAAUC,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,EAAAA,KAACC,OAAI,CAAAlB,SAAA,CACHQ,MAACW,EAAAA,UAAS,CAACC,MAAOzB,EAAAA,cAAc0B,UAASrB,SAAGgB,KAC1CF,GAAgBf,GAAoBuB,EAAAA,gBAAiBT,EAAwBU,mBAFtEP,EAAQ"}