@skodaflow/web-library 7.15.0 → 7.16.0

package/components/progress/Loader.js

@@ -0,0 +1,2 @@
+import{__rest as a}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as o,useMemo as i}from"react";import{Box as s,LinearProgress as t}from"@mui/material";import{LoadingText as l}from"./LoadingText.js";const m=o((o,m)=>{var{className:n,value:p,size:d,loaderSize:b,barProps:u,label:c,loadingTextProps:g,barWrapperProps:v}=o,x=a(o,["className","value","size","loaderSize","barProps","label","loadingTextProps","barWrapperProps"]);const f=null!=u?u:{},{sx:j}=f,P=a(f,["sx"]),z=i(()=>d||{small:"small",large:"medium"}[null!=b?b:"large"],[d,b]);return e(s,Object.assign({"data-testid":"Loader",className:["FlowLoader-root",n].filter(Boolean).join(", "),ref:m},x,{children:[void 0!==p&&r(l,Object.assign({"data-testid":"Loader.percentage",value:p,label:c},g)),r(t,Object.assign({value:p,sx:Object.assign(Object.assign({},"number"==typeof d&&{height:`${d}px`}),j)},"number"!=typeof d&&{size:z},void 0!==p&&{variant:"determinate","aria-valuenow":p,"aria-valuemin":0,"aria-valuemax":100},P))]}))});export{m as Loader};
+//# sourceMappingURL=Loader.js.map

package/components/progress/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sources":["../../../src/components/progress/Loader.tsx"],"sourcesContent":["import React, { useMemo, ElementType, forwardRef, ReactNode } from 'react';\nimport { Box, BoxProps, LinearProgress, LinearProgressProps } from '@mui/material';\nimport { LoadingText, LoadingTextProps } from './LoadingText';\n\nexport interface LoaderProps extends BoxProps<ElementType> {\n  /**\n   * Value of progress\n   */\n  value?: number;\n  /**\n   * Affects component size\n   */\n  size?: LinearProgressProps['size'] | number;\n  /**\n   * Additional label before LoaderText\n   */\n  label?: ReactNode;\n  /**\n   * Optional custom bar props.\n   */\n  barProps?: LinearProgressProps;\n  /**\n   * Properties applied to LoaderText\n   */\n  loadingTextProps?: LoadingTextProps;\n  /**\n   * @deprecated rename to size, change large to medium\n   */\n  loaderSize?: 'small' | 'large';\n  /**\n   * @deprecated remove, no longer has any effect\n   */\n  barWrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * Wrapper of LinearProgress, automatically selecting the appropriate variant and appending LoaderText\n */\nexport const Loader: React.FC<LoaderProps> = forwardRef(\n  ({ className, value, size, loaderSize, barProps, label, loadingTextProps, barWrapperProps: _, ...rest }, ref) => {\n    const { sx: barSx, ...restBar } = barProps ?? {};\n    const mappedSize = useMemo(\n      () => size || { small: 'small', large: 'medium' }[loaderSize ?? 'large'],\n      [size, loaderSize],\n    );\n\n    return (\n      <Box\n        data-testid=\"Loader\"\n        className={['FlowLoader-root', className].filter(Boolean).join(', ')}\n        ref={ref}\n        {...rest}\n      >\n        {value !== undefined && (\n          <LoadingText data-testid=\"Loader.percentage\" value={value} label={label} {...loadingTextProps} />\n        )}\n        <LinearProgress\n          value={value}\n          sx={{\n            ...(typeof size === 'number' && { height: `${size}px` }),\n            ...barSx,\n          }}\n          {...(typeof size !== 'number' && { size: mappedSize as LinearProgressProps['size'] })}\n          {...(value !== undefined && {\n            variant: 'determinate',\n            ['aria-valuenow']: value,\n            ['aria-valuemin']: 0,\n            ['aria-valuemax']: 100,\n          })}\n          {...restBar}\n        />\n      </Box>\n    );\n  },\n);\n"],"names":["Loader","forwardRef","_a","ref","className","value","size","loaderSize","barProps","label","loadingTextProps","barWrapperProps","_","rest","__rest","_b","sx","barSx","restBar","mappedSize","useMemo","small","large","_jsxs","Box","Object","assign","filter","Boolean","join","children","undefined","_jsx","LoadingText","LinearProgress","height","variant"],"mappings":"wOAsCO,MAAMA,EAAgCC,EAC3C,CAACC,EAAwGC,SAAxGC,UAAEA,EAASC,MAAEA,EAAKC,KAAEA,EAAIC,WAAEA,EAAUC,SAAEA,EAAQC,MAAEA,EAAKC,iBAAEA,EAAkBC,gBAAiBC,KAAMC,EAAIC,EAAAZ,EAApG,CAAA,YAAA,QAAA,OAAA,aAAA,WAAA,QAAA,mBAAA,oBACC,MAAMa,EAA4BP,QAAAA,EAAY,IAAtCQ,GAAIC,GAAKF,EAAKG,EAAOJ,EAAAC,EAAvB,CAAA,OACAI,EAAaC,EACjB,IAAMd,GAAQ,CAAEe,MAAO,QAASC,MAAO,UAAWf,QAAAA,EAAc,SAChE,CAACD,EAAMC,IAGT,OACEgB,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,SACZtB,UAAW,CAAC,kBAAmBA,GAAWuB,OAAOC,SAASC,KAAK,MAC/D1B,IAAKA,GACDU,EAAI,CAAAiB,SAAA,MAEGC,IAAV1B,GACC2B,EAACC,+BAAwB,oBAAoB5B,MAAOA,EAAOI,MAAOA,GAAWC,IAE/EsB,EAACE,EAAcT,OAAAC,OAAA,CACbrB,MAAOA,EACPW,GAAES,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACoB,iBAATpB,GAAqB,CAAE6B,OAAQ,GAAG7B,QAC1CW,IAEgB,iBAATX,GAAqB,CAAEA,KAAMa,QAC1BY,IAAV1B,GAAuB,CAC1B+B,QAAS,cACT,gBAAmB/B,EACnB,gBAAmB,EACnB,gBAAmB,KAEjBa"}

package/components/progress/LoadingText.d.ts

@@ -0,0 +1,21 @@
+import React, { ElementType, ReactNode } from 'react';
+import { BoxProps } from '@mui/material';
+export interface LoadingTextProps extends BoxProps<ElementType> {
+    /**
+     * Value in percent to display
+     */
+    value?: number | string;
+    /**
+     * Additional label before the value
+     */
+    label?: ReactNode;
+    /**
+     * Affects font size
+     * @default medium
+     */
+    size?: 'small' | 'medium';
+}
+/**
+ * Component displaying current state of loading
+ */
+export declare const LoadingText: React.FC<LoadingTextProps>;

package/components/progress/LoadingText.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Box as n}from"@mui/material";const s=r((r,s)=>{var{value:m,children:l,label:a,size:o="medium",sx:c}=r,p=e(r,["value","children","label","size","sx"]);return t(n,Object.assign({sx:Object.assign(Object.assign(Object.assign({py:.5,fontSize:"14px"},"small"===o&&{fontSize:"12px"}),{lineHeight:"20px",fontWeight:"400",letterSpacing:"0.002em",textAlign:"right"}),c)},p,{ref:s,children:[a&&i(n,{component:"span",sx:{mr:.5},children:a}),l||("number"==typeof m?`${m} %`:m)]}))});export{s as LoadingText};
+//# sourceMappingURL=LoadingText.js.map

package/components/progress/LoadingText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingText.js","sources":["../../../src/components/progress/LoadingText.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface LoadingTextProps extends BoxProps<ElementType> {\n  /**\n   * Value in percent to display\n   */\n  value?: number | string;\n  /**\n   * Additional label before the value\n   */\n  label?: ReactNode;\n  /**\n   * Affects font size\n   * @default medium\n   */\n  size?: 'small' | 'medium';\n}\n\n/**\n * Component displaying current state of loading\n */\nexport const LoadingText: React.FC<LoadingTextProps> = forwardRef(\n  ({ value, children, label, size = 'medium', sx, ...rest }, ref) => {\n    return (\n      <Box\n        sx={{\n          py: 0.5,\n          fontSize: '14px',\n          ...(size === 'small' && {\n            fontSize: '12px',\n          }),\n          lineHeight: '20px',\n          fontWeight: '400',\n          letterSpacing: '0.002em',\n          textAlign: 'right',\n          ...sx,\n        }}\n        {...rest}\n        ref={ref}\n      >\n        {label && (\n          <Box component=\"span\" sx={{ mr: 0.5 }}>\n            {label}\n          </Box>\n        )}\n        {children || (typeof value === 'number' ? `${value} %` : value)}\n      </Box>\n    );\n  },\n);\n"],"names":["LoadingText","forwardRef","_a","ref","value","children","label","size","sx","rest","__rest","_jsxs","Box","Object","assign","py","fontSize","lineHeight","fontWeight","letterSpacing","textAlign","_jsx","component","mr"],"mappings":"wJAsBO,MAAMA,EAA0CC,EACrD,CAACC,EAA0DC,KAA1D,IAAAC,MAAEA,EAAKC,SAAEA,EAAQC,MAAEA,EAAKC,KAAEA,EAAO,SAAQC,GAAEA,GAAEN,EAAKO,EAAIC,EAAAR,EAAtD,0CACC,OACES,EAACC,iBACCJ,GAAEK,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAC,GAAI,GACJC,SAAU,QACG,UAATT,GAAoB,CACtBS,SAAU,SACV,CACFC,WAAY,OACZC,WAAY,MACZC,cAAe,UACfC,UAAW,UACRZ,IAEDC,EAAI,CACRN,IAAKA,EAAGE,SAAA,CAEPC,GACCe,EAACT,GAAIU,UAAU,OAAOd,GAAI,CAAEe,GAAI,IAAKlB,SAClCC,IAGJD,IAA8B,iBAAVD,EAAqB,GAAGA,MAAYA"}

package/components/progress/Progress.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { LoaderProps } from './Loader';
+import { SpinnerProps } from './Spinner';
+export interface ProgressBaseProps {
+    /**
+     * Determine if loader, or spinner should be used
+     * @default spinner
+     */
+    variant?: 'spinner' | 'loader';
+    /**
+     * @deprecated, rename to value
+     */
+    loadingPercentage?: number;
+    /**
+     * @deprecated, rename to label
+     */
+    loadingPercentageDescribeText?: string;
+}
+export interface ProgressLoaderProps extends ProgressBaseProps, LoaderProps {
+    variant: 'loader';
+}
+export interface ProgressSpinnerProps extends ProgressBaseProps, SpinnerProps {
+    variant?: 'spinner';
+}
+export type ProgressProps = ProgressLoaderProps | ProgressSpinnerProps;
+export declare const Progress: React.FC<ProgressProps>;
+/**
+ * @deprecated Use <Progress /> instead
+ */
+export declare const ProgressBar: React.FC<ProgressProps>;

package/components/progress/Progress.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsx as r}from"react/jsx-runtime";import{forwardRef as t,useMemo as a}from"react";import{Loader as n}from"./Loader.js";import{Spinner as o}from"./Spinner.js";const i=t((t,i)=>{var{variant:s="spinner",value:c,loadingPercentage:l,loadingPercentageDescribeText:m}=t,g=e(t,["variant","value","loadingPercentage","loadingPercentageDescribeText"]);const p=a(()=>{const e=null!=c?c:l;return e&&e<0?0:e&&e>100?100:e},[c,l]);return r("loader"===s?n:o,Object.assign({ref:i,value:p,label:m},g))}),s=t((e,t)=>r(i,Object.assign({},e,{ref:t})));export{i as Progress,s as ProgressBar};
+//# sourceMappingURL=Progress.js.map

package/components/progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sources":["../../../src/components/progress/Progress.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { Loader, LoaderProps } from './Loader';\nimport { Spinner, SpinnerProps } from './Spinner';\n\nexport interface ProgressBaseProps {\n  /**\n   * Determine if loader, or spinner should be used\n   * @default spinner\n   */\n  variant?: 'spinner' | 'loader';\n  /**\n   * @deprecated, rename to value\n   */\n  loadingPercentage?: number;\n  /**\n   * @deprecated, rename to label\n   */\n  loadingPercentageDescribeText?: string;\n}\n\nexport interface ProgressLoaderProps extends ProgressBaseProps, LoaderProps {\n  variant: 'loader';\n}\n\nexport interface ProgressSpinnerProps extends ProgressBaseProps, SpinnerProps {\n  variant?: 'spinner';\n}\n\nexport type ProgressProps = ProgressLoaderProps | ProgressSpinnerProps;\n\nexport const Progress: React.FC<ProgressProps> = forwardRef(\n  ({ variant = 'spinner', value, loadingPercentage, loadingPercentageDescribeText, ...rest }, ref) => {\n    // make sure the value is valid\n    const validValue = useMemo(() => {\n      const processedValue = value ?? loadingPercentage;\n      if (processedValue && processedValue < 0) return 0;\n      if (processedValue && processedValue > 100) return 100;\n      return processedValue;\n    }, [value, loadingPercentage]);\n\n    if (variant === 'loader') {\n      return <Loader ref={ref} value={validValue} label={loadingPercentageDescribeText} {...(rest as LoaderProps)} />;\n    }\n    return <Spinner ref={ref} value={validValue} label={loadingPercentageDescribeText} {...(rest as SpinnerProps)} />;\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","value","loadingPercentage","loadingPercentageDescribeText","rest","__rest","validValue","useMemo","processedValue","_jsx","Loader","Spinner","Object","assign","label","ProgressBar","props"],"mappings":"mMA8BO,MAAMA,EAAoCC,EAC/C,CAACC,EAA2FC,KAA3F,IAAAC,QAAEA,EAAU,UAASC,MAAEA,EAAKC,kBAAEA,EAAiBC,8BAAEA,GAA6BL,EAAKM,EAAIC,EAAAP,EAAvF,yEAEC,MAAMQ,EAAaC,EAAQ,KACzB,MAAMC,EAAiBP,QAAAA,EAASC,EAChC,OAAIM,GAAkBA,EAAiB,EAAU,EAC7CA,GAAkBA,EAAiB,IAAY,IAC5CA,GACN,CAACP,EAAOC,IAEX,OACSO,EADO,WAAZT,EACMU,EAEFC,EAFQC,OAAAC,OAAA,CAACd,IAAKA,EAAKE,MAAOK,EAAYQ,MAAOX,GAAoCC,MAShFW,EAAuClB,EAAW,CAACmB,EAAOjB,IAC9DU,EAACb,EAAQgB,OAAAC,OAAA,GAAKG,GAAOjB,IAAKA"}

package/components/progress/ProgressState.d.ts

@@ -0,0 +1,46 @@
+import React, { ElementType, ReactNode } from 'react';
+import { BoxProps, SvgIconProps } from '@mui/material';
+import { LoadingTextProps } from './LoadingText';
+export interface ProgressStateProps extends BoxProps<ElementType> {
+    /**
+     * Affects component size
+     * @default medium
+     */
+    size?: 'small' | 'medium' | number;
+    /**
+     * State to display
+     */
+    state?: 'error' | 'success';
+    /**
+     * Message when success appears
+     */
+    successMessage?: ReactNode;
+    /**
+     * Message when error appears
+     */
+    errorMessage?: ReactNode;
+    /**
+     * Properties applied to message wrapper
+     */
+    messageProps?: LoadingTextProps;
+    /**
+     * Overwrites state message (successMessage or errorMessage)
+     */
+    message?: ReactNode;
+    /**
+     * Properties applied to icon component
+     */
+    iconProps?: SvgIconProps;
+    /**
+     * Overwrites state icon
+     */
+    IconComponent?: ElementType<SvgIconProps>;
+    /**
+     * Properties applied to wrapper of icon
+     */
+    iconWrapperProps?: BoxProps<ElementType>;
+}
+/**
+ * Component displaying current state of loading
+ */
+export declare const ProgressState: React.FC<ProgressStateProps>;

package/components/progress/ProgressState.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsxs as s,jsx as r}from"react/jsx-runtime";import{forwardRef as o,useMemo as t}from"react";import{Box as i}from"@mui/material";import{CheckIcon as n}from"../icon/stroke/CheckIcon.js";import{CloseIcon as a}from"../icon/stroke/CloseIcon.js";import{LoadingText as c}from"./LoadingText.js";const m=o((o,m)=>{var{children:p,sx:g,size:l="medium",state:d,message:f,messageProps:u,successMessage:b,errorMessage:j,IconComponent:x,iconProps:h,iconWrapperProps:y}=o,I=e(o,["children","sx","size","state","message","messageProps","successMessage","errorMessage","IconComponent","iconProps","iconWrapperProps"]);const O=null!=y?y:{},{sx:M}=O,P=e(O,["sx"]),[C,k]=t(()=>"error"===d?[a,j]:[n,b],[d,b,j]),z=null!=x?x:C;return s(i,Object.assign({"data-testid":"ProgressMessageWrapper",ref:m,sx:Object.assign({display:"inline-flex",justifyContent:"center",alignItems:"center",gap:1},g)},I,{children:[r(i,Object.assign({sx:Object.assign(Object.assign(Object.assign(Object.assign({"@keyframes flow-progressstate-finished":{"0%":{transform:"scale(.8)",opacity:"0.8"},"100%":{transform:"scale(1)",opacity:"1"}},animation:"flow-progressstate-finished 0.4s",backgroundColor:e=>"error"===d?"error.main":"dark"===e.palette.mode?"brand.secondary":"brand.primary",color:"common.white",borderRadius:"50%",lineHeight:"0",display:"inline-flex",alignItems:"center",justifyContent:"center"},"medium"===l&&{p:.5,"& .MuiSvgIcon-root":{fontSize:"16px"}}),"small"===l&&{p:.25,"& .MuiSvgIcon-root":{fontSize:"12px"}}),"number"==typeof l&&{height:`${l}px`,width:`${l}px`}),M)},P,{children:r(z,Object.assign({"data-testid":"Icon"},h))}),d),(p||k||f)&&r(c,Object.assign({"data-testid":"ProgressMessage"},"number"!=typeof l&&{size:l},u,{children:p||k||f}))]}))});export{m as ProgressState};
+//# sourceMappingURL=ProgressState.js.map

package/components/progress/ProgressState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressState.js","sources":["../../../src/components/progress/ProgressState.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, forwardRef, useMemo } from 'react';\nimport { Box, BoxProps, SvgIconProps } from '@mui/material';\nimport { CheckIcon } from '@/src/components/icon/stroke/CheckIcon';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { LoadingText, LoadingTextProps } from './LoadingText';\n\nexport interface ProgressStateProps extends BoxProps<ElementType> {\n  /**\n   * Affects component size\n   * @default medium\n   */\n  size?: 'small' | 'medium' | number;\n  /**\n   * State to display\n   */\n  state?: 'error' | 'success';\n  /**\n   * Message when success appears\n   */\n  successMessage?: ReactNode;\n  /**\n   * Message when error appears\n   */\n  errorMessage?: ReactNode;\n  /**\n   * Properties applied to message wrapper\n   */\n  messageProps?: LoadingTextProps;\n  /**\n   * Overwrites state message (successMessage or errorMessage)\n   */\n  message?: ReactNode;\n  /**\n   * Properties applied to icon component\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Overwrites state icon\n   */\n  IconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties applied to wrapper of icon\n   */\n  iconWrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * Component displaying current state of loading\n */\nexport const ProgressState: React.FC<ProgressStateProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      size = 'medium',\n      state,\n      message,\n      messageProps,\n      successMessage,\n      errorMessage,\n      IconComponent,\n      iconProps,\n      iconWrapperProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: iconWrapperSx, ...restIconWrapper } = iconWrapperProps ?? {};\n    const [IconStateComponent, stateMessage] = useMemo(() => {\n      switch (state) {\n        case 'error':\n          return [CloseIcon, errorMessage];\n        case 'success':\n        default:\n          return [CheckIcon, successMessage];\n      }\n    }, [state, successMessage, errorMessage]);\n    const ProgressStateIcon = IconComponent ?? IconStateComponent;\n\n    return (\n      <Box\n        data-testid=\"ProgressMessageWrapper\"\n        ref={ref}\n        sx={{\n          display: 'inline-flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          gap: 1,\n          ...sx,\n        }}\n        {...rest}\n      >\n        <Box\n          key={state}\n          sx={{\n            '@keyframes flow-progressstate-finished': {\n              '0%': {\n                transform: 'scale(.8)',\n                opacity: '0.8',\n              },\n              '100%': {\n                transform: 'scale(1)',\n                opacity: '1',\n              },\n            },\n            animation: 'flow-progressstate-finished 0.4s',\n            backgroundColor: (theme) =>\n              state === 'error' ? 'error.main' : theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary',\n            color: 'common.white',\n            borderRadius: '50%',\n            lineHeight: '0',\n            display: 'inline-flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            ...(size === 'medium' && {\n              // 24px\n              p: 0.5,\n              '& .MuiSvgIcon-root': {\n                fontSize: '16px',\n              },\n            }),\n            ...(size === 'small' && {\n              // 16px\n              p: 0.25,\n              '& .MuiSvgIcon-root': {\n                fontSize: '12px',\n              },\n            }),\n            ...(typeof size === 'number' && {\n              height: `${size}px`,\n              width: `${size}px`,\n            }),\n            ...iconWrapperSx,\n          }}\n          {...restIconWrapper}\n        >\n          <ProgressStateIcon data-testid=\"Icon\" {...iconProps} />\n        </Box>\n        {(children || stateMessage || message) && (\n          <LoadingText\n            data-testid=\"ProgressMessage\"\n            {...(typeof size !== 'number' && { size: size })}\n            {...messageProps}\n          >\n            {children || stateMessage || message}\n          </LoadingText>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["ProgressState","forwardRef","_a","ref","children","sx","size","state","message","messageProps","successMessage","errorMessage","IconComponent","iconProps","iconWrapperProps","rest","__rest","_b","iconWrapperSx","restIconWrapper","IconStateComponent","stateMessage","useMemo","CloseIcon","CheckIcon","ProgressStateIcon","_jsxs","Box","Object","assign","display","justifyContent","alignItems","gap","_jsx","transform","opacity","animation","backgroundColor","theme","palette","mode","color","borderRadius","lineHeight","p","fontSize","height","width","LoadingText"],"mappings":"oUAiDO,MAAMA,EAA8CC,EACzD,CACEC,EAcAC,KAdA,IAAAC,SACEA,EAAQC,GACRA,EAAEC,KACFA,EAAO,SAAQC,MACfA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,eACZA,EAAcC,aACdA,EAAYC,cACZA,EAAaC,UACbA,EAASC,iBACTA,GAAgBZ,EACba,EAAIC,EAAAd,EAZT,CAAA,WAAA,KAAA,OAAA,QAAA,UAAA,eAAA,iBAAA,eAAA,gBAAA,YAAA,qBAgBA,MAAMe,EAA4CH,QAAAA,EAAoB,IAA9DT,GAAIa,GAAaD,EAAKE,EAAeH,EAAAC,EAAvC,CAAA,QACCG,EAAoBC,GAAgBC,EAAQ,IAE1C,UADCf,EAEG,CAACgB,EAAWZ,GAGZ,CAACa,EAAWd,GAEtB,CAACH,EAAOG,EAAgBC,IACrBc,EAAoBb,QAAAA,EAAiBQ,EAE3C,OACEM,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,yBACZ1B,IAAKA,EACLE,GAAEuB,OAAAC,OAAA,CACAC,QAAS,cACTC,eAAgB,SAChBC,WAAY,SACZC,IAAK,GACF5B,IAEDU,aAEJmB,EAACP,iBAECtB,GAAEuB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACA,yCAA0C,CACxC,KAAM,CACJM,UAAW,YACXC,QAAS,OAEX,OAAQ,CACND,UAAW,WACXC,QAAS,MAGbC,UAAW,mCACXC,gBAAkBC,GACN,UAAVhC,EAAoB,aAAsC,SAAvBgC,EAAMC,QAAQC,KAAkB,kBAAoB,gBACzFC,MAAO,eACPC,aAAc,MACdC,WAAY,IACZd,QAAS,cACTE,WAAY,SACZD,eAAgB,UACH,WAATzB,GAAqB,CAEvBuC,EAAG,GACH,qBAAsB,CACpBC,SAAU,UAGD,UAATxC,GAAoB,CAEtBuC,EAAG,IACH,qBAAsB,CACpBC,SAAU,UAGM,iBAATxC,GAAqB,CAC9ByC,OAAQ,GAAGzC,MACX0C,MAAO,GAAG1C,QAETY,IAEDC,EAAe,CAAAf,SAEnB8B,EAACT,EAAiBG,OAAAC,OAAA,CAAA,cAAa,QAAWhB,MA3CrCN,IA6CLH,GAAYiB,GAAgBb,IAC5B0B,EAACe,+BACa,mBACS,iBAAT3C,GAAqB,CAAEA,KAAMA,GACrCG,EAAY,CAAAL,SAEfA,GAAYiB,GAAgBb"}

package/components/progress/Spinner.d.ts

@@ -0,0 +1,65 @@
+import React, { ElementType, ReactNode } from 'react';
+import { BoxProps, SvgIconProps } from '@mui/material';
+import { LoadingTextProps } from './LoadingText';
+import { ProgressStateProps } from './ProgressState';
+export interface SpinnerProps extends BoxProps<ElementType> {
+    /**
+     * Value of progress
+     */
+    value?: number;
+    /**
+     * Affects component size
+     * @default medium
+     */
+    size?: 'small' | 'medium' | number;
+    /**
+     * Stroke width of circle
+     * @default 16
+     */
+    thickness?: number;
+    /**
+     * State indicates whether the component should display loader or spinner for the loading state or message with a icon
+     * @default loading
+     */
+    state?: 'loading' | ProgressStateProps['state'];
+    /**
+     * Message when success appears
+     */
+    successMessage?: ProgressStateProps['successMessage'];
+    /**
+     * Message when error appears
+     */
+    errorMessage?: ProgressStateProps['errorMessage'];
+    /**
+     * Properties applied to ProgressState
+     */
+    progressStateProps?: Omit<ProgressStateProps, 'successMessage' | 'errorMessage' | 'state'>;
+    /**
+     * Properties applied to SVG
+     */
+    svgIconProps?: SvgIconProps;
+    /**
+     * Additional label before LoadingText
+     */
+    label?: boolean | ReactNode;
+    /**
+     * Properties applied to LoadingText
+     */
+    loadingTextProps?: LoadingTextProps;
+    /**
+     * @deprecated use loadingTextProps instead
+     */
+    labelProps?: BoxProps<ElementType>;
+    /**
+     * @deprecated rename to loadingTextProps
+     */
+    textBoxProps?: BoxProps<ElementType>;
+    /**
+     * @deprecated no longer has any effect
+     */
+    spinnerControlledAnimation?: 'controlled' | 'infinite';
+}
+/**
+ * A styled loader component that displays animated svg circle
+ */
+export declare const Spinner: React.FC<SpinnerProps>;

package/components/progress/Spinner.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsx as r,jsxs as s}from"react/jsx-runtime";import{forwardRef as t,useState as a,useRef as n,useEffect as i,useMemo as o,useCallback as c}from"react";import{useTheme as l,Box as m,SvgIcon as d}from"@mui/material";import{LoadingText as f}from"./LoadingText.js";import{ProgressState as p}from"./ProgressState.js";const h=t((t,h)=>{var{sx:g,className:u,children:x,size:k="medium",thickness:b=16,value:y,svgIconProps:O,loaderTextProps:v,label:j,state:D="loading",successMessage:w,errorMessage:$,progressStateProps:L,textBoxProps:P,labelProps:M,spinnerControlledAnimation:N}=t,S=e(t,["sx","className","children","size","thickness","value","svgIconProps","loaderTextProps","label","state","successMessage","errorMessage","progressStateProps","textBoxProps","labelProps","spinnerControlledAnimation"]);const F=l(),C=null!=O?O:{},{sx:A}=C,Z=e(C,["sx"]),z=null!=M?M:{},{sx:B}=z,I=e(z,["sx"]),R=null!=P?P:{},{sx:T}=R,q=e(R,["sx"]),G=null!=v?v:{},{sx:W}=G,E=e(G,["sx"]),[H,J]=a(Number.isNaN(y)?0:null!=y?y:15),K=n(),Q=n();i(()=>{K.current=Number.isNaN(y)?0:null!=y?y:15;const e=()=>{J(r=>{const s=K.current-r,t=r+.5*s;return Math.abs(s)<.1||0===K.current?K.current:(Q.current=requestAnimationFrame(e),t)})};return Q.current=requestAnimationFrame(e),()=>cancelAnimationFrame(Q.current)},[y]);const{radius:U,circumference:V,lineCap:X,gap:Y,minSegmentPercentForFullGap:_}=o(()=>{const e=50-b/2,r=2*Math.PI*e,s=b/2;return{radius:e,circumference:r,lineCap:s,gap:s,minSegmentPercentForFullGap:(b+s)/r*100}},[b]),ee=c(e=>{const r=100-e,s=e/100*360,t=Y*Math.max(0,Math.min(1,Math.min(e,r)/_));return{reversedRotation:s,dashLength:Math.max(e/100*V-b-t,0),dashOffset:-(X+t/2),reversedDashLength:Math.max(r/100*V-b-t,0)}},[b]),re=ee(H),[se,te]=void 0===y?[ee(15),ee(75)]:[re,re];return"loading"!==D?r(p,Object.assign({ref:h,size:k,state:D,successMessage:w,errorMessage:$},L)):s(m,Object.assign({"data-testid":"Spinner",role:"progressbar",className:["FlowSpinner-root",u].filter(Boolean).join(", "),ref:h,sx:Object.assign({display:"inline-flex",alignItems:"center",justifyContent:"center",gap:1},g)},void 0!==y&&{"aria-valuenow":y,"aria-valuemin":0,"aria-valuemax":100},S,{children:[r(d,Object.assign({"aria-live":"polite",viewBox:"0 0 100 100",sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},"small"===k&&{width:"16px",height:"16px"}),"medium"===k&&{width:"24px",height:"24px"}),"number"==typeof k&&{width:`${k}px`,height:`${k}px`}),{color:"dark"===F.palette.mode?"brand.secondary":"brand.primary"}),void 0===y&&{"@keyframes flow-spinner-indeterminate":{"0%":{transform:"rotateZ(0)"},"100%":{transform:"rotateZ(360deg)"}},"@keyframes flow-spinner-indeterminate-group":{"0%, 25%":{transform:"rotateZ(0)"},"70%":{transform:"rotateZ(45deg)"},"100%":{transform:"rotateZ(360deg)"}},"@keyframes flow-spinner-indeterminate-circle-primary":{"0%, 25%, 100%":{strokeDasharray:`${se.dashLength} ${V}`,strokeDashOffset:se.dashOffset},"70%":{strokeDasharray:`${te.dashLength} ${V}`,strokeDashOffset:te.dashOffset}},"@keyframes flow-spinner-indeterminate-circle-secondary":{"0%, 25%, 100%":{strokeDasharray:`${se.reversedDashLength} ${V}`,strokeDashOffset:se.dashOffset},"70%":{strokeDasharray:`${te.reversedDashLength} ${V}`,strokeDashOffset:te.dashOffset}},"@keyframes flow-spinner-indeterminate-group-secondary":{"0%, 25%, 100%":{transform:`rotate(${se.reversedRotation}deg)`},"70%":{transform:`rotate(${te.reversedRotation}deg)`}},animation:"2s linear infinite flow-spinner-indeterminate","& > g":{animation:"2s ease-in-out infinite flow-spinner-indeterminate-group",transformOrigin:"50% 50%","& circle":{animation:"2s ease-in-out infinite flow-spinner-indeterminate-circle-primary"},"& g":{animation:"2s ease-in-out infinite flow-spinner-indeterminate-group-secondary","& circle":{animation:"2s ease-in-out infinite flow-spinner-indeterminate-circle-secondary"}}}}),A)},Z,{children:s("g",{children:[(re.reversedDashLength>0||0===H)&&r("g",{style:{transform:`rotate(${re.reversedRotation}deg)`,transformOrigin:"50% 50%"},children:r("circle",Object.assign({className:"FlowSpinner-circle-secondary",cx:"50",cy:"50",r:U,fill:"none",stroke:"dark"===F.palette.mode?F.palette.onSurface.os700:F.palette.transparent.secondary,strokeWidth:b,strokeLinecap:"round",strokeDasharray:`${re.reversedDashLength} ${V}`,strokeDashoffset:re.dashOffset},0===H&&{strokeLinecap:"butt",strokeDasharray:"none",strokeDashoffset:"none"}))}),(re.dashLength>0||100===H)&&r("circle",Object.assign({className:"FlowSpinner-circle-primary",cx:"50",cy:"50",r:U,fill:"none",stroke:"currentColor",strokeWidth:b,strokeLinecap:"round",strokeDasharray:`${re.dashLength} ${V}`,strokeDashoffset:re.dashOffset},100===H&&{strokeLinecap:"butt",strokeDasharray:"none",strokeDashoffset:"none"}))]})})),j&&void 0!==y&&r(f,Object.assign({"data-testid":"Spinner.percentage"},"number"!=typeof k&&{size:k},{value:y,label:!0!==j?j:void 0,sx:Object.assign(Object.assign(Object.assign({},B),T),W)},I,q,E))]}))});export{h as Spinner};
+//# sourceMappingURL=Spinner.js.map

package/components/progress/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../src/components/progress/Spinner.tsx"],"sourcesContent":["import React, {\n  ElementType,\n  ReactNode,\n  forwardRef,\n  useMemo,\n  useState,\n  useEffect,\n  useRef,\n  CSSProperties,\n  useCallback,\n} from 'react';\nimport { Box, BoxProps, SvgIcon, SvgIconProps, useTheme } from '@mui/material';\nimport { LoadingText, LoadingTextProps } from './LoadingText';\nimport { ProgressState, ProgressStateProps } from './ProgressState';\n\nexport interface SpinnerProps extends BoxProps<ElementType> {\n  /**\n   * Value of progress\n   */\n  value?: number;\n  /**\n   * Affects component size\n   * @default medium\n   */\n  size?: 'small' | 'medium' | number;\n  /**\n   * Stroke width of circle\n   * @default 16\n   */\n  thickness?: number;\n  /**\n   * State indicates whether the component should display loader or spinner for the loading state or message with a icon\n   * @default loading\n   */\n  state?: 'loading' | ProgressStateProps['state'];\n  /**\n   * Message when success appears\n   */\n  successMessage?: ProgressStateProps['successMessage'];\n  /**\n   * Message when error appears\n   */\n  errorMessage?: ProgressStateProps['errorMessage'];\n  /**\n   * Properties applied to ProgressState\n   */\n  progressStateProps?: Omit<ProgressStateProps, 'successMessage' | 'errorMessage' | 'state'>;\n  /**\n   * Properties applied to SVG\n   */\n  svgIconProps?: SvgIconProps;\n  /**\n   * Additional label before LoadingText\n   */\n  label?: boolean | ReactNode;\n  /**\n   * Properties applied to LoadingText\n   */\n  loadingTextProps?: LoadingTextProps;\n  /**\n   * @deprecated use loadingTextProps instead\n   */\n  labelProps?: BoxProps<ElementType>;\n  /**\n   * @deprecated rename to loadingTextProps\n   */\n  textBoxProps?: BoxProps<ElementType>;\n  /**\n   * @deprecated no longer has any effect\n   */\n  spinnerControlledAnimation?: 'controlled' | 'infinite';\n}\n\n/**\n * A styled loader component that displays animated svg circle\n */\nexport const Spinner: React.FC<SpinnerProps> = forwardRef(\n  (\n    {\n      sx,\n      className,\n      children,\n      size = 'medium',\n      thickness = 16,\n      value,\n      svgIconProps,\n      loaderTextProps,\n      label,\n      state = 'loading',\n      successMessage,\n      errorMessage,\n      progressStateProps,\n      textBoxProps,\n      labelProps,\n      spinnerControlledAnimation: _,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const { sx: svgIconSx, ...restSvgIcon } = svgIconProps ?? {};\n    const { sx: labelSx, ...restLabel } = labelProps ?? {};\n    const { sx: textBoxSx, ...restTextBox } = textBoxProps ?? {};\n    const { sx: loaderTextSx, ...restLoaderText } = loaderTextProps ?? {};\n\n    // smooth js transition between values\n    const [displayValue, setDisplayValue] = useState(Number.isNaN(value) ? 0 : (value ?? 15));\n    const targetValueRef = useRef<number>();\n    const rafRef = useRef<number>();\n    useEffect(() => {\n      targetValueRef.current = Number.isNaN(value) ? 0 : (value ?? 15);\n\n      const animate = () => {\n        setDisplayValue((prev) => {\n          const diff = targetValueRef.current - prev;\n          const step = diff * 0.5;\n          const next = prev + step;\n\n          // small diff or reset happens immediately\n          if (Math.abs(diff) < 0.1 || targetValueRef.current === 0) {\n            return targetValueRef.current;\n          } else {\n            rafRef.current = requestAnimationFrame(animate);\n            return next;\n          }\n        });\n      };\n      rafRef.current = requestAnimationFrame(animate);\n      return () => cancelAnimationFrame(rafRef.current!);\n    }, [value]);\n\n    const { radius, circumference, lineCap, gap, minSegmentPercentForFullGap } = useMemo(() => {\n      const _radius = 50 - thickness / 2;\n      const _circumference = 2 * Math.PI * _radius;\n      const _lineCap = thickness / 2;\n      const _gap = _lineCap;\n      const _minSegmentPercentForFullGap = ((thickness + _gap) / _circumference) * 100;\n\n      return {\n        radius: _radius,\n        circumference: _circumference,\n        lineCap: _lineCap,\n        gap: _gap,\n        minSegmentPercentForFullGap: _minSegmentPercentForFullGap,\n      };\n    }, [thickness]);\n    const obtainValues = useCallback(\n      (v: number) => {\n        const _reversedValue = 100 - v;\n        const _reversedRotation = 360 * (v / 100);\n        const _effectiveGap = gap * Math.max(0, Math.min(1, Math.min(v, _reversedValue) / minSegmentPercentForFullGap));\n        const _dashLength = Math.max((v / 100) * circumference - thickness - _effectiveGap, 0);\n        const _dashOffset = -(lineCap + _effectiveGap / 2);\n        const _reversedDashLength = Math.max((_reversedValue / 100) * circumference - thickness - _effectiveGap, 0);\n\n        return {\n          reversedRotation: _reversedRotation,\n          dashLength: _dashLength,\n          dashOffset: _dashOffset,\n          reversedDashLength: _reversedDashLength,\n        };\n      },\n      [thickness],\n    );\n    const values = obtainValues(displayValue);\n    const [valuesSmall, valuesLarge] = value === undefined ? [obtainValues(15), obtainValues(75)] : [values, values];\n\n    if (state !== 'loading') {\n      return (\n        <ProgressState\n          ref={ref}\n          size={size}\n          state={state}\n          successMessage={successMessage}\n          errorMessage={errorMessage}\n          {...progressStateProps}\n        />\n      );\n    }\n\n    return (\n      <Box\n        data-testid=\"Spinner\"\n        role=\"progressbar\"\n        className={['FlowSpinner-root', className].filter(Boolean).join(', ')}\n        ref={ref}\n        sx={{\n          display: 'inline-flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          gap: 1,\n          ...sx,\n        }}\n        {...(value !== undefined && {\n          ['aria-valuenow']: value,\n          ['aria-valuemin']: 0,\n          ['aria-valuemax']: 100,\n        })}\n        {...rest}\n      >\n        <SvgIcon\n          aria-live=\"polite\"\n          viewBox=\"0 0 100 100\"\n          sx={{\n            // size is also applied in ProgressState and LoadingText\n            ...(size === 'small' && {\n              width: `16px`,\n              height: `16px`,\n            }),\n            ...(size === 'medium' && {\n              width: `24px`,\n              height: `24px`,\n            }),\n            ...(typeof size === 'number' && {\n              width: `${size}px`,\n              height: `${size}px`,\n            }),\n            color: theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary',\n            // extra animation if value is not provided\n            ...(value === undefined && {\n              '@keyframes flow-spinner-indeterminate': {\n                '0%': { transform: 'rotateZ(0)' },\n                '100%': { transform: 'rotateZ(360deg)' },\n              },\n              '@keyframes flow-spinner-indeterminate-group': {\n                '0%, 25%': { transform: 'rotateZ(0)' },\n                '70%': { transform: 'rotateZ(45deg)' },\n                '100%': { transform: 'rotateZ(360deg)' },\n              },\n              '@keyframes flow-spinner-indeterminate-circle-primary': {\n                '0%, 25%, 100%': {\n                  strokeDasharray: `${valuesSmall.dashLength} ${circumference}`,\n                  strokeDashOffset: valuesSmall.dashOffset,\n                },\n                '70%': {\n                  strokeDasharray: `${valuesLarge.dashLength} ${circumference}`,\n                  strokeDashOffset: valuesLarge.dashOffset,\n                },\n              },\n              '@keyframes flow-spinner-indeterminate-circle-secondary': {\n                '0%, 25%, 100%': {\n                  strokeDasharray: `${valuesSmall.reversedDashLength} ${circumference}`,\n                  strokeDashOffset: valuesSmall.dashOffset,\n                },\n                '70%': {\n                  strokeDasharray: `${valuesLarge.reversedDashLength} ${circumference}`,\n                  strokeDashOffset: valuesLarge.dashOffset,\n                },\n              },\n              '@keyframes flow-spinner-indeterminate-group-secondary': {\n                '0%, 25%, 100%': { transform: `rotate(${valuesSmall.reversedRotation}deg)` },\n                '70%': { transform: `rotate(${valuesLarge.reversedRotation}deg)` },\n              },\n              // assign animation to elements\n              animation: '2s linear infinite flow-spinner-indeterminate',\n              '& > g': {\n                animation: '2s ease-in-out infinite flow-spinner-indeterminate-group',\n                transformOrigin: '50% 50%',\n                '& circle': {\n                  animation: '2s ease-in-out infinite flow-spinner-indeterminate-circle-primary',\n                },\n                '& g': {\n                  animation: '2s ease-in-out infinite flow-spinner-indeterminate-group-secondary',\n                  '& circle': {\n                    animation: '2s ease-in-out infinite flow-spinner-indeterminate-circle-secondary',\n                  },\n                },\n              },\n            }),\n            ...svgIconSx,\n          }}\n          {...restSvgIcon}\n        >\n          <g>\n            {(values.reversedDashLength > 0 || displayValue === 0) && (\n              <g style={{ transform: `rotate(${values.reversedRotation}deg)`, transformOrigin: '50% 50%' }}>\n                <circle\n                  className=\"FlowSpinner-circle-secondary\"\n                  cx=\"50\"\n                  cy=\"50\"\n                  r={radius}\n                  fill=\"none\"\n                  stroke={\n                    theme.palette.mode === 'dark' ? theme.palette.onSurface.os700 : theme.palette.transparent.secondary\n                  }\n                  strokeWidth={thickness}\n                  strokeLinecap=\"round\"\n                  strokeDasharray={`${values.reversedDashLength} ${circumference}`}\n                  strokeDashoffset={values.dashOffset}\n                  {...(displayValue === 0 && {\n                    strokeLinecap: 'butt',\n                    strokeDasharray: 'none',\n                    strokeDashoffset: 'none',\n                  })}\n                />\n              </g>\n            )}\n            {(values.dashLength > 0 || displayValue === 100) && (\n              <circle\n                className=\"FlowSpinner-circle-primary\"\n                cx=\"50\"\n                cy=\"50\"\n                r={radius}\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth={thickness}\n                strokeLinecap=\"round\"\n                strokeDasharray={`${values.dashLength} ${circumference}`}\n                strokeDashoffset={values.dashOffset}\n                {...(displayValue === 100 && {\n                  strokeLinecap: 'butt',\n                  strokeDasharray: 'none',\n                  strokeDashoffset: 'none',\n                })}\n              />\n            )}\n          </g>\n        </SvgIcon>\n        {label && value !== undefined && (\n          <LoadingText\n            data-testid=\"Spinner.percentage\"\n            {...(typeof size !== 'number' && { size: size })}\n            value={value}\n            label={label !== true ? label : undefined}\n            sx={{\n              // deprecated overwrites\n              ...(labelSx as CSSProperties),\n              ...(textBoxSx as CSSProperties),\n              // custom overwrites\n              ...loaderTextSx,\n            }}\n            {...restLabel}\n            {...restTextBox}\n            {...restLoaderText}\n          />\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["Spinner","forwardRef","_a","ref","sx","className","children","size","thickness","value","svgIconProps","loaderTextProps","label","state","successMessage","errorMessage","progressStateProps","textBoxProps","labelProps","spinnerControlledAnimation","_","rest","__rest","theme","useTheme","_b","svgIconSx","restSvgIcon","_c","labelSx","restLabel","_d","textBoxSx","restTextBox","_e","loaderTextSx","restLoaderText","displayValue","setDisplayValue","useState","Number","isNaN","targetValueRef","useRef","rafRef","useEffect","current","animate","prev","diff","next","Math","abs","requestAnimationFrame","cancelAnimationFrame","radius","circumference","lineCap","gap","minSegmentPercentForFullGap","useMemo","_radius","_circumference","PI","_lineCap","obtainValues","useCallback","v","_reversedValue","_reversedRotation","_effectiveGap","max","min","reversedRotation","dashLength","dashOffset","reversedDashLength","values","valuesSmall","valuesLarge","undefined","_jsx","ProgressState","Object","assign","_jsxs","Box","role","filter","Boolean","join","display","alignItems","justifyContent","SvgIcon","viewBox","width","height","color","palette","mode","transform","strokeDasharray","strokeDashOffset","animation","transformOrigin","style","cx","cy","r","fill","stroke","onSurface","os700","transparent","secondary","strokeWidth","strokeLinecap","strokeDashoffset","LoadingText"],"mappings":"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"}

package/components/progress/index.d.ts

@@ -1 +1,5 @@
-export * from './progress';
+export * from './Progress';
+export * from './Loader';
+export * from './Spinner';
+export * from './LoadingText';
+export * from './ProgressState';

package/components/quickLink/quickLink.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Stack as s,Box as n,Typography as e,Button as a}from"@mui/material";import{Icon as p}from"../icon/icon.js";import"../icon/icon.definitions.js";import{ArrowRightIcon as c}from"../icon/stroke/ArrowRightIcon.js";import{getInteractiveStyle as d}from"../../materialui/button/interactive.js";const l=o(((o,l)=>{var{iconName:x,iconProps:m,title:u,titleTypographyProps:b,subtitle:g,subtitleTypographyProps:h,dividerWrapperProps:f,dividerProps:k,contentWrapperProps:j,titleWrapperProps:O,buttonTitle:P,buttonProps:y,buttonIconProps:v,onClick:I,sx:C}=o,W=t(o,["iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx"]);const T=m||{},{sx:B}=T,M=t(T,["sx"]),L=f||{},{sx:Q}=L,S=t(L,["sx"]),w=k||{},{sx:X}=w,D=t(w,["sx"]),N=j||{},{sx:z}=N,A=t(N,["sx"]),R=O||{},{sx:q}=R,E=t(R,["sx"]);return r(s,Object.assign({direction:"column",alignItems:"flex-start",sx:Object.assign(Object.assign({minWidth:"0",cursor:"pointer",color:"inherit",textDecoration:"unset",gap:{xs:"8px",md:"16px"}},d({hr:{backgroundColor:"text.primary",height:"1px"},".MuiButton-navigation":{backgroundColor:"transparent",color:t=>"dark"===t.palette.mode?"onSurface.os0":"onSurface.os900","& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}}},{hr:{backgroundColor:t=>"dark"===t.palette.mode?"brand.secondary":"brand.primary",height:"2px"},".MuiButton-navigation":{backgroundColor:"transparent",color:t=>"dark"===t.palette.mode?"onSurface.os300":"onSurface.os700",".MuiButton-startIcon":{transform:"translateX(-8px)"},".MuiButton-endIcon":{transform:"translateX(8px)"}}})),C),"data-testid":"QuickLink",ref:l},I&&{onClick:I,role:"button"},{tabIndex:-1},W,{children:[i(n,Object.assign({sx:Object.assign({position:"relative",width:"100%",height:"2px","&&":{mb:{xs:0,md:x?0:2}}},Q)},S,{children:i(n,Object.assign({component:"hr",sx:Object.assign({border:"none",position:"absolute",inset:"0",m:0},X)},D))})),r(n,Object.assign({sx:Object.assign({width:"480px",maxWidth:"100%",pr:3,pt:{xs:"8px",md:"0px"}},z)},A,{children:[r(s,Object.assign({sx:Object.assign({flexDirection:{xs:"row",md:"column"},alignItems:{xs:"center",md:"flex-start"},gap:{xs:"4px",md:"18px"},mb:{xs:"4px",md:0}},q)},E,{children:[x&&i(p,Object.assign({name:x,sx:Object.assign({display:"block",fontSize:{xs:"20px",md:"35px"},mx:{xs:"2px",md:"0px"},my:{xs:"0px",md:"2px"}},B),"data-testid":"QuickLink.icon"},M)),u&&i(e,Object.assign({variant:"h4",display:"block","data-testid":"QuickLink.title",sx:{mb:{xs:0,md:.5}}},b,{children:u}))]})),g&&i(e,Object.assign({variant:"disclaimer1",display:"block","data-testid":"QuickLink.subtitle"},h,{children:g}))]})),P&&i(a,Object.assign({variant:"navigation",color:"secondary",endIcon:i(c,{}),"data-testid":"QuickLink.button"},y,{children:P}))]}))})),x=o(((r,o)=>{var{sx:s,children:e}=r,a=t(r,["sx","children"]);return i(n,Object.assign({sx:Object.assign({display:"grid",gridTemplateColumns:{xs:"1fr",lg:"repeat(3, 1fr)"},gap:3},s),ref:o},a,{children:e}))}));export{l as QuickLink,x as QuickLinkWrapper};
+import{__rest as o}from"tslib";import{jsxs as i,jsx as n}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Stack as l,Box as r,Typography as c,Button as t}from"@mui/material";import{Icon as s}from"../icon/Icon.js";import"../icon/FlowIcon.js";import"../icon/icon.definitions.js";import"../icon/filled/ATMFilledIcon.js";import"../icon/filled/AddFilledIcon.js";import"../icon/filled/AirFilterFilledIcon.js";import"../icon/filled/AISuggestionFilledIcon.js";import"../icon/filled/ArchiveFilledIcon.js";import"../icon/filled/ArrowBottomLeftFilledIcon.js";import"../icon/filled/ArrowBottomRightFilledIcon.js";import"../icon/filled/ArrowCircleBottomLeftFilledIcon.js";import"../icon/filled/ArrowCircleBottomRightFilledIcon.js";import"../icon/filled/ArrowCircleDownFilledIcon.js";import"../icon/filled/ArrowCircleLeftFilledIcon.js";import"../icon/filled/ArrowCircleRightFilledIcon.js";import"../icon/filled/ArrowCircleTopLeftFilledIcon.js";import"../icon/filled/ArrowCircleTopRightFilledIcon.js";import"../icon/filled/ArrowCircleUpFilledIcon.js";import"../icon/filled/ArrowCurvedDownFilledIcon.js";import"../icon/filled/ArrowCurvedDownFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedLeftFilledIcon.js";import"../icon/filled/ArrowCurvedLeftFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedRightFilledIcon.js";import"../icon/filled/ArrowCurvedRightFlippedFilledIcon.js";import"../icon/filled/ArrowCurvedUpFilledIcon.js";import"../icon/filled/ArrowCurvedUpFlippedFilledIcon.js";import"../icon/filled/ArrowDownFilledIcon.js";import"../icon/filled/ArrowLeftFilledIcon.js";import"../icon/filled/ArrowRightFilledIcon.js";import"../icon/filled/ArrowTopLeftFilledIcon.js";import"../icon/filled/ArrowTopRightFilledIcon.js";import"../icon/filled/ArrowUpFilledIcon.js";import"../icon/filled/ArtboardFilledIcon.js";import"../icon/filled/AssistanceFilledIcon.js";import"../icon/filled/AudioMidFilledIcon.js";import"../icon/filled/AudioMuteFilledIcon.js";import"../icon/filled/AudioOffFilledIcon.js";import"../icon/filled/AudioOnFilledIcon.js";import"../icon/filled/BackToParentFilledIcon.js";import"../icon/filled/BadgeFilledIcon.js";import"../icon/filled/BalloonFilledIcon.js";import"../icon/filled/BarFilledIcon.js";import"../icon/filled/BarCodeFilledIcon.js";import"../icon/filled/Battery0FilledIcon.js";import"../icon/filled/Battery10FilledIcon.js";import"../icon/filled/Battery100FilledIcon.js";import"../icon/filled/Battery20FilledIcon.js";import"../icon/filled/Battery30FilledIcon.js";import"../icon/filled/Battery40FilledIcon.js";import"../icon/filled/Battery50FilledIcon.js";import"../icon/filled/Battery60FilledIcon.js";import"../icon/filled/Battery70FilledIcon.js";import"../icon/filled/Battery80FilledIcon.js";import"../icon/filled/Battery90FilledIcon.js";import"../icon/filled/BatteryChargingFilledIcon.js";import"../icon/filled/BatteryDischargeFilledIcon.js";import"../icon/filled/BatteryEmptyFilledIcon.js";import"../icon/filled/BatteryErrorFilledIcon.js";import"../icon/filled/BatteryFullFilledIcon.js";import"../icon/filled/BatteryHighVoltageFilledIcon.js";import"../icon/filled/BatteryOneThirdFilledIcon.js";import"../icon/filled/BatteryTwoThirdsFilledIcon.js";import"../icon/filled/BatteryFilledIcon.js";import"../icon/filled/BellFilledIcon.js";import"../icon/filled/BicycleFilledIcon.js";import"../icon/filled/BoltDischargeFilledIcon.js";import"../icon/filled/BoltFilledIcon.js";import"../icon/filled/BoltMotionFilledIcon.js";import"../icon/filled/BoltOffFilledIcon.js";import"../icon/filled/BonnetClosedFilledIcon.js";import"../icon/filled/BonnetOpenFilledIcon.js";import"../icon/filled/BookmarkFilledIcon.js";import"../icon/filled/BootClosedFilledIcon.js";import"../icon/filled/BootOpenFilledIcon.js";import"../icon/filled/BoxFilledIcon.js";import"../icon/filled/BrakeFluidFilledIcon.js";import"../icon/filled/BrakesFilledIcon.js";import"../icon/filled/BrightnessFilledIcon.js";import"../icon/filled/BuildingFilledIcon.js";import"../icon/filled/CalculatorFilledIcon.js";import"../icon/filled/CalendarCalendarFilledIcon.js";import"../icon/filled/CalendarCheckFilledIcon.js";import"../icon/filled/CalendarPointFilledIcon.js";import"../icon/filled/CameraFilledIcon.js";import"../icon/filled/CampingFilledIcon.js";import"../icon/filled/CarAccidentFilledIcon.js";import"../icon/filled/CarBackFilledIcon.js";import"../icon/filled/CarComparisonFilledIcon.js";import"../icon/filled/CarHandFilledIcon.js";import"../icon/filled/CarInfoFilledIcon.js";import"../icon/filled/CarMagnifierFilledIcon.js";import"../icon/filled/CarSeatFilledIcon.js";import"../icon/filled/CarSendFilledIcon.js";import"../icon/filled/CarSideFilledIcon.js";import"../icon/filled/CarStarFilledIcon.js";import"../icon/filled/CarTechnicalInfoFilledIcon.js";import"../icon/filled/CareMobilityFilledIcon.js";import"../icon/filled/CarFilledIcon.js";import"../icon/filled/CarDoorFilledIcon.js";import"../icon/filled/CarStatusFilledIcon.js";import"../icon/filled/CardFilledIcon.js";import"../icon/filled/ChangeOrderFilledIcon.js";import"../icon/filled/ChatFilledIcon.js";import"../icon/filled/CheckFilledIcon.js";import"../icon/filled/ChevronCircleDownFilledIcon.js";import"../icon/filled/ChevronCircleLeftFilledIcon.js";import"../icon/filled/ChevronCircleRightFilledIcon.js";import"../icon/filled/ChevronCircleUpFilledIcon.js";import"../icon/filled/ChevronDoubleDownFilledIcon.js";import"../icon/filled/ChevronDoubleLeftFilledIcon.js";import"../icon/filled/ChevronDoubleRightFilledIcon.js";import"../icon/filled/ChevronDoubleUpFilledIcon.js";import"../icon/filled/ChevronDownFilledIcon.js";import"../icon/filled/ChevronLeftFilledIcon.js";import"../icon/filled/ChevronNextFilledIcon.js";import"../icon/filled/ChevronPreviousFilledIcon.js";import"../icon/filled/ChevronRightFilledIcon.js";import"../icon/filled/ChevronUpFilledIcon.js";import"../icon/filled/CircleBluetoothFilledIcon.js";import"../icon/filled/CircleCheckFilledIcon.js";import"../icon/filled/CircleCloseFilledIcon.js";import"../icon/filled/CircleDownloadFilledIcon.js";import"../icon/filled/CircleExclamationFilledIcon.js";import"../icon/filled/CircleInformationFilledIcon.js";import"../icon/filled/CircleMinusFilledIcon.js";import"../icon/filled/CirclePlusFilledIcon.js";import"../icon/filled/CircleQuestionFilledIcon.js";import"../icon/filled/CircleSlashFilledIcon.js";import"../icon/filled/CircleUploadFilledIcon.js";import"../icon/filled/ClipFilledIcon.js";import"../icon/filled/ClockFilledIcon.js";import"../icon/filled/CloseFilledIcon.js";import"../icon/filled/ClosedcaptionsFilledIcon.js";import"../icon/filled/CloudCO2FilledIcon.js";import"../icon/filled/CloudDownloadFilledIcon.js";import"../icon/filled/CloudUploadFilledIcon.js";import"../icon/filled/ColoursFilledIcon.js";import"../icon/filled/ComfortFilledIcon.js";import"../icon/filled/ContrastFilledIcon.js";import"../icon/filled/ControlsForwardFilledIcon.js";import"../icon/filled/ControlsPauseFilledIcon.js";import"../icon/filled/ControlsPlayFilledIcon.js";import"../icon/filled/ControlsRecordFilledIcon.js";import"../icon/filled/ControlsReverseFilledIcon.js";import"../icon/filled/ControlsRewindFilledIcon.js";import"../icon/filled/ControlsSkipNextFilledIcon.js";import"../icon/filled/ControlsSkipPreviousFilledIcon.js";import"../icon/filled/ControlsStopFilledIcon.js";import"../icon/filled/CookieFilledIcon.js";import"../icon/filled/CultureFilledIcon.js";import"../icon/filled/CopyFilledIcon.js";import"../icon/filled/CutFilledIcon.js";import"../icon/filled/DealerFilledIcon.js";import"../icon/filled/DealershipServiceFilledIcon.js";import"../icon/filled/DeliveryFilledIcon.js";import"../icon/filled/DetailsFilledIcon.js";import"../icon/filled/DeviceSmartphoneFilledIcon.js";import"../icon/filled/DoorsClosedFilledIcon.js";import"../icon/filled/DoorsOpenFilledIcon.js";import"../icon/filled/DownloadFilledIcon.js";import"../icon/filled/DraghandleFilledIcon.js";import"../icon/filled/EditFilledIcon.js";import"../icon/filled/ElectricChargerFilledIcon.js";import"../icon/filled/ElectricChargerOffFilledIcon.js";import"../icon/filled/EmptystateFilledIcon.js";import"../icon/filled/EngineFilledIcon.js";import"../icon/filled/EngineOilFilledIcon.js";import"../icon/filled/EntertainmentFilledIcon.js";import"../icon/filled/EqualsignFilledIcon.js";import"../icon/filled/ExportFilledIcon.js";import"../icon/filled/ExternalLinkFilledIcon.js";import"../icon/filled/FacebookFilledIcon.js";import"../icon/filled/FactoryFilledIcon.js";import"../icon/filled/FanFilledIcon.js";import"../icon/filled/FeedbackFilledIcon.js";import"../icon/filled/FileFilledIcon.js";import"../icon/filled/FileMissingFilledIcon.js";import"../icon/filled/FileNewFilledIcon.js";import"../icon/filled/FilterFilledIcon.js";import"../icon/filled/FiltersFilledIcon.js";import"../icon/filled/FingerPrintFilledIcon.js";import"../icon/filled/FirstAidFilledIcon.js";import"../icon/filled/FlashFilledIcon.js";import"../icon/filled/FolderFilledIcon.js";import"../icon/filled/FolderShareFilledIcon.js";import"../icon/filled/FoodFilledIcon.js";import"../icon/filled/FourwheeldriveFilledIcon.js";import"../icon/filled/FrontaxleFilledIcon.js";import"../icon/filled/FuelSavingsFilledIcon.js";import"../icon/filled/FullscreenEnterFilledIcon.js";import"../icon/filled/FullscreenExitFilledIcon.js";import"../icon/filled/GarageFilledIcon.js";import"../icon/filled/GaugeFilledIcon.js";import"../icon/filled/GlobeFilledIcon.js";import"../icon/filled/GroupFilledIcon.js";import"../icon/filled/HandkeyFilledIcon.js";import"../icon/filled/HealthScanFilledIcon.js";import"../icon/filled/HeartFilledIcon.js";import"../icon/filled/HideFilledIcon.js";import"../icon/filled/HistoryFilledIcon.js";import"../icon/filled/HomeFilledIcon.js";import"../icon/filled/HonkFilledIcon.js";import"../icon/filled/HotelFilledIcon.js";import"../icon/filled/HybridFilledIcon.js";import"../icon/filled/IDCardFilledIcon.js";import"../icon/filled/ImportFilledIcon.js";import"../icon/filled/InboxFilledIcon.js";import"../icon/filled/InstagramFilledIcon.js";import"../icon/filled/LightsFilledIcon.js";import"../icon/filled/LightsOffFilledIcon.js";import"../icon/filled/LinkedInFilledIcon.js";import"../icon/filled/ListFilledIcon.js";import"../icon/filled/LockClosedFilledIcon.js";import"../icon/filled/LockOpenedFilledIcon.js";import"../icon/filled/LockOpenedAltFilledIcon.js";import"../icon/filled/LockedSteeringWheelFilledIcon.js";import"../icon/filled/LoginFilledIcon.js";import"../icon/filled/LogoutFilledIcon.js";import"../icon/filled/MaintenanceFilledIcon.js";import"../icon/filled/ManualFilledIcon.js";import"../icon/filled/MapCenterFilledIcon.js";import"../icon/filled/MapCompassFilledIcon.js";import"../icon/filled/MapFlagFilledIcon.js";import"../icon/filled/MapLocationFilledIcon.js";import"../icon/filled/MapFilledIcon.js";import"../icon/filled/MapMarkerFilledIcon.js";import"../icon/filled/MapMarkerLBOFilledIcon.js";import"../icon/filled/MapPinFilledIcon.js";import"../icon/filled/MapViewFilledIcon.js";import"../icon/filled/MenuWaffleFilledIcon.js";import"../icon/filled/MenuFilledIcon.js";import"../icon/filled/MessageFilledIcon.js";import"../icon/filled/MicrophoneFilledIcon.js";import"../icon/filled/MinusFilledIcon.js";import"../icon/filled/MoreHorizontalFilledIcon.js";import"../icon/filled/MoreVerticalFilledIcon.js";import"../icon/filled/MotionFilledIcon.js";import"../icon/filled/MusicalNoteFilledIcon.js";import"../icon/filled/MuteFilledIcon.js";import"../icon/filled/NewsFilledIcon.js";import"../icon/filled/NewspaperFilledIcon.js";import"../icon/filled/OilFilledIcon.js";import"../icon/filled/ParkingFilledIcon.js";import"../icon/filled/PasteFilledIcon.js";import"../icon/filled/PercentageFilledIcon.js";import"../icon/filled/PetFilledIcon.js";import"../icon/filled/PhoneFilledIcon.js";import"../icon/filled/PictureFilledIcon.js";import"../icon/filled/PiggybankFilledIcon.js";import"../icon/filled/PlugCCSType1FilledIcon.js";import"../icon/filled/PlugCCSType2FilledIcon.js";import"../icon/filled/PlugCHAdeMOFilledIcon.js";import"../icon/filled/PlugType1FilledIcon.js";import"../icon/filled/PlugType2FilledIcon.js";import"../icon/filled/PlugFilledIcon.js";import"../icon/filled/PlusFilledIcon.js";import"../icon/filled/PremiumLFilledIcon.js";import"../icon/filled/PremiumMFilledIcon.js";import"../icon/filled/PremiumSFilledIcon.js";import"../icon/filled/PriceTagFilledIcon.js";import"../icon/filled/PrintFilledIcon.js";import"../icon/filled/ProductionFilledIcon.js";import"../icon/filled/PublicplaceFilledIcon.js";import"../icon/filled/PumpFilledIcon.js";import"../icon/filled/PumpCNGFilledIcon.js";import"../icon/filled/PumpLPGFilledIcon.js";import"../icon/filled/QRCodeFilledIcon.js";import"../icon/filled/QualityFilledIcon.js";import"../icon/filled/QualityMedalFilledIcon.js";import"../icon/filled/RadarFilledIcon.js";import"../icon/filled/RefreshFilledIcon.js";import"../icon/filled/ReloadFilledIcon.js";import"../icon/filled/RevertFilledIcon.js";import"../icon/filled/RoadBlockFilledIcon.js";import"../icon/filled/SaveFilledIcon.js";import"../icon/filled/SearchMinusFilledIcon.js";import"../icon/filled/SearchPlusFilledIcon.js";import"../icon/filled/SearchFilledIcon.js";import"../icon/filled/SeatheaterFilledIcon.js";import"../icon/filled/SelectFilledIcon.js";import"../icon/filled/SelectAllFilledIcon.js";import"../icon/filled/SendFilledIcon.js";import"../icon/filled/SettingsFilledIcon.js";import"../icon/filled/ShapeCircleFilledIcon.js";import"../icon/filled/ShapeDropFilledIcon.js";import"../icon/filled/ShapeRectangleHorizontalFilledIcon.js";import"../icon/filled/ShapeRectangleRoundedFilledIcon.js";import"../icon/filled/ShapeRectangleVerticalFilledIcon.js";import"../icon/filled/ShapeRhombusFilledIcon.js";import"../icon/filled/ShapeShapesFilledIcon.js";import"../icon/filled/ShapeSquareFilledIcon.js";import"../icon/filled/ShapeStarFilledIcon.js";import"../icon/filled/ShapeStarhalfFilledIcon.js";import"../icon/filled/ShapeTriangleFilledIcon.js";import"../icon/filled/ShareFilledIcon.js";import"../icon/filled/ShareSquareFilledIcon.js";import"../icon/filled/ShieldCheckFilledIcon.js";import"../icon/filled/ShieldEmptyFilledIcon.js";import"../icon/filled/ShoppingBagFilledIcon.js";import"../icon/filled/ShoppingCartFilledIcon.js";import"../icon/filled/ShowFilledIcon.js";import"../icon/filled/ShuffleFilledIcon.js";import"../icon/filled/SignalFilledIcon.js";import"../icon/filled/SortDownFilledIcon.js";import"../icon/filled/SortUpFilledIcon.js";import"../icon/filled/SoundwaveFilledIcon.js";import"../icon/filled/SparkplugFilledIcon.js";import"../icon/filled/SportFilledIcon.js";import"../icon/filled/StatsFilledIcon.js";import"../icon/filled/SteeringWheelFilledIcon.js";import"../icon/filled/StopwatchFilledIcon.js";import"../icon/filled/SubtractFilledIcon.js";import"../icon/filled/SuitcaseFilledIcon.js";import"../icon/filled/SunroofFilledIcon.js";import"../icon/filled/TaskDoneFilledIcon.js";import"../icon/filled/TaskNoneFilledIcon.js";import"../icon/filled/TaskScheduledFilledIcon.js";import"../icon/filled/TechnicalInfoFilledIcon.js";import"../icon/filled/TelegramFilledIcon.js";import"../icon/filled/ThumbDownFilledIcon.js";import"../icon/filled/ThumbUpFilledIcon.js";import"../icon/filled/TicketFilledIcon.js";import"../icon/filled/TikTokFilledIcon.js";import"../icon/filled/ToiletsFilledIcon.js";import"../icon/filled/TransmissionAutomaticFilledIcon.js";import"../icon/filled/TransmissionManualFilledIcon.js";import"../icon/filled/TrashcanFilledIcon.js";import"../icon/filled/TripCyclicFilledIcon.js";import"../icon/filled/TripLongTermFilledIcon.js";import"../icon/filled/TripSingleFilledIcon.js";import"../icon/filled/TrophyFilledIcon.js";import"../icon/filled/TwitterFilledIcon.js";import"../icon/filled/TyreRepairFilledIcon.js";import"../icon/filled/TyreTracksFilledIcon.js";import"../icon/filled/TyresFilledIcon.js";import"../icon/filled/UploadFilledIcon.js";import"../icon/filled/UserFilledIcon.js";import"../icon/filled/VentilationFilledIcon.js";import"../icon/filled/VentilationOffFilledIcon.js";import"../icon/filled/WalkFilledIcon.js";import"../icon/filled/WallboxFilledIcon.js";import"../icon/filled/WalletFilledIcon.js";import"../icon/filled/WandFilledIcon.js";import"../icon/filled/WarningFilledIcon.js";import"../icon/filled/WeatherRainyFilledIcon.js";import"../icon/filled/WeatherSnowFilledIcon.js";import"../icon/filled/WellnessFilledIcon.js";import"../icon/filled/WhatsAppFilledIcon.js";import"../icon/filled/WheelchairFilledIcon.js";import"../icon/filled/WheelsFilledIcon.js";import"../icon/filled/WifiDisabledFilledIcon.js";import"../icon/filled/WifiHighFilledIcon.js";import"../icon/filled/WifiLowFilledIcon.js";import"../icon/filled/WifiMediumFilledIcon.js";import"../icon/filled/WifiNoSignalFilledIcon.js";import"../icon/filled/WindowFilledIcon.js";import"../icon/filled/WindowheaterFilledIcon.js";import"../icon/filled/WindowsClosedFilledIcon.js";import"../icon/filled/WindowsOpenFilledIcon.js";import"../icon/filled/WindscreenWiperFilledIcon.js";import"../icon/filled/WriteFilledIcon.js";import"../icon/filled/XFilledIcon.js";import"../icon/filled/YouTubeFilledIcon.js";import"../icon/stroke/ATMIcon.js";import"../icon/stroke/AddIcon.js";import"../icon/stroke/AirFilterIcon.js";import"../icon/stroke/AISuggestionIcon.js";import"../icon/stroke/ArchiveIcon.js";import"../icon/stroke/ArrowBottomLeftIcon.js";import"../icon/stroke/ArrowBottomRightIcon.js";import"../icon/stroke/ArrowCircleBottomLeftIcon.js";import"../icon/stroke/ArrowCircleBottomRightIcon.js";import"../icon/stroke/ArrowCircleDownIcon.js";import"../icon/stroke/ArrowCircleLeftIcon.js";import"../icon/stroke/ArrowCircleRightIcon.js";import"../icon/stroke/ArrowCircleTopLeftIcon.js";import"../icon/stroke/ArrowCircleTopRightIcon.js";import"../icon/stroke/ArrowCircleUpIcon.js";import"../icon/stroke/ArrowCurvedDownIcon.js";import"../icon/stroke/ArrowCurvedDownFlippedIcon.js";import"../icon/stroke/ArrowCurvedLeftIcon.js";import"../icon/stroke/ArrowCurvedLeftFlippedIcon.js";import"../icon/stroke/ArrowCurvedRightIcon.js";import"../icon/stroke/ArrowCurvedRightFlippedIcon.js";import"../icon/stroke/ArrowCurvedUpIcon.js";import"../icon/stroke/ArrowCurvedUpFlippedIcon.js";import"../icon/stroke/ArrowDownIcon.js";import"../icon/stroke/ArrowLeftIcon.js";import{ArrowRightIcon as p}from"../icon/stroke/ArrowRightIcon.js";import"../icon/stroke/ArrowTopLeftIcon.js";import"../icon/stroke/ArrowTopRightIcon.js";import"../icon/stroke/ArrowUpIcon.js";import"../icon/stroke/ArtboardIcon.js";import"../icon/stroke/AssistanceIcon.js";import"../icon/stroke/AudioMidIcon.js";import"../icon/stroke/AudioMuteIcon.js";import"../icon/stroke/AudioOffIcon.js";import"../icon/stroke/AudioOnIcon.js";import"../icon/stroke/BadgeIcon.js";import"../icon/stroke/BackToParentIcon.js";import"../icon/stroke/BalloonIcon.js";import"../icon/stroke/BarIcon.js";import"../icon/stroke/BarCodeIcon.js";import"../icon/stroke/Battery0Icon.js";import"../icon/stroke/Battery10Icon.js";import"../icon/stroke/Battery100Icon.js";import"../icon/stroke/Battery20Icon.js";import"../icon/stroke/Battery30Icon.js";import"../icon/stroke/Battery40Icon.js";import"../icon/stroke/Battery50Icon.js";import"../icon/stroke/Battery60Icon.js";import"../icon/stroke/Battery70Icon.js";import"../icon/stroke/Battery80Icon.js";import"../icon/stroke/Battery90Icon.js";import"../icon/stroke/BatteryEmptyIcon.js";import"../icon/stroke/BatteryFullIcon.js";import"../icon/stroke/BatteryHighVoltageIcon.js";import"../icon/stroke/BatteryOneThirdIcon.js";import"../icon/stroke/BatteryTwoThirdsIcon.js";import"../icon/stroke/BatteryChargingIcon.js";import"../icon/stroke/BatteryDischargeIcon.js";import"../icon/stroke/BatteryErrorIcon.js";import"../icon/stroke/BatteryIcon.js";import"../icon/stroke/BellIcon.js";import"../icon/stroke/BicycleIcon.js";import"../icon/stroke/BoltDischargeIcon.js";import"../icon/stroke/BoltIcon.js";import"../icon/stroke/BoltMotionIcon.js";import"../icon/stroke/BoltOffIcon.js";import"../icon/stroke/BonnetClosedIcon.js";import"../icon/stroke/BonnetOpenIcon.js";import"../icon/stroke/BookmarkIcon.js";import"../icon/stroke/BootClosedIcon.js";import"../icon/stroke/BootOpenIcon.js";import"../icon/stroke/BoxIcon.js";import"../icon/stroke/BrakeFluidIcon.js";import"../icon/stroke/BrakesIcon.js";import"../icon/stroke/BrightnessIcon.js";import"../icon/stroke/BuildingIcon.js";import"../icon/stroke/CalculatorIcon.js";import"../icon/stroke/CalendarCalendarIcon.js";import"../icon/stroke/CalendarCheckIcon.js";import"../icon/stroke/CalendarPointIcon.js";import"../icon/stroke/CameraIcon.js";import"../icon/stroke/CampingIcon.js";import"../icon/stroke/CarAccidentIcon.js";import"../icon/stroke/CarBackIcon.js";import"../icon/stroke/CarComparisonIcon.js";import"../icon/stroke/CarHandIcon.js";import"../icon/stroke/CarInfoIcon.js";import"../icon/stroke/CarMagnifierIcon.js";import"../icon/stroke/CarSeatIcon.js";import"../icon/stroke/CarSendIcon.js";import"../icon/stroke/CarSideIcon.js";import"../icon/stroke/CarStarIcon.js";import"../icon/stroke/CarTechnicalInfoIcon.js";import"../icon/stroke/CareMobilityIcon.js";import"../icon/stroke/CarIcon.js";import"../icon/stroke/CarDoorIcon.js";import"../icon/stroke/CarStatusIcon.js";import"../icon/stroke/CardIcon.js";import"../icon/stroke/ChangeOrderIcon.js";import"../icon/stroke/ChatIcon.js";import"../icon/stroke/CheckIcon.js";import"../icon/stroke/ChevronCircleDownIcon.js";import"../icon/stroke/ChevronCircleLeftIcon.js";import"../icon/stroke/ChevronCircleRightIcon.js";import"../icon/stroke/ChevronCircleUpIcon.js";import"../icon/stroke/ChevronDoubleDownIcon.js";import"../icon/stroke/ChevronDoubleLeftIcon.js";import"../icon/stroke/ChevronDoubleRightIcon.js";import"../icon/stroke/ChevronDoubleUpIcon.js";import"../icon/stroke/ChevronDownIcon.js";import"../icon/stroke/ChevronLeftIcon.js";import"../icon/stroke/ChevronNextIcon.js";import"../icon/stroke/ChevronPreviousIcon.js";import"../icon/stroke/ChevronRightIcon.js";import"../icon/stroke/ChevronUpIcon.js";import"../icon/stroke/CircleBluetoothIcon.js";import"../icon/stroke/CircleCheckIcon.js";import"../icon/stroke/CircleCloseIcon.js";import"../icon/stroke/CircleDownloadIcon.js";import"../icon/stroke/CircleExclamationIcon.js";import"../icon/stroke/CircleInformationIcon.js";import"../icon/stroke/CircleMinusIcon.js";import"../icon/stroke/CirclePlusIcon.js";import"../icon/stroke/CircleQuestionIcon.js";import"../icon/stroke/CircleSlashIcon.js";import"../icon/stroke/CircleUploadIcon.js";import"../icon/stroke/ClipIcon.js";import"../icon/stroke/ClockIcon.js";import"../icon/stroke/CloseIcon.js";import"../icon/stroke/ClosedcaptionsIcon.js";import"../icon/stroke/CloudCO2Icon.js";import"../icon/stroke/CloudDownloadIcon.js";import"../icon/stroke/CloudUploadIcon.js";import"../icon/stroke/ColoursIcon.js";import"../icon/stroke/ComfortIcon.js";import"../icon/stroke/ContrastIcon.js";import"../icon/stroke/ControlsForwardIcon.js";import"../icon/stroke/ControlsPauseIcon.js";import"../icon/stroke/ControlsPlayIcon.js";import"../icon/stroke/ControlsRecordIcon.js";import"../icon/stroke/ControlsReverseIcon.js";import"../icon/stroke/ControlsRewindIcon.js";import"../icon/stroke/ControlsSkipNextIcon.js";import"../icon/stroke/ControlsSkipPreviousIcon.js";import"../icon/stroke/ControlsStopIcon.js";import"../icon/stroke/CookieIcon.js";import"../icon/stroke/CopyIcon.js";import"../icon/stroke/CultureIcon.js";import"../icon/stroke/CutIcon.js";import"../icon/stroke/DealerIcon.js";import"../icon/stroke/DealershipServiceIcon.js";import"../icon/stroke/DeliveryIcon.js";import"../icon/stroke/DetailsIcon.js";import"../icon/stroke/DeviceSmartphoneIcon.js";import"../icon/stroke/DoorsClosedIcon.js";import"../icon/stroke/DoorsOpenIcon.js";import"../icon/stroke/DownloadIcon.js";import"../icon/stroke/DraghandleIcon.js";import"../icon/stroke/EditIcon.js";import"../icon/stroke/ElectricChargerIcon.js";import"../icon/stroke/ElectricChargerOffIcon.js";import"../icon/stroke/EmptystateIcon.js";import"../icon/stroke/EngineIcon.js";import"../icon/stroke/EngineOilIcon.js";import"../icon/stroke/EntertainmentIcon.js";import"../icon/stroke/EqualsignIcon.js";import"../icon/stroke/ExportIcon.js";import"../icon/stroke/ExternalLinkIcon.js";import"../icon/stroke/FacebookIcon.js";import"../icon/stroke/FactoryIcon.js";import"../icon/stroke/FanIcon.js";import"../icon/stroke/FeedbackIcon.js";import"../icon/stroke/FileIcon.js";import"../icon/stroke/FileMissingIcon.js";import"../icon/stroke/FileNewIcon.js";import"../icon/stroke/FilterIcon.js";import"../icon/stroke/FiltersIcon.js";import"../icon/stroke/FingerPrintIcon.js";import"../icon/stroke/FirstAidIcon.js";import"../icon/stroke/FlashIcon.js";import"../icon/stroke/FolderIcon.js";import"../icon/stroke/FolderShareIcon.js";import"../icon/stroke/FoodIcon.js";import"../icon/stroke/FourwheeldriveIcon.js";import"../icon/stroke/FrontaxleIcon.js";import"../icon/stroke/FuelSavingsIcon.js";import"../icon/stroke/FullscreenEnterIcon.js";import"../icon/stroke/FullscreenExitIcon.js";import"../icon/stroke/GarageIcon.js";import"../icon/stroke/GaugeIcon.js";import"../icon/stroke/GlobeIcon.js";import"../icon/stroke/GroupIcon.js";import"../icon/stroke/HandkeyIcon.js";import"../icon/stroke/HealthScanIcon.js";import"../icon/stroke/HeartIcon.js";import"../icon/stroke/HideIcon.js";import"../icon/stroke/HistoryIcon.js";import"../icon/stroke/HomeIcon.js";import"../icon/stroke/HonkIcon.js";import"../icon/stroke/HotelIcon.js";import"../icon/stroke/HybridIcon.js";import"../icon/stroke/IDCardIcon.js";import"../icon/stroke/ImportIcon.js";import"../icon/stroke/InboxIcon.js";import"../icon/stroke/InstagramIcon.js";import"../icon/stroke/LightsIcon.js";import"../icon/stroke/LightsOffIcon.js";import"../icon/stroke/LinkedInIcon.js";import"../icon/stroke/ListIcon.js";import"../icon/stroke/LockClosedIcon.js";import"../icon/stroke/LockOpenedIcon.js";import"../icon/stroke/LockOpenedAltIcon.js";import"../icon/stroke/LockedSteeringWheelIcon.js";import"../icon/stroke/LoginIcon.js";import"../icon/stroke/LogoutIcon.js";import"../icon/stroke/MaintenanceIcon.js";import"../icon/stroke/ManualIcon.js";import"../icon/stroke/MapCenterIcon.js";import"../icon/stroke/MapCompassIcon.js";import"../icon/stroke/MapFlagIcon.js";import"../icon/stroke/MapLocationIcon.js";import"../icon/stroke/MapIcon.js";import"../icon/stroke/MapMarkerIcon.js";import"../icon/stroke/MapMarkerLBOIcon.js";import"../icon/stroke/MapPinIcon.js";import"../icon/stroke/MapViewIcon.js";import"../icon/stroke/MenuWaffleIcon.js";import"../icon/stroke/MenuIcon.js";import"../icon/stroke/MessageIcon.js";import"../icon/stroke/MicrophoneIcon.js";import"../icon/stroke/MinusIcon.js";import"../icon/stroke/MoreHorizontalIcon.js";import"../icon/stroke/MoreVerticalIcon.js";import"../icon/stroke/MotionIcon.js";import"../icon/stroke/MusicalNoteIcon.js";import"../icon/stroke/MuteIcon.js";import"../icon/stroke/NewsIcon.js";import"../icon/stroke/NewspaperIcon.js";import"../icon/stroke/OilIcon.js";import"../icon/stroke/ParkingIcon.js";import"../icon/stroke/PasteIcon.js";import"../icon/stroke/PercentageIcon.js";import"../icon/stroke/PetIcon.js";import"../icon/stroke/PhoneIcon.js";import"../icon/stroke/PictureIcon.js";import"../icon/stroke/PiggybankIcon.js";import"../icon/stroke/PlugCCSType1Icon.js";import"../icon/stroke/PlugCCSType2Icon.js";import"../icon/stroke/PlugCHAdeMOIcon.js";import"../icon/stroke/PlugType1Icon.js";import"../icon/stroke/PlugType2Icon.js";import"../icon/stroke/PlugIcon.js";import"../icon/stroke/PlusIcon.js";import"../icon/stroke/PremiumLIcon.js";import"../icon/stroke/PremiumMIcon.js";import"../icon/stroke/PremiumSIcon.js";import"../icon/stroke/PriceTagIcon.js";import"../icon/stroke/PrintIcon.js";import"../icon/stroke/ProductionIcon.js";import"../icon/stroke/PublicplaceIcon.js";import"../icon/stroke/PumpIcon.js";import"../icon/stroke/PumpCNGIcon.js";import"../icon/stroke/PumpLPGIcon.js";import"../icon/stroke/QRCodeIcon.js";import"../icon/stroke/QualityIcon.js";import"../icon/stroke/QualityMedalIcon.js";import"../icon/stroke/RadarIcon.js";import"../icon/stroke/RefreshIcon.js";import"../icon/stroke/ReloadIcon.js";import"../icon/stroke/RevertIcon.js";import"../icon/stroke/RoadBlockIcon.js";import"../icon/stroke/SaveIcon.js";import"../icon/stroke/SearchMinusIcon.js";import"../icon/stroke/SearchPlusIcon.js";import"../icon/stroke/SearchIcon.js";import"../icon/stroke/SeatheaterIcon.js";import"../icon/stroke/SelectIcon.js";import"../icon/stroke/SelectAllIcon.js";import"../icon/stroke/SendIcon.js";import"../icon/stroke/SettingsIcon.js";import"../icon/stroke/ShapeCircleIcon.js";import"../icon/stroke/ShapeDropIcon.js";import"../icon/stroke/ShapeRectangleHorizontalIcon.js";import"../icon/stroke/ShapeRectangleRoundedIcon.js";import"../icon/stroke/ShapeRectangleVerticalIcon.js";import"../icon/stroke/ShapeRhombusIcon.js";import"../icon/stroke/ShapeShapesIcon.js";import"../icon/stroke/ShapeSquareIcon.js";import"../icon/stroke/ShapeStarIcon.js";import"../icon/stroke/ShapeStarhalfIcon.js";import"../icon/stroke/ShapeTriangleIcon.js";import"../icon/stroke/ShareIcon.js";import"../icon/stroke/ShareSquareIcon.js";import"../icon/stroke/ShieldCheckIcon.js";import"../icon/stroke/ShieldEmptyIcon.js";import"../icon/stroke/ShoppingBagIcon.js";import"../icon/stroke/ShoppingCartIcon.js";import"../icon/stroke/ShowIcon.js";import"../icon/stroke/ShuffleIcon.js";import"../icon/stroke/SignalIcon.js";import"../icon/stroke/SortDownIcon.js";import"../icon/stroke/SortUpIcon.js";import"../icon/stroke/SoundwaveIcon.js";import"../icon/stroke/SparkplugIcon.js";import"../icon/stroke/SportIcon.js";import"../icon/stroke/StatsIcon.js";import"../icon/stroke/SteeringWheelIcon.js";import"../icon/stroke/StopwatchIcon.js";import"../icon/stroke/SubtractIcon.js";import"../icon/stroke/SuitcaseIcon.js";import"../icon/stroke/SunroofIcon.js";import"../icon/stroke/TaskDoneIcon.js";import"../icon/stroke/TaskNoneIcon.js";import"../icon/stroke/TaskScheduledIcon.js";import"../icon/stroke/TechnicalInfoIcon.js";import"../icon/stroke/TelegramIcon.js";import"../icon/stroke/ThumbDownIcon.js";import"../icon/stroke/ThumbUpIcon.js";import"../icon/stroke/TicketIcon.js";import"../icon/stroke/TikTokIcon.js";import"../icon/stroke/ToiletsIcon.js";import"../icon/stroke/TransmissionAutomaticIcon.js";import"../icon/stroke/TransmissionManualIcon.js";import"../icon/stroke/TrashcanIcon.js";import"../icon/stroke/TripCyclicIcon.js";import"../icon/stroke/TripLongTermIcon.js";import"../icon/stroke/TripSingleIcon.js";import"../icon/stroke/TrophyIcon.js";import"../icon/stroke/TwitterIcon.js";import"../icon/stroke/TyreRepairIcon.js";import"../icon/stroke/TyreTracksIcon.js";import"../icon/stroke/TyresIcon.js";import"../icon/stroke/UploadIcon.js";import"../icon/stroke/UserIcon.js";import"../icon/stroke/VentilationIcon.js";import"../icon/stroke/VentilationOffIcon.js";import"../icon/stroke/WalkIcon.js";import"../icon/stroke/WallboxIcon.js";import"../icon/stroke/WalletIcon.js";import"../icon/stroke/WandIcon.js";import"../icon/stroke/WarningIcon.js";import"../icon/stroke/WeatherRainyIcon.js";import"../icon/stroke/WeatherSnowIcon.js";import"../icon/stroke/WellnessIcon.js";import"../icon/stroke/WhatsAppIcon.js";import"../icon/stroke/WheelchairIcon.js";import"../icon/stroke/WheelsIcon.js";import"../icon/stroke/WifiDisabledIcon.js";import"../icon/stroke/WifiHighIcon.js";import"../icon/stroke/WifiLowIcon.js";import"../icon/stroke/WifiMediumIcon.js";import"../icon/stroke/WifiNoSignalIcon.js";import"../icon/stroke/WindowIcon.js";import"../icon/stroke/WindowheaterIcon.js";import"../icon/stroke/WindowsClosedIcon.js";import"../icon/stroke/WindowsOpenIcon.js";import"../icon/stroke/WindscreenWiperIcon.js";import"../icon/stroke/WriteIcon.js";import"../icon/stroke/XIcon.js";import"../icon/stroke/YouTubeIcon.js";import{getInteractiveStyle as d}from"../../materialui/button/interactive.js";const m=e((e,m)=>{var{iconName:I,iconProps:j,title:a,titleTypographyProps:f,subtitle:k,subtitleTypographyProps:F,dividerWrapperProps:C,dividerProps:u,contentWrapperProps:h,titleWrapperProps:g,buttonTitle:S,buttonProps:w,buttonIconProps:y,onClick:B,sx:T}=e,b=o(e,["iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx"]);const P=j||{},{sx:x}=P,A=o(P,["sx"]),v=C||{},{sx:M}=v,D=o(v,["sx"]),L=u||{},{sx:W}=L,O=o(L,["sx"]),R=h||{},{sx:E}=R,H=o(R,["sx"]),U=g||{},{sx:N}=U,Q=o(U,["sx"]);return i(l,Object.assign({direction:"column",alignItems:"flex-start",sx:Object.assign(Object.assign({minWidth:"0",cursor:"pointer",color:"inherit",textDecoration:"unset",gap:{xs:"8px",md:"16px"}},d({hr:{backgroundColor:"text.primary",height:"1px"},".MuiButton-navigation":{backgroundColor:"transparent",color:o=>"dark"===o.palette.mode?"onSurface.os0":"onSurface.os900","& .MuiButton-startIcon":{transform:"translateX(0px)"},"& .MuiButton-endIcon":{transform:"translateX(0px)"}}},{hr:{backgroundColor:o=>"dark"===o.palette.mode?"brand.secondary":"brand.primary",height:"2px"},".MuiButton-navigation":{backgroundColor:"transparent",color:o=>"dark"===o.palette.mode?"onSurface.os300":"onSurface.os700",".MuiButton-startIcon":{transform:"translateX(-8px)"},".MuiButton-endIcon":{transform:"translateX(8px)"}}})),T),"data-testid":"QuickLink",ref:m},B&&{onClick:B,role:"button"},{tabIndex:-1},b,{children:[n(r,Object.assign({sx:Object.assign({position:"relative",width:"100%",height:"2px","&&":{mb:{xs:0,md:I?0:2}}},M)},D,{children:n(r,Object.assign({component:"hr",sx:Object.assign({border:"none",position:"absolute",inset:"0",m:0},W)},O))})),i(r,Object.assign({sx:Object.assign({width:"480px",maxWidth:"100%",pr:3,pt:{xs:"8px",md:"0px"}},E)},H,{children:[i(l,Object.assign({sx:Object.assign({flexDirection:{xs:"row",md:"column"},alignItems:{xs:"center",md:"flex-start"},gap:{xs:"4px",md:"18px"},mb:{xs:"4px",md:0}},N)},Q,{children:[I&&n(s,Object.assign({name:I,sx:Object.assign({display:"block",fontSize:{xs:"20px",md:"35px"},mx:{xs:"2px",md:"0px"},my:{xs:"0px",md:"2px"}},x),"data-testid":"QuickLink.icon"},A)),a&&n(c,Object.assign({variant:"h4",display:"block","data-testid":"QuickLink.title",sx:{mb:{xs:0,md:.5}}},f,{children:a}))]})),k&&n(c,Object.assign({variant:"disclaimer1",display:"block","data-testid":"QuickLink.subtitle"},F,{children:k}))]})),S&&n(t,Object.assign({variant:"navigation",color:"secondary",endIcon:n(p,{}),"data-testid":"QuickLink.button"},w,{children:S}))]}))}),I=e((i,e)=>{var{sx:l,children:c}=i,t=o(i,["sx","children"]);return n(r,Object.assign({sx:Object.assign({display:"grid",gridTemplateColumns:{xs:"1fr",lg:"repeat(3, 1fr)"},gap:3},l),ref:e},t,{children:c}))});export{m as QuickLink,I as QuickLinkWrapper};
 //# sourceMappingURL=quickLink.js.map

package/components/quickLink/quickLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"quickLink.js","sources":["../../../src/components/quickLink/quickLink.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef, ForwardedRef } from 'react';\nimport { Stack, Box, Button, Typography, StackProps, TypographyProps, ButtonProps, BoxProps } from '@mui/material';\nimport { Icon, IconProps } from '@/src/components/icon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface QuickLinkProps extends Omit<StackProps<ElementType>, 'title'> {\n  /**\n   * Name of the icon from icon set\n   */\n  iconName?: IconProps['name'];\n  /**\n   * Props applied to Icon component\n   */\n  iconProps?: IconProps;\n  /**\n   * Title text\n   */\n  title?: ReactNode;\n  /**\n   * Props applied to title Typography wrapper component\n   */\n  titleTypographyProps?: TypographyProps;\n  /**\n   * Subtitle text\n   */\n  subtitle?: ReactNode;\n  /**\n   * Props applied to subtitle Typography wrapper component\n   */\n  subtitleTypographyProps?: TypographyProps;\n  /**\n   * Props applied to wrapper of divider component\n   */\n  dividerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to divider component\n   */\n  dividerProps?: BoxProps<ElementType>;\n  /**\n   * Content wrapper\n   */\n  contentWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Icon and Title wrapper that changes on the mobile\n   */\n  titleWrapperProps?: StackProps;\n  /**\n   * Button text\n   */\n  buttonTitle?: ReactNode;\n  /**\n   * Props applied to Button component\n   */\n  buttonProps?: ButtonProps;\n}\n\n/**\n * Quick Links are used to provide immediate access to the most relevant and\n * frequently used actions related to a product or service.\n *\n * Composition of title, subtitle, icon, and button\n */\nexport const QuickLink: React.FC<QuickLinkProps> = forwardRef(\n  (\n    {\n      iconName,\n      iconProps,\n      title,\n      titleTypographyProps,\n      subtitle,\n      subtitleTypographyProps,\n      dividerWrapperProps,\n      dividerProps,\n      contentWrapperProps,\n      titleWrapperProps,\n      buttonTitle,\n      buttonProps,\n      buttonIconProps,\n      onClick,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: iconSx, ...restIconProps } = iconProps || {};\n    const { sx: dividerWrapperSx, ...restDividerWrapperProps } = dividerWrapperProps || {};\n    const { sx: dividerSx, ...restDividerProps } = dividerProps || {};\n    const { sx: contentWrapperSx, ...restContentWrapperProps } = contentWrapperProps || {};\n    const { sx: titleWrapperSx, ...restTitleWrapperProps } = titleWrapperProps || {};\n\n    return (\n      <Stack\n        direction=\"column\"\n        alignItems=\"flex-start\"\n        sx={{\n          minWidth: '0',\n          cursor: 'pointer',\n          color: 'inherit',\n          textDecoration: 'unset',\n          gap: { xs: '8px', md: '16px' },\n          ...getInteractiveStyle(\n            {\n              hr: {\n                backgroundColor: 'text.primary',\n                height: '1px',\n              },\n              // interactive style from button.theme\n              '.MuiButton-navigation': {\n                backgroundColor: 'transparent',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os0' : 'onSurface.os900'),\n                '& .MuiButton-startIcon': {\n                  transform: 'translateX(0px)',\n                },\n                '& .MuiButton-endIcon': {\n                  transform: 'translateX(0px)',\n                },\n              },\n            },\n            {\n              hr: {\n                backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n                height: '2px',\n              },\n              '.MuiButton-navigation': {\n                backgroundColor: 'transparent',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700'),\n                '.MuiButton-startIcon': {\n                  transform: 'translateX(-8px)',\n                },\n                '.MuiButton-endIcon': {\n                  transform: 'translateX(8px)',\n                },\n              },\n            },\n          ),\n          ...sx,\n        }}\n        data-testid=\"QuickLink\"\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        {...(onClick && {\n          onClick: onClick,\n          role: 'button',\n        })}\n        tabIndex={-1}\n        {...rest}\n      >\n        <Box\n          sx={{\n            position: 'relative',\n            width: '100%',\n            height: '2px',\n            // 32px gap from top if icon is hidden\n            '&&': { mb: { xs: 0, md: iconName ? 0 : 2 } },\n            ...dividerWrapperSx,\n          }}\n          {...restDividerWrapperProps}\n        >\n          <Box\n            component=\"hr\"\n            sx={{\n              border: 'none',\n              position: 'absolute',\n              inset: '0',\n              m: 0,\n              // style is set via interactive parent\n              ...dividerSx,\n            }}\n            {...restDividerProps}\n          />\n        </Box>\n        <Box\n          sx={{ width: '480px', maxWidth: '100%', pr: 3, pt: { xs: '8px', md: '0px' }, ...contentWrapperSx }}\n          {...restContentWrapperProps}\n        >\n          <Stack\n            sx={{\n              flexDirection: { xs: 'row', md: 'column' },\n              alignItems: { xs: 'center', md: 'flex-start' },\n              gap: { xs: '4px', md: '18px' },\n              mb: { xs: '4px', md: 0 },\n              ...titleWrapperSx,\n            }}\n            {...restTitleWrapperProps}\n          >\n            {iconName && (\n              <Icon\n                name={iconName}\n                sx={{\n                  display: 'block',\n                  fontSize: { xs: '20px', md: '35px' },\n                  mx: { xs: '2px', md: '0px' },\n                  my: { xs: '0px', md: '2px' },\n                  ...iconSx,\n                }}\n                data-testid=\"QuickLink.icon\"\n                {...restIconProps}\n              />\n            )}\n            {title && (\n              <Typography\n                variant=\"h4\"\n                display=\"block\"\n                data-testid=\"QuickLink.title\"\n                sx={{ mb: { xs: 0, md: 0.5 } }}\n                {...titleTypographyProps}\n              >\n                {title}\n              </Typography>\n            )}\n          </Stack>\n          {subtitle && (\n            <Typography\n              variant=\"disclaimer1\"\n              display=\"block\"\n              data-testid=\"QuickLink.subtitle\"\n              {...subtitleTypographyProps}\n            >\n              {subtitle}\n            </Typography>\n          )}\n        </Box>\n        {buttonTitle && (\n          <Button\n            variant=\"navigation\"\n            color=\"secondary\"\n            endIcon={<ArrowRightIcon />}\n            data-testid=\"QuickLink.button\"\n            {...buttonProps}\n          >\n            {buttonTitle}\n          </Button>\n        )}\n      </Stack>\n    );\n  },\n);\n\nexport interface QuickLinkWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for 3 QuickLinks\n */\nexport const QuickLinkWrapper: React.FC<QuickLinkWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: { xs: '1fr', lg: 'repeat(3, 1fr)' },\n        gap: 3,\n        ...sx,\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["QuickLink","forwardRef","_a","ref","iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx","rest","__rest","_b","iconSx","restIconProps","_c","dividerWrapperSx","restDividerWrapperProps","_d","dividerSx","restDividerProps","_e","contentWrapperSx","restContentWrapperProps","_f","titleWrapperSx","restTitleWrapperProps","_jsxs","Stack","direction","alignItems","Object","assign","minWidth","cursor","color","textDecoration","gap","xs","md","getInteractiveStyle","hr","backgroundColor","height","theme","palette","mode","transform","role","tabIndex","children","_jsx","Box","position","width","mb","component","border","inset","m","maxWidth","pr","pt","flexDirection","Icon","name","display","fontSize","mx","my","Typography","variant","Button","endIcon","ArrowRightIcon","QuickLinkWrapper","gridTemplateColumns","lg"],"mappings":"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"}
+{"version":3,"file":"quickLink.js","sources":["../../../src/components/quickLink/quickLink.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef, ForwardedRef } from 'react';\nimport { Stack, Box, Button, Typography, StackProps, TypographyProps, ButtonProps, BoxProps } from '@mui/material';\nimport { Icon, IconProps } from '@/src/components/icon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface QuickLinkProps extends Omit<StackProps<ElementType>, 'title'> {\n  /**\n   * Name of the icon from icon set\n   */\n  iconName?: IconProps['name'];\n  /**\n   * Props applied to Icon component\n   */\n  iconProps?: IconProps;\n  /**\n   * Title text\n   */\n  title?: ReactNode;\n  /**\n   * Props applied to title Typography wrapper component\n   */\n  titleTypographyProps?: TypographyProps;\n  /**\n   * Subtitle text\n   */\n  subtitle?: ReactNode;\n  /**\n   * Props applied to subtitle Typography wrapper component\n   */\n  subtitleTypographyProps?: TypographyProps;\n  /**\n   * Props applied to wrapper of divider component\n   */\n  dividerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to divider component\n   */\n  dividerProps?: BoxProps<ElementType>;\n  /**\n   * Content wrapper\n   */\n  contentWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Icon and Title wrapper that changes on the mobile\n   */\n  titleWrapperProps?: StackProps;\n  /**\n   * Button text\n   */\n  buttonTitle?: ReactNode;\n  /**\n   * Props applied to Button component\n   */\n  buttonProps?: ButtonProps;\n}\n\n/**\n * Quick Links are used to provide immediate access to the most relevant and\n * frequently used actions related to a product or service.\n *\n * Composition of title, subtitle, icon, and button\n */\nexport const QuickLink: React.FC<QuickLinkProps> = forwardRef(\n  (\n    {\n      iconName,\n      iconProps,\n      title,\n      titleTypographyProps,\n      subtitle,\n      subtitleTypographyProps,\n      dividerWrapperProps,\n      dividerProps,\n      contentWrapperProps,\n      titleWrapperProps,\n      buttonTitle,\n      buttonProps,\n      buttonIconProps,\n      onClick,\n      sx,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: iconSx, ...restIconProps } = iconProps || {};\n    const { sx: dividerWrapperSx, ...restDividerWrapperProps } = dividerWrapperProps || {};\n    const { sx: dividerSx, ...restDividerProps } = dividerProps || {};\n    const { sx: contentWrapperSx, ...restContentWrapperProps } = contentWrapperProps || {};\n    const { sx: titleWrapperSx, ...restTitleWrapperProps } = titleWrapperProps || {};\n\n    return (\n      <Stack\n        direction=\"column\"\n        alignItems=\"flex-start\"\n        sx={{\n          minWidth: '0',\n          cursor: 'pointer',\n          color: 'inherit',\n          textDecoration: 'unset',\n          gap: { xs: '8px', md: '16px' },\n          ...getInteractiveStyle(\n            {\n              hr: {\n                backgroundColor: 'text.primary',\n                height: '1px',\n              },\n              // interactive style from button.theme\n              '.MuiButton-navigation': {\n                backgroundColor: 'transparent',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os0' : 'onSurface.os900'),\n                '& .MuiButton-startIcon': {\n                  transform: 'translateX(0px)',\n                },\n                '& .MuiButton-endIcon': {\n                  transform: 'translateX(0px)',\n                },\n              },\n            },\n            {\n              hr: {\n                backgroundColor: (theme) => (theme.palette.mode === 'dark' ? 'brand.secondary' : 'brand.primary'),\n                height: '2px',\n              },\n              '.MuiButton-navigation': {\n                backgroundColor: 'transparent',\n                color: (theme) => (theme.palette.mode === 'dark' ? 'onSurface.os300' : 'onSurface.os700'),\n                '.MuiButton-startIcon': {\n                  transform: 'translateX(-8px)',\n                },\n                '.MuiButton-endIcon': {\n                  transform: 'translateX(8px)',\n                },\n              },\n            },\n          ),\n          ...sx,\n        }}\n        data-testid=\"QuickLink\"\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        {...(onClick && {\n          onClick: onClick,\n          role: 'button',\n        })}\n        tabIndex={-1}\n        {...rest}\n      >\n        <Box\n          sx={{\n            position: 'relative',\n            width: '100%',\n            height: '2px',\n            // 32px gap from top if icon is hidden\n            '&&': { mb: { xs: 0, md: iconName ? 0 : 2 } },\n            ...dividerWrapperSx,\n          }}\n          {...restDividerWrapperProps}\n        >\n          <Box\n            component=\"hr\"\n            sx={{\n              border: 'none',\n              position: 'absolute',\n              inset: '0',\n              m: 0,\n              // style is set via interactive parent\n              ...dividerSx,\n            }}\n            {...restDividerProps}\n          />\n        </Box>\n        <Box\n          sx={{ width: '480px', maxWidth: '100%', pr: 3, pt: { xs: '8px', md: '0px' }, ...contentWrapperSx }}\n          {...restContentWrapperProps}\n        >\n          <Stack\n            sx={{\n              flexDirection: { xs: 'row', md: 'column' },\n              alignItems: { xs: 'center', md: 'flex-start' },\n              gap: { xs: '4px', md: '18px' },\n              mb: { xs: '4px', md: 0 },\n              ...titleWrapperSx,\n            }}\n            {...restTitleWrapperProps}\n          >\n            {iconName && (\n              <Icon\n                name={iconName}\n                sx={{\n                  display: 'block',\n                  fontSize: { xs: '20px', md: '35px' },\n                  mx: { xs: '2px', md: '0px' },\n                  my: { xs: '0px', md: '2px' },\n                  ...iconSx,\n                }}\n                data-testid=\"QuickLink.icon\"\n                {...restIconProps}\n              />\n            )}\n            {title && (\n              <Typography\n                variant=\"h4\"\n                display=\"block\"\n                data-testid=\"QuickLink.title\"\n                sx={{ mb: { xs: 0, md: 0.5 } }}\n                {...titleTypographyProps}\n              >\n                {title}\n              </Typography>\n            )}\n          </Stack>\n          {subtitle && (\n            <Typography\n              variant=\"disclaimer1\"\n              display=\"block\"\n              data-testid=\"QuickLink.subtitle\"\n              {...subtitleTypographyProps}\n            >\n              {subtitle}\n            </Typography>\n          )}\n        </Box>\n        {buttonTitle && (\n          <Button\n            variant=\"navigation\"\n            color=\"secondary\"\n            endIcon={<ArrowRightIcon />}\n            data-testid=\"QuickLink.button\"\n            {...buttonProps}\n          >\n            {buttonTitle}\n          </Button>\n        )}\n      </Stack>\n    );\n  },\n);\n\nexport interface QuickLinkWrapperProps extends BoxProps<ElementType> {}\n\n/**\n * Wrapper container for 3 QuickLinks\n */\nexport const QuickLinkWrapper: React.FC<QuickLinkWrapperProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: { xs: '1fr', lg: 'repeat(3, 1fr)' },\n        gap: 3,\n        ...sx,\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["QuickLink","forwardRef","_a","ref","iconName","iconProps","title","titleTypographyProps","subtitle","subtitleTypographyProps","dividerWrapperProps","dividerProps","contentWrapperProps","titleWrapperProps","buttonTitle","buttonProps","buttonIconProps","onClick","sx","rest","__rest","_b","iconSx","restIconProps","_c","dividerWrapperSx","restDividerWrapperProps","_d","dividerSx","restDividerProps","_e","contentWrapperSx","restContentWrapperProps","_f","titleWrapperSx","restTitleWrapperProps","_jsxs","Stack","direction","alignItems","Object","assign","minWidth","cursor","color","textDecoration","gap","xs","md","getInteractiveStyle","hr","backgroundColor","height","theme","palette","mode","transform","role","tabIndex","children","_jsx","Box","position","width","mb","component","border","inset","m","maxWidth","pr","pt","flexDirection","Icon","name","display","fontSize","mx","my","Typography","variant","Button","endIcon","ArrowRightIcon","QuickLinkWrapper","gridTemplateColumns","lg"],"mappings":"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"}

package/components/radioButton/radioButton.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as r,jsx as o}from"react/jsx-runtime";import{forwardRef as t}from"react";import{styled as i,Radio as l}from"@mui/material";import a from"../common/styled/formControlLabelStyled.js";import{ternaryCondition as n}from"../../utils/utilities.js";const d=t(((e,t)=>{const i=r(s,{disabled:e.disabled,error:e.error,children:[o(l,Object.assign({},e,{ref:t,color:e.error?"error":"primary"})),e.label&&"string"!=typeof e.label&&o("div",{className:"NodeLabelContainer",children:e.label})]});return e.label&&"string"==typeof e.label&&e.label.length>0?o(a,{control:i,label:e.label,disabled:e.disabled,error:e.error}):i})),s=i("div",{shouldForwardProp:e=>"error"!==e&&"disabled"!==e})((r=>{var{theme:o}=r,t=e(r,["theme"]);let i={};return i={display:"flex","& .NodeLabelContainer":{cursor:"pointer",paddingTop:"4px",paddingBottom:"4px",letterSpacing:"0.2px",paddingLeft:"8px",fontSize:"14px",lineHeight:"24px",fontWeight:"400",pointerEvents:n(t.disabled,!0,"none","all"),color:n(t.error&&!t.disabled,!0,o.palette.error.main,"inherit"),"& a":{color:"inherit",textDecoration:"underline",fontWeight:"700"},"& *":{margin:0}}},t.disabled&&(i=Object.assign(Object.assign({},i),{color:n(t.disabled,!0,o.palette.disabled.primary,"inherit")})),i}));export{d as RadioButton};
+import{__rest as e}from"tslib";import{jsxs as r,jsx as o}from"react/jsx-runtime";import{forwardRef as t}from"react";import{styled as i,Radio as l}from"@mui/material";import a from"../common/styled/formControlLabelStyled.js";import{ternaryCondition as n}from"../../utils/utilities.js";const d=t((e,t)=>{const i=r(s,{disabled:e.disabled,error:e.error,children:[o(l,Object.assign({},e,{ref:t,color:e.error?"error":"primary"})),e.label&&"string"!=typeof e.label&&o("div",{className:"NodeLabelContainer",children:e.label})]});return e.label&&"string"==typeof e.label&&e.label.length>0?o(a,{control:i,label:e.label,disabled:e.disabled,error:e.error}):i}),s=i("div",{shouldForwardProp:e=>"error"!==e&&"disabled"!==e})(r=>{var{theme:o}=r,t=e(r,["theme"]);let i={};return i={display:"flex","& .NodeLabelContainer":{cursor:"pointer",paddingTop:"4px",paddingBottom:"4px",letterSpacing:"0.2px",paddingLeft:"8px",fontSize:"14px",lineHeight:"24px",fontWeight:"400",pointerEvents:n(t.disabled,!0,"none","all"),color:n(t.error&&!t.disabled,!0,o.palette.error.main,"inherit"),"& a":{color:"inherit",textDecoration:"underline",fontWeight:"700"},"& *":{margin:0}}},t.disabled&&(i=Object.assign(Object.assign({},i),{color:n(t.disabled,!0,o.palette.disabled.primary,"inherit")})),i});export{d as RadioButton};
 //# sourceMappingURL=radioButton.js.map

package/components/radioButton/radioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"radioButton.js","sources":["../../../src/components/radioButton/radioButton.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from 'react';\nimport { Radio as MuiRadioButton, styled } from '@mui/material';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\nimport { ternaryCondition } from '../../utils/utilities';\n\nexport interface RadioButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'onChange'> {\n  /**\n   *  Disabled state, not changeable.\n   */\n  disabled?: boolean;\n\n  /**\n   *  Uncontrolled component. Set initial value. Do not use with \"checked\" together.\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * Controlled component. Set current value. Do not use with \"defaultChecked\" together.\n   */\n  checked?: boolean;\n  /**\n   * Error state of checkbox.\n   */\n  error?: boolean;\n\n  /**\n   * Is checkbox required field in form?\n   */\n  required?: boolean;\n\n  /**\n   * The value referenced with RadioButton element\n   */\n  value?: string;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  label?: string | ReactNode;\n\n  /**\n   * HTML DOM element reference of component\n   */\n  ref?: React.Ref<HTMLButtonElement>;\n\n  /**\n   * @description Triggered when element is changed.\n   * @param e React original event object\n   * @param value Current changed value\n   */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * @description Styled SkodaFlow RadioButton component\n * @param props RadioButtonProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use use FormControlLabel and Radio components from @mui/material instead.\n */\nexport const RadioButton = forwardRef<HTMLButtonElement, RadioButtonProps>((props, ref) => {\n  const radio = (\n    <RadioButtonStyled disabled={props.disabled} error={props.error}>\n      <MuiRadioButton {...props} ref={ref} color={props.error ? 'error' : 'primary'} />\n      {props.label && typeof props.label !== 'string' && <div className=\"NodeLabelContainer\">{props.label}</div>}\n    </RadioButtonStyled>\n  );\n\n  return props.label && typeof props.label === 'string' && props.label.length > 0 ? (\n    <FormControlLabelStyled control={radio} label={props.label} disabled={props.disabled} error={props.error} />\n  ) : (\n    radio\n  );\n});\n\n/**\n * @description RadioButton styling definition\n */\nconst RadioButtonStyled = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})<{ theme?: any; disabled?: boolean; error?: boolean }>(({ theme, ...args }) => {\n  let styles = {};\n\n  styles = {\n    display: 'flex',\n    '& .NodeLabelContainer': {\n      cursor: 'pointer',\n      paddingTop: '4px',\n      paddingBottom: '4px',\n      letterSpacing: '0.2px',\n      paddingLeft: '8px',\n      fontSize: '14px',\n      lineHeight: '24px',\n      fontWeight: '400',\n      pointerEvents: ternaryCondition(args.disabled, true, 'none', 'all'),\n      color: ternaryCondition(args.error && !args.disabled, true, theme.palette.error.main, 'inherit'),\n      '& a': {\n        color: 'inherit',\n        textDecoration: 'underline',\n        fontWeight: '700',\n      },\n      '& *': {\n        margin: 0,\n      },\n    },\n  };\n  if (args.disabled) {\n    styles = {\n      ...styles,\n      color: ternaryCondition(args.disabled, true, theme.palette.disabled.primary, 'inherit'),\n    };\n  }\n  return styles;\n});\n"],"names":["RadioButton","forwardRef","props","ref","radio","_jsxs","RadioButtonStyled","disabled","error","children","_jsx","MuiRadioButton","Object","assign","color","label","className","length","FormControlLabelStyled","control","styled","shouldForwardProp","prop","_a","theme","args","__rest","styles","display","cursor","paddingTop","paddingBottom","letterSpacing","paddingLeft","fontSize","lineHeight","fontWeight","pointerEvents","ternaryCondition","palette","main","textDecoration","margin","primary"],"mappings":"4RA2Da,MAAAA,EAAcC,GAAgD,CAACC,EAAOC,KACjF,MAAMC,EACJC,EAACC,EAAiB,CAACC,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,MACxDC,SAAA,CAAAC,EAACC,EAAcC,OAAAC,OAAA,CAAA,EAAKX,EAAK,CAAEC,IAAKA,EAAKW,MAAOZ,EAAMM,MAAQ,QAAU,aACnEN,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBL,EAAK,MAAA,CAAAM,UAAU,qBAAsBP,SAAAP,EAAMa,WAIlG,OAAOb,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBb,EAAMa,MAAME,OAAS,EAC5EP,EAACQ,EAAsB,CAACC,QAASf,EAAOW,MAAOb,EAAMa,MAAOR,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,QAEnG,CACD,IAMGF,EAAoBc,EAAO,MAAO,CACtCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GADzBF,EAEgCG,IAAA,IAAAC,MAAEA,GAAgBD,EAANE,EAAIC,EAAAH,EAAhB,WACxD,IAAII,EAAS,CAAE,EA+Bf,OA7BAA,EAAS,CACPC,QAAS,OACT,wBAAyB,CACvBC,OAAQ,UACRC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,YAAa,MACbC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAeC,EAAiBb,EAAKlB,UAAU,EAAM,OAAQ,OAC7DO,MAAOwB,EAAiBb,EAAKjB,QAAUiB,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQ/B,MAAMgC,KAAM,WACtF,MAAO,CACL1B,MAAO,UACP2B,eAAgB,YAChBL,WAAY,OAEd,MAAO,CACLM,OAAQ,KAIVjB,EAAKlB,WACPoB,EAAMf,OAAAC,OAAAD,OAAAC,OAAA,GACDc,GAAM,CACTb,MAAOwB,EAAiBb,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQhC,SAASoC,QAAS,cAG1EhB,CAAM"}
+{"version":3,"file":"radioButton.js","sources":["../../../src/components/radioButton/radioButton.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from 'react';\nimport { Radio as MuiRadioButton, styled } from '@mui/material';\nimport FormControlLabelStyled from '../common/styled/formControlLabelStyled';\nimport { ternaryCondition } from '../../utils/utilities';\n\nexport interface RadioButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'onChange'> {\n  /**\n   *  Disabled state, not changeable.\n   */\n  disabled?: boolean;\n\n  /**\n   *  Uncontrolled component. Set initial value. Do not use with \"checked\" together.\n   */\n  defaultChecked?: boolean;\n\n  /**\n   * Controlled component. Set current value. Do not use with \"defaultChecked\" together.\n   */\n  checked?: boolean;\n  /**\n   * Error state of checkbox.\n   */\n  error?: boolean;\n\n  /**\n   * Is checkbox required field in form?\n   */\n  required?: boolean;\n\n  /**\n   * The value referenced with RadioButton element\n   */\n  value?: string;\n\n  /**\n   * The value referenced with checkbox element\n   */\n  label?: string | ReactNode;\n\n  /**\n   * HTML DOM element reference of component\n   */\n  ref?: React.Ref<HTMLButtonElement>;\n\n  /**\n   * @description Triggered when element is changed.\n   * @param e React original event object\n   * @param value Current changed value\n   */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * @description Styled SkodaFlow RadioButton component\n * @param props RadioButtonProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use use FormControlLabel and Radio components from @mui/material instead.\n */\nexport const RadioButton = forwardRef<HTMLButtonElement, RadioButtonProps>((props, ref) => {\n  const radio = (\n    <RadioButtonStyled disabled={props.disabled} error={props.error}>\n      <MuiRadioButton {...props} ref={ref} color={props.error ? 'error' : 'primary'} />\n      {props.label && typeof props.label !== 'string' && <div className=\"NodeLabelContainer\">{props.label}</div>}\n    </RadioButtonStyled>\n  );\n\n  return props.label && typeof props.label === 'string' && props.label.length > 0 ? (\n    <FormControlLabelStyled control={radio} label={props.label} disabled={props.disabled} error={props.error} />\n  ) : (\n    radio\n  );\n});\n\n/**\n * @description RadioButton styling definition\n */\nconst RadioButtonStyled = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'error' && prop !== 'disabled',\n})<{ theme?: any; disabled?: boolean; error?: boolean }>(({ theme, ...args }) => {\n  let styles = {};\n\n  styles = {\n    display: 'flex',\n    '& .NodeLabelContainer': {\n      cursor: 'pointer',\n      paddingTop: '4px',\n      paddingBottom: '4px',\n      letterSpacing: '0.2px',\n      paddingLeft: '8px',\n      fontSize: '14px',\n      lineHeight: '24px',\n      fontWeight: '400',\n      pointerEvents: ternaryCondition(args.disabled, true, 'none', 'all'),\n      color: ternaryCondition(args.error && !args.disabled, true, theme.palette.error.main, 'inherit'),\n      '& a': {\n        color: 'inherit',\n        textDecoration: 'underline',\n        fontWeight: '700',\n      },\n      '& *': {\n        margin: 0,\n      },\n    },\n  };\n  if (args.disabled) {\n    styles = {\n      ...styles,\n      color: ternaryCondition(args.disabled, true, theme.palette.disabled.primary, 'inherit'),\n    };\n  }\n  return styles;\n});\n"],"names":["RadioButton","forwardRef","props","ref","radio","_jsxs","RadioButtonStyled","disabled","error","children","_jsx","MuiRadioButton","Object","assign","color","label","className","length","FormControlLabelStyled","control","styled","shouldForwardProp","prop","_a","theme","args","__rest","styles","display","cursor","paddingTop","paddingBottom","letterSpacing","paddingLeft","fontSize","lineHeight","fontWeight","pointerEvents","ternaryCondition","palette","main","textDecoration","margin","primary"],"mappings":"4RA2DO,MAAMA,EAAcC,EAAgD,CAACC,EAAOC,KACjF,MAAMC,EACJC,EAACC,EAAiB,CAACC,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,MAAKC,SAAA,CAC7DC,EAACC,EAAcC,OAAAC,OAAA,CAAA,EAAKX,EAAK,CAAEC,IAAKA,EAAKW,MAAOZ,EAAMM,MAAQ,QAAU,aACnEN,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBL,EAAA,MAAA,CAAKM,UAAU,qBAAoBP,SAAEP,EAAMa,WAIlG,OAAOb,EAAMa,OAAgC,iBAAhBb,EAAMa,OAAsBb,EAAMa,MAAME,OAAS,EAC5EP,EAACQ,EAAsB,CAACC,QAASf,EAAOW,MAAOb,EAAMa,MAAOR,SAAUL,EAAMK,SAAUC,MAAON,EAAMM,QAAS,IAS1GF,EAAoBc,EAAO,MAAO,CACtCC,kBAAoBC,GAAkB,UAATA,GAA6B,aAATA,GADzBF,CAEgCG,IAAA,IAAAC,MAAEA,GAAKD,EAAKE,EAAIC,EAAAH,EAAhB,WACxD,IAAII,EAAS,CAAA,EA+Bb,OA7BAA,EAAS,CACPC,QAAS,OACT,wBAAyB,CACvBC,OAAQ,UACRC,WAAY,MACZC,cAAe,MACfC,cAAe,QACfC,YAAa,MACbC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZC,cAAeC,EAAiBb,EAAKlB,UAAU,EAAM,OAAQ,OAC7DO,MAAOwB,EAAiBb,EAAKjB,QAAUiB,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQ/B,MAAMgC,KAAM,WACtF,MAAO,CACL1B,MAAO,UACP2B,eAAgB,YAChBL,WAAY,OAEd,MAAO,CACLM,OAAQ,KAIVjB,EAAKlB,WACPoB,EAAMf,OAAAC,OAAAD,OAAAC,OAAA,GACDc,GAAM,CACTb,MAAOwB,EAAiBb,EAAKlB,UAAU,EAAMiB,EAAMe,QAAQhC,SAASoC,QAAS,cAG1EhB"}

package/components/search/collapsableSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsableSearch.js","sources":["../../../src/components/search/collapsableSearch.tsx"],"sourcesContent":["import { Box, BoxProps, Collapse, CollapseProps } from '@mui/material';\nimport React from 'react';\nimport { Search, SearchProps } from './search';\n\nexport interface CollapsableSearchProps extends BoxProps {\n  /**\n   * Defines whether the search should be collapsed or not\n   */\n  isCollapsed: boolean;\n\n  /**\n   * Properties of Search component\n   *\n   * @see Search\n   */\n  searchProps?: SearchProps;\n\n  /**\n   * Properties of Mui Collapse component\n   *\n   * @see Collapse https://mui.com/material-ui/api/collapse/\n   */\n  collapseProps?: CollapseProps;\n}\n\nexport const CollapsableSearch: React.FC<CollapsableSearchProps> = ({\n  isCollapsed,\n  searchProps,\n  collapseProps,\n  ...boxProps\n}) => {\n  const { sx: boxSx, ...restBoxProps } = boxProps || {};\n  const { sx: collapseSx, ...restCollapseProps } = collapseProps || {};\n\n  return (\n    <Box sx={{ width: 'fit-content', ...boxSx }} {...restBoxProps}>\n      <Collapse\n        in={!isCollapsed}\n        orientation=\"horizontal\"\n        collapsedSize=\"44px\"\n        sx={{\n          borderRadius: '200px',\n          display: 'flex',\n          justifyContent: 'flex-end',\n          width: 'fit-content',\n          '& input': {\n            width: 'auto',\n          },\n          ...collapseSx,\n        }}\n        {...restCollapseProps}\n      >\n        <Search disableInput={isCollapsed} {...searchProps} />\n      </Collapse>\n    </Box>\n  );\n};\n"],"names":["CollapsableSearch","_a","isCollapsed","searchProps","collapseProps","_b","__rest","sx","boxSx","restBoxProps","_c","collapseSx","restCollapseProps","_jsx","Box","Object","assign","width","children","Collapse","in","orientation","collapsedSize","borderRadius","display","justifyContent","Search","disableInput"],"mappings":"8JAyBa,MAAAA,EAAuDC,QAAAC,YAClEA,EAAWC,YACXA,EAAWC,cACXA,KAGA,MAAMC,EAN4DC,EAAAL,EAAA,CAAA,cAAA,cAAA,mBAMf,IAA3CM,GAAIC,KAAUC,EAAhBH,EAAAD,EAAA,CAAA,OACAK,EAA2CN,GAAiB,IAA1DG,GAAII,KAAeC,EAArBN,EAAAI,EAAA,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CAACT,GAAMQ,OAAAC,OAAA,CAAAC,MAAO,eAAkBT,IAAaC,EAAY,CAAAS,SAC3DL,EAACM,EAAQJ,OAAAC,OAAA,CACPI,IAAKlB,EACLmB,YAAY,aACZC,cAAc,OACdf,GACEQ,OAAAC,OAAA,CAAAO,aAAc,QACdC,QAAS,OACTC,eAAgB,WAChBR,MAAO,cACP,UAAW,CACTA,MAAO,SAENN,IAEDC,EAEJ,CAAAM,SAAAL,EAACa,EAAOX,OAAAC,OAAA,CAAAW,aAAczB,GAAiBC,SAErC"}
+{"version":3,"file":"collapsableSearch.js","sources":["../../../src/components/search/collapsableSearch.tsx"],"sourcesContent":["import { Box, BoxProps, Collapse, CollapseProps } from '@mui/material';\nimport React from 'react';\nimport { Search, SearchProps } from './search';\n\nexport interface CollapsableSearchProps extends BoxProps {\n  /**\n   * Defines whether the search should be collapsed or not\n   */\n  isCollapsed: boolean;\n\n  /**\n   * Properties of Search component\n   *\n   * @see Search\n   */\n  searchProps?: SearchProps;\n\n  /**\n   * Properties of Mui Collapse component\n   *\n   * @see Collapse https://mui.com/material-ui/api/collapse/\n   */\n  collapseProps?: CollapseProps;\n}\n\nexport const CollapsableSearch: React.FC<CollapsableSearchProps> = ({\n  isCollapsed,\n  searchProps,\n  collapseProps,\n  ...boxProps\n}) => {\n  const { sx: boxSx, ...restBoxProps } = boxProps || {};\n  const { sx: collapseSx, ...restCollapseProps } = collapseProps || {};\n\n  return (\n    <Box sx={{ width: 'fit-content', ...boxSx }} {...restBoxProps}>\n      <Collapse\n        in={!isCollapsed}\n        orientation=\"horizontal\"\n        collapsedSize=\"44px\"\n        sx={{\n          borderRadius: '200px',\n          display: 'flex',\n          justifyContent: 'flex-end',\n          width: 'fit-content',\n          '& input': {\n            width: 'auto',\n          },\n          ...collapseSx,\n        }}\n        {...restCollapseProps}\n      >\n        <Search disableInput={isCollapsed} {...searchProps} />\n      </Collapse>\n    </Box>\n  );\n};\n"],"names":["CollapsableSearch","_a","isCollapsed","searchProps","collapseProps","_b","__rest","sx","boxSx","restBoxProps","_c","collapseSx","restCollapseProps","_jsx","Box","Object","assign","width","children","Collapse","in","orientation","collapsedSize","borderRadius","display","justifyContent","Search","disableInput"],"mappings":"8JAyBO,MAAMA,EAAuDC,QAAAC,YAClEA,EAAWC,YACXA,EAAWC,cACXA,KAGA,MAAMC,EAFKC,EAAAL,EAJuD,CAAA,cAAA,cAAA,mBAMf,IAA3CM,GAAIC,KAAUC,EAAYH,EAAAD,EAA5B,CAAA,OACAK,EAA2CN,GAAiB,IAA1DG,GAAII,KAAeC,EAAiBN,EAAAI,EAAtC,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CAACT,GAAEQ,OAAAC,OAAA,CAAIC,MAAO,eAAkBT,IAAaC,EAAY,CAAAS,SAC3DL,EAACM,EAAQJ,OAAAC,OAAA,CACPI,IAAKlB,EACLmB,YAAY,aACZC,cAAc,OACdf,GAAEQ,OAAAC,OAAA,CACAO,aAAc,QACdC,QAAS,OACTC,eAAgB,WAChBR,MAAO,cACP,UAAW,CACTA,MAAO,SAENN,IAEDC,EAAiB,CAAAM,SAErBL,EAACa,EAAMX,OAAAC,OAAA,CAACW,aAAczB,GAAiBC"}