@skodaflow/web-library 7.15.0 → 7.16.0

package/utils/utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.js","sources":["../../src/utils/utilities.ts"],"sourcesContent":["import { createElement, JSX } from 'react';\n\n/**\n * This method is needed if we need to trunc text inside an HTML element.\n * We get all the nodes inside of it and trunc its content accordingly.\n * @param text\n * @param maxChar\n */\nfunction handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element | string {\n  const isHtml = RegExp.prototype.test.bind(/(<([^>]+)>)/i);\n  if (isHtml(text)) {\n    const parser = new DOMParser();\n    const docChildren = parser.parseFromString(text, 'text/html').body;\n    const editNodes = (\n      nodeList: NodeListOf<ChildNode>,\n      idx = 0,\n      remainingCharacters = maxChar,\n    ): NodeListOf<ChildNode> => {\n      const node = nodeList.item(idx);\n      if (node !== null) {\n        if (remainingCharacters <= 0) {\n          return nodeList;\n        }\n        node.textContent = handleMaxChars(node.textContent, remainingCharacters);\n\n        return editNodes(nodeList, idx + 1, remainingCharacters - node.textContent.length);\n      } else return nodeList;\n    };\n\n    editNodes(docChildren.childNodes.item(0).childNodes);\n\n    return createElement('div', {\n      dangerouslySetInnerHTML: {\n        __html: docChildren.innerHTML.toString(),\n      },\n    });\n  }\n\n  return handleMaxChars(text, maxChar);\n}\n\nfunction handleMaxChars(text: string, maxChar: number) {\n  return text.length > maxChar ? `${text.substring(0, maxChar)}...` : text;\n}\n\nfunction opacityLayerSwitchLightStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nfunction opacityLayerSwitchDarkStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nexport { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };\n\nexport const ternaryCondition = (props: unknown, value: unknown, trueValue: unknown, falseValue: unknown): string => {\n  if (props === value) {\n    return trueValue as string;\n  } else {\n    return falseValue as string;\n  }\n};\n"],"names":["handleMaxCharsInHTML","text","maxChar","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","handleMaxChars","length","childNodes","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","substring","opacityLayerSwitchLightStatement","property","returnProps","opacityLayerSwitchDarkStatement","ternaryCondition","props","value","trueValue","falseValue"],"mappings":"sCAQA,SAASA,EAAqBC,EAAcC,GAE1C,GADeC,OAAOC,UAAUC,KAAKC,KAAK,eACtCC,CAAON,GAAO,CAChB,MACMO,GADS,IAAIC,WACQC,gBAAgBT,EAAM,aAAaU,KACxDC,EAAY,CAChBC,EACAC,EAAM,EACNC,EAAsBb,KAEtB,MAAMc,EAAOH,EAASI,KAAKH,GAC3B,OAAa,OAATE,EACED,GAAuB,EAClBF,GAETG,EAAKE,YAAcC,EAAeH,EAAKE,YAAaH,GAE7CH,EAAUC,EAAUC,EAAM,EAAGC,EAAsBC,EAAKE,YAAYE,SAC/DP,CAAQ,EAKxB,OAFAD,EAAUJ,EAAYa,WAAWJ,KAAK,GAAGI,YAElCC,EAAc,MAAO,CAC1BC,wBAAyB,CACvBC,OAAQhB,EAAYiB,UAAUC,cAKpC,OAAOP,EAAelB,EAAMC,EAC9B,CAEA,SAASiB,EAAelB,EAAcC,GACpC,OAAOD,EAAKmB,OAASlB,EAAU,GAAGD,EAAK0B,UAAU,EAAGzB,QAAgBD,CACtE,CAEA,SAAS2B,EAAiCC,EAAmBC,GAC3D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,iGACZ,IAAK,YACH,MAAO,GAAGA,gGACZ,IAAK,YACH,MAAO,GAAGA,iGACZ,QACE,MAAO,GAEb,CACA,SAASC,EAAgCF,EAAmBC,GAC1D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,qFACZ,IAAK,YACH,MAAO,GAAGA,oFACZ,IAAK,YACH,MAAO,GAAGA,qFACZ,QACE,MAAO,GAEb,CAGO,MAAME,EAAmB,CAACC,EAAgBC,EAAgBC,EAAoBC,IAC/EH,IAAUC,EACLC,EAEAC"}
+{"version":3,"file":"utilities.js","sources":["../../src/utils/utilities.ts"],"sourcesContent":["import { createElement, JSX } from 'react';\n\n/**\n * This method is needed if we need to trunc text inside an HTML element.\n * We get all the nodes inside of it and trunc its content accordingly.\n * @param text\n * @param maxChar\n */\nfunction handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element | string {\n  const isHtml = RegExp.prototype.test.bind(/(<([^>]+)>)/i);\n  if (isHtml(text)) {\n    const parser = new DOMParser();\n    const docChildren = parser.parseFromString(text, 'text/html').body;\n    const editNodes = (\n      nodeList: NodeListOf<ChildNode>,\n      idx = 0,\n      remainingCharacters = maxChar,\n    ): NodeListOf<ChildNode> => {\n      const node = nodeList.item(idx);\n      if (node !== null) {\n        if (remainingCharacters <= 0) {\n          return nodeList;\n        }\n        node.textContent = handleMaxChars(node.textContent, remainingCharacters);\n\n        return editNodes(nodeList, idx + 1, remainingCharacters - node.textContent.length);\n      } else return nodeList;\n    };\n\n    editNodes(docChildren.childNodes.item(0).childNodes);\n\n    return createElement('div', {\n      dangerouslySetInnerHTML: {\n        __html: docChildren.innerHTML.toString(),\n      },\n    });\n  }\n\n  return handleMaxChars(text, maxChar);\n}\n\nfunction handleMaxChars(text: string, maxChar: number) {\n  return text.length > maxChar ? `${text.substring(0, maxChar)}...` : text;\n}\n\nfunction opacityLayerSwitchLightStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nfunction opacityLayerSwitchDarkStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nexport { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };\n\nexport const ternaryCondition = (props: unknown, value: unknown, trueValue: unknown, falseValue: unknown): string => {\n  if (props === value) {\n    return trueValue as string;\n  } else {\n    return falseValue as string;\n  }\n};\n"],"names":["handleMaxCharsInHTML","text","maxChar","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","handleMaxChars","length","childNodes","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","substring","opacityLayerSwitchLightStatement","property","returnProps","opacityLayerSwitchDarkStatement","ternaryCondition","props","value","trueValue","falseValue"],"mappings":"sCAQA,SAASA,EAAqBC,EAAcC,GAE1C,GADeC,OAAOC,UAAUC,KAAKC,KAAK,eACtCC,CAAON,GAAO,CAChB,MACMO,GADS,IAAIC,WACQC,gBAAgBT,EAAM,aAAaU,KACxDC,EAAY,CAChBC,EACAC,EAAM,EACNC,EAAsBb,KAEtB,MAAMc,EAAOH,EAASI,KAAKH,GAC3B,OAAa,OAATE,EACED,GAAuB,EAClBF,GAETG,EAAKE,YAAcC,EAAeH,EAAKE,YAAaH,GAE7CH,EAAUC,EAAUC,EAAM,EAAGC,EAAsBC,EAAKE,YAAYE,SAC/DP,GAKhB,OAFAD,EAAUJ,EAAYa,WAAWJ,KAAK,GAAGI,YAElCC,EAAc,MAAO,CAC1BC,wBAAyB,CACvBC,OAAQhB,EAAYiB,UAAUC,aAGpC,CAEA,OAAOP,EAAelB,EAAMC,EAC9B,CAEA,SAASiB,EAAelB,EAAcC,GACpC,OAAOD,EAAKmB,OAASlB,EAAU,GAAGD,EAAK0B,UAAU,EAAGzB,QAAgBD,CACtE,CAEA,SAAS2B,EAAiCC,EAAmBC,GAC3D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,iGACZ,IAAK,YACH,MAAO,GAAGA,gGACZ,IAAK,YACH,MAAO,GAAGA,iGACZ,QACE,MAAO,GAEb,CACA,SAASC,EAAgCF,EAAmBC,GAC1D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,qFACZ,IAAK,YACH,MAAO,GAAGA,oFACZ,IAAK,YACH,MAAO,GAAGA,qFACZ,QACE,MAAO,GAEb,CAGO,MAAME,EAAmB,CAACC,EAAgBC,EAAgBC,EAAoBC,IAC/EH,IAAUC,EACLC,EAEAC"}

package/cjs/components/helperTextContent/helperTextContent.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),s=require("@mui/material");const i=r.forwardRef(((r,i)=>{var{children:n,sx:x,textLeft:a,textLeftProps:o,textRight:c,textRightProps:p}=r,h=e.__rest(r,["children","sx","textLeft","textLeftProps","textRight","textRightProps"]);const l=o||{},{sx:f}=l,g=e.__rest(l,["sx"]),j=p||{},{sx:w}=j,b=e.__rest(j,["sx"]);return t.jsxs(s.Box,Object.assign({sx:Object.assign({display:"flex",gap:"10px",justifyContent:"space-between",alignItems:"flex-start",overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit"},x),component:"span",ref:i},h,{children:[n,a&&t.jsx(s.Box,Object.assign({sx:Object.assign({overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit"},f),component:"span"},g,{children:a})),c&&t.jsx(s.Box,Object.assign({"aria-label":"string"==typeof c?`Characters entered ${c}`:void 0,sx:Object.assign({whiteSpace:"nowrap"},w),component:"span"},b,{children:c}))]}))}));exports.HelperTextContent=i;
-//# sourceMappingURL=helperTextContent.js.map

package/cjs/components/helperTextContent/helperTextContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helperTextContent.js","sources":["../../../../../src/components/helperTextContent/helperTextContent.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface HelperTextContentProps extends BoxProps<ElementType> {\n  /**\n   * Text on the left side\n   */\n  textLeft?: ReactNode;\n  /**\n   * Properties applied to text on the left side\n   */\n  textLeftProps?: BoxProps<ElementType>;\n  /**\n   * Text on the right side, expected to be characters count, e.g. '0 / 100'\n   * It is recommended to also provide aria-label.\n   */\n  textRight?: ReactNode;\n  /**\n   * Properties applied to text on the right side\n   */\n  textRightProps?: BoxProps<ElementType>;\n}\n\n/**\n * Advanced content for the Field's HelperText\n *\n *  <TextField helperText={<HelperTextContent textLeft='Helper text' textRight='0/100' />}>\n */\nexport const HelperTextContent: React.FC<HelperTextContentProps> = forwardRef(\n  ({ children, sx, textLeft, textLeftProps, textRight, textRightProps, ...rest }, ref) => {\n    const { sx: textLeftSx, ...restTextLeft } = textLeftProps || {};\n    const { sx: textRightSx, ...restTextRight } = textRightProps || {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          gap: '10px',\n          justifyContent: 'space-between',\n          alignItems: 'flex-start',\n          // inherit truncate text from helperText to pass it down\n          overflow: 'inherit',\n          whiteSpace: 'inherit',\n          textOverflow: 'inherit',\n          ...sx,\n        }}\n        component=\"span\"\n        ref={ref}\n        {...rest}\n      >\n        {children}\n        {textLeft && (\n          <Box\n            sx={{\n              // truncate text as helperText\n              overflow: 'inherit',\n              whiteSpace: 'inherit',\n              textOverflow: 'inherit',\n              ...textLeftSx,\n            }}\n            component=\"span\"\n            {...restTextLeft}\n          >\n            {textLeft}\n          </Box>\n        )}\n        {textRight && (\n          <Box\n            aria-label={typeof textRight === 'string' ? `Characters entered ${textRight}` : undefined}\n            sx={{\n              whiteSpace: 'nowrap',\n              ...textRightSx,\n            }}\n            component=\"span\"\n            {...restTextRight}\n          >\n            {textRight}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["HelperTextContent","forwardRef","_a","ref","children","sx","textLeft","textLeftProps","textRight","textRightProps","rest","__rest","_b","textLeftSx","restTextLeft","_c","textRightSx","restTextRight","_jsxs","Box","Object","assign","display","gap","justifyContent","alignItems","overflow","whiteSpace","textOverflow","component","_jsx","jsx","undefined"],"mappings":"iHA4Ba,MAAAA,EAAsDC,EAAUA,YAC3E,CAACC,EAA+EC,KAA/E,IAAAC,SAAEA,EAAQC,GAAEA,EAAEC,SAAEA,EAAQC,cAAEA,EAAaC,UAAEA,EAASC,eAAEA,GAAyBP,EAANQ,EAAIC,EAAAA,OAAAT,EAA3E,2EACC,MAAMU,EAAsCL,GAAiB,IAArDF,GAAIQ,KAAeC,EAArBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAAwCN,GAAkB,IAAxDJ,GAAIW,KAAgBC,EAAtBN,EAAAA,OAAAI,EAAA,CAAA,OAEN,OACEG,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFhB,GACEe,OAAAC,OAAA,CAAAC,QAAS,OACTC,IAAK,OACLC,eAAgB,gBAChBC,WAAY,aAEZC,SAAU,UACVC,WAAY,UACZC,aAAc,WACXvB,GAELwB,UAAU,OACV1B,IAAKA,GACDO,EAEH,CAAAN,SAAA,CAAAA,EACAE,GACCwB,EAACC,IAAAZ,qBACCd,GAAEe,OAAAC,OAAA,CAEAK,SAAU,UACVC,WAAY,UACZC,aAAc,WACXf,GAELgB,UAAU,QACNf,EAEH,CAAAV,SAAAE,KAGJE,GACCsB,MAACX,EAAAA,gCACkC,iBAAdX,EAAyB,sBAAsBA,SAAcwB,EAChF3B,kBACEsB,WAAY,UACTX,GAELa,UAAU,QACNZ,EAAa,CAAAb,SAEhBI,QAGD"}

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

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

package/cjs/components/icon/icon.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),s=require("./icon.definitions.js");const t=n.forwardRef(((t,o)=>{var{name:a,className:r,iconStyle:c}=t,l=e.__rest(t,["name","className","iconStyle"]);const m=n.useMemo((()=>{const e=a&&s.iconDefinitions.find((e=>[e.name,...e.altNames].includes(a)))||r&&s.iconDefinitions.find((e=>r.split(" ").some((i=>[e.name,...e.altNames].includes(i)))))||s.iconDefinitions.find((e=>"circle-question"===e.name));return"filled"===c?e.componentFilled:e.component}),[a,r,c]);return i.jsx(m,Object.assign({ref:o,"data-testid":"Icon",className:["sa-i",r,a].filter(Boolean).join(" ")},l))}));exports.Icon=t;
-//# sourceMappingURL=icon.js.map

package/cjs/components/icon/icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.js","sources":["../../../../../src/components/icon/icon.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { SvgIconProps } from '@mui/material';\nimport { IconNameProp, iconDefinitions } from './icon.definitions';\n\n/**\n * @interface IconProps\n * @description Base definition of SkodaFlow Icon\n */\nexport interface IconProps extends SvgIconProps {\n  /**\n   * Name of the icon that should be used. Alternatively, provide name in the className property\n   */\n  name?: IconNameProp;\n  /**\n   * Style of vectors, regular (stroke) or filled format\n   * @default 'regular'\n   */\n  iconStyle?: 'regular' | 'filled';\n}\n\n/**\n * @description SkodaFlow Icon component.\n * @param props IconProps\n * @returns React Functional Component\n */\nexport const Icon: React.FC<IconProps> = forwardRef(({ name, className, iconStyle, ...rest }, ref) => {\n  // obtain SvgIcon component to be rendered\n  const IconComponent = useMemo(() => {\n    const definition =\n      // try to find by name\n      (name && iconDefinitions.find((def) => [def.name, ...def.altNames].includes(name))) ||\n      // try to find by className\n      (className &&\n        iconDefinitions.find((def) => className.split(' ').some((cls) => [def.name, ...def.altNames].includes(cls)))) ||\n      // fallback\n      iconDefinitions.find((item) => item.name === 'circle-question');\n    return iconStyle === 'filled' ? definition.componentFilled : definition.component;\n  }, [name, className, iconStyle]);\n\n  return (\n    <IconComponent\n      ref={ref}\n      data-testid=\"Icon\"\n      className={['sa-i', className, name].filter(Boolean).join(' ')}\n      {...rest}\n    />\n  );\n});\n"],"names":["Icon","forwardRef","_a","ref","name","className","iconStyle","rest","__rest","IconComponent","useMemo","definition","iconDefinitions","find","def","altNames","includes","split","some","cls","item","componentFilled","component","_jsx","jsx","Object","assign","filter","Boolean","join"],"mappings":"yHAyBa,MAAAA,EAA4BC,EAAUA,YAAC,CAACC,EAAyCC,SAAzCC,KAAEA,EAAIC,UAAEA,EAASC,UAAEA,KAAcC,EAAjCC,EAAAA,OAAAN,EAAA,CAAA,OAAA,YAAA,cAEnD,MAAMO,EAAgBC,EAAAA,SAAQ,KAC5B,MAAMC,EAEHP,GAAQQ,EAAeA,gBAACC,MAAMC,GAAQ,CAACA,EAAIV,QAASU,EAAIC,UAAUC,SAASZ,MAE3EC,GACCO,kBAAgBC,MAAMC,GAAQT,EAAUY,MAAM,KAAKC,MAAMC,GAAQ,CAACL,EAAIV,QAASU,EAAIC,UAAUC,SAASG,QAExGP,EAAeA,gBAACC,MAAMO,GAAuB,oBAAdA,EAAKhB,OACtC,MAAqB,WAAdE,EAAyBK,EAAWU,gBAAkBV,EAAWW,SAAS,GAChF,CAAClB,EAAMC,EAAWC,IAErB,OACEiB,EAAAC,IAACf,EAAagB,OAAAC,OAAA,CACZvB,IAAKA,EACO,cAAA,OACZE,UAAW,CAAC,OAAQA,EAAWD,GAAMuB,OAAOC,SAASC,KAAK,MACtDtB,GACJ"}

package/cjs/components/progress/loader.d.ts

@@ -1,17 +0,0 @@
-import { BoxProps } from '@mui/material';
-import React, { ElementType } from 'react';
-import { CommonProgressProps } from './progress';
-export interface LoaderProps extends Omit<CommonProgressProps, 'variant'>, BoxProps<ElementType> {
-    /** The size of the loader. Only for the loader variant. */
-    loaderSize?: 'small' | 'large';
-    /** Optional custom loading-text Box props */
-    loadingTextProps?: BoxProps<ElementType>;
-    /** Optional custom barWrapper Box props */
-    barWrapperProps?: BoxProps<ElementType>;
-    /** Optional custom bar Box props */
-    barProps?: BoxProps<ElementType>;
-}
-/**
- * A styled loader component that displays a loading bar with optional percentage and size.
- */
-export declare const Loader: React.FC<LoaderProps>;

package/cjs/components/progress/loader.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),i=require("@mui/material");const t=require("react").forwardRef(((t,r)=>{var{loadingPercentageDescribeText:o,loadingPercentage:n,loaderSize:s="large",loadingTextProps:d,barWrapperProps:l,barProps:c,sx:x}=t,p=e.__rest(t,["loadingPercentageDescribeText","loadingPercentage","loaderSize","loadingTextProps","barWrapperProps","barProps","sx"]);const m=null!=d?d:{},{sx:b}=m,g=e.__rest(m,["sx"]),h=null!=l?l:{},{sx:u}=h,f=e.__rest(h,["sx"]),j=null!=c?c:{},{sx:w}=j,k=e.__rest(j,["sx"]);return a.jsxs(i.Box,Object.assign({"data-testid":"Loader",ref:r,sx:Object.assign({fontSize:"14px",lineHeight:"20px",color:"onSurface.os900",display:"flex",flexDirection:"column",fontWeight:"500","@keyframes loader-animation":{"0%":{maxWidth:"0%"},"20%":{maxWidth:"20%"},"50%":{maxWidth:"50%"},"100%":{maxWidth:"100%"}},"@keyframes loader-animation-opposite":{"0%":{width:"calc(100% - 1px)"},"20%":{width:"calc(80% - 1px)"},"50%":{width:"calc(50% - 1px)"},"100%":{width:"0%"}}},x)},p,{children:[(!!n||0===n)&&a.jsx(i.Box,Object.assign({component:"span",className:"loading-text","data-testid":"Loader.percentage",sx:Object.assign({alignSelf:"flex-end",marginBottom:"4px",fontSize:"14px",lineHeight:"20px",color:"text.primary"},b)},g,{children:o?`${o} ${n} %`:`${n} %`})),a.jsx(i.Box,Object.assign({className:"bar",sx:Object.assign({width:"100%",overflow:"hidden",borderRadius:"555px",height:"small"===s?"4px":"8px",position:"relative","&:before":Object.assign({content:'""',display:"block",position:"absolute",top:"0",bottom:"0",right:"0",backgroundColor:e=>"dark"===e.palette.mode?"onSurface.os700":"onSurface.os100",width:`calc(${100-n}% - 1px)`,borderRadius:"555px",transition:"width 1s",animation:"loader-animation-opposite 8s infinite"},(n||0===n)&&{animation:"none"}),"&:after":{content:'""',backgroundColor:e=>"dark"===e.palette.mode?"brand.secondary":"brand.primary",display:"block",position:"absolute",top:"0",bottom:"0",right:"0",borderRadius:"555px",aspectRatio:"1/1"}},u)},n&&{"aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100},f,{children:a.jsx(i.Box,Object.assign({className:"mainBar",sx:Object.assign(Object.assign({width:"100%",maxWidth:"0",height:"inherit",backgroundColor:e=>"dark"===e.palette.mode?"brand.secondary":"brand.primary",animation:"loader-animation 8s infinite",borderRadius:"555px",transition:"none"},(n||0===n)&&{maxWidth:`${n}%`,animation:"none",transition:"max-width 1s"}),w)},k))}))]}))}));exports.Loader=t;
-//# sourceMappingURL=loader.js.map

package/cjs/components/progress/loader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"loader.js","sources":["../../../../../src/components/progress/loader.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React, { ElementType, forwardRef } from 'react';\nimport { CommonProgressProps } from './progress';\n\nexport interface LoaderProps extends Omit<CommonProgressProps, 'variant'>, BoxProps<ElementType> {\n  /** The size of the loader. Only for the loader variant. */\n  loaderSize?: 'small' | 'large';\n  /** Optional custom loading-text Box props */\n  loadingTextProps?: BoxProps<ElementType>;\n  /** Optional custom barWrapper Box props */\n  barWrapperProps?: BoxProps<ElementType>;\n  /** Optional custom bar Box props */\n  barProps?: BoxProps<ElementType>;\n}\n\n/**\n * A styled loader component that displays a loading bar with optional percentage and size.\n */\nexport const Loader: React.FC<LoaderProps> = forwardRef(\n  (\n    {\n      loadingPercentageDescribeText,\n      loadingPercentage,\n      loaderSize = 'large',\n      loadingTextProps,\n      barWrapperProps,\n      barProps,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: sxLoadingText, ...restLoadingText } = loadingTextProps ?? {};\n    const { sx: sxBarWrapper, ...restBarWrapper } = barWrapperProps ?? {};\n    const { sx: sxBar, ...restBar } = barProps ?? {};\n\n    return (\n      <Box\n        data-testid=\"Loader\"\n        ref={ref}\n        sx={{\n          fontSize: '14px',\n          lineHeight: '20px',\n          color: 'onSurface.os900',\n          display: 'flex',\n          flexDirection: 'column',\n          fontWeight: '500',\n          '@keyframes loader-animation': {\n            '0%': {\n              maxWidth: '0%',\n            },\n            '20%': {\n              maxWidth: '20%',\n            },\n            '50%': {\n              maxWidth: '50%',\n            },\n            '100%': {\n              maxWidth: '100%',\n            },\n          },\n          '@keyframes loader-animation-opposite': {\n            '0%': {\n              width: 'calc(100% - 1px)',\n            },\n            '20%': {\n              width: 'calc(80% - 1px)',\n            },\n            '50%': {\n              width: 'calc(50% - 1px)',\n            },\n            '100%': {\n              width: '0%',\n            },\n          },\n          ...sx,\n        }}\n        {...rest}\n      >\n        {(!!loadingPercentage || loadingPercentage === 0) && (\n          <Box\n            component=\"span\"\n            className=\"loading-text\"\n            data-testid=\"Loader.percentage\"\n            sx={{\n              alignSelf: 'flex-end',\n              marginBottom: '4px',\n              fontSize: '14px',\n              lineHeight: '20px',\n              color: 'text.primary',\n              ...sxLoadingText,\n            }}\n            {...restLoadingText}\n          >\n            {loadingPercentageDescribeText\n              ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n              : `${loadingPercentage} %`}\n          </Box>\n        )}\n        <Box\n          className=\"bar\"\n          sx={{\n            width: '100%',\n            overflow: 'hidden',\n            borderRadius: '555px',\n            height: loaderSize === 'small' ? '4px' : '8px',\n            position: 'relative',\n            // right track\n            '&:before': {\n              content: '\"\"',\n              display: 'block',\n              position: 'absolute',\n              top: '0',\n              bottom: '0',\n              right: '0',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os700' : 'onSurface.os100'),\n              width: `calc(${100 - loadingPercentage}% - 1px)`,\n              borderRadius: '555px',\n              transition: 'width 1s',\n              animation: 'loader-animation-opposite 8s infinite',\n              ...((loadingPercentage || loadingPercentage === 0) && {\n                animation: 'none',\n              }),\n            },\n            // dot at the end of bar\n            '&:after': {\n              content: '\"\"',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n              display: 'block',\n              position: 'absolute',\n              top: '0',\n              bottom: '0',\n              right: '0',\n              borderRadius: '555px',\n              aspectRatio: '1/1',\n            },\n            ...sxBarWrapper,\n          }}\n          {...(loadingPercentage && {\n            ['aria-valuenow']: loadingPercentage,\n            ['aria-valuemin']: 0,\n            ['aria-valuemax']: 100,\n          })}\n          {...restBarWrapper}\n        >\n          <Box\n            className=\"mainBar\"\n            sx={{\n              width: '100%',\n              maxWidth: '0',\n              height: 'inherit',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n              animation: 'loader-animation 8s infinite',\n              borderRadius: '555px',\n              transition: 'none',\n              ...((loadingPercentage || loadingPercentage === 0) && {\n                maxWidth: `${loadingPercentage}%`,\n                animation: 'none',\n                transition: 'max-width 1s',\n              }),\n              ...sxBar,\n            }}\n            {...restBar}\n          />\n        </Box>\n      </Box>\n    );\n  },\n);\n"],"names":["Loader","forwardRef","_a","ref","loadingPercentageDescribeText","loadingPercentage","loaderSize","loadingTextProps","barWrapperProps","barProps","sx","rest","__rest","_b","sxLoadingText","restLoadingText","_c","sxBarWrapper","restBarWrapper","_d","sxBar","restBar","_jsxs","Box","Object","assign","fontSize","lineHeight","color","display","flexDirection","fontWeight","maxWidth","width","children","_jsx","jsx","component","className","alignSelf","marginBottom","overflow","borderRadius","height","position","content","top","bottom","right","backgroundColor","theme","palette","mode","transition","animation","aspectRatio"],"mappings":"8FAkBa,MAAAA,mBAA0CC,YACrD,CACEC,EAUAC,SAVAC,8BACEA,EAA6BC,kBAC7BA,EAAiBC,WACjBA,EAAa,QAAOC,iBACpBA,EAAgBC,gBAChBA,EAAeC,SACfA,EAAQC,GACRA,GAAER,EACCS,EAAIC,SAAAV,EART,yHAYA,MAAMW,EAA4CN,QAAAA,EAAoB,IAA9DG,GAAII,GAA4DD,EAA1CE,EAAxBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAA0CR,QAAAA,EAAmB,IAA3DE,GAAIO,GAAyDD,EAAxCE,EAAvBN,EAAAA,OAAAI,EAAA,CAAA,OACAG,EAA4BV,QAAAA,EAAY,IAAtCC,GAAIU,GAAoCD,EAA1BE,EAAhBT,EAAAA,OAAAO,EAAA,CAAA,OAEN,OACEG,OAACC,EAAAA,IACaC,OAAAC,OAAA,CAAA,cAAA,SACZtB,IAAKA,EACLO,GACEc,OAAAC,OAAA,CAAAC,SAAU,OACVC,WAAY,OACZC,MAAO,kBACPC,QAAS,OACTC,cAAe,SACfC,WAAY,MACZ,8BAA+B,CAC7B,KAAM,CACJC,SAAU,MAEZ,MAAO,CACLA,SAAU,OAEZ,MAAO,CACLA,SAAU,OAEZ,OAAQ,CACNA,SAAU,SAGd,uCAAwC,CACtC,KAAM,CACJC,MAAO,oBAET,MAAO,CACLA,MAAO,mBAET,MAAO,CACLA,MAAO,mBAET,OAAQ,CACNA,MAAO,QAGRvB,IAEDC,EAEH,CAAAuB,SAAA,IAAG7B,GAA2C,IAAtBA,IACvB8B,EAACC,IAAAb,EAAGA,IACFC,OAAAC,OAAA,CAAAY,UAAU,OACVC,UAAU,eACE,cAAA,oBACZ5B,GAAEc,OAAAC,OAAA,CACAc,UAAW,WACXC,aAAc,MACdd,SAAU,OACVC,WAAY,OACZC,MAAO,gBACJd,IAEDC,EAAe,CAAAmB,SAElB9B,EACG,GAAGA,KAAiCC,MACpC,GAAGA,SAGX8B,EAAAA,IAACZ,EAAGA,IAAAC,OAAAC,OAAA,CACFa,UAAU,MACV5B,GAAEc,OAAAC,OAAA,CACAQ,MAAO,OACPQ,SAAU,SACVC,aAAc,QACdC,OAAuB,UAAfrC,EAAyB,MAAQ,MACzCsC,SAAU,WAEV,0BACEC,QAAS,KACThB,QAAS,QACTe,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPC,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,kBACjFnB,MAAO,QAAQ,IAAM5B,YACrBqC,aAAc,QACdW,WAAY,WACZC,UAAW,0CACNjD,GAA2C,IAAtBA,IAA4B,CACpDiD,UAAW,SAIf,UAAW,CACTT,QAAS,KACTI,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFvB,QAAS,QACTe,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPN,aAAc,QACda,YAAa,QAEZtC,IAEAZ,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBa,EAEJ,CAAAgB,SAAAC,EAAAC,IAACb,EAAGA,IACFC,OAAAC,OAAA,CAAAa,UAAU,UACV5B,GACEc,OAAAC,OAAAD,OAAAC,OAAA,CAAAQ,MAAO,OACPD,SAAU,IACVW,OAAQ,UACRM,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFE,UAAW,+BACXZ,aAAc,QACdW,WAAY,SACPhD,GAA2C,IAAtBA,IAA4B,CACpD2B,SAAU,GAAG3B,KACbiD,UAAW,OACXD,WAAY,iBAEXjC,IAEDC,UAGJ"}

package/cjs/components/progress/progress.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { ProgressMessageComponentProps } from './progressMessage';
-import { LoaderProps } from './loader';
-import { SpinnerProps } from './spinner';
-/** Common properties for both loader and spinner. */
-export interface CommonProgressProps {
-    variant?: 'loader' | 'spinner';
-    /** The current percentage of the loading. If loadingPercentage is provided the component becomes controlled. */
-    loadingPercentage?: number;
-    /** Text describing the loading percentage. */
-    loadingPercentageDescribeText?: string;
-    /** State indicates whether the component should display loader or spinner for the loading state or message with a icon  */
-    state?: 'loading' | 'error' | 'success';
-    /** Icon message for the success state */
-    successMessage?: React.ReactNode;
-    /** Icon message for the error state */
-    errorMessage?: React.ReactNode;
-}
-/**
- * The Progress Component includes a loader or spinner (by default) for the loading state. For the success state, it displays an icon with a success message. For the error state, it shows an icon with an error message.
- */
-export type ProgressProps = (CommonProgressProps & LoaderProps & Omit<ProgressMessageComponentProps, 'message'> & {
-    variant: 'loader';
-}) | (CommonProgressProps & SpinnerProps & Omit<ProgressMessageComponentProps, 'message'> & {
-    variant?: 'spinner';
-});
-export declare const Progress: React.FC<ProgressProps>;
-/**
- * @deprecated Use <Progress /> instead
- */
-export declare const ProgressBar: React.FC<ProgressProps>;

package/cjs/components/progress/progress.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),o=require("./progressMessage.js"),n=require("./loader.js"),t=require("./spinner.js"),a=require("../icon/filled/CircleCheckFilledIcon.js"),c=require("../icon/filled/CircleCloseFilledIcon.js");const i=s.forwardRef(((i,l)=>{var{variant:g="spinner",state:u="loading",loadingPercentage:d,successMessage:m,errorMessage:p}=i,C=e.__rest(i,["variant","state","loadingPercentage","successMessage","errorMessage"]);const j=s.useMemo((()=>d&&0!==d?d<0?0:d>100?100:d:d),[d]),f=s.useMemo((()=>{switch(u){case"error":return{component:o.ProgressMessageComponent,IconComponent:c.CircleCloseFilledIcon,message:p,state:u};case"success":return{component:o.ProgressMessageComponent,IconComponent:a.CircleCheckFilledIcon,message:m,state:u};default:return{component:"loader"===g?n.Loader:t.Spinner,loadingPercentage:j,message:""}}}),[g,d,u]),{component:M}=f,q=e.__rest(f,["component"]);return r.jsx(M,Object.assign({ref:l},q,C))})),l=s.forwardRef(((e,s)=>r.jsx(i,Object.assign({},e,{ref:s}))));exports.Progress=i,exports.ProgressBar=l;
-//# sourceMappingURL=progress.js.map

package/cjs/components/progress/progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress.js","sources":["../../../../../src/components/progress/progress.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { ProgressMessageComponent, ProgressMessageComponentProps } from './progressMessage';\nimport { Loader, LoaderProps } from './loader';\nimport { Spinner, SpinnerProps } from './spinner';\nimport { CircleCheckFilledIcon } from '@/src/components/icon/filled/CircleCheckFilledIcon';\nimport { CircleCloseFilledIcon } from '@/src/components/icon/filled/CircleCloseFilledIcon';\n\n/** Common properties for both loader and spinner. */\nexport interface CommonProgressProps {\n  variant?: 'loader' | 'spinner';\n  /** The current percentage of the loading. If loadingPercentage is provided the component becomes controlled. */\n  loadingPercentage?: number;\n  /** Text describing the loading percentage. */\n  loadingPercentageDescribeText?: string;\n  /** State indicates whether the component should display loader or spinner for the loading state or message with a icon  */\n  state?: 'loading' | 'error' | 'success';\n  /** Icon message for the success state */\n  successMessage?: React.ReactNode;\n  /** Icon message for the error state */\n  errorMessage?: React.ReactNode;\n}\n\n/**\n * The Progress Component includes a loader or spinner (by default) for the loading state. For the success state, it displays an icon with a success message. For the error state, it shows an icon with an error message.\n */\nexport type ProgressProps =\n  | (CommonProgressProps & LoaderProps & Omit<ProgressMessageComponentProps, 'message'> & { variant: 'loader' })\n  | (CommonProgressProps & SpinnerProps & Omit<ProgressMessageComponentProps, 'message'> & { variant?: 'spinner' });\n\nexport const Progress: React.FC<ProgressProps> = forwardRef(\n  ({ variant = 'spinner', state = 'loading', loadingPercentage, successMessage, errorMessage, ...rest }, ref) => {\n    const validatePercentage = useMemo(() => {\n      if (!loadingPercentage || loadingPercentage === 0) return loadingPercentage;\n      if (loadingPercentage < 0) return 0;\n      if (loadingPercentage > 100) return 100;\n\n      return loadingPercentage;\n    }, [loadingPercentage]);\n\n    const { component: ProgressComponent, ...settingsProps } = useMemo(() => {\n      switch (state) {\n        case 'error':\n          return {\n            component: ProgressMessageComponent,\n            IconComponent: CircleCloseFilledIcon,\n            message: errorMessage,\n            state,\n          };\n        case 'success':\n          return {\n            component: ProgressMessageComponent,\n            IconComponent: CircleCheckFilledIcon,\n            message: successMessage,\n            state,\n          };\n        case 'loading':\n        default:\n          return {\n            component: variant === 'loader' ? Loader : Spinner,\n            loadingPercentage: validatePercentage,\n            message: '',\n          };\n      }\n    }, [variant, loadingPercentage, state]);\n\n    return <ProgressComponent ref={ref} {...settingsProps} {...rest} />;\n  },\n);\n\n/**\n * @deprecated Use <Progress /> instead\n */\nexport const ProgressBar: React.FC<ProgressProps> = forwardRef((props, ref) => {\n  return <Progress {...props} ref={ref} />;\n});\n"],"names":["Progress","forwardRef","_a","ref","variant","state","loadingPercentage","successMessage","errorMessage","rest","__rest","validatePercentage","useMemo","_b","component","ProgressMessageComponent","IconComponent","CircleCloseFilledIcon","message","CircleCheckFilledIcon","Loader","Spinner","ProgressComponent","settingsProps","_jsx","jsx","Object","assign","ProgressBar","props"],"mappings":"qRA6Ba,MAAAA,EAAoCC,EAAUA,YACzD,CAACC,EAAsGC,KAAtG,IAAAC,QAAEA,EAAU,UAASC,MAAEA,EAAQ,UAASC,kBAAEA,EAAiBC,eAAEA,EAAcC,aAAEA,GAAYN,EAAKO,EAAIC,EAAAA,OAAAR,EAAlG,yEACC,MAAMS,EAAqBC,EAAAA,SAAQ,IAC5BN,GAA2C,IAAtBA,EACtBA,EAAoB,EAAU,EAC9BA,EAAoB,IAAY,IAE7BA,EAJmDA,GAKzD,CAACA,IAEEO,EAAqDD,EAAAA,SAAQ,KACjE,OAAQP,GACN,IAAK,QACH,MAAO,CACLS,UAAWC,EAAwBA,yBACnCC,cAAeC,EAAqBA,sBACpCC,QAASV,EACTH,SAEJ,IAAK,UACH,MAAO,CACLS,UAAWC,EAAwBA,yBACnCC,cAAeG,EAAqBA,sBACpCD,QAASX,EACTF,SAGJ,QACE,MAAO,CACLS,UAAuB,WAAZV,EAAuBgB,EAAAA,OAASC,EAAOA,QAClDf,kBAAmBK,EACnBO,QAAS,OAGd,CAACd,EAASE,EAAmBD,KAxBxBS,UAAWQ,GAwBoBT,EAxBEU,EAAnCb,EAAAA,OAAAG,EAAA,CAAA,cA0BN,OAAOW,EAAAC,IAACH,EAAiBI,OAAAC,OAAA,CAACxB,IAAKA,GAASoB,EAAmBd,GAAQ,IAO1DmB,EAAuC3B,EAAUA,YAAC,CAAC4B,EAAO1B,IAC9DqB,EAAAC,IAACzB,EAAa0B,OAAAC,OAAA,GAAAE,GAAO1B,IAAKA"}

package/cjs/components/progress/progressMessage.d.ts

@@ -1,22 +0,0 @@
-import React, { ElementType } from 'react';
-import { BoxProps, SvgIconProps } from '@mui/material';
-export interface ProgressMessageComponentProps extends BoxProps<ElementType> {
-    /** Message next to the icon  */
-    message: React.ReactNode;
-    /** Variant of the progress message  */
-    state?: 'error' | 'success' | 'loading';
-    /** Custom icon color  */
-    iconColor?: 'inherit' | 'disabled' | 'action' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
-    /** Custom message icon that replaces default icon component   */
-    customMessageIcon?: React.ReactNode;
-    /** Custom progress message props */
-    messageProps?: BoxProps<ElementType>;
-    /** Custom icon props */
-    iconProps?: SvgIconProps;
-    /** Custom icon node */
-    IconComponent?: ElementType<SvgIconProps>;
-}
-/**
- * A component that renders a progress message with an icon.
- */
-export declare const ProgressMessageComponent: React.FC<ProgressMessageComponentProps>;

package/cjs/components/progress/progressMessage.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const a=r.forwardRef(((r,a)=>{var{state:o,iconColor:n,IconComponent:i,message:c,customMessageIcon:m,iconProps:g,messageProps:d,sx:p}=r,l=e.__rest(r,["state","iconColor","IconComponent","message","customMessageIcon","iconProps","messageProps","sx"]);const x=g||{},{sx:u}=x,j=e.__rest(x,["sx"]);return s.jsxs(t.Box,Object.assign({"data-testid":"ProgressMessageWrapper",sx:Object.assign({display:"flex",justifyContent:"center",alignItems:"center",gap:1},p),ref:a},l,{children:[m||s.jsx(i,Object.assign({"data-testid":"Icon",fontSize:"medium",sx:Object.assign({color:e=>null!=n?n:"error"===o?"error.main":"dark"===e.palette.mode?"brand.secondary":"brand.primary"},u)},j)),c&&s.jsx(t.Box,Object.assign({"data-testid":"ProgressMessage",component:"span",className:"message"},d,{children:c}))]}))}));exports.ProgressMessageComponent=a;
-//# sourceMappingURL=progressMessage.js.map

package/cjs/components/progress/progressMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progressMessage.js","sources":["../../../../../src/components/progress/progressMessage.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, SvgIconProps } from '@mui/material';\n\nexport interface ProgressMessageComponentProps extends BoxProps<ElementType> {\n  /** Message next to the icon  */\n  message: React.ReactNode;\n  /** Variant of the progress message  */\n  state?: 'error' | 'success' | 'loading';\n  /** Custom icon color  */\n  iconColor?: 'inherit' | 'disabled' | 'action' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  /** Custom message icon that replaces default icon component   */\n  customMessageIcon?: React.ReactNode;\n  /** Custom progress message props */\n  messageProps?: BoxProps<ElementType>;\n  /** Custom icon props */\n  iconProps?: SvgIconProps;\n  /** Custom icon node */\n  IconComponent?: ElementType<SvgIconProps>;\n}\n\n/**\n * A component that renders a progress message with an icon.\n */\nexport const ProgressMessageComponent: React.FC<ProgressMessageComponentProps> = forwardRef(\n  ({ state, iconColor, IconComponent, message, customMessageIcon, iconProps, messageProps, sx, ...rest }, ref) => {\n    const { sx: sxIcon, ...restIcon } = iconProps || {};\n\n    return (\n      <Box\n        data-testid=\"ProgressMessageWrapper\"\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          gap: 1,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {customMessageIcon || (\n          <IconComponent\n            data-testid=\"Icon\"\n            fontSize=\"medium\"\n            sx={{\n              color: (theme) =>\n                iconColor ??\n                (state === 'error'\n                  ? 'error.main'\n                  : theme.palette.mode === 'dark'\n                    ? 'brand.secondary'\n                    : 'brand.primary'),\n              ...sxIcon,\n            }}\n            {...restIcon}\n          />\n        )}\n        {message && (\n          <Box data-testid=\"ProgressMessage\" component=\"span\" className=\"message\" {...messageProps}>\n            {message}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["ProgressMessageComponent","forwardRef","_a","ref","state","iconColor","IconComponent","message","customMessageIcon","iconProps","messageProps","sx","rest","__rest","_b","sxIcon","restIcon","_jsxs","Box","Object","assign","display","justifyContent","alignItems","gap","children","_jsx","jsx","fontSize","color","theme","palette","mode","component","className"],"mappings":"iHAuBa,MAAAA,EAAoEC,EAAUA,YACzF,CAACC,EAAuGC,SAAvGC,MAAEA,EAAKC,UAAEA,EAASC,cAAEA,EAAaC,QAAEA,EAAOC,kBAAEA,EAAiBC,UAAEA,EAASC,aAAEA,EAAYC,GAAEA,GAAET,EAAKU,EAAIC,EAAAA,OAAAX,EAAnG,qGACC,MAAMY,EAA8BL,GAAa,IAAzCE,GAAII,KAAWC,EAAjBH,EAAAA,OAAAC,EAAA,CAAA,OAEN,OACEG,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,yBACZT,GAAEQ,OAAAC,OAAA,CACAC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,IAAK,GACFb,GAELR,IAAKA,GACDS,EAEH,CAAAa,SAAA,CAAAjB,GACCkB,EAACC,IAAArB,EACaa,OAAAC,OAAA,CAAA,cAAA,OACZQ,SAAS,SACTjB,GACEQ,OAAAC,OAAA,CAAAS,MAAQC,GACNzB,QAAAA,EACW,UAAVD,EACG,aACuB,SAAvB0B,EAAMC,QAAQC,KACZ,kBACA,iBACLjB,IAEDC,IAGPT,GACCmB,EAAAA,IAACR,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cAAa,kBAAkBa,UAAU,OAAOC,UAAU,WAAcxB,YACzEH,QAGD"}

package/cjs/components/progress/spinner.d.ts

@@ -1,16 +0,0 @@
-import React, { ElementType } from 'react';
-import { BoxProps, SvgIconProps } from '@mui/material';
-import { CommonProgressProps } from './progress';
-export interface SpinnerProps extends Omit<CommonProgressProps, 'variant'>, BoxProps<ElementType> {
-    /** Defines the type of animation for the spinner. Can be 'controlled' or 'infinite' (default) */
-    spinnerControlledAnimation?: 'controlled' | 'infinite';
-    svgIconProps?: SvgIconProps;
-    textBoxProps?: BoxProps<ElementType>;
-    /** Text label next to progress */
-    label?: React.ReactNode;
-    labelProps?: BoxProps<ElementType>;
-}
-/**
- * A styled loader component that displays animated svg circle
- */
-export declare const Spinner: React.FC<SpinnerProps>;

package/cjs/components/progress/spinner.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("@mui/material");const a=t.forwardRef(((t,a)=>{var{spinnerControlledAnimation:s,loadingPercentage:i,loadingPercentageDescribeText:o,svgIconProps:l,textBoxProps:c,label:p,labelProps:d,sx:f,children:u}=t,g=e.__rest(t,["spinnerControlledAnimation","loadingPercentage","loadingPercentageDescribeText","svgIconProps","textBoxProps","label","labelProps","sx","children"]);const x=null!=l?l:{},{sx:m}=x,h=e.__rest(x,["sx"]),b="137.130521355",k=141.3716715,j=s&&"infinite"!==s;return r.jsxs(n.Box,Object.assign({"data-testid":"Spinner",ref:a,sx:Object.assign({transitionProperty:"opacity",transitionDuration:"0.3s",transitionTimingFunction:"ease-in-out",backgroundColor:"transparent",fontSize:"14px",lineHeight:"20px",display:"flex",alignItems:"center",justifyContent:"center",gap:1,color:"onSurface.os900",fontWeight:"400","& .initial-spinner.-done":{opacity:"0",pointerEvents:"none"},"@keyframes spinner":{"0%":{transform:"rotateZ(0)"},"100%":{transform:"rotateZ(360deg)"}},"@keyframes spinner-circle":{"0%":{strokeDashoffset:b,transform:"rotate(0)"},"25%":{strokeDashoffset:b,transform:"rotate(0)"},"50%":{},"75%":{strokeDashoffset:"35.342917875",transform:"rotate(45deg)"},"100%":{strokeDashoffset:b,transform:"rotate(360deg)"}}},f)},i&&{"aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100},g,{children:[r.jsx("output",{children:r.jsxs(n.SvgIcon,Object.assign({"aria-live":"polite",width:"24",height:"24",viewBox:"0 0 50 50",sx:Object.assign({backgroundImage:"radial-gradient(ellipse at center, transparent 0%,transparent 48%,onSurface.os100 49%,onSurface.os100 100%)",borderRadius:"50%",animation:j?null:"2s linear infinite spinner","& circle":{display:"block",fill:"transparent",strokeLinecap:j?null:"square",strokeDasharray:k,strokeWidth:"8px",transformOrigin:"50% 50%","&:first-of-type":{stroke:e=>"dark"===e.palette.mode?e.palette.onSurface.os700:e.palette.onSurface.os100,strokeLinecap:"round",strokeDashoffset:j?-1.4137167149999998*i:null},"&:last-of-type":{stroke:e=>"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary,strokeDashoffset:j?k-1.4137167149999998*i:null,animation:j?null:"2s ease-in-out infinite both spinner-circle",strokeLinecap:"round"}}},m)},h,{children:[r.jsx("circle",{cx:"25",cy:"25",r:"22.5"}),r.jsx("circle",{cx:"25",cy:"25",r:"22.5"})]}))}),p&&r.jsx(n.Box,Object.assign({},d,{children:p})),(!!i||0===i)&&r.jsx(n.Box,Object.assign({component:"span",className:"loading-text","data-testid":"Spinner.percentage"},c,{children:o?`${o} ${i} %`:`${i} %`}))]}))}));exports.Spinner=a;
-//# sourceMappingURL=spinner.js.map

package/cjs/components/progress/spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spinner.js","sources":["../../../../../src/components/progress/spinner.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, SvgIcon, SvgIconProps } from '@mui/material';\nimport { CommonProgressProps } from './progress';\n\nexport interface SpinnerProps extends Omit<CommonProgressProps, 'variant'>, BoxProps<ElementType> {\n  /** Defines the type of animation for the spinner. Can be 'controlled' or 'infinite' (default) */\n  spinnerControlledAnimation?: 'controlled' | 'infinite';\n  svgIconProps?: SvgIconProps;\n  textBoxProps?: BoxProps<ElementType>;\n  /** Text label next to progress */\n  label?: React.ReactNode;\n  labelProps?: BoxProps<ElementType>;\n}\n\n/**\n * A styled loader component that displays animated svg circle\n */\nexport const Spinner: React.FC<SpinnerProps> = forwardRef(\n  (\n    {\n      spinnerControlledAnimation,\n      loadingPercentage,\n      loadingPercentageDescribeText,\n      svgIconProps,\n      textBoxProps,\n      label,\n      labelProps,\n      sx,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: sxSvgIcon, ...restSvgIcon } = svgIconProps ?? {};\n\n    const strokeDashOffset = '137.130521355';\n    const strokeDashArray = 141.3716715;\n\n    const isControlled = spinnerControlledAnimation && spinnerControlledAnimation !== 'infinite';\n\n    return (\n      <Box\n        data-testid=\"Spinner\"\n        ref={ref}\n        sx={{\n          transitionProperty: 'opacity',\n          transitionDuration: '0.3s',\n          transitionTimingFunction: 'ease-in-out',\n          backgroundColor: 'transparent',\n          fontSize: '14px',\n          lineHeight: '20px',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          gap: 1,\n          color: 'onSurface.os900',\n          fontWeight: '400',\n          '& .initial-spinner.-done': {\n            opacity: '0',\n            pointerEvents: 'none',\n          },\n          '@keyframes spinner': {\n            '0%': { transform: 'rotateZ(0)' },\n            '100%': { transform: 'rotateZ(360deg)' },\n          },\n          '@keyframes spinner-circle': {\n            '0%': {\n              strokeDashoffset: strokeDashOffset,\n              transform: 'rotate(0)',\n            },\n            '25%': {\n              strokeDashoffset: strokeDashOffset,\n              transform: 'rotate(0)',\n            },\n            '50%': {},\n            '75%': {\n              strokeDashoffset: '35.342917875',\n              transform: 'rotate(45deg)',\n            },\n            '100%': {\n              strokeDashoffset: strokeDashOffset,\n              transform: 'rotate(360deg)',\n            },\n          },\n          ...sx,\n        }}\n        {...(loadingPercentage && {\n          ['aria-valuenow']: loadingPercentage,\n          ['aria-valuemin']: 0,\n          ['aria-valuemax']: 100,\n        })}\n        {...rest}\n      >\n        <output>\n          <SvgIcon\n            aria-live=\"polite\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 50 50\"\n            sx={{\n              backgroundImage: `radial-gradient(ellipse at center, transparent 0%,transparent 48%,onSurface.os100 49%,onSurface.os100 100%)`,\n              borderRadius: '50%',\n              animation: isControlled ? null : '2s linear infinite spinner',\n              '& circle': {\n                display: 'block',\n                fill: 'transparent',\n                strokeLinecap: isControlled ? null : 'square',\n                strokeDasharray: strokeDashArray,\n                strokeWidth: '8px',\n                transformOrigin: '50% 50%',\n                // track\n                '&:first-of-type': {\n                  stroke: (theme) =>\n                    theme.palette.mode === 'dark' ? theme.palette.onSurface.os700 : theme.palette.onSurface.os100,\n                  strokeLinecap: 'round',\n                  strokeDashoffset: isControlled ? -(strokeDashArray / 100) * loadingPercentage : null,\n                },\n                // highlighted part\n                '&:last-of-type': {\n                  stroke: (theme) =>\n                    theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n                  strokeDashoffset: isControlled ? strokeDashArray - (strokeDashArray / 100) * loadingPercentage : null,\n                  animation: isControlled ? null : '2s ease-in-out infinite both spinner-circle',\n                  strokeLinecap: 'round',\n                },\n              },\n              ...sxSvgIcon,\n            }}\n            {...restSvgIcon}\n          >\n            <circle cx=\"25\" cy=\"25\" r=\"22.5\" />\n            <circle cx=\"25\" cy=\"25\" r=\"22.5\" />\n          </SvgIcon>\n        </output>\n        {label && <Box {...labelProps}>{label}</Box>}\n        {(!!loadingPercentage || loadingPercentage === 0) && (\n          <Box component=\"span\" className=\"loading-text\" data-testid=\"Spinner.percentage\" {...textBoxProps}>\n            {loadingPercentageDescribeText\n              ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n              : `${loadingPercentage} %`}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["Spinner","forwardRef","_a","ref","spinnerControlledAnimation","loadingPercentage","loadingPercentageDescribeText","svgIconProps","textBoxProps","label","labelProps","sx","children","rest","__rest","_b","sxSvgIcon","restSvgIcon","strokeDashOffset","strokeDashArray","isControlled","_jsxs","Box","Object","assign","transitionProperty","transitionDuration","transitionTimingFunction","backgroundColor","fontSize","lineHeight","display","alignItems","justifyContent","gap","color","fontWeight","opacity","pointerEvents","transform","strokeDashoffset","_jsx","SvgIcon","width","height","viewBox","backgroundImage","borderRadius","animation","fill","strokeLinecap","strokeDasharray","strokeWidth","transformOrigin","stroke","theme","palette","mode","onSurface","os700","os100","brand","secondary","primary","cx","cy","r","component","className"],"mappings":"iHAiBa,MAAAA,EAAkCC,EAAUA,YACvD,CACEC,EAYAC,SAZAC,2BACEA,EAA0BC,kBAC1BA,EAAiBC,8BACjBA,EAA6BC,aAC7BA,EAAYC,aACZA,EAAYC,MACZA,EAAKC,WACLA,EAAUC,GACVA,EAAEC,SACFA,KACGC,EAVLC,EAAAA,OAAAZ,EAAA,CAAA,6BAAA,oBAAA,gCAAA,eAAA,eAAA,QAAA,aAAA,KAAA,aAcA,MAAMa,EAAoCR,QAAAA,EAAgB,IAAlDI,GAAIK,GAAgDD,EAAlCE,EAApBH,EAAAA,OAAAC,EAAA,CAAA,OAEAG,EAAmB,gBACnBC,EAAkB,YAElBC,EAAehB,GAA6D,aAA/BA,EAEnD,OACEiB,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,UACZrB,IAAKA,EACLQ,GAAEY,OAAAC,OAAA,CACAC,mBAAoB,UACpBC,mBAAoB,OACpBC,yBAA0B,cAC1BC,gBAAiB,cACjBC,SAAU,OACVC,WAAY,OACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,IAAK,EACLC,MAAO,kBACPC,WAAY,MACZ,2BAA4B,CAC1BC,QAAS,IACTC,cAAe,QAEjB,qBAAsB,CACpB,KAAM,CAAEC,UAAW,cACnB,OAAQ,CAAEA,UAAW,oBAEvB,4BAA6B,CAC3B,KAAM,CACJC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CACLC,iBAAkBtB,EAClBqB,UAAW,aAEb,MAAO,CAAE,EACT,MAAO,CACLC,iBAAkB,eAClBD,UAAW,iBAEb,OAAQ,CACNC,iBAAkBtB,EAClBqB,UAAW,oBAGZ5B,IAEAN,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBQ,EAEJ,CAAAD,SAAA,CAAA6B,EAAAA,IAAA,SAAA,CAAA7B,SACES,EAAAA,KAACqB,EAAAA,QAAOnB,OAAAC,OAAA,CAAA,YACI,SACVmB,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRlC,kBACEmC,gBAAiB,8GACjBC,aAAc,MACdC,UAAW5B,EAAe,KAAO,6BACjC,WAAY,CACVW,QAAS,QACTkB,KAAM,cACNC,cAAe9B,EAAe,KAAO,SACrC+B,gBAAiBhC,EACjBiC,YAAa,MACbC,gBAAiB,UAEjB,kBAAmB,CACjBC,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQE,UAAUC,MAAQJ,EAAMC,QAAQE,UAAUE,MAC1FV,cAAe,QACfV,iBAAkBpB,sBAA0Cf,EAAoB,MAGlF,iBAAkB,CAChBiD,OAASC,GACgB,SAAvBA,EAAMC,QAAQC,KAAkBF,EAAMC,QAAQK,MAAMC,UAAYP,EAAMC,QAAQK,MAAME,QACtFvB,iBAAkBpB,EAAeD,EAAkB,mBAA0Bd,EAAoB,KACjG2C,UAAW5B,EAAe,KAAO,8CACjC8B,cAAe,WAGhBlC,IAEDC,EAAW,CAAAL,SAAA,CAEf6B,gBAAQuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,SAC1BzB,EAAAA,IAAQ,SAAA,CAAAuB,GAAG,KAAKC,GAAG,KAAKC,EAAE,eAG7BzD,GAASgC,EAAAA,IAACnB,EAAAA,IAAGC,OAAAC,OAAA,CAAA,EAAKd,EAAU,CAAAE,SAAGH,QAC5BJ,GAA2C,IAAtBA,IACvBoC,EAAAA,IAACnB,EAAAA,IAAIC,OAAAC,OAAA,CAAA2C,UAAU,OAAOC,UAAU,eAA2B,cAAA,sBAAyB5D,YACjFF,EACG,GAAGA,KAAiCD,MACpC,GAAGA,YAGP"}

package/cjs/materialui/autocomplete/autocomplete.component.d.ts

@@ -1,12 +0,0 @@
-import { SxProps, TextFieldProps, Theme } from '@mui/material';
-export type AutocompleteProps = {
-    inputProps: TextFieldProps;
-    sx?: SxProps<Theme>;
-    value?: unknown;
-    multiple?: boolean;
-};
-export declare const Autocomplete: (props: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
-export declare const top100Films: {
-    label: string;
-    year: number;
-}[];

package/cjs/materialui/tabs/ScrollButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollButton.js","sources":["../../../../../src/materialui/tabs/ScrollButton.tsx"],"sourcesContent":["import { IconButton } from '@mui/material';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\n\n/**\n * This component renders a scroll button that changes based on the scroll direction\n */\nexport const FlowScrollButton = ({ direction, slots, slotProps, ownerState, ...rest }) => {\n  return (\n    <IconButton\n      aria-label={direction === 'left' ? 'Scroll left' : 'Scroll right'}\n      size=\"small\"\n      sx={{ m: '4px' }}\n      {...rest}\n    >\n      {direction === 'left' ? <ChevronLeftIcon /> : <ChevronRightIcon />}\n    </IconButton>\n  );\n};\n"],"names":["_a","direction","slots","slotProps","ownerState","rest","__rest","_jsx","IconButton","Object","assign","size","sx","m","ChevronLeftIcon","ChevronRightIcon"],"mappings":"kPAOiCA,IAAA,IAAAC,UAAEA,EAASC,MAAEA,EAAKC,UAAEA,EAASC,WAAEA,GAAUJ,EAAKK,EAA9CC,EAAAA,OAAAN,EAAA,CAAA,YAAA,QAAA,YAAA,eAC/B,OACEO,MAACC,EAAUA,WAAAC,OAAAC,OAAA,CAAA,aACiB,SAAdT,EAAuB,cAAgB,eACnDU,KAAK,QACLC,GAAI,CAAEC,EAAG,QACLR,YAEW,SAAdJ,EAAuBM,EAAAA,IAACO,EAAAA,gBAAe,CAAA,GAAMP,MAACQ,EAAgBA,iBAAA,CAAA,KACpD"}

package/cjs/materialui/theme/theme.typography.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("@mui/system");function t(e){return e&&e.__esModule?e:{default:e}}var n=t(require("@skodaflow/web-tokens/src/tokens.json"));const s=(e,t,s)=>{const i=null!=s?s:"small",a=n.default["flow-typography"].find((t=>t.name===`${i}-${e}`));return a?Object.assign(Object.assign({},a.style),t?{fontFamily:"SKODA Next R2L"}:{}):null},i=(t,n,i)=>{const a=e.createBreakpoints(n);return Object.assign(Object.assign({},s(t,i,"small")),{[a.up("md")]:Object.assign({},s(t,i,"medium")),[a.up("xl")]:Object.assign({},s(t,i,"large"))})};exports.generateTypography=i,exports.getTypography=s,exports.getTypographyOptions=(e,t)=>{const n=i("body",e,t);return Object.assign(Object.assign({fontFamily:["SKODA Next"+(t?" R2L":""),"sans-serif","Arial"].join(","),body:n},Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","list","disclaimer","disclaimer1","disclaimer2","caption1","caption2"].map((n=>[n,i(n,e,t)])))),{body1:n,body2:n,h5:i("subheadline",e,t),h6:i("caption1",e,t),caption:i("caption2",e,t),overline:i("caption1",e,t),button:{fontFamily:t?"SKODA Next R2L":"SKODA Next",letterSpacing:"0.75px",textTransform:"none",textDecoration:"none",fontSize:"16px",fontWeight:"700",lineHeight:"16px"}})};
-//# sourceMappingURL=theme.typography.js.map

package/cjs/materialui/theme/theme.typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.typography.js","sources":["../../../../../src/materialui/theme/theme.typography.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { TypographyOptions } from '@mui/material/styles/createTypography';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' | 'medium' | 'large';\n\n/**\n * Obtain style for element for the certain size\n */\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n  const screen = size ?? 'small';\n  const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n  if (typo)\n    return {\n      ...typo['style'],\n      // replace font for rtl variant\n      ...(rtl\n        ? {\n            fontFamily: 'SKODA Next R2L',\n          }\n        : {}),\n    } as CSSProperties;\n  else return null;\n};\n\n/**\n * Generate responsive typography style with the media queries\n */\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n  const breakpoints = createBreakpoints(breakpointsOptions);\n\n  return {\n    ...getTypography(element, rtl, 'small'),\n    [breakpoints.up('md')]: {\n      ...getTypography(element, rtl, 'medium'),\n    },\n    [breakpoints.up('xl')]: {\n      ...getTypography(element, rtl, 'large'),\n    },\n  };\n};\n\n/**\n * Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean): TypographyOptions => {\n  const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n  return {\n    fontFamily: [`SKODA Next${rtl ? ' R2L' : ''}`, 'sans-serif', 'Arial'].join(','),\n    body: bodyTypo,\n    ...Object.fromEntries(\n      [\n        'h1',\n        'h2',\n        'h3',\n        'h4',\n        'subheadline',\n        'subtitle1',\n        'subtitle2',\n        'display',\n        'list',\n        'disclaimer',\n        'disclaimer1',\n        'disclaimer2',\n        'caption1',\n        'caption2',\n      ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n    ),\n    // original @mui properties\n    body1: bodyTypo,\n    body2: bodyTypo,\n    h5: generateTypography('subheadline', breakpointsOptions, rtl),\n    h6: generateTypography('caption1', breakpointsOptions, rtl),\n    caption: generateTypography('caption2', breakpointsOptions, rtl),\n    overline: generateTypography('caption1', breakpointsOptions, rtl),\n    // button, later this definition should come from @skodaflow/web-tokens\n    button: {\n      fontFamily: rtl ? 'SKODA Next R2L' : 'SKODA Next',\n      letterSpacing: '0.75px',\n      textTransform: 'none',\n      textDecoration: 'none',\n      fontSize: '16px',\n      fontWeight: '700',\n      lineHeight: '16px',\n    },\n  };\n};\n"],"names":["getTypography","element","rtl","size","screen","typo","tokens","default","find","el","name","Object","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","assign","up","bodyTypo","join","body","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"uJAUa,MAAAA,EAAgB,CAACC,EAAiBC,EAAcC,KAC3D,MAAMC,EAASD,QAAAA,EAAQ,QACjBE,EAAOC,EAAMC,QAAC,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGN,KAAUH,MAC7E,OAAII,EACKM,+BACFN,EAAY,OAEXH,EACA,CACEU,WAAY,kBAEd,IAEI,IAAI,EAMLC,EAAqB,CAACZ,EAAiBa,EAAwCZ,KAC1F,MAAMa,EAAcC,EAAiBA,kBAACF,GAEtC,OACKH,OAAAM,OAAAN,OAAAM,OAAA,CAAA,EAAAjB,EAAcC,EAASC,EAAK,UAC/B,CAAA,CAACa,EAAYG,GAAG,OACXP,OAAAM,OAAA,CAAA,EAAAjB,EAAcC,EAASC,EAAK,WAEjC,CAACa,EAAYG,GAAG,OACXP,OAAAM,OAAA,CAAA,EAAAjB,EAAcC,EAASC,EAAK,WAEjC,oFAMgC,CAACY,EAAwCZ,KAC3E,MAAMiB,EAAWN,EAAmB,OAAQC,EAAoBZ,GAEhE,OAAAS,OAAAM,OAAAN,OAAAM,OAAA,CACEL,WAAY,CAAC,cAAaV,EAAM,OAAS,IAAM,aAAc,SAASkB,KAAK,KAC3EC,KAAMF,GACHR,OAAOW,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,KAAKtB,GAAY,CAACA,EAASY,EAAmBZ,EAASa,EAAoBZ,QAC9E,CAEDsB,MAAOL,EACPM,MAAON,EACPO,GAAIb,EAAmB,cAAeC,EAAoBZ,GAC1DyB,GAAId,EAAmB,WAAYC,EAAoBZ,GACvD0B,QAASf,EAAmB,WAAYC,EAAoBZ,GAC5D2B,SAAUhB,EAAmB,WAAYC,EAAoBZ,GAE7D4B,OAAQ,CACNlB,WAAYV,EAAM,iBAAmB,aACrC6B,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY,SAEd"}

package/cjs/organisms/agGrid/agGrid.theme.d.ts

@@ -1,3 +0,0 @@
-import { Theme, CSSObject } from '@mui/material';
-declare const getFlowCssAgGrid: (theme: Theme) => CSSObject;
-export { getFlowCssAgGrid };

package/cjs/organisms/agGrid/agGrid.theme.js

@@ -1,2 +0,0 @@
-"use strict";exports.getFlowCssAgGrid=r=>({"& .ag-theme-material":{width:"100%",height:"100%","--ag-font-family":"rtl"===r.direction?"SKODA Next R2L":"SKODA Next","--ag-font-size":"16px","--ag-material-primary-color":r.palette.primary.main,"--ag-material-accent-color":r.palette.secondary.main,"--ag-foreground-color":r.palette.text.primary,"--ag-data-color":r.palette.text.primary,"--ag-header-foreground-color":r.palette.text.primary,"--ag-background-color":"transparent","--ag-header-background-color":"transparent","--ag-subheader-background-color":"transparent","--ag-subheader-toolbar-background-color":"transparent","--ag-secondary-foreground-color":r.palette.onSurface.os500,"--ag-disabled-foreground-color":r.palette.disabled.tertiary,"--ag-selected-row-background-color":r.palette.common.white,"--ag-odd-row-background-color":"transparent","--ag-column-hover-color":"transparent","--ag-header-cell-hover-background-color":"transparent","--ag-row-hover-color":r.palette.surface.primary,"--ag-row-border-color":r.palette.surface.secondary,"--ag-border-radius":"8px","--ag-checkbox-checked-color":r.palette.brand.primary,"--ag-checkbox-indeterminate-color":r.palette.brand.primary,"--ag-cell-horizontal-padding":"16px","--ag-cell-vertical-padding":"17px","--ag-row-height":"54px","--ag-header-height":"54px","--ag-header-column-separator-display":"block","--ag-header-column-separator-height":"20px","--ag-header-column-separator-color":r.palette.surface.secondary,"--ag-header-column-resize-handle-color":r.palette.surface.secondary,"--ag-header-column-resize-handle-display":"block","--ag-header-column-resize-handle-height":"20px",".ag-root-wrapper":{border:"1px solid",borderColor:r.palette.surface.secondary,borderRadius:"8px"},".ag-row-last":{borderBottom:"none"},".ag-row-hover":{backgroundColor:"var(--ag-row-hover-color) !important"},".ag-center-cols-container":{minWidth:"100%"},".ag-paging-panel":{border:"none",position:"relative","&:before":{display:"block",content:"''",height:"1px",background:r.palette.surface.secondary,position:"absolute",top:"0",left:"24px",right:"24px"}}}});
-//# sourceMappingURL=agGrid.theme.js.map

package/cjs/organisms/agGrid/agGrid.theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"agGrid.theme.js","sources":["../../../../../src/organisms/agGrid/agGrid.theme.ts"],"sourcesContent":["import { Theme, CSSObject } from '@mui/material';\n\nconst getFlowCssAgGrid = (theme: Theme): CSSObject => ({\n  '& .ag-theme-material': {\n    width: '100%',\n    height: '100%',\n\n    '--ag-font-family': theme.direction === 'rtl' ? 'SKODA Next R2L' : 'SKODA Next',\n    '--ag-font-size': '16px',\n    '--ag-material-primary-color': theme.palette.primary.main,\n    '--ag-material-accent-color': theme.palette.secondary.main,\n    '--ag-foreground-color': theme.palette.text.primary,\n    '--ag-data-color': theme.palette.text.primary,\n    '--ag-header-foreground-color': theme.palette.text.primary,\n    '--ag-background-color': 'transparent',\n    '--ag-header-background-color': 'transparent',\n    '--ag-subheader-background-color': 'transparent',\n    '--ag-subheader-toolbar-background-color': 'transparent',\n    '--ag-secondary-foreground-color': theme.palette.onSurface.os500,\n    '--ag-disabled-foreground-color': theme.palette.disabled.tertiary,\n    '--ag-selected-row-background-color': theme.palette.common.white,\n    '--ag-odd-row-background-color': 'transparent',\n    '--ag-column-hover-color': 'transparent',\n    '--ag-header-cell-hover-background-color': 'transparent',\n    '--ag-row-hover-color': theme.palette.surface.primary,\n    '--ag-row-border-color': theme.palette.surface.secondary,\n    '--ag-border-radius': '8px',\n    '--ag-checkbox-checked-color': theme.palette.brand.primary,\n    '--ag-checkbox-indeterminate-color': theme.palette.brand.primary,\n    '--ag-cell-horizontal-padding': '16px',\n    '--ag-cell-vertical-padding': '17px',\n    '--ag-row-height': '54px',\n    '--ag-header-height': '54px',\n    '--ag-header-column-separator-display': 'block',\n    '--ag-header-column-separator-height': '20px',\n    '--ag-header-column-separator-color': theme.palette.surface.secondary,\n    '--ag-header-column-resize-handle-color': theme.palette.surface.secondary,\n    '--ag-header-column-resize-handle-display': 'block',\n    '--ag-header-column-resize-handle-height': '20px',\n\n    '.ag-root-wrapper': {\n      border: '1px solid',\n      borderColor: theme.palette.surface.secondary,\n      borderRadius: '8px',\n    },\n\n    '.ag-row-last': {\n      borderBottom: 'none',\n    },\n\n    '.ag-row-hover': {\n      backgroundColor: 'var(--ag-row-hover-color) !important',\n    },\n\n    '.ag-center-cols-container': {\n      minWidth: '100%',\n    },\n\n    '.ag-paging-panel': {\n      border: 'none',\n      position: 'relative',\n      '&:before': {\n        display: 'block',\n        content: \"''\",\n        height: '1px',\n        background: theme.palette.surface.secondary,\n        position: 'absolute',\n        top: '0',\n        left: '24px',\n        right: '24px',\n      },\n    },\n  },\n});\n\nexport { getFlowCssAgGrid };\n"],"names":["theme","width","height","direction","palette","primary","main","secondary","text","onSurface","os500","disabled","tertiary","common","white","surface","brand","border","borderColor","borderRadius","borderBottom","backgroundColor","minWidth","position","display","content","background","top","left","right"],"mappings":"sCAE0BA,IAA6B,CACrD,uBAAwB,CACtBC,MAAO,OACPC,OAAQ,OAER,mBAAwC,QAApBF,EAAMG,UAAsB,iBAAmB,aACnE,iBAAkB,OAClB,8BAA+BH,EAAMI,QAAQC,QAAQC,KACrD,6BAA8BN,EAAMI,QAAQG,UAAUD,KACtD,wBAAyBN,EAAMI,QAAQI,KAAKH,QAC5C,kBAAmBL,EAAMI,QAAQI,KAAKH,QACtC,+BAAgCL,EAAMI,QAAQI,KAAKH,QACnD,wBAAyB,cACzB,+BAAgC,cAChC,kCAAmC,cACnC,0CAA2C,cAC3C,kCAAmCL,EAAMI,QAAQK,UAAUC,MAC3D,iCAAkCV,EAAMI,QAAQO,SAASC,SACzD,qCAAsCZ,EAAMI,QAAQS,OAAOC,MAC3D,gCAAiC,cACjC,0BAA2B,cAC3B,0CAA2C,cAC3C,uBAAwBd,EAAMI,QAAQW,QAAQV,QAC9C,wBAAyBL,EAAMI,QAAQW,QAAQR,UAC/C,qBAAsB,MACtB,8BAA+BP,EAAMI,QAAQY,MAAMX,QACnD,oCAAqCL,EAAMI,QAAQY,MAAMX,QACzD,+BAAgC,OAChC,6BAA8B,OAC9B,kBAAmB,OACnB,qBAAsB,OACtB,uCAAwC,QACxC,sCAAuC,OACvC,qCAAsCL,EAAMI,QAAQW,QAAQR,UAC5D,yCAA0CP,EAAMI,QAAQW,QAAQR,UAChE,2CAA4C,QAC5C,0CAA2C,OAE3C,mBAAoB,CAClBU,OAAQ,YACRC,YAAalB,EAAMI,QAAQW,QAAQR,UACnCY,aAAc,OAGhB,eAAgB,CACdC,aAAc,QAGhB,gBAAiB,CACfC,gBAAiB,wCAGnB,4BAA6B,CAC3BC,SAAU,QAGZ,mBAAoB,CAClBL,OAAQ,OACRM,SAAU,WACV,WAAY,CACVC,QAAS,QACTC,QAAS,KACTvB,OAAQ,MACRwB,WAAY1B,EAAMI,QAAQW,QAAQR,UAClCgB,SAAU,WACVI,IAAK,IACLC,KAAM,OACNC,MAAO"}

package/cjs/organisms/hotspotCard/hotspotCard.d.ts

@@ -1,55 +0,0 @@
-import React, { ReactNode, HTMLAttributes } from 'react';
-import { ResponsiveType } from '@/src/utils/ResponsiveType';
-/**
- * @interface HotspotCardProps
- * @description Base definition of SkodaFlow HotspotCard independent on core implementation.
- * Properties are inherited from HTML div element
- */
-export interface HotspotCardProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * top position of hotspot card
-     * @default 0
-     */
-    top?: ResponsiveType<string | number>;
-    /**
-     * left position of hotspot card
-     * @default 0
-     */
-    left?: ResponsiveType<string | number>;
-    /**
-     * bottom position of hotspot card
-     */
-    bottom?: ResponsiveType<string | number>;
-    /**
-     * right position of hotspot card
-     * @default 0
-     */
-    right?: ResponsiveType<string | number>;
-    /**
-     * headline of hotspot card
-     */
-    headline: string;
-    /**
-     * optional cover image of the hotspot card, accepts string or ReactNode
-     */
-    img?: ReactNode;
-    /**
-     * optional label of the hotspot card
-     */
-    label?: string;
-    /**
-     * description of the hotspot card
-     */
-    description: ReactNode;
-    /**
-     * buttons of the hotspot card
-     */
-    buttons?: ReactNode;
-}
-/**
- * @description SkodaFlow HotspotCard component.
- * Properties are inherited from HTML Div element.
- * @param props HotspotCardProps
- * @returns React Functional Component
- */
-export declare const HotspotCard: React.ForwardRefExoticComponent<HotspotCardProps & React.RefAttributes<HTMLDivElement>>;

package/components/helperTextContent/helperTextContent.js

@@ -1,2 +0,0 @@
-import{__rest as t}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Box as s}from"@mui/material";const n=r(((r,n)=>{var{children:o,sx:a,textLeft:p,textLeftProps:x,textRight:c,textRightProps:h}=r,f=t(r,["children","sx","textLeft","textLeftProps","textRight","textRightProps"]);const l=x||{},{sx:m}=l,g=t(l,["sx"]),b=h||{},{sx:w}=b,d=t(b,["sx"]);return e(s,Object.assign({sx:Object.assign({display:"flex",gap:"10px",justifyContent:"space-between",alignItems:"flex-start",overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit"},a),component:"span",ref:n},f,{children:[o,p&&i(s,Object.assign({sx:Object.assign({overflow:"inherit",whiteSpace:"inherit",textOverflow:"inherit"},m),component:"span"},g,{children:p})),c&&i(s,Object.assign({"aria-label":"string"==typeof c?`Characters entered ${c}`:void 0,sx:Object.assign({whiteSpace:"nowrap"},w),component:"span"},d,{children:c}))]}))}));export{n as HelperTextContent};
-//# sourceMappingURL=helperTextContent.js.map

package/components/helperTextContent/helperTextContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helperTextContent.js","sources":["../../../src/components/helperTextContent/helperTextContent.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface HelperTextContentProps extends BoxProps<ElementType> {\n  /**\n   * Text on the left side\n   */\n  textLeft?: ReactNode;\n  /**\n   * Properties applied to text on the left side\n   */\n  textLeftProps?: BoxProps<ElementType>;\n  /**\n   * Text on the right side, expected to be characters count, e.g. '0 / 100'\n   * It is recommended to also provide aria-label.\n   */\n  textRight?: ReactNode;\n  /**\n   * Properties applied to text on the right side\n   */\n  textRightProps?: BoxProps<ElementType>;\n}\n\n/**\n * Advanced content for the Field's HelperText\n *\n *  <TextField helperText={<HelperTextContent textLeft='Helper text' textRight='0/100' />}>\n */\nexport const HelperTextContent: React.FC<HelperTextContentProps> = forwardRef(\n  ({ children, sx, textLeft, textLeftProps, textRight, textRightProps, ...rest }, ref) => {\n    const { sx: textLeftSx, ...restTextLeft } = textLeftProps || {};\n    const { sx: textRightSx, ...restTextRight } = textRightProps || {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          gap: '10px',\n          justifyContent: 'space-between',\n          alignItems: 'flex-start',\n          // inherit truncate text from helperText to pass it down\n          overflow: 'inherit',\n          whiteSpace: 'inherit',\n          textOverflow: 'inherit',\n          ...sx,\n        }}\n        component=\"span\"\n        ref={ref}\n        {...rest}\n      >\n        {children}\n        {textLeft && (\n          <Box\n            sx={{\n              // truncate text as helperText\n              overflow: 'inherit',\n              whiteSpace: 'inherit',\n              textOverflow: 'inherit',\n              ...textLeftSx,\n            }}\n            component=\"span\"\n            {...restTextLeft}\n          >\n            {textLeft}\n          </Box>\n        )}\n        {textRight && (\n          <Box\n            aria-label={typeof textRight === 'string' ? `Characters entered ${textRight}` : undefined}\n            sx={{\n              whiteSpace: 'nowrap',\n              ...textRightSx,\n            }}\n            component=\"span\"\n            {...restTextRight}\n          >\n            {textRight}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["HelperTextContent","forwardRef","_a","ref","children","sx","textLeft","textLeftProps","textRight","textRightProps","rest","__rest","_b","textLeftSx","restTextLeft","_c","textRightSx","restTextRight","_jsxs","Box","Object","assign","display","gap","justifyContent","alignItems","overflow","whiteSpace","textOverflow","component","_jsx","undefined"],"mappings":"wJA4Ba,MAAAA,EAAsDC,GACjE,CAACC,EAA+EC,KAA/E,IAAAC,SAAEA,EAAQC,GAAEA,EAAEC,SAAEA,EAAQC,cAAEA,EAAaC,UAAEA,EAASC,eAAEA,GAAyBP,EAANQ,EAAIC,EAAAT,EAA3E,2EACC,MAAMU,EAAsCL,GAAiB,IAArDF,GAAIQ,KAAeC,EAArBH,EAAAC,EAAA,CAAA,OACAG,EAAwCN,GAAkB,IAAxDJ,GAAIW,KAAgBC,EAAtBN,EAAAI,EAAA,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CACFhB,GACEe,OAAAC,OAAA,CAAAC,QAAS,OACTC,IAAK,OACLC,eAAgB,gBAChBC,WAAY,aAEZC,SAAU,UACVC,WAAY,UACZC,aAAc,WACXvB,GAELwB,UAAU,OACV1B,IAAKA,GACDO,EAEH,CAAAN,SAAA,CAAAA,EACAE,GACCwB,EAACX,iBACCd,GAAEe,OAAAC,OAAA,CAEAK,SAAU,UACVC,WAAY,UACZC,aAAc,WACXf,GAELgB,UAAU,QACNf,EAEH,CAAAV,SAAAE,KAGJE,GACCsB,EAACX,8BACkC,iBAAdX,EAAyB,sBAAsBA,SAAcuB,EAChF1B,kBACEsB,WAAY,UACTX,GAELa,UAAU,QACNZ,EAAa,CAAAb,SAEhBI,QAGD"}

package/components/helperTextContent/index.d.ts

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

package/components/icon/icon.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"tslib";import{jsx as n}from"react/jsx-runtime";import{forwardRef as t,useMemo as i}from"react";import{iconDefinitions as o}from"./icon.definitions.js";const s=t(((t,s)=>{var{name:a,className:m,iconStyle:r}=t,c=e(t,["name","className","iconStyle"]);const l=i((()=>{const e=a&&o.find((e=>[e.name,...e.altNames].includes(a)))||m&&o.find((e=>m.split(" ").some((n=>[e.name,...e.altNames].includes(n)))))||o.find((e=>"circle-question"===e.name));return"filled"===r?e.componentFilled:e.component}),[a,m,r]);return n(l,Object.assign({ref:s,"data-testid":"Icon",className:["sa-i",m,a].filter(Boolean).join(" ")},c))}));export{s as Icon};
-//# sourceMappingURL=icon.js.map

package/components/icon/icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import React, { useMemo, forwardRef } from 'react';\nimport { SvgIconProps } from '@mui/material';\nimport { IconNameProp, iconDefinitions } from './icon.definitions';\n\n/**\n * @interface IconProps\n * @description Base definition of SkodaFlow Icon\n */\nexport interface IconProps extends SvgIconProps {\n  /**\n   * Name of the icon that should be used. Alternatively, provide name in the className property\n   */\n  name?: IconNameProp;\n  /**\n   * Style of vectors, regular (stroke) or filled format\n   * @default 'regular'\n   */\n  iconStyle?: 'regular' | 'filled';\n}\n\n/**\n * @description SkodaFlow Icon component.\n * @param props IconProps\n * @returns React Functional Component\n */\nexport const Icon: React.FC<IconProps> = forwardRef(({ name, className, iconStyle, ...rest }, ref) => {\n  // obtain SvgIcon component to be rendered\n  const IconComponent = useMemo(() => {\n    const definition =\n      // try to find by name\n      (name && iconDefinitions.find((def) => [def.name, ...def.altNames].includes(name))) ||\n      // try to find by className\n      (className &&\n        iconDefinitions.find((def) => className.split(' ').some((cls) => [def.name, ...def.altNames].includes(cls)))) ||\n      // fallback\n      iconDefinitions.find((item) => item.name === 'circle-question');\n    return iconStyle === 'filled' ? definition.componentFilled : definition.component;\n  }, [name, className, iconStyle]);\n\n  return (\n    <IconComponent\n      ref={ref}\n      data-testid=\"Icon\"\n      className={['sa-i', className, name].filter(Boolean).join(' ')}\n      {...rest}\n    />\n  );\n});\n"],"names":["Icon","forwardRef","_a","ref","name","className","iconStyle","rest","__rest","IconComponent","useMemo","definition","iconDefinitions","find","def","altNames","includes","split","some","cls","item","componentFilled","component","_jsx","Object","assign","filter","Boolean","join"],"mappings":"+KAyBa,MAAAA,EAA4BC,GAAW,CAACC,EAAyCC,SAAzCC,KAAEA,EAAIC,UAAEA,EAASC,UAAEA,KAAcC,EAAjCC,EAAAN,EAAA,CAAA,OAAA,YAAA,cAEnD,MAAMO,EAAgBC,GAAQ,KAC5B,MAAMC,EAEHP,GAAQQ,EAAgBC,MAAMC,GAAQ,CAACA,EAAIV,QAASU,EAAIC,UAAUC,SAASZ,MAE3EC,GACCO,EAAgBC,MAAMC,GAAQT,EAAUY,MAAM,KAAKC,MAAMC,GAAQ,CAACL,EAAIV,QAASU,EAAIC,UAAUC,SAASG,QAExGP,EAAgBC,MAAMO,GAAuB,oBAAdA,EAAKhB,OACtC,MAAqB,WAAdE,EAAyBK,EAAWU,gBAAkBV,EAAWW,SAAS,GAChF,CAAClB,EAAMC,EAAWC,IAErB,OACEiB,EAACd,EAAae,OAAAC,OAAA,CACZtB,IAAKA,EACO,cAAA,OACZE,UAAW,CAAC,OAAQA,EAAWD,GAAMsB,OAAOC,SAASC,KAAK,MACtDrB,GACJ"}

package/components/progress/loader.d.ts

@@ -1,17 +0,0 @@
-import { BoxProps } from '@mui/material';
-import React, { ElementType } from 'react';
-import { CommonProgressProps } from './progress';
-export interface LoaderProps extends Omit<CommonProgressProps, 'variant'>, BoxProps<ElementType> {
-    /** The size of the loader. Only for the loader variant. */
-    loaderSize?: 'small' | 'large';
-    /** Optional custom loading-text Box props */
-    loadingTextProps?: BoxProps<ElementType>;
-    /** Optional custom barWrapper Box props */
-    barWrapperProps?: BoxProps<ElementType>;
-    /** Optional custom bar Box props */
-    barProps?: BoxProps<ElementType>;
-}
-/**
- * A styled loader component that displays a loading bar with optional percentage and size.
- */
-export declare const Loader: React.FC<LoaderProps>;

package/components/progress/loader.js

@@ -1,2 +0,0 @@
-import{__rest as a}from"tslib";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{Box as t}from"@mui/material";import{forwardRef as o}from"react";const r=o(((o,r)=>{var{loadingPercentageDescribeText:n,loadingPercentage:s,loaderSize:d="large",loadingTextProps:l,barWrapperProps:c,barProps:p,sx:m}=o,x=a(o,["loadingPercentageDescribeText","loadingPercentage","loaderSize","loadingTextProps","barWrapperProps","barProps","sx"]);const b=null!=l?l:{},{sx:g}=b,h=a(b,["sx"]),f=null!=c?c:{},{sx:u}=f,j=a(f,["sx"]),w=null!=p?p:{},{sx:k}=w,y=a(w,["sx"]);return e(t,Object.assign({"data-testid":"Loader",ref:r,sx:Object.assign({fontSize:"14px",lineHeight:"20px",color:"onSurface.os900",display:"flex",flexDirection:"column",fontWeight:"500","@keyframes loader-animation":{"0%":{maxWidth:"0%"},"20%":{maxWidth:"20%"},"50%":{maxWidth:"50%"},"100%":{maxWidth:"100%"}},"@keyframes loader-animation-opposite":{"0%":{width:"calc(100% - 1px)"},"20%":{width:"calc(80% - 1px)"},"50%":{width:"calc(50% - 1px)"},"100%":{width:"0%"}}},m)},x,{children:[(!!s||0===s)&&i(t,Object.assign({component:"span",className:"loading-text","data-testid":"Loader.percentage",sx:Object.assign({alignSelf:"flex-end",marginBottom:"4px",fontSize:"14px",lineHeight:"20px",color:"text.primary"},g)},h,{children:n?`${n} ${s} %`:`${s} %`})),i(t,Object.assign({className:"bar",sx:Object.assign({width:"100%",overflow:"hidden",borderRadius:"555px",height:"small"===d?"4px":"8px",position:"relative","&:before":Object.assign({content:'""',display:"block",position:"absolute",top:"0",bottom:"0",right:"0",backgroundColor:a=>"dark"===a.palette.mode?"onSurface.os700":"onSurface.os100",width:`calc(${100-s}% - 1px)`,borderRadius:"555px",transition:"width 1s",animation:"loader-animation-opposite 8s infinite"},(s||0===s)&&{animation:"none"}),"&:after":{content:'""',backgroundColor:a=>"dark"===a.palette.mode?"brand.secondary":"brand.primary",display:"block",position:"absolute",top:"0",bottom:"0",right:"0",borderRadius:"555px",aspectRatio:"1/1"}},u)},s&&{"aria-valuenow":s,"aria-valuemin":0,"aria-valuemax":100},j,{children:i(t,Object.assign({className:"mainBar",sx:Object.assign(Object.assign({width:"100%",maxWidth:"0",height:"inherit",backgroundColor:a=>"dark"===a.palette.mode?"brand.secondary":"brand.primary",animation:"loader-animation 8s infinite",borderRadius:"555px",transition:"none"},(s||0===s)&&{maxWidth:`${s}%`,animation:"none",transition:"max-width 1s"}),k)},y))}))]}))}));export{r as Loader};
-//# sourceMappingURL=loader.js.map

package/components/progress/loader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"loader.js","sources":["../../../src/components/progress/loader.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport React, { ElementType, forwardRef } from 'react';\nimport { CommonProgressProps } from './progress';\n\nexport interface LoaderProps extends Omit<CommonProgressProps, 'variant'>, BoxProps<ElementType> {\n  /** The size of the loader. Only for the loader variant. */\n  loaderSize?: 'small' | 'large';\n  /** Optional custom loading-text Box props */\n  loadingTextProps?: BoxProps<ElementType>;\n  /** Optional custom barWrapper Box props */\n  barWrapperProps?: BoxProps<ElementType>;\n  /** Optional custom bar Box props */\n  barProps?: BoxProps<ElementType>;\n}\n\n/**\n * A styled loader component that displays a loading bar with optional percentage and size.\n */\nexport const Loader: React.FC<LoaderProps> = forwardRef(\n  (\n    {\n      loadingPercentageDescribeText,\n      loadingPercentage,\n      loaderSize = 'large',\n      loadingTextProps,\n      barWrapperProps,\n      barProps,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: sxLoadingText, ...restLoadingText } = loadingTextProps ?? {};\n    const { sx: sxBarWrapper, ...restBarWrapper } = barWrapperProps ?? {};\n    const { sx: sxBar, ...restBar } = barProps ?? {};\n\n    return (\n      <Box\n        data-testid=\"Loader\"\n        ref={ref}\n        sx={{\n          fontSize: '14px',\n          lineHeight: '20px',\n          color: 'onSurface.os900',\n          display: 'flex',\n          flexDirection: 'column',\n          fontWeight: '500',\n          '@keyframes loader-animation': {\n            '0%': {\n              maxWidth: '0%',\n            },\n            '20%': {\n              maxWidth: '20%',\n            },\n            '50%': {\n              maxWidth: '50%',\n            },\n            '100%': {\n              maxWidth: '100%',\n            },\n          },\n          '@keyframes loader-animation-opposite': {\n            '0%': {\n              width: 'calc(100% - 1px)',\n            },\n            '20%': {\n              width: 'calc(80% - 1px)',\n            },\n            '50%': {\n              width: 'calc(50% - 1px)',\n            },\n            '100%': {\n              width: '0%',\n            },\n          },\n          ...sx,\n        }}\n        {...rest}\n      >\n        {(!!loadingPercentage || loadingPercentage === 0) && (\n          <Box\n            component=\"span\"\n            className=\"loading-text\"\n            data-testid=\"Loader.percentage\"\n            sx={{\n              alignSelf: 'flex-end',\n              marginBottom: '4px',\n              fontSize: '14px',\n              lineHeight: '20px',\n              color: 'text.primary',\n              ...sxLoadingText,\n            }}\n            {...restLoadingText}\n          >\n            {loadingPercentageDescribeText\n              ? `${loadingPercentageDescribeText} ${loadingPercentage} %`\n              : `${loadingPercentage} %`}\n          </Box>\n        )}\n        <Box\n          className=\"bar\"\n          sx={{\n            width: '100%',\n            overflow: 'hidden',\n            borderRadius: '555px',\n            height: loaderSize === 'small' ? '4px' : '8px',\n            position: 'relative',\n            // right track\n            '&:before': {\n              content: '\"\"',\n              display: 'block',\n              position: 'absolute',\n              top: '0',\n              bottom: '0',\n              right: '0',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os700' : 'onSurface.os100'),\n              width: `calc(${100 - loadingPercentage}% - 1px)`,\n              borderRadius: '555px',\n              transition: 'width 1s',\n              animation: 'loader-animation-opposite 8s infinite',\n              ...((loadingPercentage || loadingPercentage === 0) && {\n                animation: 'none',\n              }),\n            },\n            // dot at the end of bar\n            '&:after': {\n              content: '\"\"',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n              display: 'block',\n              position: 'absolute',\n              top: '0',\n              bottom: '0',\n              right: '0',\n              borderRadius: '555px',\n              aspectRatio: '1/1',\n            },\n            ...sxBarWrapper,\n          }}\n          {...(loadingPercentage && {\n            ['aria-valuenow']: loadingPercentage,\n            ['aria-valuemin']: 0,\n            ['aria-valuemax']: 100,\n          })}\n          {...restBarWrapper}\n        >\n          <Box\n            className=\"mainBar\"\n            sx={{\n              width: '100%',\n              maxWidth: '0',\n              height: 'inherit',\n              backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n              animation: 'loader-animation 8s infinite',\n              borderRadius: '555px',\n              transition: 'none',\n              ...((loadingPercentage || loadingPercentage === 0) && {\n                maxWidth: `${loadingPercentage}%`,\n                animation: 'none',\n                transition: 'max-width 1s',\n              }),\n              ...sxBar,\n            }}\n            {...restBar}\n          />\n        </Box>\n      </Box>\n    );\n  },\n);\n"],"names":["Loader","forwardRef","_a","ref","loadingPercentageDescribeText","loadingPercentage","loaderSize","loadingTextProps","barWrapperProps","barProps","sx","rest","__rest","_b","sxLoadingText","restLoadingText","_c","sxBarWrapper","restBarWrapper","_d","sxBar","restBar","_jsxs","Box","Object","assign","fontSize","lineHeight","color","display","flexDirection","fontWeight","maxWidth","width","children","_jsx","component","className","alignSelf","marginBottom","overflow","borderRadius","height","position","content","top","bottom","right","backgroundColor","theme","palette","mode","transition","animation","aspectRatio"],"mappings":"wJAkBa,MAAAA,EAAgCC,GAC3C,CACEC,EAUAC,SAVAC,8BACEA,EAA6BC,kBAC7BA,EAAiBC,WACjBA,EAAa,QAAOC,iBACpBA,EAAgBC,gBAChBA,EAAeC,SACfA,EAAQC,GACRA,GAAER,EACCS,EAAIC,EAAAV,EART,yHAYA,MAAMW,EAA4CN,QAAAA,EAAoB,IAA9DG,GAAII,GAA4DD,EAA1CE,EAAxBH,EAAAC,EAAA,CAAA,OACAG,EAA0CR,QAAAA,EAAmB,IAA3DE,GAAIO,GAAyDD,EAAxCE,EAAvBN,EAAAI,EAAA,CAAA,OACAG,EAA4BV,QAAAA,EAAY,IAAtCC,GAAIU,GAAoCD,EAA1BE,EAAhBT,EAAAO,EAAA,CAAA,OAEN,OACEG,EAACC,EACaC,OAAAC,OAAA,CAAA,cAAA,SACZtB,IAAKA,EACLO,GACEc,OAAAC,OAAA,CAAAC,SAAU,OACVC,WAAY,OACZC,MAAO,kBACPC,QAAS,OACTC,cAAe,SACfC,WAAY,MACZ,8BAA+B,CAC7B,KAAM,CACJC,SAAU,MAEZ,MAAO,CACLA,SAAU,OAEZ,MAAO,CACLA,SAAU,OAEZ,OAAQ,CACNA,SAAU,SAGd,uCAAwC,CACtC,KAAM,CACJC,MAAO,oBAET,MAAO,CACLA,MAAO,mBAET,MAAO,CACLA,MAAO,mBAET,OAAQ,CACNA,MAAO,QAGRvB,IAEDC,EAEH,CAAAuB,SAAA,IAAG7B,GAA2C,IAAtBA,IACvB8B,EAACZ,EACCC,OAAAC,OAAA,CAAAW,UAAU,OACVC,UAAU,eACE,cAAA,oBACZ3B,GAAEc,OAAAC,OAAA,CACAa,UAAW,WACXC,aAAc,MACdb,SAAU,OACVC,WAAY,OACZC,MAAO,gBACJd,IAEDC,EAAe,CAAAmB,SAElB9B,EACG,GAAGA,KAAiCC,MACpC,GAAGA,SAGX8B,EAACZ,EAAGC,OAAAC,OAAA,CACFY,UAAU,MACV3B,GAAEc,OAAAC,OAAA,CACAQ,MAAO,OACPO,SAAU,SACVC,aAAc,QACdC,OAAuB,UAAfpC,EAAyB,MAAQ,MACzCqC,SAAU,WAEV,0BACEC,QAAS,KACTf,QAAS,QACTc,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPC,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,kBACjFlB,MAAO,QAAQ,IAAM5B,YACrBoC,aAAc,QACdW,WAAY,WACZC,UAAW,0CACNhD,GAA2C,IAAtBA,IAA4B,CACpDgD,UAAW,SAIf,UAAW,CACTT,QAAS,KACTI,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFtB,QAAS,QACTc,SAAU,WACVE,IAAK,IACLC,OAAQ,IACRC,MAAO,IACPN,aAAc,QACda,YAAa,QAEZrC,IAEAZ,GAAqB,CACxB,gBAAmBA,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBa,EAEJ,CAAAgB,SAAAC,EAACZ,EACCC,OAAAC,OAAA,CAAAY,UAAU,UACV3B,GACEc,OAAAC,OAAAD,OAAAC,OAAA,CAAAQ,MAAO,OACPD,SAAU,IACVU,OAAQ,UACRM,gBAAkBC,GAAkC,SAAvBA,EAAMC,QAAQC,KAAkB,kBAAoB,gBACjFE,UAAW,+BACXZ,aAAc,QACdW,WAAY,SACP/C,GAA2C,IAAtBA,IAA4B,CACpD2B,SAAU,GAAG3B,KACbgD,UAAW,OACXD,WAAY,iBAEXhC,IAEDC,UAGJ"}

package/components/progress/progress.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { ProgressMessageComponentProps } from './progressMessage';
-import { LoaderProps } from './loader';
-import { SpinnerProps } from './spinner';
-/** Common properties for both loader and spinner. */
-export interface CommonProgressProps {
-    variant?: 'loader' | 'spinner';
-    /** The current percentage of the loading. If loadingPercentage is provided the component becomes controlled. */
-    loadingPercentage?: number;
-    /** Text describing the loading percentage. */
-    loadingPercentageDescribeText?: string;
-    /** State indicates whether the component should display loader or spinner for the loading state or message with a icon  */
-    state?: 'loading' | 'error' | 'success';
-    /** Icon message for the success state */
-    successMessage?: React.ReactNode;
-    /** Icon message for the error state */
-    errorMessage?: React.ReactNode;
-}
-/**
- * The Progress Component includes a loader or spinner (by default) for the loading state. For the success state, it displays an icon with a success message. For the error state, it shows an icon with an error message.
- */
-export type ProgressProps = (CommonProgressProps & LoaderProps & Omit<ProgressMessageComponentProps, 'message'> & {
-    variant: 'loader';
-}) | (CommonProgressProps & SpinnerProps & Omit<ProgressMessageComponentProps, 'message'> & {
-    variant?: 'spinner';
-});
-export declare const Progress: React.FC<ProgressProps>;
-/**
- * @deprecated Use <Progress /> instead
- */
-export declare const ProgressBar: React.FC<ProgressProps>;

package/components/progress/progress.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import{forwardRef as o,useMemo as s}from"react";import{ProgressMessageComponent as t}from"./progressMessage.js";import{Loader as n}from"./loader.js";import{Spinner as a}from"./spinner.js";import{CircleCheckFilledIcon as c}from"../icon/filled/CircleCheckFilledIcon.js";import{CircleCloseFilledIcon as i}from"../icon/filled/CircleCloseFilledIcon.js";const m=o(((o,m)=>{var{variant:l="spinner",state:p="loading",loadingPercentage:g,successMessage:f,errorMessage:d}=o,u=e(o,["variant","state","loadingPercentage","successMessage","errorMessage"]);const j=s((()=>g&&0!==g?g<0?0:g>100?100:g:g),[g]),C=s((()=>{switch(p){case"error":return{component:t,IconComponent:i,message:d,state:p};case"success":return{component:t,IconComponent:c,message:f,state:p};default:return{component:"loader"===l?n:a,loadingPercentage:j,message:""}}}),[l,g,p]),{component:M}=C,I=e(C,["component"]);return r(M,Object.assign({ref:m},I,u))})),l=o(((e,o)=>r(m,Object.assign({},e,{ref:o}))));export{m as Progress,l as ProgressBar};
-//# sourceMappingURL=progress.js.map

package/components/progress/progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress.js","sources":["../../../src/components/progress/progress.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { ProgressMessageComponent, ProgressMessageComponentProps } from './progressMessage';\nimport { Loader, LoaderProps } from './loader';\nimport { Spinner, SpinnerProps } from './spinner';\nimport { CircleCheckFilledIcon } from '@/src/components/icon/filled/CircleCheckFilledIcon';\nimport { CircleCloseFilledIcon } from '@/src/components/icon/filled/CircleCloseFilledIcon';\n\n/** Common properties for both loader and spinner. */\nexport interface CommonProgressProps {\n  variant?: 'loader' | 'spinner';\n  /** The current percentage of the loading. If loadingPercentage is provided the component becomes controlled. */\n  loadingPercentage?: number;\n  /** Text describing the loading percentage. */\n  loadingPercentageDescribeText?: string;\n  /** State indicates whether the component should display loader or spinner for the loading state or message with a icon  */\n  state?: 'loading' | 'error' | 'success';\n  /** Icon message for the success state */\n  successMessage?: React.ReactNode;\n  /** Icon message for the error state */\n  errorMessage?: React.ReactNode;\n}\n\n/**\n * The Progress Component includes a loader or spinner (by default) for the loading state. For the success state, it displays an icon with a success message. For the error state, it shows an icon with an error message.\n */\nexport type ProgressProps =\n  | (CommonProgressProps & LoaderProps & Omit<ProgressMessageComponentProps, 'message'> & { variant: 'loader' })\n  | (CommonProgressProps & SpinnerProps & Omit<ProgressMessageComponentProps, 'message'> & { variant?: 'spinner' });\n\nexport const Progress: React.FC<ProgressProps> = forwardRef(\n  ({ variant = 'spinner', state = 'loading', loadingPercentage, successMessage, errorMessage, ...rest }, ref) => {\n    const validatePercentage = useMemo(() => {\n      if (!loadingPercentage || loadingPercentage === 0) return loadingPercentage;\n      if (loadingPercentage < 0) return 0;\n      if (loadingPercentage > 100) return 100;\n\n      return loadingPercentage;\n    }, [loadingPercentage]);\n\n    const { component: ProgressComponent, ...settingsProps } = useMemo(() => {\n      switch (state) {\n        case 'error':\n          return {\n            component: ProgressMessageComponent,\n            IconComponent: CircleCloseFilledIcon,\n            message: errorMessage,\n            state,\n          };\n        case 'success':\n          return {\n            component: ProgressMessageComponent,\n            IconComponent: CircleCheckFilledIcon,\n            message: successMessage,\n            state,\n          };\n        case 'loading':\n        default:\n          return {\n            component: variant === 'loader' ? Loader : Spinner,\n            loadingPercentage: validatePercentage,\n            message: '',\n          };\n      }\n    }, [variant, loadingPercentage, state]);\n\n    return <ProgressComponent ref={ref} {...settingsProps} {...rest} />;\n  },\n);\n\n/**\n * @deprecated Use <Progress /> instead\n */\nexport const ProgressBar: React.FC<ProgressProps> = forwardRef((props, ref) => {\n  return <Progress {...props} ref={ref} />;\n});\n"],"names":["Progress","forwardRef","_a","ref","variant","state","loadingPercentage","successMessage","errorMessage","rest","__rest","validatePercentage","useMemo","_b","component","ProgressMessageComponent","IconComponent","CircleCloseFilledIcon","message","CircleCheckFilledIcon","Loader","Spinner","ProgressComponent","settingsProps","_jsx","Object","assign","ProgressBar","props"],"mappings":"maA6Ba,MAAAA,EAAoCC,GAC/C,CAACC,EAAsGC,KAAtG,IAAAC,QAAEA,EAAU,UAASC,MAAEA,EAAQ,UAASC,kBAAEA,EAAiBC,eAAEA,EAAcC,aAAEA,GAAYN,EAAKO,EAAIC,EAAAR,EAAlG,yEACC,MAAMS,EAAqBC,GAAQ,IAC5BN,GAA2C,IAAtBA,EACtBA,EAAoB,EAAU,EAC9BA,EAAoB,IAAY,IAE7BA,EAJmDA,GAKzD,CAACA,IAEEO,EAAqDD,GAAQ,KACjE,OAAQP,GACN,IAAK,QACH,MAAO,CACLS,UAAWC,EACXC,cAAeC,EACfC,QAASV,EACTH,SAEJ,IAAK,UACH,MAAO,CACLS,UAAWC,EACXC,cAAeG,EACfD,QAASX,EACTF,SAGJ,QACE,MAAO,CACLS,UAAuB,WAAZV,EAAuBgB,EAASC,EAC3Cf,kBAAmBK,EACnBO,QAAS,OAGd,CAACd,EAASE,EAAmBD,KAxBxBS,UAAWQ,GAwBoBT,EAxBEU,EAAnCb,EAAAG,EAAA,CAAA,cA0BN,OAAOW,EAACF,EAAiBG,OAAAC,OAAA,CAACvB,IAAKA,GAASoB,EAAmBd,GAAQ,IAO1DkB,EAAuC1B,GAAW,CAAC2B,EAAOzB,IAC9DqB,EAACxB,EAAayB,OAAAC,OAAA,GAAAE,GAAOzB,IAAKA"}

package/components/progress/progressMessage.d.ts

@@ -1,22 +0,0 @@
-import React, { ElementType } from 'react';
-import { BoxProps, SvgIconProps } from '@mui/material';
-export interface ProgressMessageComponentProps extends BoxProps<ElementType> {
-    /** Message next to the icon  */
-    message: React.ReactNode;
-    /** Variant of the progress message  */
-    state?: 'error' | 'success' | 'loading';
-    /** Custom icon color  */
-    iconColor?: 'inherit' | 'disabled' | 'action' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
-    /** Custom message icon that replaces default icon component   */
-    customMessageIcon?: React.ReactNode;
-    /** Custom progress message props */
-    messageProps?: BoxProps<ElementType>;
-    /** Custom icon props */
-    iconProps?: SvgIconProps;
-    /** Custom icon node */
-    IconComponent?: ElementType<SvgIconProps>;
-}
-/**
- * A component that renders a progress message with an icon.
- */
-export declare const ProgressMessageComponent: React.FC<ProgressMessageComponentProps>;

package/components/progress/progressMessage.js

@@ -1,2 +0,0 @@
-import{__rest as s}from"tslib";import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Box as t}from"@mui/material";const a=r(((r,a)=>{var{state:n,iconColor:i,IconComponent:c,message:m,customMessageIcon:p,iconProps:g,messageProps:d,sx:l}=r,x=s(r,["state","iconColor","IconComponent","message","customMessageIcon","iconProps","messageProps","sx"]);const b=g||{},{sx:f}=b,u=s(b,["sx"]);return e(t,Object.assign({"data-testid":"ProgressMessageWrapper",sx:Object.assign({display:"flex",justifyContent:"center",alignItems:"center",gap:1},l),ref:a},x,{children:[p||o(c,Object.assign({"data-testid":"Icon",fontSize:"medium",sx:Object.assign({color:s=>null!=i?i:"error"===n?"error.main":"dark"===s.palette.mode?"brand.secondary":"brand.primary"},f)},u)),m&&o(t,Object.assign({"data-testid":"ProgressMessage",component:"span",className:"message"},d,{children:m}))]}))}));export{a as ProgressMessageComponent};
-//# sourceMappingURL=progressMessage.js.map

package/components/progress/progressMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progressMessage.js","sources":["../../../src/components/progress/progressMessage.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps, SvgIconProps } from '@mui/material';\n\nexport interface ProgressMessageComponentProps extends BoxProps<ElementType> {\n  /** Message next to the icon  */\n  message: React.ReactNode;\n  /** Variant of the progress message  */\n  state?: 'error' | 'success' | 'loading';\n  /** Custom icon color  */\n  iconColor?: 'inherit' | 'disabled' | 'action' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  /** Custom message icon that replaces default icon component   */\n  customMessageIcon?: React.ReactNode;\n  /** Custom progress message props */\n  messageProps?: BoxProps<ElementType>;\n  /** Custom icon props */\n  iconProps?: SvgIconProps;\n  /** Custom icon node */\n  IconComponent?: ElementType<SvgIconProps>;\n}\n\n/**\n * A component that renders a progress message with an icon.\n */\nexport const ProgressMessageComponent: React.FC<ProgressMessageComponentProps> = forwardRef(\n  ({ state, iconColor, IconComponent, message, customMessageIcon, iconProps, messageProps, sx, ...rest }, ref) => {\n    const { sx: sxIcon, ...restIcon } = iconProps || {};\n\n    return (\n      <Box\n        data-testid=\"ProgressMessageWrapper\"\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          gap: 1,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {customMessageIcon || (\n          <IconComponent\n            data-testid=\"Icon\"\n            fontSize=\"medium\"\n            sx={{\n              color: (theme) =>\n                iconColor ??\n                (state === 'error'\n                  ? 'error.main'\n                  : theme.palette.mode === 'dark'\n                    ? 'brand.secondary'\n                    : 'brand.primary'),\n              ...sxIcon,\n            }}\n            {...restIcon}\n          />\n        )}\n        {message && (\n          <Box data-testid=\"ProgressMessage\" component=\"span\" className=\"message\" {...messageProps}>\n            {message}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["ProgressMessageComponent","forwardRef","_a","ref","state","iconColor","IconComponent","message","customMessageIcon","iconProps","messageProps","sx","rest","__rest","_b","sxIcon","restIcon","_jsxs","Box","Object","assign","display","justifyContent","alignItems","gap","children","_jsx","fontSize","color","theme","palette","mode","component","className"],"mappings":"wJAuBa,MAAAA,EAAoEC,GAC/E,CAACC,EAAuGC,SAAvGC,MAAEA,EAAKC,UAAEA,EAASC,cAAEA,EAAaC,QAAEA,EAAOC,kBAAEA,EAAiBC,UAAEA,EAASC,aAAEA,EAAYC,GAAEA,GAAET,EAAKU,EAAIC,EAAAX,EAAnG,qGACC,MAAMY,EAA8BL,GAAa,IAAzCE,GAAII,KAAWC,EAAjBH,EAAAC,EAAA,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,yBACZT,GAAEQ,OAAAC,OAAA,CACAC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,IAAK,GACFb,GAELR,IAAKA,GACDS,EAEH,CAAAa,SAAA,CAAAjB,GACCkB,EAACpB,EACaa,OAAAC,OAAA,CAAA,cAAA,OACZO,SAAS,SACThB,GACEQ,OAAAC,OAAA,CAAAQ,MAAQC,GACNxB,QAAAA,EACW,UAAVD,EACG,aACuB,SAAvByB,EAAMC,QAAQC,KACZ,kBACA,iBACLhB,IAEDC,IAGPT,GACCmB,EAACR,EAAGC,OAAAC,OAAA,CAAA,cAAa,kBAAkBY,UAAU,OAAOC,UAAU,WAAcvB,YACzEH,QAGD"}