@skodaflow/web-library 7.16.0 → 8.0.0

package/components/shortcut/shortcut.js

@@ -1,2 +0,0 @@
-import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import{Button as e,Box as i}from"@mui/material";import{forwardRef as s}from"react";const m=s((r,i)=>t(e,Object.assign({},r,{ref:i,variant:"shortcut"}))),o=s((e,s)=>{var{sx:m,children:o}=e,a=r(e,["sx","children"]);return t(i,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},m),ref:s},a,{children:o}))});export{m as Shortcut,o as ShortcutWrapper};
-//# sourceMappingURL=shortcut.js.map

package/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":"0JAQO,MAAMA,EAAoCC,EAAW,CAACC,EAAOC,IAC3DC,EAACC,EAAMC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEC,IAAKA,EAAKK,QAAQ,eAQjCC,EAAkDR,EAAW,CAACS,EAA2BP,SAA3BQ,GAAEA,EAAEC,SAAEA,GAAQF,EAAKG,EAAIC,EAAAJ,EAAvB,mBACzE,OACEN,EAACW,EAAGT,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/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/components/skodaThemeProvider/SkodaThemeWidgetProvider.js

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

package/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":["SkodaThemeWidgetProvider","_a","theme","containerProps","skodaThemeOptions","rest","__rest","containerBreakpoints","containerRef","useContainerBreakpoints","composedTheme","useMemo","containerTheme","createSkodaTheme","breakpointsOptions","mode","direction","createTheme","_jsx","Box","Object","assign","ref","children","SkodaThemeProvider","windowBreakpoints","createBreakpoints","flowBreakpoints","setContainerBreakpoints","useState","windowWidth","setWindowWidth","window","innerWidth","useEffect","windowResizeFn","addEventListener","removeEventListener","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"],"mappings":"ufAgCO,MAAMA,EAA4BC,QAAAC,MACvCA,EAAKC,eACLA,EAAcC,kBACdA,KACGC,EAAIC,EAAAL,EAJgC,CAAA,QAAA,iBAAA,sBAMvC,MAAMM,qBAAEA,EAAoBC,aAAEA,GAAiBC,IAEzCC,EAAgBC,EAAQ,KAC5B,MAAMC,EAAiBC,EAAiB,CACtCC,mBAAoBP,EACpBQ,KAAMX,aAAiB,EAAjBA,EAAmBW,KACzBC,UAAWZ,aAAiB,EAAjBA,EAAmBY,YAGhC,OAAId,EACKe,EAAYL,EAAgBV,GAE9BU,GACN,CAACV,EAAOK,IAEX,OACEW,EAACC,EAAGC,OAAAC,OAAA,CAAA,EAAKlB,EAAc,CAAEmB,IAAKd,EAAYe,SACxCL,EAACM,EAAkBJ,OAAAC,OAAA,GAAKhB,EAAI,CAAEH,MAAOQ,SAKrCD,EAA0B,KAC9B,MAAMgB,EAAoBd,EAAQ,IAAMe,EAAkBC,GAAkB,KACrEpB,EAAsBqB,GAA2BC,EAA6BF,IAG9EG,EAAaC,GAAkBF,EAASG,OAAOC,YACtDC,EAAU,KACR,MAAMC,EAAiB,KACrBJ,EAAeC,OAAOC,aAIxB,OADAD,OAAOI,iBAAiB,SAAUD,GAC3B,KACLH,OAAOK,oBAAoB,SAAUF,KAEtC,IAEH,MAAM3B,EAAe8B,EAAO,OACrBC,EAAgBC,GAAqBX,EAAS,GAC/CY,EAAW9B,EACf,IACE,IAAIqB,OAAOU,eAAgBC,IACzBH,EAAkBG,EAAQ,GAAGC,YAAYC,OAAS,KAEtD,IAEFC,EAAgB,MACdtC,aAAY,EAAZA,EAAcuC,UAAWN,EAASO,QAAQxC,EAAauC,SAChD,KACLN,EAASQ,eAEV,CAACzC,aAAY,EAAZA,EAAcuC,UAGlB,MAAMG,EAAeC,EACnB,CAACnB,EAAgBoB,KACf,MAAMC,EAAarB,EAASoB,EACtBE,EAA0B7B,EAAkB8B,KAAKC,OACrD,CAACC,EAAMC,mCACFD,GAAI,CAEPC,CAACA,GAAOC,KAAKC,MAAsD,KAA/CnC,EAAkBoC,OAAOH,GAAQL,IAAqB,MAE5E,CAAA,GAEFzB,EAAwB,CAAEiC,OAAQP,KAEpC,CAAC7B,IAEGqC,EAAuBnD,EAAQ,IAAMoD,EAASb,EAAc,KAAM,CAACA,IAKzE,OAJAJ,EAAgB,KACdgB,EAAqBhC,EAAaS,IACjC,CAACT,EAAaS,IAEV,CAAEhC,uBAAsBC"}

package/components/slider/index.d.ts

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

package/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/components/slider/slider.js

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

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

package/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/components/snackbar/snackbar.js

@@ -1,2 +0,0 @@
-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 +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":"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,16 +0,0 @@
-import React, { ElementType } from 'react';
-import { BoxProps } from '@mui/material';
-export interface SpacingProps extends BoxProps<ElementType> {
-    /**
-     * Value of spacing. Transpiles to theme.spacing(value).
-     *
-     * @default 2 that transpiles by default to 16px
-     */
-    value?: number;
-    /**
-     * Defines whether the Spacing should be horizontal or vertical.
-     * @default: false
-     */
-    horizontal?: boolean;
-}
-export declare const Spacing: React.FC<SpacingProps>;

package/components/spacing/spacing.js

@@ -1,2 +0,0 @@
-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 +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';\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,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.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/components/stepper/desktopStepperStepDescription.js

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

package/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","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/index.d.ts

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

package/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/components/stepper/model.js

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

package/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/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/components/stepper/stepper.js

@@ -1,2 +0,0 @@
-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 +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","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"}