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

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

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

package/build/components/slider/slider.js

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

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

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

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

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

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

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

package/build/components/snackbar/snackbar.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.js","sources":["../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":[null],"names":["Snackbar","React","forwardRef","open","setOpen","icon","message","header","handleAction","autoHideDuration","actionButtonTitle","handleClose","closeOnClickaway","anchorOrigin","disableWindowBlurListener","resumeHideDuration","TransitionProps","ref","actionComponent","useMemo","_jsx","onClick","children","messageComponent","SnackbarMessage","mainHandleClose","useCallback","event","reason","SnackbarStyled","onClose","action","checkForIcon","styled","MuiSnackbar","shouldForwardProp","prop","_a","args","__rest","paddingLeft","paddingTop","paddingBottom","display"],"mappings":"sQAyFa,MAAAA,EAAWC,EAAMC,YAC5B,EAEIC,OACAC,UACAC,OACAC,UACAC,SACAC,eACAC,mBACAC,oBACAC,cACAC,mBACAC,eACAC,4BACAC,qBACAC,mBAEFC,KAEA,MAAMC,EAAkBC,GAAQ,IACvBT,GAAqBU,EAAQ,SAAA,CAAAC,QAASb,EAAYc,SAAGZ,KAC3D,CAACA,EAAmBF,IACjBe,EAAmBJ,GACvB,IAAMC,EAACI,EAAe,CAACnB,KAAMA,EAAME,OAAQA,EAAQD,QAASA,KAC5D,CAACC,EAAQF,EAAMC,IAGXmB,EAAkBC,GACtB,CAACC,EAAqCC,MAC/BhB,GAA+B,cAAXgB,KAIrBjB,GAAaA,EAAYgB,EAAOC,GACpCxB,GAAQ,GAAM,GAEhB,CAACQ,EAAkBD,EAAaP,IAGlC,OACEgB,EAACS,EACC,CAAAnB,kBAAmBA,EACnBP,KAAMA,EACNM,iBAAkBA,EAClBqB,QAASL,EACTpB,KAAMA,EACNE,OAAQA,EACRD,QAASiB,EACTQ,OAAQb,EACRL,aAAcA,EACdC,0BAA2BA,EAC3BC,mBAAoBA,EACpBC,gBAAiBA,EACjBC,IAAKA,GAEP,IAIOe,EAAgB3B,GACX,UAATA,GAA6B,YAATA,GAA+B,YAATA,EAM7CwB,EAAiBI,EAAOC,EAAa,CACzCC,kBAAoBC,GAAkB,sBAATA,GADRH,EAQpBI,IAAA,IAAYC,EAAIC,EAAAF,EAAhB,WACD,MAAO,CACL,mBAAoB,CAClBG,YAAaR,EAAaM,EAAKjC,MAAQ,OAAS,OAChDoC,WAAYH,EAAK/B,OAAS,OAAS,MACnCmC,cAAeJ,EAAK/B,OAAS,OAAS,MACtC,kCAAmC,CACjC,UAAW,CACT,6BAA8B,CAC5BoC,QAASL,EAAK5B,kBAAoB,OAAS,WAKpD"}

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

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

package/build/components/snackbar/snackbarMessage.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbarMessage.js","sources":["../../../src/components/snackbar/snackbarMessage.tsx"],"sourcesContent":[null],"names":["SnackbarMessage","header","icon","message","IconComponent","useMemo","_icon","iconToReturn","_jsx","Icon","className","fontSize","iconStyle","children","_jsxs","SnackbarMessageStyled","styled","_a","args","__rest","display","paddingBottom","lineHeight","paddingLeft","checkForIcon","borderLeft","theme","palette","onSurface","os600","height"],"mappings":"mPAwBO,MAAMA,EAA0C,EAAGC,SAAQC,OAAMC,cACtE,MAAMC,EAA8CC,GAClD,IACE,EAAGH,KAAMI,MACP,IAAIC,EAAe,KAEnB,OAAQD,GACN,IAAK,QACHC,EAAeC,EAACC,EAAK,CAAAC,UAAU,0BAA0BC,SAAS,UAAUC,UAAU,WACtF,MACF,IAAK,UACHL,EAAeC,EAACC,EAAK,CAAAC,UAAU,eAAeC,SAAS,UAAUC,UAAU,WAC3E,MACF,IAAK,UACHL,EAAeC,EAACC,EAAK,CAAAC,UAAU,qBAAqBC,SAAS,UAAUC,UAAU,WAIrF,OAAOL,EAAeC,UAAME,UAAU,wBAAuBG,SAAEN,IAAuBA,CAAY,GAEtG,IAEF,OACEO,EAACC,EAAqB,CAACd,OAAQA,EAAQC,KAAMA,EAC1CW,SAAA,CAAAX,GAAQM,EAACJ,GAAcF,KAAMA,IAC9BY,EAAA,MAAA,CAAKJ,UAAU,oDACZT,GAAUa,sBAAMb,KACjBa,EAAA,IAAA,CAAAD,SAAA,CAAA,IAAKV,EAAO,UAEdK,EAAA,MAAA,CAAKE,UAAU,mCACbF,EAAW,MAAA,CAAA,OAGf,EAMSO,EAAwBC,EAAO,MAAPA,EAAkEC,QAAKC,EAAIC,EAAAF,EAAT,IACrG,MAAO,CACL,6CAA8C,CAC5CG,QAASF,EAAKjB,OAAS,QAAU,QAEnC,MAAO,CACLmB,QAASF,EAAKjB,OAAS,QAAU,SACjCoB,cAAeH,EAAKjB,OAAS,MAAQ,OAEvC,2BAA4B,CAC1B,SAAU,CACRqB,WAAYJ,EAAKjB,OAAS,OAAS,UAGvC,6BAA8B,CAC5BsB,YAAaC,EAAaN,EAAKhB,MAAQ,OAAS,OAChD,UAAW,CACTuB,WAAY,aAAaP,EAAKQ,MAAMC,QAAQC,UAAUC,QACtDC,OAAQZ,EAAKjB,OAAS,OAAS,SAGpC"}

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

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