@skodaflow/web-library 7.13.1 → 7.15.0

package/cjs/components/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import {\n  SxProps,\n  Theme,\n  styled,\n  Pagination as MuiPagination,\n  PaginationItem as MuiPaginationItem,\n  TextField,\n  IconButton,\n} from '@mui/material';\nimport React, { HTMLAttributes, forwardRef, useCallback, useEffect, useState } from 'react';\nimport { ternaryCondition } from '../../utils/utilities';\nimport { Icon, IconNameProp } from '../icon';\n\nexport interface PaginationProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'size'> {\n  /**\n   *  The total number of pages.\n   */\n  count?: number;\n\n  /**\n\t The page selected by default\n\t */\n  defaultPage?: number;\n\n  /**\n   *  If true, a pagination will be disabled.\n   */\n\n  isDisabled?: boolean;\n\n  /**\n   *  Set the current page number controlled from outside.\n   */\n\n  page?: number;\n  /**\n   *  The label for previous button.\n   *  @deprecated Previous button label not used by design, will be deleted in future versions\n   */\n  prevButtonLabel?: string;\n\n  /**\n   *  The label for next button.\n   *  @deprecated Previous button label not used by design, will be deleted in future versions\n   */\n  nextButtonLabel?: string;\n  /**\n   * If true, hide the next-page button.\n   */\n  hideNextButton?: boolean;\n\n  /**\n   * If true, hide the previous-page button.\n   */\n  hidePrevButton?: boolean;\n\n  /**\n   * If true, hide the first-page button.\n   */\n  hideFirstButton?: boolean;\n\n  /**\n   * If true, hide the last-page button.\n   */\n  hideLastButton?: boolean;\n\n  /**\n   * Number of always visible pages at the beginning and end.\n   */\n  boundaryCount?: number;\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   *\tAccepts a function which returns a string value that provides a user-friendly name for the current page.\n   */\n  getItemAriaLabel?: (type: string, page: number, selected: boolean) => string;\n  /**\n   * If true, show the first-page button.\n   * @deprecated showFirstButton not working and is deprecated  as first-button should be visible by default according to design. Use hideFirstButton property instead.\n   */\n  showFirstButton?: boolean;\n  /**\n   * If true, show the last-page button.\n   * @deprecated showLastButton not working and is deprecated  as last-button should be visible by default according to design. Use hideLastButton property instead.\n   */\n  showLastButton?: boolean;\n  /**\n   * Number of always visible pages before and after the current page.\n   */\n  siblingCount?: number;\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * On click callback.\n   */\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n  /**\n   * enable or disable direction label. mobile only\n   * @deprecated hideLabels not used by design, will be deleted in future versions\n   */\n  hideLabels?: boolean;\n  /**\n   * callback for value change handling. takes the new value as its only parameter\n   **/\n  onValueChange?: (payload: number) => void;\n}\n\n/**\n * @description SkodaFlow Pagination component.\n * Properties are inherited from HTML div Attribetes element.\n * @param props PaginationProps\n * @returns React Functional Component\n */\n\nconst isPageNumberValid = (pageNumber: any, count: number) => {\n  return (\n    pageNumber === '' ||\n    (typeof pageNumber === 'number' && pageNumber - 1 > 0 && pageNumber + 1 <= count) ||\n    (typeof parseInt(pageNumber) === 'number' && parseInt(pageNumber) > 0 && parseInt(pageNumber) <= count)\n  );\n};\n\nconst mobileIconButton = (\n  muiIcon: IconNameProp,\n  onClick: () => void,\n  disabled?: boolean,\n  direction?: 'forward' | 'back',\n  hideLabel?: boolean,\n  label?: string,\n) => (\n  <IconButton aria-label=\"Navigate\" variant=\"standard\" onClick={onClick} disabled={disabled}>\n    {direction === 'forward' && !hideLabel && label}\n    <Icon name={muiIcon}></Icon>\n    {direction === 'back' && !hideLabel && label}\n  </IconButton>\n);\n\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n  (\n    {\n      count,\n      isDisabled,\n      page,\n      prevButtonLabel,\n      nextButtonLabel,\n      defaultPage,\n      hideNextButton,\n      hidePrevButton,\n      hideFirstButton,\n      hideLastButton,\n      hideLabels,\n      onValueChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const initialPage = defaultPage || 1;\n    const [currentPageNumber, setCurrentPageNumber] = useState<any>(initialPage);\n    const [isFirstMount, setIsFirstMount] = useState(true);\n    const [prevStatePageNumber, setPrevStatePageNumber] = useState<any>();\n\n    useEffect(() => {\n      currentPageNumber && onValueChange && onValueChange(currentPageNumber);\n    }, [currentPageNumber, onValueChange]);\n\n    useEffect(() => {\n      isFirstMount ? setIsFirstMount(false) : page && !isDisabled && setCurrentPageNumber(page);\n    }, [isDisabled, isFirstMount, page]);\n\n    const handleChange = useCallback((event: React.ChangeEvent<unknown>, pageNumber: number) => {\n      setCurrentPageNumber(pageNumber);\n    }, []);\n\n    const handleValueChange = (payload: string) => {\n      if (payload === '') {\n        setPrevStatePageNumber(currentPageNumber);\n        setCurrentPageNumber(payload);\n      }\n      const castToNum = parseInt(payload);\n      if (typeof castToNum === 'number' && isPageNumberValid(castToNum, count)) {\n        setPrevStatePageNumber(castToNum);\n        setCurrentPageNumber(castToNum);\n      }\n    };\n\n    const mobilePagination = () => (\n      <div\n        style={{ display: 'flex', flexDirection: 'column' }}\n        className={`mobileView ${isDisabled ? 'paginationDisabled' : ''}`}\n      >\n        <div className=\"mobileContainer\">\n          {mobileIconButton(\n            'chevron-previous',\n            () => isPageNumberValid(currentPageNumber - 1, count) && setCurrentPageNumber(1),\n            !isPageNumberValid(currentPageNumber - 1, count),\n          )}\n          {mobileIconButton(\n            'chevron-left',\n            () => isPageNumberValid(currentPageNumber - 1, count) && setCurrentPageNumber(currentPageNumber - 1),\n            !isPageNumberValid(currentPageNumber - 1, count),\n            'back',\n            hideLabels,\n            prevButtonLabel,\n          )}\n          <TextField\n            className=\"textFieldContainer\"\n            value={currentPageNumber}\n            inputProps={{ inputMode: 'numeric', pattern: `[1-${count}]*` }}\n            onChange={(val: any) => handleValueChange(val.target.value)}\n            onBlur={() => currentPageNumber === '' && setCurrentPageNumber(prevStatePageNumber)}\n          />\n          {mobileIconButton(\n            'chevron-right',\n            () => isPageNumberValid(currentPageNumber + 1, count) && setCurrentPageNumber(currentPageNumber + 1),\n            !isPageNumberValid(currentPageNumber + 1, count),\n            'forward',\n            hideLabels,\n            nextButtonLabel,\n          )}\n          {mobileIconButton(\n            'chevron-next',\n            () => isPageNumberValid(currentPageNumber + 1, count) && setCurrentPageNumber(count),\n            !isPageNumberValid(currentPageNumber + 1, count),\n          )}\n        </div>\n      </div>\n    );\n\n    const desktopPagination = () => (\n      <MuiPagination\n        className=\"desktopView\"\n        {...props}\n        shape=\"rounded\"\n        count={count}\n        disabled={isDisabled}\n        page={currentPageNumber}\n        hideNextButton={hideNextButton}\n        hidePrevButton={hidePrevButton}\n        showFirstButton={!hideFirstButton}\n        showLastButton={!hideLastButton}\n        ref={ref}\n        onChange={handleChange}\n        renderItem={(item) => (\n          <MuiPaginationItem\n            className={ternaryCondition(hidePrevButton, false, 'MuiPagination-prev', '')}\n            components={{\n              first: () => <Icon name=\"previous\" fontSize=\"small\" />,\n              last: () => <Icon name=\"next\" fontSize=\"small\" />,\n              previous: () => (\n                <>\n                  <Icon name=\"chevron-left\" fontSize=\"small\" />\n                  <>{prevButtonLabel}</>\n                </>\n              ),\n              next: () => (\n                <>\n                  <>{nextButtonLabel}</>\n                  <Icon name=\"chevron-right\" fontSize=\"small\" />\n                </>\n              ),\n            }}\n            {...item}\n          />\n        )}\n      />\n    );\n\n    return (\n      <PaginationStyled data-testid=\"Pagination-wrapper\">\n        {desktopPagination()} {mobilePagination()}\n      </PaginationStyled>\n    );\n  },\n);\n\n/**\n * @description Pagination styling definition based on props\n */\nconst PaginationStyled = styled('div')<{ theme?: any }>(({ theme }) => {\n  let style = {};\n  const flexStyle = {\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'center',\n    width: '100%',\n  };\n\n  style = {\n    [theme.breakpoints.up('md')]: {\n      '& .mobileView': {\n        display: 'none!important',\n      },\n    },\n    [theme.breakpoints.down('md')]: {\n      '& .desktopView': {\n        display: 'none!important',\n      },\n    },\n    '& .desktopView': {\n      '& .MuiButton-startIcon': {\n        marginRight: '8px',\n        display: 'inline-flex',\n      },\n      '& .MuiButton-endIcon': {\n        marginLeft: '8px',\n        display: 'inline-flex',\n      },\n    },\n    '& .mobileView': {\n      ...flexStyle,\n      flexDirection: 'column',\n      flexWrap: 'nowrap',\n      '& .mobileContainer': {\n        ...flexStyle,\n        flexWrap: 'nowrap',\n      },\n      '& .textFieldContainer': {\n        height: '36px',\n        margin: '0 34px',\n        '& input, fieldset': {\n          backgroundColor: theme.palette.transparent.primary,\n          border: 0,\n          borderRadius: '4px',\n          fontSize: '16px',\n          fontWeight: '400',\n          height: '36px',\n          lineHeight: '36px',\n          minWidth: '44px',\n          maxWidth: '50px',\n          padding: '0 4px',\n          textAlign: 'center',\n          color: theme.palette.text.primary,\n        },\n        '& fieldset': {\n          visibility: 'hidden',\n        },\n        '& div': {\n          '&::before': {\n            borderBottom: 0,\n          },\n          '&::after': {\n            borderBottom: 0,\n          },\n        },\n      },\n      '& .controllerContainer': {\n        '& .arrowLabel': {\n          color: theme.palette.text.primary,\n          fontSize: '16px',\n          fontWeight: '400',\n          lineHeight: '16px',\n        },\n        '& .MuiButton-startIcon': {\n          marginRight: '8px',\n          display: 'inline-flex',\n        },\n        '& .MuiButton-endIcon': {\n          marginLeft: '8px',\n          display: 'inline-flex',\n        },\n        '& .MuiIcon-root': {\n          fontSize: '16px',\n          width: '20px',\n          height: '20px',\n        },\n      },\n      '& .counter_label': {\n        color: theme.palette.text.primary,\n        fontSize: '12px',\n        fontWeight: '400',\n        lineHeight: '24px',\n        marginTop: '4px',\n      },\n      '&.paginationDisabled': {\n        pointerEvents: 'none',\n        '& .counter_label, .MuiIcon-root,.arrowLabel, input, fieldset': {\n          color: theme.palette.disabled.primary,\n        },\n      },\n    },\n  };\n\n  return style;\n});\n"],"names":["isPageNumberValid","pageNumber","count","parseInt","mobileIconButton","muiIcon","onClick","disabled","direction","hideLabel","label","_jsxs","IconButton","variant","children","_jsx","jsx","Icon","name","Pagination","forwardRef","_a","ref","isDisabled","page","prevButtonLabel","nextButtonLabel","defaultPage","hideNextButton","hidePrevButton","hideFirstButton","hideLastButton","hideLabels","onValueChange","props","__rest","initialPage","currentPageNumber","setCurrentPageNumber","useState","isFirstMount","setIsFirstMount","prevStatePageNumber","setPrevStatePageNumber","useEffect","handleChange","useCallback","event","PaginationStyled","MuiPagination","Object","assign","className","shape","showFirstButton","showLastButton","onChange","renderItem","item","MuiPaginationItem","PaginationItem","ternaryCondition","components","first","fontSize","last","previous","jsxs","_Fragment","Fragment","next","style","display","flexDirection","TextField","value","inputProps","inputMode","pattern","val","payload","castToNum","handleValueChange","target","onBlur","styled","theme","flexStyle","alignItems","justifyContent","width","breakpoints","up","down","marginRight","marginLeft","flexWrap","height","margin","backgroundColor","palette","transparent","primary","border","borderRadius","fontWeight","lineHeight","minWidth","maxWidth","padding","textAlign","color","text","visibility","borderBottom","marginTop","pointerEvents"],"mappings":"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"}
+{"version":3,"file":"pagination.js","sources":["../../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { Pagination as MuiPagination, PaginationProps as MuiPaginationProps } from '@mui/material';\nimport React, { forwardRef } from 'react';\n\nexport interface PaginationProps extends MuiPaginationProps {\n  /**\n   *  If true, a pagination will be disabled.\n   *  @deprecated It is recommended to use `disabled` prop instead of `isDisabled`\n   */\n  isDisabled?: boolean;\n\n  /**\n   *  The label for previous button.\n   *  @deprecated No longer used, property has no effect\n   */\n  prevButtonLabel?: string;\n\n  /**\n   *  The label for next button.\n   *  @deprecated No longer used, property has no effect\n   */\n  nextButtonLabel?: string;\n\n  /**\n   * If true, hide the first-page button.\n   * @deprecated Use showFirstButton instead\n   */\n  hideFirstButton?: boolean;\n\n  /**\n   * If true, hide the last-page button.\n   * @deprecated Use showLastButton instead\n   */\n  hideLastButton?: boolean;\n\n  /**\n   * enable or disable direction label. mobile only\n   * @deprecated No longer used, property has no effect\n   */\n  hideLabels?: boolean;\n\n  /**\n   * callback for value change handling. takes the new value as its only parameter\n   * @deprecated provide the callback in the onChange function\n   **/\n  onValueChange?: (payload: number) => void;\n}\n\n/**\n * @mui Pagination that contain props parser for the previous implementation\n */\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n  (\n    {\n      isDisabled,\n      page,\n      hideFirstButton,\n      hideLastButton,\n      showFirstButton,\n      showLastButton,\n      hideLabels: _,\n      onValueChange,\n      disabled,\n      onChange,\n      prevButtonLabel: __,\n      nextButtonLabel: ___,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <MuiPagination\n        {...rest}\n        ref={ref}\n        disabled={disabled || isDisabled}\n        page={page && onChange ? page : undefined}\n        onChange={(e, newPage) => {\n          onChange?.(e, newPage);\n          onValueChange?.(newPage);\n        }}\n        showFirstButton={showFirstButton || !hideFirstButton}\n        showLastButton={showLastButton || !hideLastButton}\n      />\n    );\n  },\n);\n"],"names":["Pagination","forwardRef","_a","ref","isDisabled","page","hideFirstButton","hideLastButton","showFirstButton","showLastButton","hideLabels","_","onValueChange","disabled","onChange","prevButtonLabel","__","nextButtonLabel","___","rest","__rest","_jsx","jsx","MuiPagination","Object","assign","undefined","e","newPage"],"mappings":"8FAkDa,MAAAA,mBAAuBC,YAClC,CACEC,EAeAC,KAfA,IAAAC,WACEA,EAAUC,KACVA,EAAIC,gBACJA,EAAeC,eACfA,EAAcC,gBACdA,EAAeC,eACfA,EACAC,WAAYC,EAACC,cACbA,EAAaC,SACbA,EAAQC,SACRA,EACAC,gBAAiBC,EACjBC,gBAAiBC,GAElBhB,EADIiB,EAAIC,EAAAA,OAAAlB,EAbT,oLAiBA,OACEmB,EAACC,IAAAC,aACKC,OAAAC,OAAA,CAAA,EAAAN,GACJhB,IAAKA,EACLU,SAAUA,GAAYT,EACtBC,KAAMA,GAAQS,EAAWT,OAAOqB,EAChCZ,SAAU,CAACa,EAAGC,KACZd,SAAAA,EAAWa,EAAGC,GACdhB,SAAAA,EAAgBgB,EAAQ,EAE1BpB,gBAAiBA,IAAoBF,EACrCG,eAAgBA,IAAmBF,IACnC"}

package/cjs/components/search/search.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),s=require("../icon/stroke/CloseIcon.js"),a=require("../icon/stroke/SearchIcon.js"),r=require("@mui/material"),t=require("react"),o=require("../../utils/useDebounce/useDebounce.js"),i=require("../focusring/focusring.js"),c=require("../../materialui/button/interactive.js");const l=t.forwardRef(((l,u)=>{var{debounce:p=200,defaultValue:d="",cancelIconProps:b={},CancelIconComponent:g,disableInput:x,onCancel:j,onSearch:h,onChange:m,searchIconProps:C={},SearchIconComponent:I,slotProps:f,sx:S,value:O="",variant:v}=l,P=e.__rest(l,["debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant"]);const y=I||a.SearchIcon,k=g||s.CloseIcon,[w,q]=t.useState(d||O),_=w,R=o.default(w,p,{instantClear:!0}),{sx:A}=C,F=e.__rest(C,["sx"]),D=f||{},{input:M={}}=D,z=e.__rest(D,["input"]),B=t.useMemo((()=>{switch(v){case"transparent":return{bgcolor:"transparent.primary"};case"mapShadow":return{bgcolor:"onSurface.os0",boxShadow:e=>e.flowShadows.l};default:return{bgcolor:"surface.primary"}}}),[v]);t.useEffect((()=>{null==m||m(p<=0?_:R)}),[p<=0?_:R]);const V=t.useCallback((e=>{e.preventDefault(),e.stopPropagation(),null==h||h(w)}),[w]);return n.jsx(r.TextField,Object.assign({onChange:e=>q(e.target.value),ref:u,sx:Object.assign(Object.assign({position:"relative",borderRadius:"200px",border:1,borderColor:(null==P?void 0:P.disabled)?"disabled.primary":"onSurface.os900",py:"5px",pl:"15px",pr:"5px",mb:0,"&&":Object.assign({},i.updateFocusRingStyle(1,!1,"&:has(.Mui-focused)"))},B),S)},P,{value:w,variant:"standard",slotProps:Object.assign(Object.assign(Object.assign({},M),{input:{className:""+(""!==w?"filled":""),disabled:x||(null==P?void 0:P.disabled),inputProps:Object.assign(Object.assign({},"inputProps"in M&&Object.assign({},M.inputProps)),{sx:Object.assign({p:0,ml:1,color:"text.primary","&::-webkit-input-placeholder":{color:"onSurface.os700"},"&.Mui-disabled":{"&, &::-webkit-input-placeholder":{color:"disabled.tertiary"}}},"inputProps"in M&&"sx"in M.inputProps&&Object.assign({},M.inputProps.sx))}),disableUnderline:!0,startAdornment:n.jsx(r.InputAdornment,{position:"start",sx:{transition:"all .4s ease",mr:"5px"},children:n.jsx(r.IconButton,{disabled:null==P?void 0:P.disabled,tabIndex:h?0:-1,onClick:V,size:"medium","aria-label":"Search",sx:Object.assign(Object.assign({width:"34px",height:"34px"},i.updateFocusRingStyle("0px")),c.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n.jsx(y,Object.assign({sx:Object.assign({transition:"all .5s ease"},A)},F))})}),endAdornment:n.jsx(r.InputAdornment,{position:"end",sx:{opacity:""!==w?"1":"0",transition:"opacity .3s ease"},children:n.jsx(r.IconButton,{disabled:""===w||(null==P?void 0:P.disabled),onClick:()=>{q(""),null==j||j()},size:"medium",tabIndex:x?-1:0,"aria-label":"Clear search",sx:Object.assign(Object.assign({cursor:""!==w?"pointer":"default",width:"34px",height:"34px"},i.updateFocusRingStyle("0px")),c.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n.jsx(k,Object.assign({},b))})})}}),z)}))}));exports.Search=l;
+"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),s=require("../icon/stroke/CloseIcon.js"),a=require("../icon/stroke/SearchIcon.js"),r=require("@mui/material"),t=require("react"),o=require("../../utils/useDebounce/useDebounce.js"),i=require("../focusring/focusring.js"),c=require("../../materialui/button/interactive.js");const l=t.forwardRef(((l,u)=>{var{debounce:p=200,defaultValue:d="",cancelIconProps:b={},CancelIconComponent:g,disableInput:x,onCancel:j,onSearch:h,onChange:m,searchIconProps:C={},SearchIconComponent:I,slotProps:f,sx:S,value:O="",variant:v}=l,P=e.__rest(l,["debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant"]);const y=I||a.SearchIcon,k=g||s.CloseIcon,[w,q]=t.useState(d||O),_=w,R=o.default(w,p,{instantClear:!0}),{sx:A}=C,F=e.__rest(C,["sx"]),D=f||{},{input:M={}}=D,z=e.__rest(D,["input"]),B=t.useMemo((()=>{switch(v){case"transparent":return{bgcolor:"transparent.primary"};case"mapShadow":return{bgcolor:"onSurface.os0",boxShadow:e=>e.flowShadows.l};default:return{bgcolor:"surface.primary"}}}),[v]);t.useEffect((()=>{null==m||m(p<=0?_:R)}),[p<=0?_:R]);const V=t.useCallback((e=>{e.preventDefault(),e.stopPropagation(),null==h||h(w)}),[w]);return n.jsx(r.TextField,Object.assign({onChange:e=>q(e.target.value),ref:u,sx:Object.assign(Object.assign({position:"relative",borderRadius:"200px",border:1,borderColor:(null==P?void 0:P.disabled)?"disabled.primary":"onSurface.os500",py:"5px",pl:"15px",pr:"5px",mb:0,"&&":Object.assign({},i.updateFocusRingStyle(1,!1,"&:has(.Mui-focused)"))},B),S)},P,{value:w,variant:"standard",slotProps:Object.assign(Object.assign(Object.assign({},M),{input:{className:""+(""!==w?"filled":""),disabled:x||(null==P?void 0:P.disabled),inputProps:Object.assign(Object.assign({},"inputProps"in M&&Object.assign({},M.inputProps)),{sx:Object.assign({p:0,ml:1,color:"text.primary","&::-webkit-input-placeholder":{color:"onSurface.os700"},"&.Mui-disabled":{"&, &::-webkit-input-placeholder":{color:"disabled.tertiary"}}},"inputProps"in M&&"sx"in M.inputProps&&Object.assign({},M.inputProps.sx))}),disableUnderline:!0,startAdornment:n.jsx(r.InputAdornment,{position:"start",sx:{transition:"all .4s ease",mr:"5px"},children:n.jsx(r.IconButton,{disabled:null==P?void 0:P.disabled,tabIndex:h?0:-1,onClick:V,size:"medium","aria-label":"Search",sx:Object.assign(Object.assign({width:"34px",height:"34px"},i.updateFocusRingStyle("0px")),c.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n.jsx(y,Object.assign({sx:Object.assign({transition:"all .5s ease"},A)},F))})}),endAdornment:n.jsx(r.InputAdornment,{position:"end",sx:{opacity:""!==w?"1":"0",transition:"opacity .3s ease"},children:n.jsx(r.IconButton,{disabled:""===w||(null==P?void 0:P.disabled),onClick:()=>{q(""),null==j||j()},size:"medium",tabIndex:x?-1:0,"aria-label":"Clear search",sx:Object.assign(Object.assign({cursor:""!==w?"pointer":"default",width:"34px",height:"34px"},i.updateFocusRingStyle("0px")),c.getInteractiveStyle({backgroundColor:"transparent.transparent"},{backgroundColor:"transparent.transparent"})),children:n.jsx(k,Object.assign({},b))})})}}),z)}))}));exports.Search=l;
 //# sourceMappingURL=search.js.map

package/cjs/components/search/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../../../../../src/components/search/search.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { SearchIcon as FlowSearchIcon } from '@/src/components/icon/stroke/SearchIcon';\nimport { IconButton, InputAdornment, StandardTextFieldProps, SvgIconProps, TextField, Theme } from '@mui/material';\nimport { SystemStyleObject } from '@mui/system';\nimport React, { ElementType, forwardRef, MouseEventHandler, useCallback, useEffect, useMemo, useState } from 'react';\nimport useDebounce from '../../utils/useDebounce/useDebounce';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport type SearchProps = Omit<StandardTextFieldProps, 'onChange' | 'variant' | 'value' | 'size'> & {\n  /**\n   *  Defines whether the input is disabled or not\n   */\n  disableInput?: boolean;\n  /**\n   * Defines the time (ms) of debounce for the onChange effect\n   *\n   * @default 50\n   */\n  debounce?: number;\n  /**\n   * Click handler for the cancel button\n   */\n  onCancel?: () => void;\n  /**\n   * Click handler for the search button\n   *\n   * @param value the current value of search input\n   */\n  onSearch?: (value: string) => void | boolean;\n  /**\n   * Function that will bed called on every change of value, can be debounced by debounce value\n   * If debounce is set to 0, the onChange is being called when deferred value changes\n   *\n   * @see debounce\n   *\n   * @param value current value of searchbar\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Defines which variant of Searchbar component should be rendered\n   * @default solid\n   */\n  variant?: 'solid' | 'transparent' | 'mapShadow';\n  /**\n   * Defines default value in the initial render\n   * If set along with `value` property the `defaultValue` field takes precedence\n   *\n   * @see value\n   */\n  defaultValue?: string;\n  /**\n   * Overrides TextField value property so it can be string only\n   * If set along with `defaultValue` property the `defaultValue` field takes precedence\n   *\n   * @see defaultValue\n   */\n  value?: string;\n  /**\n   * Properties passed to the search icon\n   */\n  searchIconProps?: SvgIconProps;\n  /**\n   * Node for search icon\n   */\n  SearchIconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to the cancel icon\n   */\n  cancelIconProps?: SvgIconProps;\n  /**\n   * Node for search icon\n   */\n  CancelIconComponent?: ElementType<SvgIconProps>;\n};\n\nexport const Search: React.FC<SearchProps> = forwardRef(\n  (\n    {\n      debounce = 200,\n      defaultValue = '',\n      cancelIconProps = {},\n      CancelIconComponent,\n      disableInput,\n      onCancel,\n      onSearch,\n      onChange,\n      searchIconProps = {},\n      SearchIconComponent,\n      slotProps,\n      sx,\n      value = '',\n      variant,\n      ...rest\n    },\n    ref,\n  ) => {\n    const SearchIcon = SearchIconComponent || FlowSearchIcon;\n    const CancelIcon = CancelIconComponent || CloseIcon;\n\n    const [search, setSearch] = useState(defaultValue || value);\n\n    // useDeferredValue not used due to compatibility with React 17\n    // const deferredValue = useDeferredValue(search);\n    const deferredValue = search;\n    const debouncedValue = useDebounce(search, debounce, { instantClear: true });\n\n    const { sx: searchIconSx, ...restSearchIconProps } = searchIconProps;\n    const { input: slotPropsInput = {}, ...restSlot } = slotProps || {};\n\n    const variantStyle = useMemo<SystemStyleObject<Theme>>(() => {\n      switch (variant) {\n        case 'transparent':\n          return { bgcolor: 'transparent.primary' };\n        case 'mapShadow':\n          return { bgcolor: 'onSurface.os0', boxShadow: (theme) => theme.flowShadows.l };\n        default: // solid\n          return { bgcolor: 'surface.primary' };\n      }\n    }, [variant]);\n\n    // if debounce is set use debouncedValue otherwise use deferredValue as dependency and as value\n    useEffect(() => {\n      onChange?.(debounce <= 0 ? deferredValue : debouncedValue);\n    }, [debounce <= 0 ? deferredValue : debouncedValue]);\n\n    // this handler is assigned to the magnifier button\n    const handleSearchIconClick: MouseEventHandler = useCallback(\n      (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n\n        onSearch?.(search);\n      },\n      [search],\n    );\n\n    // this handler is assigned to 'X' button\n    const handleCancelIconClick = () => {\n      setSearch('');\n      onCancel?.();\n    };\n\n    return (\n      <TextField\n        onChange={(e) => setSearch(e.target.value)}\n        ref={ref}\n        sx={{\n          position: 'relative',\n          borderRadius: '200px',\n          border: 1,\n          borderColor: rest?.disabled ? 'disabled.primary' : 'onSurface.os900',\n          py: '5px',\n          pl: '15px',\n          pr: '5px',\n          mb: 0,\n          // focus ring\n          '&&': {\n            ...updateFocusRingStyle(1, false, '&:has(.Mui-focused)'),\n          },\n          ...variantStyle,\n          ...sx,\n        }}\n        {...rest}\n        value={search}\n        variant=\"standard\"\n        slotProps={{\n          ...slotPropsInput,\n          input: {\n            className: `${search !== '' ? 'filled' : ''}`,\n            disabled: disableInput || rest?.disabled,\n            inputProps: {\n              ...('inputProps' in slotPropsInput && { ...slotPropsInput.inputProps }),\n              sx: {\n                p: 0,\n                ml: 1,\n                color: 'text.primary',\n                '&::-webkit-input-placeholder': {\n                  color: 'onSurface.os700',\n                },\n                '&.Mui-disabled': {\n                  '&, &::-webkit-input-placeholder': {\n                    color: 'disabled.tertiary',\n                  },\n                },\n                ...('inputProps' in slotPropsInput &&\n                  'sx' in slotPropsInput.inputProps && { ...slotPropsInput.inputProps.sx }),\n              },\n            },\n            disableUnderline: true,\n            startAdornment: (\n              <InputAdornment\n                position=\"start\"\n                sx={{\n                  transition: 'all .4s ease',\n                  mr: '5px',\n                }}\n              >\n                <IconButton\n                  disabled={rest?.disabled}\n                  tabIndex={!onSearch ? -1 : 0}\n                  onClick={handleSearchIconClick}\n                  size=\"medium\"\n                  aria-label=\"Search\"\n                  sx={{\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <SearchIcon\n                    sx={{\n                      transition: 'all .5s ease',\n                      ...searchIconSx,\n                    }}\n                    {...restSearchIconProps}\n                  />\n                </IconButton>\n              </InputAdornment>\n            ),\n            endAdornment: (\n              <InputAdornment\n                position=\"end\"\n                sx={{\n                  opacity: search !== '' ? '1' : '0',\n                  transition: 'opacity .3s ease',\n                }}\n              >\n                <IconButton\n                  disabled={search === '' || rest?.disabled}\n                  onClick={handleCancelIconClick}\n                  size=\"medium\"\n                  tabIndex={disableInput ? -1 : 0}\n                  aria-label=\"Clear search\"\n                  sx={{\n                    cursor: search !== '' ? 'pointer' : 'default',\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <CancelIcon {...cancelIconProps} />\n                </IconButton>\n              </InputAdornment>\n            ),\n          },\n          ...restSlot,\n        }}\n      />\n    );\n  },\n);\n"],"names":["Search","forwardRef","_a","ref","debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant","rest","__rest","SearchIcon","FlowSearchIcon","CancelIcon","CloseIcon","search","setSearch","useState","deferredValue","debouncedValue","useDebounce","instantClear","searchIconSx","restSearchIconProps","_b","input","slotPropsInput","restSlot","variantStyle","useMemo","bgcolor","boxShadow","theme","flowShadows","l","useEffect","handleSearchIconClick","useCallback","e","preventDefault","stopPropagation","_jsx","jsx","TextField","Object","assign","target","position","borderRadius","border","borderColor","disabled","py","pl","pr","mb","updateFocusRingStyle","className","inputProps","p","ml","color","disableUnderline","startAdornment","InputAdornment","transition","mr","children","IconButton","tabIndex","onClick","size","width","height","getInteractiveStyle","backgroundColor","endAdornment","opacity","cursor"],"mappings":"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"}
+{"version":3,"file":"search.js","sources":["../../../../../src/components/search/search.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { SearchIcon as FlowSearchIcon } from '@/src/components/icon/stroke/SearchIcon';\nimport { IconButton, InputAdornment, StandardTextFieldProps, SvgIconProps, TextField } from '@mui/material';\nimport React, { ElementType, forwardRef, MouseEventHandler, useCallback, useEffect, useMemo, useState } from 'react';\nimport useDebounce from '../../utils/useDebounce/useDebounce';\nimport { updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport type SearchProps = Omit<StandardTextFieldProps, 'onChange' | 'variant' | 'value' | 'size'> & {\n  /**\n   *  Defines whether the input is disabled or not\n   */\n  disableInput?: boolean;\n  /**\n   * Defines the time (ms) of debounce for the onChange effect\n   *\n   * @default 50\n   */\n  debounce?: number;\n  /**\n   * Click handler for the cancel button\n   */\n  onCancel?: () => void;\n  /**\n   * Click handler for the search button\n   *\n   * @param value the current value of search input\n   */\n  onSearch?: (value: string) => void | boolean;\n  /**\n   * Function that will bed called on every change of value, can be debounced by debounce value\n   * If debounce is set to 0, the onChange is being called when deferred value changes\n   *\n   * @see debounce\n   *\n   * @param value current value of searchbar\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Defines which variant of Searchbar component should be rendered\n   * @default solid\n   */\n  variant?: 'solid' | 'transparent' | 'mapShadow';\n  /**\n   * Defines default value in the initial render\n   * If set along with `value` property the `defaultValue` field takes precedence\n   *\n   * @see value\n   */\n  defaultValue?: string;\n  /**\n   * Overrides TextField value property so it can be string only\n   * If set along with `defaultValue` property the `defaultValue` field takes precedence\n   *\n   * @see defaultValue\n   */\n  value?: string;\n  /**\n   * Properties passed to the search icon\n   */\n  searchIconProps?: SvgIconProps;\n  /**\n   * Node for search icon\n   */\n  SearchIconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to the cancel icon\n   */\n  cancelIconProps?: SvgIconProps;\n  /**\n   * Node for search icon\n   */\n  CancelIconComponent?: ElementType<SvgIconProps>;\n};\n\nexport const Search: React.FC<SearchProps> = forwardRef(\n  (\n    {\n      debounce = 200,\n      defaultValue = '',\n      cancelIconProps = {},\n      CancelIconComponent,\n      disableInput,\n      onCancel,\n      onSearch,\n      onChange,\n      searchIconProps = {},\n      SearchIconComponent,\n      slotProps,\n      sx,\n      value = '',\n      variant,\n      ...rest\n    },\n    ref,\n  ) => {\n    const SearchIcon = SearchIconComponent || FlowSearchIcon;\n    const CancelIcon = CancelIconComponent || CloseIcon;\n\n    const [search, setSearch] = useState(defaultValue || value);\n\n    // useDeferredValue not used due to compatibility with React 17\n    // const deferredValue = useDeferredValue(search);\n    const deferredValue = search;\n    const debouncedValue = useDebounce(search, debounce, { instantClear: true });\n\n    const { sx: searchIconSx, ...restSearchIconProps } = searchIconProps;\n    const { input: slotPropsInput = {}, ...restSlot } = slotProps || {};\n\n    const variantStyle = useMemo(() => {\n      switch (variant) {\n        case 'transparent':\n          return { bgcolor: 'transparent.primary' };\n        case 'mapShadow':\n          return { bgcolor: 'onSurface.os0', boxShadow: (theme) => theme.flowShadows.l };\n        default: // solid\n          return { bgcolor: 'surface.primary' };\n      }\n    }, [variant]);\n\n    // if debounce is set use debouncedValue otherwise use deferredValue as dependency and as value\n    useEffect(() => {\n      onChange?.(debounce <= 0 ? deferredValue : debouncedValue);\n    }, [debounce <= 0 ? deferredValue : debouncedValue]);\n\n    // this handler is assigned to the magnifier button\n    const handleSearchIconClick: MouseEventHandler = useCallback(\n      (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n\n        onSearch?.(search);\n      },\n      [search],\n    );\n\n    // this handler is assigned to 'X' button\n    const handleCancelIconClick = () => {\n      setSearch('');\n      onCancel?.();\n    };\n\n    return (\n      <TextField\n        onChange={(e) => setSearch(e.target.value)}\n        ref={ref}\n        sx={{\n          position: 'relative',\n          borderRadius: '200px',\n          border: 1,\n          borderColor: rest?.disabled ? 'disabled.primary' : 'onSurface.os500',\n          py: '5px',\n          pl: '15px',\n          pr: '5px',\n          mb: 0,\n          // focus ring\n          '&&': {\n            ...updateFocusRingStyle(1, false, '&:has(.Mui-focused)'),\n          },\n          ...variantStyle,\n          ...sx,\n        }}\n        {...rest}\n        value={search}\n        variant=\"standard\"\n        slotProps={{\n          ...slotPropsInput,\n          input: {\n            className: `${search !== '' ? 'filled' : ''}`,\n            disabled: disableInput || rest?.disabled,\n            inputProps: {\n              ...('inputProps' in slotPropsInput && { ...slotPropsInput.inputProps }),\n              sx: {\n                p: 0,\n                ml: 1,\n                color: 'text.primary',\n                '&::-webkit-input-placeholder': {\n                  color: 'onSurface.os700',\n                },\n                '&.Mui-disabled': {\n                  '&, &::-webkit-input-placeholder': {\n                    color: 'disabled.tertiary',\n                  },\n                },\n                ...('inputProps' in slotPropsInput &&\n                  'sx' in slotPropsInput.inputProps && { ...slotPropsInput.inputProps.sx }),\n              },\n            },\n            disableUnderline: true,\n            startAdornment: (\n              <InputAdornment\n                position=\"start\"\n                sx={{\n                  transition: 'all .4s ease',\n                  mr: '5px',\n                }}\n              >\n                <IconButton\n                  disabled={rest?.disabled}\n                  tabIndex={!onSearch ? -1 : 0}\n                  onClick={handleSearchIconClick}\n                  size=\"medium\"\n                  aria-label=\"Search\"\n                  sx={{\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <SearchIcon\n                    sx={{\n                      transition: 'all .5s ease',\n                      ...searchIconSx,\n                    }}\n                    {...restSearchIconProps}\n                  />\n                </IconButton>\n              </InputAdornment>\n            ),\n            endAdornment: (\n              <InputAdornment\n                position=\"end\"\n                sx={{\n                  opacity: search !== '' ? '1' : '0',\n                  transition: 'opacity .3s ease',\n                }}\n              >\n                <IconButton\n                  disabled={search === '' || rest?.disabled}\n                  onClick={handleCancelIconClick}\n                  size=\"medium\"\n                  tabIndex={disableInput ? -1 : 0}\n                  aria-label=\"Clear search\"\n                  sx={{\n                    cursor: search !== '' ? 'pointer' : 'default',\n                    width: '34px',\n                    height: '34px',\n                    ...updateFocusRingStyle('0px'),\n                    ...getInteractiveStyle(\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                      {\n                        backgroundColor: 'transparent.transparent',\n                      },\n                    ),\n                  }}\n                >\n                  <CancelIcon {...cancelIconProps} />\n                </IconButton>\n              </InputAdornment>\n            ),\n          },\n          ...restSlot,\n        }}\n      />\n    );\n  },\n);\n"],"names":["Search","forwardRef","_a","ref","debounce","defaultValue","cancelIconProps","CancelIconComponent","disableInput","onCancel","onSearch","onChange","searchIconProps","SearchIconComponent","slotProps","sx","value","variant","rest","__rest","SearchIcon","FlowSearchIcon","CancelIcon","CloseIcon","search","setSearch","useState","deferredValue","debouncedValue","useDebounce","instantClear","searchIconSx","restSearchIconProps","_b","input","slotPropsInput","restSlot","variantStyle","useMemo","bgcolor","boxShadow","theme","flowShadows","l","useEffect","handleSearchIconClick","useCallback","e","preventDefault","stopPropagation","_jsx","jsx","TextField","Object","assign","target","position","borderRadius","border","borderColor","disabled","py","pl","pr","mb","updateFocusRingStyle","className","inputProps","p","ml","color","disableUnderline","startAdornment","InputAdornment","transition","mr","children","IconButton","tabIndex","onClick","size","width","height","getInteractiveStyle","backgroundColor","endAdornment","opacity","cursor"],"mappings":"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"}

package/cjs/components/secondaryNavigation/SecondaryNavigation.d.ts

@@ -0,0 +1,51 @@
+import { FC, ReactNode, ElementType } from 'react';
+import { AppBarProps, TabsProps, BoxProps, ToolbarProps, TypographyProps } from '@mui/material';
+export interface SecondaryNavigationProps extends Omit<AppBarProps, 'color' | 'title'> {
+    /**
+     * Headline
+     */
+    title?: ReactNode;
+    /**
+     * Items in the menu
+     * @deprecated place links directly as children
+     */
+    navigationItems?: ReactNode;
+    /**
+     * @deprecated no longer has any effect
+     */
+    color?: 'light' | 'dark';
+    /**
+     * Wrap the navigation into container
+     * @default false
+     */
+    inContainer?: boolean;
+    /**
+     * ActionButtons on the right side
+     */
+    buttons?: ReactNode;
+    /**
+     * ActionButtons on the right side
+     * @deprecated rename property to buttons
+     */
+    cta?: ReactNode;
+    /**
+     * Properties applied to toolbar container
+     */
+    toolbarProps?: ToolbarProps<ElementType>;
+    /**
+     * Properties applied to title
+     */
+    titleProps?: TypographyProps<ElementType>;
+    /**
+     * Properties applied to content wrapper
+     */
+    contentProps?: TabsProps;
+    /**
+     * Properties applied to button wrapper
+     */
+    buttonsProps?: BoxProps<ElementType>;
+}
+/**
+ * Additional navigation intended to be shown bellow the Header
+ */
+export declare const SecondaryNavigation: FC<SecondaryNavigationProps>;

package/cjs/components/secondaryNavigation/SecondaryNavigation.js

@@ -0,0 +1,2 @@
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),s=require("react"),a=require("@mui/material");const n=s.forwardRef(((n,r)=>{var{children:i,sx:o,title:l,navigationItems:c,cta:x,buttons:g,color:d,inContainer:p=!1,toolbarProps:u,titleProps:b,contentProps:j,buttonsProps:v}=n,f=t.__rest(n,["children","sx","title","navigationItems","cta","buttons","color","inContainer","toolbarProps","titleProps","contentProps","buttonsProps"]);const h=null!=b?b:{},{sx:y}=h,m=t.__rest(h,["sx"]),O=null!=u?u:{},{sx:S}=O,_=t.__rest(O,["sx"]),P=null!=j?j:{},{sx:w}=P,N=t.__rest(P,["sx"]),C=null!=v?v:{},{sx:B}=C,I=t.__rest(C,["sx"]),[q,G]=s.useState(0),T=s.useMemo((()=>function t(e){const a=[];return s.Children.forEach(e,((e,n)=>{var r;(null==e?void 0:e.type)===s.Fragment?a.push(...t(e.props.children)):(a.push(e),(null===(r=e.props)||void 0===r?void 0:r.isActive)&&G(n))})),a}(i||c)),[i,c]);return e.jsx(a.AppBar,Object.assign({sx:Object.assign({zIndex:t=>t.zIndex.appBar-20},o),ref:r,"data-testid":"SecondaryNavigation","aria-label":"Secondary Navigation",role:"group"},f,{children:e.jsxs(a.Toolbar,Object.assign({sx:Object.assign(Object.assign({},!!(null==T?void 0:T.length)&&{flexWrap:{xs:"wrap",lg:"nowrap"},pt:{xs:2,lg:0}}),S),disableGutters:!p,"data-testid":"SecondaryNavigation.wrapper"},_,{children:[l&&e.jsx(a.Typography,Object.assign({"data-testid":"SecondaryNavigation.title",variant:"subheadline",sx:Object.assign({display:"block",flexGrow:{xs:"1",lg:"0"},flexShrink:"0"},y)},m,{children:l})),!!(null==T?void 0:T.length)&&e.jsx(a.Tabs,Object.assign({value:q,onChange:(t,e)=>G(e),template:"navigation",sx:Object.assign(Object.assign(Object.assign({flexGrow:"1",flexBasis:{xs:"100%",lg:"auto"},order:{xs:"3",lg:"0"},justifyContent:{xs:"center",lg:"flex-start"},alignSelf:{xs:"flex-end",lg:"center"}},l&&{pl:{lg:4}}),{marginTop:{xs:"-10px",lg:"0"},marginBottom:"-1px"}),w),"data-testid":"SecondaryNavigation.items"},N,{children:T})),(g||x)&&e.jsx(a.Box,Object.assign({sx:Object.assign({flexShrink:"0",flexGrow:"1",display:"flex",alignItems:"center",justifyContent:"flex-end",gap:.25},B),"data-testid":"SecondaryNavigation.cta"},I,{children:g||x}))]}))}))}));exports.SecondaryNavigation=n;
+//# sourceMappingURL=SecondaryNavigation.js.map

package/cjs/components/secondaryNavigation/SecondaryNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryNavigation.js","sources":["../../../../../src/components/secondaryNavigation/SecondaryNavigation.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ElementType, Fragment, useMemo, useState, Children } from 'react';\nimport {\n  AppBar,\n  AppBarProps,\n  Tabs,\n  TabsProps,\n  Box,\n  BoxProps,\n  Toolbar,\n  ToolbarProps,\n  Typography,\n  TypographyProps,\n} from '@mui/material';\n\nexport interface SecondaryNavigationProps extends Omit<AppBarProps, 'color' | 'title'> {\n  /**\n   * Headline\n   */\n  title?: ReactNode;\n  /**\n   * Items in the menu\n   * @deprecated place links directly as children\n   */\n  navigationItems?: ReactNode;\n  /**\n   * @deprecated no longer has any effect\n   */\n  color?: 'light' | 'dark';\n  /**\n   * Wrap the navigation into container\n   * @default false\n   */\n  inContainer?: boolean;\n  /**\n   * ActionButtons on the right side\n   */\n  buttons?: ReactNode;\n  /**\n   * ActionButtons on the right side\n   * @deprecated rename property to buttons\n   */\n  cta?: ReactNode;\n  /**\n   * Properties applied to toolbar container\n   */\n  toolbarProps?: ToolbarProps<ElementType>;\n  /**\n   * Properties applied to title\n   */\n  titleProps?: TypographyProps<ElementType>;\n  /**\n   * Properties applied to content wrapper\n   */\n  contentProps?: TabsProps;\n  /**\n   * Properties applied to button wrapper\n   */\n  buttonsProps?: BoxProps<ElementType>;\n}\n\n/**\n * Additional navigation intended to be shown bellow the Header\n */\nexport const SecondaryNavigation: FC<SecondaryNavigationProps> = forwardRef(\n  (\n    {\n      children,\n      sx,\n      title,\n      navigationItems,\n      cta,\n      buttons,\n      color: __,\n      inContainer = false,\n      toolbarProps,\n      titleProps,\n      contentProps,\n      buttonsProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: titleSx, ...restTitle } = titleProps ?? {};\n    const { sx: toolbarSx, ...restToolbar } = toolbarProps ?? {};\n    const { sx: contentSx, ...restContent } = contentProps ?? {};\n    const { sx: buttonsSx, ...restButtons } = buttonsProps ?? {};\n    const [activeNav, setActiveNav] = useState(0);\n\n    /**\n     * Process children/navigationItems and remove any React.Fragments as Tabs requires direct elements\n     */\n    const navigation = useMemo(() => {\n      function flatten(nodes) {\n        const result = [];\n        Children.forEach(nodes, (child, idx) => {\n          if (child?.type === Fragment) {\n            result.push(...flatten(child.props.children));\n          } else {\n            result.push(child);\n            // backward compatible api\n            if (child.props?.isActive) {\n              setActiveNav(idx);\n            }\n          }\n        });\n        return result;\n      }\n      return flatten(children || navigationItems);\n    }, [children, navigationItems]);\n\n    return (\n      <AppBar\n        sx={{\n          // bellow Header, also defined in appbar.theme.ts\n          zIndex: (theme) => theme.zIndex.appBar - 20,\n          ...sx,\n        }}\n        ref={ref}\n        data-testid=\"SecondaryNavigation\"\n        aria-label=\"Secondary Navigation\"\n        role=\"group\"\n        {...rest}\n      >\n        <Toolbar\n          sx={{\n            ...(!!navigation?.length && {\n              flexWrap: { xs: 'wrap', lg: 'nowrap' },\n              pt: { xs: 2, lg: 0 },\n            }),\n            ...toolbarSx,\n          }}\n          disableGutters={!inContainer}\n          data-testid=\"SecondaryNavigation.wrapper\"\n          {...restToolbar}\n        >\n          {title && (\n            <Typography\n              data-testid=\"SecondaryNavigation.title\"\n              variant=\"subheadline\"\n              sx={{\n                display: 'block',\n                // on mobile push the button to the right side\n                flexGrow: { xs: '1', lg: '0' },\n                flexShrink: '0',\n                ...titleSx,\n              }}\n              {...restTitle}\n            >\n              {title}\n            </Typography>\n          )}\n          {!!navigation?.length && (\n            <Tabs\n              value={activeNav}\n              onChange={(_, v) => setActiveNav(v)}\n              template=\"navigation\"\n              sx={{\n                flexGrow: '1',\n                // on mobile move to 2nd row\n                flexBasis: { xs: '100%', lg: 'auto' },\n                order: { xs: '3', lg: '0' },\n                // center on mobile\n                justifyContent: { xs: 'center', lg: 'flex-start' },\n                alignSelf: { xs: 'flex-end', lg: 'center' },\n                ...(title && {\n                  // increase size between title and nav\n                  pl: { lg: 4 },\n                }),\n                marginTop: { xs: '-10px', lg: '0' },\n                // move directly into border\n                marginBottom: '-1px',\n                ...contentSx,\n              }}\n              data-testid=\"SecondaryNavigation.items\"\n              {...restContent}\n            >\n              {navigation}\n            </Tabs>\n          )}\n          {(buttons || cta) && (\n            <Box\n              sx={{\n                flexShrink: '0',\n                flexGrow: '1',\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'flex-end',\n                gap: 0.25,\n                ...buttonsSx,\n              }}\n              data-testid=\"SecondaryNavigation.cta\"\n              {...restButtons}\n            >\n              {buttons || cta}\n            </Box>\n          )}\n        </Toolbar>\n      </AppBar>\n    );\n  },\n);\n"],"names":["SecondaryNavigation","forwardRef","_a","ref","children","sx","title","navigationItems","cta","buttons","color","__","inContainer","toolbarProps","titleProps","contentProps","buttonsProps","rest","__rest","_b","titleSx","restTitle","_c","toolbarSx","restToolbar","_d","contentSx","restContent","_e","buttonsSx","restButtons","activeNav","setActiveNav","useState","navigation","useMemo","flatten","nodes","result","Children","forEach","child","idx","type","Fragment","push","props","isActive","_jsx","AppBar","Object","assign","zIndex","theme","appBar","role","_jsxs","Toolbar","length","flexWrap","xs","lg","pt","disableGutters","Typography","variant","display","flexGrow","flexShrink","Tabs","value","onChange","_","v","template","flexBasis","order","justifyContent","alignSelf","pl","marginTop","marginBottom","jsx","Box","alignItems","gap"],"mappings":"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"}

package/cjs/components/secondaryNavigation/SecondaryNavigationCta.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonProps } from '@mui/material';
+export interface SecondaryNavigationCtaProps extends ButtonProps {
+}
+/**
+ * SecondaryNavigationCtaProps is a proxy component to <Button /> with responsive size
+ */
+export declare const SecondaryNavigationCta: React.FC<SecondaryNavigationCtaProps>;

package/cjs/components/secondaryNavigation/SecondaryNavigationCta.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),a=require("@mui/material");const t=e.forwardRef(((e,t)=>{const i=a.useMediaQuery((r=>r.breakpoints.down("lg")));return r.jsx(a.Button,Object.assign({ref:t,color:e.variant&&"contained"!==e.variant?"secondary":"primary",size:i?"small":"medium"},e))}));exports.SecondaryNavigationCta=t;
+//# sourceMappingURL=SecondaryNavigationCta.js.map

package/cjs/components/secondaryNavigation/SecondaryNavigationCta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryNavigationCta.js","sources":["../../../../../src/components/secondaryNavigation/SecondaryNavigationCta.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps, Theme, useMediaQuery } from '@mui/material';\n\nexport interface SecondaryNavigationCtaProps extends ButtonProps {}\n\n/**\n * SecondaryNavigationCtaProps is a proxy component to <Button /> with responsive size\n */\nexport const SecondaryNavigationCta: React.FC<SecondaryNavigationCtaProps> = forwardRef((props, ref) => {\n  const downLg = useMediaQuery<Theme>((theme) => theme.breakpoints.down('lg'));\n\n  return (\n    <Button\n      ref={ref}\n      color={!props.variant || props.variant === 'contained' ? 'primary' : 'secondary'}\n      size={downLg ? 'small' : 'medium'}\n      {...props}\n    />\n  );\n});\n"],"names":["SecondaryNavigationCta","forwardRef","props","ref","downLg","useMediaQuery","theme","breakpoints","down","_jsx","Button","Object","assign","color","variant","size"],"mappings":"8FAQa,MAAAA,EAAgEC,EAAUA,YAAC,CAACC,EAAOC,KAC9F,MAAMC,EAASC,EAAaA,eAASC,GAAUA,EAAMC,YAAYC,KAAK,QAEtE,OACEC,MAACC,SAAMC,OAAAC,OAAA,CACLT,IAAKA,EACLU,MAAQX,EAAMY,SAA6B,cAAlBZ,EAAMY,QAAsC,YAAZ,UACzDC,KAAMX,EAAS,QAAU,UACrBF,GACJ"}

package/cjs/components/secondaryNavigation/SecondaryNavigationItem.d.ts

@@ -0,0 +1,21 @@
+import { FC, ReactNode, ElementType } from 'react';
+import { TabProps } from '@mui/material';
+export interface SecondaryNavigationItemProps extends Omit<TabProps<ElementType>, 'children'> {
+    /**
+     * Displayed navigation text, can be provided as children as well
+     */
+    label?: ReactNode;
+    /**
+     * Displayed navigation text
+     */
+    children?: ReactNode;
+    /**
+     * Marks item currently active
+     * @deprecated
+     */
+    isActive?: boolean;
+}
+/**
+ * Component to render styled button in the header
+ */
+export declare const SecondaryNavigationItem: FC<SecondaryNavigationItemProps>;

package/cjs/components/secondaryNavigation/SecondaryNavigationItem.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material");const a=i.forwardRef(((i,a)=>{var{children:s,label:c,isActive:l}=i,n=e.__rest(i,["children","label","isActive"]);return r.jsx(t.Tab,Object.assign({label:s||c,ref:a,"data-testid":"SecondaryNavigationItem"},n))}));exports.SecondaryNavigationItem=a;
+//# sourceMappingURL=SecondaryNavigationItem.js.map

package/cjs/components/secondaryNavigation/SecondaryNavigationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryNavigationItem.js","sources":["../../../../../src/components/secondaryNavigation/SecondaryNavigationItem.tsx"],"sourcesContent":["import React, { FC, forwardRef, ReactNode, ForwardedRef, ElementType } from 'react';\nimport { Tab, TabProps } from '@mui/material';\n\nexport interface SecondaryNavigationItemProps extends Omit<TabProps<ElementType>, 'children'> {\n  /**\n   * Displayed navigation text, can be provided as children as well\n   */\n  label?: ReactNode;\n  /**\n   * Displayed navigation text\n   */\n  children?: ReactNode;\n  /**\n   * Marks item currently active\n   * @deprecated\n   */\n  isActive?: boolean;\n}\n\n/**\n * Component to render styled button in the header\n */\nexport const SecondaryNavigationItem: FC<SecondaryNavigationItemProps> = forwardRef(\n  ({ children, label, isActive: _, ...rest }, ref) => {\n    // isActive is handled in SecondaryNavigation\n\n    return (\n      <Tab\n        label={children || label}\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        data-testid=\"SecondaryNavigationItem\"\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["SecondaryNavigationItem","forwardRef","_a","ref","children","label","isActive","_","rest","__rest","_jsx","jsx","Tab"],"mappings":"iHAsBa,MAAAA,EAA4DC,EAAUA,YACjF,CAACC,EAA2CC,KAA3C,IAAAC,SAAEA,EAAQC,MAAEA,EAAOC,SAAUC,GAACL,EAAKM,EAAnCC,EAAAA,OAAAP,EAAA,CAAA,WAAA,QAAA,aAGC,OACEQ,EAACC,IAAAC,EAAGA,mBACFP,MAAOD,GAAYC,EACnBF,IAAKA,EACO,cAAA,2BACRK,GACJ"}

package/cjs/components/segmentedControls/{segmentedControls.js → SegmentedControls.js}

@@ -1,2 +1,2 @@
 "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const s=r.forwardRef(((r,s)=>e.jsx(t.Tabs,Object.assign({},r,{ref:s,template:"segmented"}))));exports.SegmentedControls=s;
-//# sourceMappingURL=segmentedControls.js.map
+//# sourceMappingURL=SegmentedControls.js.map

package/cjs/components/segmentedControls/{segmentedControls.js.map → SegmentedControls.js.map}

@@ -1 +1 @@
-{"version":3,"file":"segmentedControls.js","sources":["../../../../../src/components/segmentedControls/segmentedControls.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Tabs, TabsProps } from '@mui/material';\n\nexport interface SegmentedControlsProps extends Omit<TabsProps, 'template'> {}\n\n/**\n * Segmented Controls is a proxy component to <Tabs template=\"segmented\" />\n */\nexport const SegmentedControls: React.FC<SegmentedControlsProps> = forwardRef((props, ref) => {\n  return <Tabs {...props} ref={ref} template=\"segmented\" />;\n});\n"],"names":["SegmentedControls","forwardRef","props","ref","_jsx","Tabs","Object","assign","template"],"mappings":"8FAQa,MAAAA,EAAsDC,EAAUA,YAAC,CAACC,EAAOC,IAC7EC,MAACC,EAAAA,KAASC,OAAAC,OAAA,CAAA,EAAAL,EAAO,CAAAC,IAAKA,EAAKK,SAAS"}
+{"version":3,"file":"SegmentedControls.js","sources":["../../../../../src/components/segmentedControls/SegmentedControls.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Tabs, TabsProps } from '@mui/material';\n\nexport interface SegmentedControlsProps extends Omit<TabsProps, 'template'> {}\n\n/**\n * Segmented Controls is a proxy component to <Tabs template=\"segmented\" />\n */\nexport const SegmentedControls: React.FC<SegmentedControlsProps> = forwardRef((props, ref) => {\n  return <Tabs {...props} ref={ref} template=\"segmented\" />;\n});\n"],"names":["SegmentedControls","forwardRef","props","ref","_jsx","Tabs","Object","assign","template"],"mappings":"8FAQa,MAAAA,EAAsDC,EAAUA,YAAC,CAACC,EAAOC,IAC7EC,MAACC,EAAAA,KAASC,OAAAC,OAAA,CAAA,EAAAL,EAAO,CAAAC,IAAKA,EAAKK,SAAS"}

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

@@ -1 +1 @@
-export * from './segmentedControls';
+export * from './SegmentedControls';

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

@@ -1,6 +1,4 @@
-import { Theme } from '@mui/material';
-import { TooltipProps } from '@mui/material/Tooltip/Tooltip';
-import { SxProps } from '@mui/system';
+import { Theme, SxProps, TooltipProps } from '@mui/material';
 import { HTMLAttributes } from 'react';
 type Location = 'top' | 'bottom';
 /**

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

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

package/cjs/components/textAndCta/textAndCta.js

@@ -1,2 +1,2 @@
-"use strict";var s=require("tslib"),e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),i=require("../label/label.js");const a=t.forwardRef(((t,a)=>{var{sx:n,children:l,label:b,labelProps:x,headline:o,headlineProps:c,subheadline:d,subheadlineProps:h,body:p,bodyProps:j,buttons:u,buttonsProps:g}=t,y=s.__rest(t,["sx","children","label","labelProps","headline","headlineProps","subheadline","subheadlineProps","body","bodyProps","buttons","buttonsProps"]);const m=x||{},{sx:O}=m,_=s.__rest(m,["sx"]),f=c||{},{sx:P}=f,q=s.__rest(f,["sx"]),v=h||{},{sx:T}=v,k=s.__rest(v,["sx"]),w=j||{},{sx:C}=w,B=s.__rest(w,["sx"]),D=g||{},{sx:I}=D,A=s.__rest(D,["sx"]);return e.jsxs(r.Box,Object.assign({sx:Object.assign({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-start",p:3,width:"320px",maxWidth:"100%"},n),ref:a},y,{children:[b&&e.jsx(i.Label,Object.assign({sx:Object.assign({mb:1},O)},_,{children:b})),o&&e.jsx(r.Typography,Object.assign({variant:"h4",sx:Object.assign({display:"block",mb:1},P)},q,{children:o})),d&&e.jsx(r.Typography,Object.assign({variant:"subheadline",sx:Object.assign({display:"block",mb:1},T)},k,{children:d})),p&&e.jsx(r.Typography,Object.assign({sx:Object.assign({display:"block",mb:2},C)},B,{children:p})),l,u&&e.jsx(r.Box,Object.assign({sx:Object.assign({display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},justifyContent:"stretch",gap:1},I)},A,{children:u}))]}))}));exports.TextAndCta=a;
+"use strict";var s=require("tslib"),e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),i=require("../label/label.js");const a=t.forwardRef(((t,a)=>{var{sx:l,children:n,label:b,labelProps:x,headline:o,headlineProps:c,subheadline:d,subheadlineProps:h,body:p,bodyProps:j,buttons:u,buttonsProps:g}=t,y=s.__rest(t,["sx","children","label","labelProps","headline","headlineProps","subheadline","subheadlineProps","body","bodyProps","buttons","buttonsProps"]);const m=x||{},{sx:f}=m,O=s.__rest(m,["sx"]),_=c||{},{sx:P}=_,q=s.__rest(_,["sx"]),v=h||{},{sx:T}=v,k=s.__rest(v,["sx"]),w=j||{},{sx:C}=w,B=s.__rest(w,["sx"]),D=g||{},{sx:I}=D,A=s.__rest(D,["sx"]);return e.jsxs(r.Box,Object.assign({sx:Object.assign({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"flex-start",p:3,width:"320px",maxWidth:"100%"},l),ref:a},y,{children:[b&&e.jsx(i.Label,Object.assign({sx:Object.assign({mb:1},f)},O,{children:b})),o&&e.jsx(r.Typography,Object.assign({variant:"h4",sx:Object.assign({display:"block",mb:1},P)},q,{children:o})),d&&e.jsx(r.Typography,Object.assign({variant:"subheadline",sx:Object.assign({display:"block",mb:1},T)},k,{children:d})),p&&e.jsx(r.Typography,Object.assign({sx:Object.assign({display:"block",mb:2},C)},B,{children:p})),n,u&&e.jsx(r.Box,Object.assign({sx:Object.assign({display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"stretch",md:"center"},justifyContent:"stretch",alignSelf:"stretch",gap:1},I)},A,{children:u}))]}))}));exports.TextAndCta=a;
 //# sourceMappingURL=textAndCta.js.map

package/cjs/components/textAndCta/textAndCta.js.map

@@ -1 +1 @@
-{"version":3,"file":"textAndCta.js","sources":["../../../../../src/components/textAndCta/textAndCta.tsx"],"sourcesContent":["import React, { ReactNode, forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\nimport { Label, LabelProps } from '@/src/components/label';\n\nexport interface TextAndCtaProps extends BoxProps<ElementType> {\n  /**\n   * Top label above the headlines\n   */\n  label?: ReactNode;\n  /**\n   * Label customization\n   */\n  labelProps?: LabelProps;\n  /**\n   * Main Headline at the top\n   */\n  headline?: ReactNode;\n  /**\n   * Headline customization\n   */\n  headlineProps?: TypographyProps;\n  /**\n   * Main Headline at the top\n   */\n  subheadline?: ReactNode;\n  /**\n   * Subheading customization\n   */\n  subheadlineProps?: TypographyProps;\n  /**\n   * Main text body\n   */\n  body?: ReactNode;\n  /**\n   * Body text customization\n   */\n  bodyProps?: TypographyProps;\n  /**\n   * Bottom CTA buttons\n   */\n  buttons?: ReactNode;\n  /**\n   * Body text customization\n   */\n  buttonsProps?: BoxProps;\n}\n\nexport const TextAndCta: React.FC<TextAndCtaProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      label,\n      labelProps,\n      headline,\n      headlineProps,\n      subheadline,\n      subheadlineProps,\n      body,\n      bodyProps,\n      buttons,\n      buttonsProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: labelSx, ...restLabelProps } = labelProps || {};\n    const { sx: headlineSx, ...restHeadlineProps } = headlineProps || {};\n    const { sx: subHeadlineSx, ...restSubHeadlineProps } = subheadlineProps || {};\n    const { sx: bodySx, ...restBodyProps } = bodyProps || {};\n    const { sx: buttonsSx, ...restButtonsProps } = buttonsProps || {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'flex-start',\n          justifyContent: 'flex-start',\n          p: 3,\n          width: '320px',\n          maxWidth: '100%',\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {label && (\n          <Label sx={{ mb: 1, ...labelSx }} {...restLabelProps}>\n            {label}\n          </Label>\n        )}\n        {headline && (\n          <Typography variant=\"h4\" sx={{ display: 'block', mb: 1, ...headlineSx }} {...restHeadlineProps}>\n            {headline}\n          </Typography>\n        )}\n        {subheadline && (\n          <Typography\n            variant=\"subheadline\"\n            sx={{ display: 'block', mb: 1, ...subHeadlineSx }}\n            {...restSubHeadlineProps}\n          >\n            {subheadline}\n          </Typography>\n        )}\n        {body && (\n          <Typography sx={{ display: 'block', mb: 2, ...bodySx }} {...restBodyProps}>\n            {body}\n          </Typography>\n        )}\n        {children}\n        {buttons && (\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: { xs: 'column', md: 'row' },\n              alignItems: { xs: 'stretch', md: 'center' },\n              justifyContent: 'stretch',\n              gap: 1,\n              ...buttonsSx,\n            }}\n            {...restButtonsProps}\n          >\n            {buttons}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["TextAndCta","forwardRef","_a","ref","sx","children","label","labelProps","headline","headlineProps","subheadline","subheadlineProps","body","bodyProps","buttons","buttonsProps","rest","__rest","_b","labelSx","restLabelProps","_c","headlineSx","restHeadlineProps","_d","subHeadlineSx","restSubHeadlineProps","_e","bodySx","restBodyProps","_f","buttonsSx","restButtonsProps","_jsxs","Box","Object","assign","display","flexDirection","alignItems","justifyContent","p","width","maxWidth","_jsx","Label","mb","Typography","variant","jsx","xs","md","gap"],"mappings":"gJA+Ca,MAAAA,EAAwCC,EAAUA,YAC7D,CACEC,EAeAC,KAfA,IAAAC,GACEA,EAAEC,SACFA,EAAQC,MACRA,EAAKC,WACLA,EAAUC,SACVA,EAAQC,cACRA,EAAaC,YACbA,EAAWC,iBACXA,EAAgBC,KAChBA,EAAIC,UACJA,EAASC,QACTA,EAAOC,aACPA,GAAYb,EACTc,EAbLC,EAAAA,OAAAf,EAAA,CAAA,KAAA,WAAA,QAAA,aAAA,WAAA,gBAAA,cAAA,mBAAA,OAAA,YAAA,UAAA,iBAiBA,MAAMgB,EAAqCX,GAAc,IAAjDH,GAAIe,KAAYC,EAAlBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAA2CZ,GAAiB,IAA1DL,GAAIkB,KAAeC,EAArBN,EAAAA,OAAAI,EAAA,CAAA,OACAG,EAAiDb,GAAoB,IAAnEP,GAAIqB,KAAkBC,EAAxBT,EAAAA,OAAAO,EAAA,CAAA,OACAG,EAAmCd,GAAa,IAA9CT,GAAIwB,KAAWC,EAAjBZ,EAAAA,OAAAU,EAAA,CAAA,OACAG,EAAyCf,GAAgB,IAAvDX,GAAI2B,KAAcC,EAApBf,EAAAA,OAAAa,EAAA,CAAA,OAEN,OACEG,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFhC,GACE+B,OAAAC,OAAA,CAAAC,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,eAAgB,aAChBC,EAAG,EACHC,MAAO,QACPC,SAAU,QACPvC,GAELD,IAAKA,GACDa,aAEHV,GACCsC,MAACC,EAAAA,MAAKV,OAAAC,OAAA,CAAChC,GAAM+B,OAAAC,OAAA,CAAAU,GAAI,GAAM3B,IAAeC,YACnCd,KAGJE,GACCoC,EAAAA,IAACG,EAAUA,WAACZ,OAAAC,OAAA,CAAAY,QAAQ,KAAK5C,kBAAMiC,QAAS,QAASS,GAAI,GAAMxB,IAAkBC,YAC1Ef,KAGJE,GACCkC,EAAAK,IAACF,EAAUA,WAAAZ,OAAAC,OAAA,CACTY,QAAQ,cACR5C,kBAAMiC,QAAS,QAASS,GAAI,GAAMrB,IAC9BC,YAEHhB,KAGJE,GACCgC,EAAAA,IAACG,EAAAA,0BAAW3C,GAAE+B,OAAAC,OAAA,CAAIC,QAAS,QAASS,GAAI,GAAMlB,IAAcC,EAAa,CAAAxB,SACtEO,KAGJP,EACAS,GACC8B,MAACV,EAAAA,IACCC,OAAAC,OAAA,CAAAhC,kBACEiC,QAAS,OACTC,cAAe,CAAEY,GAAI,SAAUC,GAAI,OACnCZ,WAAY,CAAEW,GAAI,UAAWC,GAAI,UACjCX,eAAgB,UAChBY,IAAK,GACFrB,IAEDC,EAAgB,CAAA3B,SAEnBS,QAGD"}
+{"version":3,"file":"textAndCta.js","sources":["../../../../../src/components/textAndCta/textAndCta.tsx"],"sourcesContent":["import React, { ReactNode, forwardRef, ElementType } from 'react';\nimport { Box, BoxProps, Typography, TypographyProps } from '@mui/material';\nimport { Label, LabelProps } from '@/src/components/label';\n\nexport interface TextAndCtaProps extends BoxProps<ElementType> {\n  /**\n   * Top label above the headlines\n   */\n  label?: ReactNode;\n  /**\n   * Label customization\n   */\n  labelProps?: LabelProps;\n  /**\n   * Main Headline at the top\n   */\n  headline?: ReactNode;\n  /**\n   * Headline customization\n   */\n  headlineProps?: TypographyProps;\n  /**\n   * Main Headline at the top\n   */\n  subheadline?: ReactNode;\n  /**\n   * Subheading customization\n   */\n  subheadlineProps?: TypographyProps;\n  /**\n   * Main text body\n   */\n  body?: ReactNode;\n  /**\n   * Body text customization\n   */\n  bodyProps?: TypographyProps;\n  /**\n   * Bottom CTA buttons\n   */\n  buttons?: ReactNode;\n  /**\n   * Body text customization\n   */\n  buttonsProps?: BoxProps;\n}\n\nexport const TextAndCta: React.FC<TextAndCtaProps> = forwardRef(\n  (\n    {\n      sx,\n      children,\n      label,\n      labelProps,\n      headline,\n      headlineProps,\n      subheadline,\n      subheadlineProps,\n      body,\n      bodyProps,\n      buttons,\n      buttonsProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: labelSx, ...restLabelProps } = labelProps || {};\n    const { sx: headlineSx, ...restHeadlineProps } = headlineProps || {};\n    const { sx: subHeadlineSx, ...restSubHeadlineProps } = subheadlineProps || {};\n    const { sx: bodySx, ...restBodyProps } = bodyProps || {};\n    const { sx: buttonsSx, ...restButtonsProps } = buttonsProps || {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'flex-start',\n          justifyContent: 'flex-start',\n          p: 3,\n          width: '320px',\n          maxWidth: '100%',\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {label && (\n          <Label sx={{ mb: 1, ...labelSx }} {...restLabelProps}>\n            {label}\n          </Label>\n        )}\n        {headline && (\n          <Typography variant=\"h4\" sx={{ display: 'block', mb: 1, ...headlineSx }} {...restHeadlineProps}>\n            {headline}\n          </Typography>\n        )}\n        {subheadline && (\n          <Typography\n            variant=\"subheadline\"\n            sx={{ display: 'block', mb: 1, ...subHeadlineSx }}\n            {...restSubHeadlineProps}\n          >\n            {subheadline}\n          </Typography>\n        )}\n        {body && (\n          <Typography sx={{ display: 'block', mb: 2, ...bodySx }} {...restBodyProps}>\n            {body}\n          </Typography>\n        )}\n        {children}\n        {buttons && (\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: { xs: 'column', md: 'row' },\n              alignItems: { xs: 'stretch', md: 'center' },\n              justifyContent: 'stretch',\n              alignSelf: 'stretch',\n              gap: 1,\n              ...buttonsSx,\n            }}\n            {...restButtonsProps}\n          >\n            {buttons}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["TextAndCta","forwardRef","_a","ref","sx","children","label","labelProps","headline","headlineProps","subheadline","subheadlineProps","body","bodyProps","buttons","buttonsProps","rest","__rest","_b","labelSx","restLabelProps","_c","headlineSx","restHeadlineProps","_d","subHeadlineSx","restSubHeadlineProps","_e","bodySx","restBodyProps","_f","buttonsSx","restButtonsProps","_jsxs","Box","Object","assign","display","flexDirection","alignItems","justifyContent","p","width","maxWidth","_jsx","Label","mb","jsx","Typography","variant","xs","md","alignSelf","gap"],"mappings":"gJA+Ca,MAAAA,EAAwCC,EAAUA,YAC7D,CACEC,EAeAC,KAfA,IAAAC,GACEA,EAAEC,SACFA,EAAQC,MACRA,EAAKC,WACLA,EAAUC,SACVA,EAAQC,cACRA,EAAaC,YACbA,EAAWC,iBACXA,EAAgBC,KAChBA,EAAIC,UACJA,EAASC,QACTA,EAAOC,aACPA,GAAYb,EACTc,EAbLC,EAAAA,OAAAf,EAAA,CAAA,KAAA,WAAA,QAAA,aAAA,WAAA,gBAAA,cAAA,mBAAA,OAAA,YAAA,UAAA,iBAiBA,MAAMgB,EAAqCX,GAAc,IAAjDH,GAAIe,KAAYC,EAAlBH,EAAAA,OAAAC,EAAA,CAAA,OACAG,EAA2CZ,GAAiB,IAA1DL,GAAIkB,KAAeC,EAArBN,EAAAA,OAAAI,EAAA,CAAA,OACAG,EAAiDb,GAAoB,IAAnEP,GAAIqB,KAAkBC,EAAxBT,EAAAA,OAAAO,EAAA,CAAA,OACAG,EAAmCd,GAAa,IAA9CT,GAAIwB,KAAWC,EAAjBZ,EAAAA,OAAAU,EAAA,CAAA,OACAG,EAAyCf,GAAgB,IAAvDX,GAAI2B,KAAcC,EAApBf,EAAAA,OAAAa,EAAA,CAAA,OAEN,OACEG,EAAAA,KAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFhC,GACE+B,OAAAC,OAAA,CAAAC,QAAS,OACTC,cAAe,SACfC,WAAY,aACZC,eAAgB,aAChBC,EAAG,EACHC,MAAO,QACPC,SAAU,QACPvC,GAELD,IAAKA,GACDa,EAAI,CAAAX,SAAA,CAEPC,GACCsC,EAAAA,IAACC,EAAKA,MAACV,OAAAC,OAAA,CAAAhC,kBAAM0C,GAAI,GAAM3B,IAAeC,EAAc,CAAAf,SACjDC,KAGJE,GACCoC,EAACG,IAAAC,4BAAWC,QAAQ,KAAK7C,GAAE+B,OAAAC,OAAA,CAAIC,QAAS,QAASS,GAAI,GAAMxB,IAAkBC,EAC1E,CAAAlB,SAAAG,KAGJE,GACCkC,EAAAA,IAACI,EAAUA,WAAAb,OAAAC,OAAA,CACTa,QAAQ,cACR7C,GAAM+B,OAAAC,OAAA,CAAAC,QAAS,QAASS,GAAI,GAAMrB,IAC9BC,EAEH,CAAArB,SAAAK,KAGJE,GACCgC,EAACG,IAAAC,EAAUA,WAACb,OAAAC,OAAA,CAAAhC,kBAAMiC,QAAS,QAASS,GAAI,GAAMlB,IAAcC,EAAa,CAAAxB,SACtEO,KAGJP,EACAS,GACC8B,EAAAA,IAACV,EAAAA,IACCC,OAAAC,OAAA,CAAAhC,kBACEiC,QAAS,OACTC,cAAe,CAAEY,GAAI,SAAUC,GAAI,OACnCZ,WAAY,CAAEW,GAAI,UAAWC,GAAI,UACjCX,eAAgB,UAChBY,UAAW,UACXC,IAAK,GACFtB,IAEDC,EAAgB,CAAA3B,SAEnBS,QAGD"}

package/cjs/components/upload/UploadPreviewList.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("../../utils/formatFileSize/formatFileSize.js"),o=require("@mui/material");require("../icon/stroke/ATMIcon.js"),require("../icon/stroke/AddIcon.js"),require("../icon/stroke/AirFilterIcon.js"),require("../icon/stroke/AISuggestionIcon.js"),require("../icon/stroke/ArchiveIcon.js"),require("../icon/stroke/ArrowBottomLeftIcon.js"),require("../icon/stroke/ArrowBottomRightIcon.js"),require("../icon/stroke/ArrowCircleBottomLeftIcon.js"),require("../icon/stroke/ArrowCircleBottomRightIcon.js"),require("../icon/stroke/ArrowCircleDownIcon.js"),require("../icon/stroke/ArrowCircleLeftIcon.js"),require("../icon/stroke/ArrowCircleRightIcon.js"),require("../icon/stroke/ArrowCircleTopLeftIcon.js"),require("../icon/stroke/ArrowCircleTopRightIcon.js"),require("../icon/stroke/ArrowCircleUpIcon.js"),require("../icon/stroke/ArrowCurvedDownIcon.js"),require("../icon/stroke/ArrowCurvedDownFlippedIcon.js"),require("../icon/stroke/ArrowCurvedLeftIcon.js"),require("../icon/stroke/ArrowCurvedLeftFlippedIcon.js"),require("../icon/stroke/ArrowCurvedRightIcon.js"),require("../icon/stroke/ArrowCurvedRightFlippedIcon.js"),require("../icon/stroke/ArrowCurvedUpIcon.js"),require("../icon/stroke/ArrowCurvedUpFlippedIcon.js"),require("../icon/stroke/ArrowDownIcon.js"),require("../icon/stroke/ArrowLeftIcon.js"),require("../icon/stroke/ArrowRightIcon.js"),require("../icon/stroke/ArrowTopLeftIcon.js"),require("../icon/stroke/ArrowTopRightIcon.js"),require("../icon/stroke/ArrowUpIcon.js"),require("../icon/stroke/ArtboardIcon.js"),require("../icon/stroke/AssistanceIcon.js"),require("../icon/stroke/AudioMidIcon.js"),require("../icon/stroke/AudioMuteIcon.js"),require("../icon/stroke/AudioOffIcon.js"),require("../icon/stroke/AudioOnIcon.js"),require("../icon/stroke/BadgeIcon.js"),require("../icon/stroke/BackToParentIcon.js"),require("../icon/stroke/BalloonIcon.js"),require("../icon/stroke/BarIcon.js"),require("../icon/stroke/BarCodeIcon.js"),require("../icon/stroke/Battery0Icon.js"),require("../icon/stroke/Battery10Icon.js"),require("../icon/stroke/Battery100Icon.js"),require("../icon/stroke/Battery20Icon.js"),require("../icon/stroke/Battery30Icon.js"),require("../icon/stroke/Battery40Icon.js"),require("../icon/stroke/Battery50Icon.js"),require("../icon/stroke/Battery60Icon.js"),require("../icon/stroke/Battery70Icon.js"),require("../icon/stroke/Battery80Icon.js"),require("../icon/stroke/Battery90Icon.js"),require("../icon/stroke/BatteryEmptyIcon.js"),require("../icon/stroke/BatteryFullIcon.js"),require("../icon/stroke/BatteryHighVoltageIcon.js"),require("../icon/stroke/BatteryOneThirdIcon.js"),require("../icon/stroke/BatteryTwoThirdsIcon.js"),require("../icon/stroke/BatteryChargingIcon.js"),require("../icon/stroke/BatteryErrorIcon.js"),require("../icon/stroke/BatteryIcon.js"),require("../icon/stroke/BellIcon.js"),require("../icon/stroke/BoltIcon.js"),require("../icon/stroke/BoltMotionIcon.js"),require("../icon/stroke/BonnetClosedIcon.js"),require("../icon/stroke/BonnetOpenIcon.js"),require("../icon/stroke/BookmarkIcon.js"),require("../icon/stroke/BootClosedIcon.js"),require("../icon/stroke/BootOpenIcon.js"),require("../icon/stroke/BoxIcon.js"),require("../icon/stroke/BrakeFluidIcon.js"),require("../icon/stroke/BrakesIcon.js"),require("../icon/stroke/BrightnessIcon.js"),require("../icon/stroke/BuildingIcon.js"),require("../icon/stroke/CalculatorIcon.js"),require("../icon/stroke/CalendarCalendarIcon.js"),require("../icon/stroke/CalendarCheckIcon.js"),require("../icon/stroke/CalendarPointIcon.js"),require("../icon/stroke/CameraIcon.js"),require("../icon/stroke/CampingIcon.js"),require("../icon/stroke/CarAccidentIcon.js"),require("../icon/stroke/CarBackIcon.js"),require("../icon/stroke/CarComparisonIcon.js"),require("../icon/stroke/CarHandIcon.js"),require("../icon/stroke/CarInfoIcon.js"),require("../icon/stroke/CarMagnifierIcon.js"),require("../icon/stroke/CarSeatIcon.js"),require("../icon/stroke/CarSendIcon.js"),require("../icon/stroke/CarSideIcon.js"),require("../icon/stroke/CarStarIcon.js"),require("../icon/stroke/CarTechnicalInfoIcon.js"),require("../icon/stroke/CareMobilityIcon.js"),require("../icon/stroke/CarIcon.js"),require("../icon/stroke/CarDoorIcon.js"),require("../icon/stroke/CarStatusIcon.js"),require("../icon/stroke/CardIcon.js"),require("../icon/stroke/ChangeOrderIcon.js"),require("../icon/stroke/ChatIcon.js"),require("../icon/stroke/CheckIcon.js"),require("../icon/stroke/ChevronCircleDownIcon.js"),require("../icon/stroke/ChevronCircleLeftIcon.js"),require("../icon/stroke/ChevronCircleRightIcon.js"),require("../icon/stroke/ChevronCircleUpIcon.js"),require("../icon/stroke/ChevronDoubleDownIcon.js"),require("../icon/stroke/ChevronDoubleLeftIcon.js"),require("../icon/stroke/ChevronDoubleRightIcon.js"),require("../icon/stroke/ChevronDoubleUpIcon.js"),require("../icon/stroke/ChevronDownIcon.js"),require("../icon/stroke/ChevronLeftIcon.js"),require("../icon/stroke/ChevronNextIcon.js"),require("../icon/stroke/ChevronPreviousIcon.js"),require("../icon/stroke/ChevronRightIcon.js"),require("../icon/stroke/ChevronUpIcon.js"),require("../icon/stroke/CircleBluetoothIcon.js"),require("../icon/stroke/CircleCheckIcon.js"),require("../icon/stroke/CircleCloseIcon.js"),require("../icon/stroke/CircleDownloadIcon.js"),require("../icon/stroke/CircleExclamationIcon.js"),require("../icon/stroke/CircleInformationIcon.js"),require("../icon/stroke/CircleMinusIcon.js"),require("../icon/stroke/CirclePlusIcon.js"),require("../icon/stroke/CircleQuestionIcon.js"),require("../icon/stroke/CircleSlashIcon.js"),require("../icon/stroke/CircleUploadIcon.js"),require("../icon/stroke/ClipIcon.js"),require("../icon/stroke/ClockIcon.js"),require("../icon/stroke/CloseIcon.js"),require("../icon/stroke/ClosedcaptionsIcon.js"),require("../icon/stroke/CloudCO2Icon.js"),require("../icon/stroke/CloudDownloadIcon.js"),require("../icon/stroke/CloudUploadIcon.js"),require("../icon/stroke/ColoursIcon.js"),require("../icon/stroke/ComfortIcon.js"),require("../icon/stroke/ContrastIcon.js"),require("../icon/stroke/ControlsForwardIcon.js"),require("../icon/stroke/ControlsPauseIcon.js"),require("../icon/stroke/ControlsPlayIcon.js"),require("../icon/stroke/ControlsRecordIcon.js"),require("../icon/stroke/ControlsReverseIcon.js"),require("../icon/stroke/ControlsRewindIcon.js"),require("../icon/stroke/ControlsSkipNextIcon.js"),require("../icon/stroke/ControlsSkipPreviousIcon.js"),require("../icon/stroke/ControlsStopIcon.js"),require("../icon/stroke/CookieIcon.js"),require("../icon/stroke/CopyIcon.js"),require("../icon/stroke/CultureIcon.js"),require("../icon/stroke/CutIcon.js"),require("../icon/stroke/DealerIcon.js"),require("../icon/stroke/DealershipServiceIcon.js"),require("../icon/stroke/DeliveryIcon.js"),require("../icon/stroke/DetailsIcon.js"),require("../icon/stroke/DeviceSmartphoneIcon.js"),require("../icon/stroke/DoorsClosedIcon.js"),require("../icon/stroke/DoorsOpenIcon.js"),require("../icon/stroke/DownloadIcon.js"),require("../icon/stroke/DraghandleIcon.js"),require("../icon/stroke/EditIcon.js"),require("../icon/stroke/ElectricChargerIcon.js"),require("../icon/stroke/ElectricChargerOffIcon.js"),require("../icon/stroke/EmptystateIcon.js"),require("../icon/stroke/EngineIcon.js"),require("../icon/stroke/EngineOilIcon.js"),require("../icon/stroke/EntertainmentIcon.js"),require("../icon/stroke/EqualsignIcon.js"),require("../icon/stroke/ExportIcon.js"),require("../icon/stroke/ExternalLinkIcon.js"),require("../icon/stroke/FacebookIcon.js"),require("../icon/stroke/FactoryIcon.js"),require("../icon/stroke/FanIcon.js"),require("../icon/stroke/FeedbackIcon.js");var i=require("../icon/stroke/FileIcon.js");require("../icon/stroke/FileMissingIcon.js"),require("../icon/stroke/FileNewIcon.js"),require("../icon/stroke/FilterIcon.js"),require("../icon/stroke/FiltersIcon.js"),require("../icon/stroke/FingerPrintIcon.js"),require("../icon/stroke/FirstAidIcon.js"),require("../icon/stroke/FlashIcon.js"),require("../icon/stroke/FolderIcon.js"),require("../icon/stroke/FolderShareIcon.js"),require("../icon/stroke/FoodIcon.js"),require("../icon/stroke/FourwheeldriveIcon.js"),require("../icon/stroke/FrontaxleIcon.js"),require("../icon/stroke/FuelSavingsIcon.js"),require("../icon/stroke/FullscreenEnterIcon.js"),require("../icon/stroke/FullscreenExitIcon.js"),require("../icon/stroke/GarageIcon.js"),require("../icon/stroke/GaugeIcon.js"),require("../icon/stroke/GlobeIcon.js"),require("../icon/stroke/GroupIcon.js"),require("../icon/stroke/HandkeyIcon.js"),require("../icon/stroke/HealthScanIcon.js"),require("../icon/stroke/HeartIcon.js"),require("../icon/stroke/HideIcon.js"),require("../icon/stroke/HistoryIcon.js"),require("../icon/stroke/HomeIcon.js"),require("../icon/stroke/HonkIcon.js"),require("../icon/stroke/HotelIcon.js"),require("../icon/stroke/HybridIcon.js"),require("../icon/stroke/IDCardIcon.js"),require("../icon/stroke/ImportIcon.js"),require("../icon/stroke/InboxIcon.js"),require("../icon/stroke/InstagramIcon.js"),require("../icon/stroke/LightsIcon.js"),require("../icon/stroke/LightsOffIcon.js"),require("../icon/stroke/LinkedInIcon.js"),require("../icon/stroke/ListIcon.js"),require("../icon/stroke/LockClosedIcon.js"),require("../icon/stroke/LockOpenedIcon.js"),require("../icon/stroke/LockOpenedAltIcon.js"),require("../icon/stroke/LockedSteeringWheelIcon.js"),require("../icon/stroke/LoginIcon.js"),require("../icon/stroke/LogoutIcon.js"),require("../icon/stroke/MaintenanceIcon.js"),require("../icon/stroke/ManualIcon.js"),require("../icon/stroke/MapCenterIcon.js"),require("../icon/stroke/MapCompassIcon.js"),require("../icon/stroke/MapFlagIcon.js"),require("../icon/stroke/MapLocationIcon.js"),require("../icon/stroke/MapIcon.js"),require("../icon/stroke/MapMarkerIcon.js"),require("../icon/stroke/MapMarkerLBOIcon.js"),require("../icon/stroke/MapPinIcon.js"),require("../icon/stroke/MapViewIcon.js"),require("../icon/stroke/MenuWaffleIcon.js"),require("../icon/stroke/MenuIcon.js"),require("../icon/stroke/MessageIcon.js"),require("../icon/stroke/MicrophoneIcon.js"),require("../icon/stroke/MinusIcon.js"),require("../icon/stroke/MoreHorizontalIcon.js"),require("../icon/stroke/MoreVerticalIcon.js"),require("../icon/stroke/MotionIcon.js"),require("../icon/stroke/MusicalNoteIcon.js"),require("../icon/stroke/MuteIcon.js"),require("../icon/stroke/NewsIcon.js"),require("../icon/stroke/NewspaperIcon.js"),require("../icon/stroke/OilIcon.js"),require("../icon/stroke/ParkingIcon.js"),require("../icon/stroke/PasteIcon.js"),require("../icon/stroke/PercentageIcon.js"),require("../icon/stroke/PetIcon.js"),require("../icon/stroke/PhoneIcon.js"),require("../icon/stroke/PictureIcon.js"),require("../icon/stroke/PiggybankIcon.js"),require("../icon/stroke/PlugCCSType1Icon.js"),require("../icon/stroke/PlugCCSType2Icon.js"),require("../icon/stroke/PlugCHAdeMOIcon.js"),require("../icon/stroke/PlugType1Icon.js"),require("../icon/stroke/PlugType2Icon.js"),require("../icon/stroke/PlugIcon.js"),require("../icon/stroke/PlusIcon.js"),require("../icon/stroke/PremiumLIcon.js"),require("../icon/stroke/PremiumMIcon.js"),require("../icon/stroke/PremiumSIcon.js"),require("../icon/stroke/PriceTagIcon.js"),require("../icon/stroke/PrintIcon.js"),require("../icon/stroke/ProductionIcon.js"),require("../icon/stroke/PublicplaceIcon.js"),require("../icon/stroke/PumpIcon.js"),require("../icon/stroke/PumpCNGIcon.js"),require("../icon/stroke/PumpLPGIcon.js"),require("../icon/stroke/QRCodeIcon.js"),require("../icon/stroke/QualityIcon.js"),require("../icon/stroke/QualityMedalIcon.js"),require("../icon/stroke/RadarIcon.js"),require("../icon/stroke/RefreshIcon.js"),require("../icon/stroke/ReloadIcon.js"),require("../icon/stroke/RevertIcon.js"),require("../icon/stroke/RoadBlockIcon.js"),require("../icon/stroke/SaveIcon.js"),require("../icon/stroke/SearchMinusIcon.js"),require("../icon/stroke/SearchPlusIcon.js"),require("../icon/stroke/SearchIcon.js"),require("../icon/stroke/SeatheaterIcon.js"),require("../icon/stroke/SelectIcon.js"),require("../icon/stroke/SelectAllIcon.js"),require("../icon/stroke/SendIcon.js"),require("../icon/stroke/SettingsIcon.js"),require("../icon/stroke/ShapeCircleIcon.js"),require("../icon/stroke/ShapeDropIcon.js"),require("../icon/stroke/ShapeRectangleHorizontalIcon.js"),require("../icon/stroke/ShapeRectangleRoundedIcon.js"),require("../icon/stroke/ShapeRectangleVerticalIcon.js"),require("../icon/stroke/ShapeRhombusIcon.js"),require("../icon/stroke/ShapeShapesIcon.js"),require("../icon/stroke/ShapeSquareIcon.js"),require("../icon/stroke/ShapeStarIcon.js"),require("../icon/stroke/ShapeStarhalfIcon.js"),require("../icon/stroke/ShapeTriangleIcon.js"),require("../icon/stroke/ShareIcon.js"),require("../icon/stroke/ShareSquareIcon.js"),require("../icon/stroke/ShieldCheckIcon.js"),require("../icon/stroke/ShieldEmptyIcon.js"),require("../icon/stroke/ShoppingBagIcon.js"),require("../icon/stroke/ShoppingCartIcon.js"),require("../icon/stroke/ShowIcon.js"),require("../icon/stroke/ShuffleIcon.js"),require("../icon/stroke/SignalIcon.js"),require("../icon/stroke/SortDownIcon.js"),require("../icon/stroke/SortUpIcon.js"),require("../icon/stroke/SoundwaveIcon.js"),require("../icon/stroke/SparkplugIcon.js"),require("../icon/stroke/SportIcon.js"),require("../icon/stroke/StatsIcon.js"),require("../icon/stroke/SteeringWheelIcon.js"),require("../icon/stroke/StopwatchIcon.js"),require("../icon/stroke/SubtractIcon.js"),require("../icon/stroke/SuitcaseIcon.js"),require("../icon/stroke/SunroofIcon.js"),require("../icon/stroke/TaskDoneIcon.js"),require("../icon/stroke/TaskNoneIcon.js"),require("../icon/stroke/TaskScheduledIcon.js"),require("../icon/stroke/TechnicalInfoIcon.js"),require("../icon/stroke/TelegramIcon.js"),require("../icon/stroke/ThumbDownIcon.js"),require("../icon/stroke/ThumbUpIcon.js"),require("../icon/stroke/TicketIcon.js"),require("../icon/stroke/TikTokIcon.js"),require("../icon/stroke/ToiletsIcon.js"),require("../icon/stroke/TransmissionAutomaticIcon.js"),require("../icon/stroke/TransmissionManualIcon.js"),require("../icon/stroke/TrashcanIcon.js"),require("../icon/stroke/TripCyclicIcon.js"),require("../icon/stroke/TripLongTermIcon.js"),require("../icon/stroke/TripSingleIcon.js"),require("../icon/stroke/TrophyIcon.js"),require("../icon/stroke/TwitterIcon.js"),require("../icon/stroke/TyreRepairIcon.js"),require("../icon/stroke/TyreTracksIcon.js"),require("../icon/stroke/TyresIcon.js"),require("../icon/stroke/UploadIcon.js"),require("../icon/stroke/UserIcon.js"),require("../icon/stroke/VentilationIcon.js"),require("../icon/stroke/VentilationOffIcon.js"),require("../icon/stroke/WalkIcon.js"),require("../icon/stroke/WallboxIcon.js"),require("../icon/stroke/WalletIcon.js"),require("../icon/stroke/WandIcon.js"),require("../icon/stroke/WarningIcon.js"),require("../icon/stroke/WeatherRainyIcon.js"),require("../icon/stroke/WeatherSnowIcon.js"),require("../icon/stroke/WellnessIcon.js"),require("../icon/stroke/WhatsAppIcon.js"),require("../icon/stroke/WheelchairIcon.js"),require("../icon/stroke/WheelsIcon.js"),require("../icon/stroke/WifiDisabledIcon.js"),require("../icon/stroke/WifiHighIcon.js"),require("../icon/stroke/WifiLowIcon.js"),require("../icon/stroke/WifiMediumIcon.js"),require("../icon/stroke/WifiNoSignalIcon.js"),require("../icon/stroke/WindowIcon.js"),require("../icon/stroke/WindowheaterIcon.js"),require("../icon/stroke/WindowsClosedIcon.js"),require("../icon/stroke/WindowsOpenIcon.js"),require("../icon/stroke/WindscreenWiperIcon.js"),require("../icon/stroke/WriteIcon.js"),require("../icon/stroke/XIcon.js"),require("../icon/stroke/YouTubeIcon.js");var n=require("./UploadBox.js");exports.UploadPreviewList=({files:s,actions:c})=>e.jsx(n.UploadBox,{color:"white",children:e.jsx(o.Box,{sx:{width:"100%",height:"100%",padding:"0 16px",overflow:"auto"},children:e.jsx(o.List,{children:s.map(((n,t)=>e.jsxs(e.Fragment,{children:[e.jsxs(o.ListItem,{secondaryAction:null==c?void 0:c(n),disableGutters:!0,children:[e.jsx(o.ListItemIcon,{sx:{fontSize:"30px"},children:e.jsx(i.FileIcon,{fontSize:"inherit",name:"file"})}),e.jsx(o.ListItemText,{primary:e.jsx(o.Typography,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"15px"},children:n.name}),secondary:e.jsx(o.Typography,{color:"disabled.tertiary",children:r.formatFileSize(n.size)})})]},n.name),t<s.length-1&&e.jsx(o.Divider,{})]})))})})});
+"use strict";var e=require("react/jsx-runtime"),r=require("../../utils/formatFileSize/formatFileSize.js"),o=require("@mui/material");require("../icon/stroke/ATMIcon.js"),require("../icon/stroke/AddIcon.js"),require("../icon/stroke/AirFilterIcon.js"),require("../icon/stroke/AISuggestionIcon.js"),require("../icon/stroke/ArchiveIcon.js"),require("../icon/stroke/ArrowBottomLeftIcon.js"),require("../icon/stroke/ArrowBottomRightIcon.js"),require("../icon/stroke/ArrowCircleBottomLeftIcon.js"),require("../icon/stroke/ArrowCircleBottomRightIcon.js"),require("../icon/stroke/ArrowCircleDownIcon.js"),require("../icon/stroke/ArrowCircleLeftIcon.js"),require("../icon/stroke/ArrowCircleRightIcon.js"),require("../icon/stroke/ArrowCircleTopLeftIcon.js"),require("../icon/stroke/ArrowCircleTopRightIcon.js"),require("../icon/stroke/ArrowCircleUpIcon.js"),require("../icon/stroke/ArrowCurvedDownIcon.js"),require("../icon/stroke/ArrowCurvedDownFlippedIcon.js"),require("../icon/stroke/ArrowCurvedLeftIcon.js"),require("../icon/stroke/ArrowCurvedLeftFlippedIcon.js"),require("../icon/stroke/ArrowCurvedRightIcon.js"),require("../icon/stroke/ArrowCurvedRightFlippedIcon.js"),require("../icon/stroke/ArrowCurvedUpIcon.js"),require("../icon/stroke/ArrowCurvedUpFlippedIcon.js"),require("../icon/stroke/ArrowDownIcon.js"),require("../icon/stroke/ArrowLeftIcon.js"),require("../icon/stroke/ArrowRightIcon.js"),require("../icon/stroke/ArrowTopLeftIcon.js"),require("../icon/stroke/ArrowTopRightIcon.js"),require("../icon/stroke/ArrowUpIcon.js"),require("../icon/stroke/ArtboardIcon.js"),require("../icon/stroke/AssistanceIcon.js"),require("../icon/stroke/AudioMidIcon.js"),require("../icon/stroke/AudioMuteIcon.js"),require("../icon/stroke/AudioOffIcon.js"),require("../icon/stroke/AudioOnIcon.js"),require("../icon/stroke/BadgeIcon.js"),require("../icon/stroke/BackToParentIcon.js"),require("../icon/stroke/BalloonIcon.js"),require("../icon/stroke/BarIcon.js"),require("../icon/stroke/BarCodeIcon.js"),require("../icon/stroke/Battery0Icon.js"),require("../icon/stroke/Battery10Icon.js"),require("../icon/stroke/Battery100Icon.js"),require("../icon/stroke/Battery20Icon.js"),require("../icon/stroke/Battery30Icon.js"),require("../icon/stroke/Battery40Icon.js"),require("../icon/stroke/Battery50Icon.js"),require("../icon/stroke/Battery60Icon.js"),require("../icon/stroke/Battery70Icon.js"),require("../icon/stroke/Battery80Icon.js"),require("../icon/stroke/Battery90Icon.js"),require("../icon/stroke/BatteryEmptyIcon.js"),require("../icon/stroke/BatteryFullIcon.js"),require("../icon/stroke/BatteryHighVoltageIcon.js"),require("../icon/stroke/BatteryOneThirdIcon.js"),require("../icon/stroke/BatteryTwoThirdsIcon.js"),require("../icon/stroke/BatteryChargingIcon.js"),require("../icon/stroke/BatteryDischargeIcon.js"),require("../icon/stroke/BatteryErrorIcon.js"),require("../icon/stroke/BatteryIcon.js"),require("../icon/stroke/BellIcon.js"),require("../icon/stroke/BicycleIcon.js"),require("../icon/stroke/BoltDischargeIcon.js"),require("../icon/stroke/BoltIcon.js"),require("../icon/stroke/BoltMotionIcon.js"),require("../icon/stroke/BoltOffIcon.js"),require("../icon/stroke/BonnetClosedIcon.js"),require("../icon/stroke/BonnetOpenIcon.js"),require("../icon/stroke/BookmarkIcon.js"),require("../icon/stroke/BootClosedIcon.js"),require("../icon/stroke/BootOpenIcon.js"),require("../icon/stroke/BoxIcon.js"),require("../icon/stroke/BrakeFluidIcon.js"),require("../icon/stroke/BrakesIcon.js"),require("../icon/stroke/BrightnessIcon.js"),require("../icon/stroke/BuildingIcon.js"),require("../icon/stroke/CalculatorIcon.js"),require("../icon/stroke/CalendarCalendarIcon.js"),require("../icon/stroke/CalendarCheckIcon.js"),require("../icon/stroke/CalendarPointIcon.js"),require("../icon/stroke/CameraIcon.js"),require("../icon/stroke/CampingIcon.js"),require("../icon/stroke/CarAccidentIcon.js"),require("../icon/stroke/CarBackIcon.js"),require("../icon/stroke/CarComparisonIcon.js"),require("../icon/stroke/CarHandIcon.js"),require("../icon/stroke/CarInfoIcon.js"),require("../icon/stroke/CarMagnifierIcon.js"),require("../icon/stroke/CarSeatIcon.js"),require("../icon/stroke/CarSendIcon.js"),require("../icon/stroke/CarSideIcon.js"),require("../icon/stroke/CarStarIcon.js"),require("../icon/stroke/CarTechnicalInfoIcon.js"),require("../icon/stroke/CareMobilityIcon.js"),require("../icon/stroke/CarIcon.js"),require("../icon/stroke/CarDoorIcon.js"),require("../icon/stroke/CarStatusIcon.js"),require("../icon/stroke/CardIcon.js"),require("../icon/stroke/ChangeOrderIcon.js"),require("../icon/stroke/ChatIcon.js"),require("../icon/stroke/CheckIcon.js"),require("../icon/stroke/ChevronCircleDownIcon.js"),require("../icon/stroke/ChevronCircleLeftIcon.js"),require("../icon/stroke/ChevronCircleRightIcon.js"),require("../icon/stroke/ChevronCircleUpIcon.js"),require("../icon/stroke/ChevronDoubleDownIcon.js"),require("../icon/stroke/ChevronDoubleLeftIcon.js"),require("../icon/stroke/ChevronDoubleRightIcon.js"),require("../icon/stroke/ChevronDoubleUpIcon.js"),require("../icon/stroke/ChevronDownIcon.js"),require("../icon/stroke/ChevronLeftIcon.js"),require("../icon/stroke/ChevronNextIcon.js"),require("../icon/stroke/ChevronPreviousIcon.js"),require("../icon/stroke/ChevronRightIcon.js"),require("../icon/stroke/ChevronUpIcon.js"),require("../icon/stroke/CircleBluetoothIcon.js"),require("../icon/stroke/CircleCheckIcon.js"),require("../icon/stroke/CircleCloseIcon.js"),require("../icon/stroke/CircleDownloadIcon.js"),require("../icon/stroke/CircleExclamationIcon.js"),require("../icon/stroke/CircleInformationIcon.js"),require("../icon/stroke/CircleMinusIcon.js"),require("../icon/stroke/CirclePlusIcon.js"),require("../icon/stroke/CircleQuestionIcon.js"),require("../icon/stroke/CircleSlashIcon.js"),require("../icon/stroke/CircleUploadIcon.js"),require("../icon/stroke/ClipIcon.js"),require("../icon/stroke/ClockIcon.js"),require("../icon/stroke/CloseIcon.js"),require("../icon/stroke/ClosedcaptionsIcon.js"),require("../icon/stroke/CloudCO2Icon.js"),require("../icon/stroke/CloudDownloadIcon.js"),require("../icon/stroke/CloudUploadIcon.js"),require("../icon/stroke/ColoursIcon.js"),require("../icon/stroke/ComfortIcon.js"),require("../icon/stroke/ContrastIcon.js"),require("../icon/stroke/ControlsForwardIcon.js"),require("../icon/stroke/ControlsPauseIcon.js"),require("../icon/stroke/ControlsPlayIcon.js"),require("../icon/stroke/ControlsRecordIcon.js"),require("../icon/stroke/ControlsReverseIcon.js"),require("../icon/stroke/ControlsRewindIcon.js"),require("../icon/stroke/ControlsSkipNextIcon.js"),require("../icon/stroke/ControlsSkipPreviousIcon.js"),require("../icon/stroke/ControlsStopIcon.js"),require("../icon/stroke/CookieIcon.js"),require("../icon/stroke/CopyIcon.js"),require("../icon/stroke/CultureIcon.js"),require("../icon/stroke/CutIcon.js"),require("../icon/stroke/DealerIcon.js"),require("../icon/stroke/DealershipServiceIcon.js"),require("../icon/stroke/DeliveryIcon.js"),require("../icon/stroke/DetailsIcon.js"),require("../icon/stroke/DeviceSmartphoneIcon.js"),require("../icon/stroke/DoorsClosedIcon.js"),require("../icon/stroke/DoorsOpenIcon.js"),require("../icon/stroke/DownloadIcon.js"),require("../icon/stroke/DraghandleIcon.js"),require("../icon/stroke/EditIcon.js"),require("../icon/stroke/ElectricChargerIcon.js"),require("../icon/stroke/ElectricChargerOffIcon.js"),require("../icon/stroke/EmptystateIcon.js"),require("../icon/stroke/EngineIcon.js"),require("../icon/stroke/EngineOilIcon.js"),require("../icon/stroke/EntertainmentIcon.js"),require("../icon/stroke/EqualsignIcon.js"),require("../icon/stroke/ExportIcon.js"),require("../icon/stroke/ExternalLinkIcon.js"),require("../icon/stroke/FacebookIcon.js"),require("../icon/stroke/FactoryIcon.js"),require("../icon/stroke/FanIcon.js"),require("../icon/stroke/FeedbackIcon.js");var i=require("../icon/stroke/FileIcon.js");require("../icon/stroke/FileMissingIcon.js"),require("../icon/stroke/FileNewIcon.js"),require("../icon/stroke/FilterIcon.js"),require("../icon/stroke/FiltersIcon.js"),require("../icon/stroke/FingerPrintIcon.js"),require("../icon/stroke/FirstAidIcon.js"),require("../icon/stroke/FlashIcon.js"),require("../icon/stroke/FolderIcon.js"),require("../icon/stroke/FolderShareIcon.js"),require("../icon/stroke/FoodIcon.js"),require("../icon/stroke/FourwheeldriveIcon.js"),require("../icon/stroke/FrontaxleIcon.js"),require("../icon/stroke/FuelSavingsIcon.js"),require("../icon/stroke/FullscreenEnterIcon.js"),require("../icon/stroke/FullscreenExitIcon.js"),require("../icon/stroke/GarageIcon.js"),require("../icon/stroke/GaugeIcon.js"),require("../icon/stroke/GlobeIcon.js"),require("../icon/stroke/GroupIcon.js"),require("../icon/stroke/HandkeyIcon.js"),require("../icon/stroke/HealthScanIcon.js"),require("../icon/stroke/HeartIcon.js"),require("../icon/stroke/HideIcon.js"),require("../icon/stroke/HistoryIcon.js"),require("../icon/stroke/HomeIcon.js"),require("../icon/stroke/HonkIcon.js"),require("../icon/stroke/HotelIcon.js"),require("../icon/stroke/HybridIcon.js"),require("../icon/stroke/IDCardIcon.js"),require("../icon/stroke/ImportIcon.js"),require("../icon/stroke/InboxIcon.js"),require("../icon/stroke/InstagramIcon.js"),require("../icon/stroke/LightsIcon.js"),require("../icon/stroke/LightsOffIcon.js"),require("../icon/stroke/LinkedInIcon.js"),require("../icon/stroke/ListIcon.js"),require("../icon/stroke/LockClosedIcon.js"),require("../icon/stroke/LockOpenedIcon.js"),require("../icon/stroke/LockOpenedAltIcon.js"),require("../icon/stroke/LockedSteeringWheelIcon.js"),require("../icon/stroke/LoginIcon.js"),require("../icon/stroke/LogoutIcon.js"),require("../icon/stroke/MaintenanceIcon.js"),require("../icon/stroke/ManualIcon.js"),require("../icon/stroke/MapCenterIcon.js"),require("../icon/stroke/MapCompassIcon.js"),require("../icon/stroke/MapFlagIcon.js"),require("../icon/stroke/MapLocationIcon.js"),require("../icon/stroke/MapIcon.js"),require("../icon/stroke/MapMarkerIcon.js"),require("../icon/stroke/MapMarkerLBOIcon.js"),require("../icon/stroke/MapPinIcon.js"),require("../icon/stroke/MapViewIcon.js"),require("../icon/stroke/MenuWaffleIcon.js"),require("../icon/stroke/MenuIcon.js"),require("../icon/stroke/MessageIcon.js"),require("../icon/stroke/MicrophoneIcon.js"),require("../icon/stroke/MinusIcon.js"),require("../icon/stroke/MoreHorizontalIcon.js"),require("../icon/stroke/MoreVerticalIcon.js"),require("../icon/stroke/MotionIcon.js"),require("../icon/stroke/MusicalNoteIcon.js"),require("../icon/stroke/MuteIcon.js"),require("../icon/stroke/NewsIcon.js"),require("../icon/stroke/NewspaperIcon.js"),require("../icon/stroke/OilIcon.js"),require("../icon/stroke/ParkingIcon.js"),require("../icon/stroke/PasteIcon.js"),require("../icon/stroke/PercentageIcon.js"),require("../icon/stroke/PetIcon.js"),require("../icon/stroke/PhoneIcon.js"),require("../icon/stroke/PictureIcon.js"),require("../icon/stroke/PiggybankIcon.js"),require("../icon/stroke/PlugCCSType1Icon.js"),require("../icon/stroke/PlugCCSType2Icon.js"),require("../icon/stroke/PlugCHAdeMOIcon.js"),require("../icon/stroke/PlugType1Icon.js"),require("../icon/stroke/PlugType2Icon.js"),require("../icon/stroke/PlugIcon.js"),require("../icon/stroke/PlusIcon.js"),require("../icon/stroke/PremiumLIcon.js"),require("../icon/stroke/PremiumMIcon.js"),require("../icon/stroke/PremiumSIcon.js"),require("../icon/stroke/PriceTagIcon.js"),require("../icon/stroke/PrintIcon.js"),require("../icon/stroke/ProductionIcon.js"),require("../icon/stroke/PublicplaceIcon.js"),require("../icon/stroke/PumpIcon.js"),require("../icon/stroke/PumpCNGIcon.js"),require("../icon/stroke/PumpLPGIcon.js"),require("../icon/stroke/QRCodeIcon.js"),require("../icon/stroke/QualityIcon.js"),require("../icon/stroke/QualityMedalIcon.js"),require("../icon/stroke/RadarIcon.js"),require("../icon/stroke/RefreshIcon.js"),require("../icon/stroke/ReloadIcon.js"),require("../icon/stroke/RevertIcon.js"),require("../icon/stroke/RoadBlockIcon.js"),require("../icon/stroke/SaveIcon.js"),require("../icon/stroke/SearchMinusIcon.js"),require("../icon/stroke/SearchPlusIcon.js"),require("../icon/stroke/SearchIcon.js"),require("../icon/stroke/SeatheaterIcon.js"),require("../icon/stroke/SelectIcon.js"),require("../icon/stroke/SelectAllIcon.js"),require("../icon/stroke/SendIcon.js"),require("../icon/stroke/SettingsIcon.js"),require("../icon/stroke/ShapeCircleIcon.js"),require("../icon/stroke/ShapeDropIcon.js"),require("../icon/stroke/ShapeRectangleHorizontalIcon.js"),require("../icon/stroke/ShapeRectangleRoundedIcon.js"),require("../icon/stroke/ShapeRectangleVerticalIcon.js"),require("../icon/stroke/ShapeRhombusIcon.js"),require("../icon/stroke/ShapeShapesIcon.js"),require("../icon/stroke/ShapeSquareIcon.js"),require("../icon/stroke/ShapeStarIcon.js"),require("../icon/stroke/ShapeStarhalfIcon.js"),require("../icon/stroke/ShapeTriangleIcon.js"),require("../icon/stroke/ShareIcon.js"),require("../icon/stroke/ShareSquareIcon.js"),require("../icon/stroke/ShieldCheckIcon.js"),require("../icon/stroke/ShieldEmptyIcon.js"),require("../icon/stroke/ShoppingBagIcon.js"),require("../icon/stroke/ShoppingCartIcon.js"),require("../icon/stroke/ShowIcon.js"),require("../icon/stroke/ShuffleIcon.js"),require("../icon/stroke/SignalIcon.js"),require("../icon/stroke/SortDownIcon.js"),require("../icon/stroke/SortUpIcon.js"),require("../icon/stroke/SoundwaveIcon.js"),require("../icon/stroke/SparkplugIcon.js"),require("../icon/stroke/SportIcon.js"),require("../icon/stroke/StatsIcon.js"),require("../icon/stroke/SteeringWheelIcon.js"),require("../icon/stroke/StopwatchIcon.js"),require("../icon/stroke/SubtractIcon.js"),require("../icon/stroke/SuitcaseIcon.js"),require("../icon/stroke/SunroofIcon.js"),require("../icon/stroke/TaskDoneIcon.js"),require("../icon/stroke/TaskNoneIcon.js"),require("../icon/stroke/TaskScheduledIcon.js"),require("../icon/stroke/TechnicalInfoIcon.js"),require("../icon/stroke/TelegramIcon.js"),require("../icon/stroke/ThumbDownIcon.js"),require("../icon/stroke/ThumbUpIcon.js"),require("../icon/stroke/TicketIcon.js"),require("../icon/stroke/TikTokIcon.js"),require("../icon/stroke/ToiletsIcon.js"),require("../icon/stroke/TransmissionAutomaticIcon.js"),require("../icon/stroke/TransmissionManualIcon.js"),require("../icon/stroke/TrashcanIcon.js"),require("../icon/stroke/TripCyclicIcon.js"),require("../icon/stroke/TripLongTermIcon.js"),require("../icon/stroke/TripSingleIcon.js"),require("../icon/stroke/TrophyIcon.js"),require("../icon/stroke/TwitterIcon.js"),require("../icon/stroke/TyreRepairIcon.js"),require("../icon/stroke/TyreTracksIcon.js"),require("../icon/stroke/TyresIcon.js"),require("../icon/stroke/UploadIcon.js"),require("../icon/stroke/UserIcon.js"),require("../icon/stroke/VentilationIcon.js"),require("../icon/stroke/VentilationOffIcon.js"),require("../icon/stroke/WalkIcon.js"),require("../icon/stroke/WallboxIcon.js"),require("../icon/stroke/WalletIcon.js"),require("../icon/stroke/WandIcon.js"),require("../icon/stroke/WarningIcon.js"),require("../icon/stroke/WeatherRainyIcon.js"),require("../icon/stroke/WeatherSnowIcon.js"),require("../icon/stroke/WellnessIcon.js"),require("../icon/stroke/WhatsAppIcon.js"),require("../icon/stroke/WheelchairIcon.js"),require("../icon/stroke/WheelsIcon.js"),require("../icon/stroke/WifiDisabledIcon.js"),require("../icon/stroke/WifiHighIcon.js"),require("../icon/stroke/WifiLowIcon.js"),require("../icon/stroke/WifiMediumIcon.js"),require("../icon/stroke/WifiNoSignalIcon.js"),require("../icon/stroke/WindowIcon.js"),require("../icon/stroke/WindowheaterIcon.js"),require("../icon/stroke/WindowsClosedIcon.js"),require("../icon/stroke/WindowsOpenIcon.js"),require("../icon/stroke/WindscreenWiperIcon.js"),require("../icon/stroke/WriteIcon.js"),require("../icon/stroke/XIcon.js"),require("../icon/stroke/YouTubeIcon.js");var n=require("./UploadBox.js");exports.UploadPreviewList=({files:s,actions:c})=>e.jsx(n.UploadBox,{color:"white",children:e.jsx(o.Box,{sx:{width:"100%",height:"100%",padding:"0 16px",overflow:"auto"},children:e.jsx(o.List,{children:s.map(((n,t)=>e.jsxs(e.Fragment,{children:[e.jsxs(o.ListItem,{secondaryAction:null==c?void 0:c(n),disableGutters:!0,children:[e.jsx(o.ListItemIcon,{sx:{fontSize:"30px"},children:e.jsx(i.FileIcon,{fontSize:"inherit",name:"file"})}),e.jsx(o.ListItemText,{primary:e.jsx(o.Typography,{sx:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingRight:"15px"},children:n.name}),secondary:e.jsx(o.Typography,{color:"disabled.tertiary",children:r.formatFileSize(n.size)})})]},n.name),t<s.length-1&&e.jsx(o.Divider,{})]})))})})});
 //# sourceMappingURL=UploadPreviewList.js.map

package/cjs/components/upload/UploadPreviewList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadPreviewList.js","sources":["../../../../../src/components/upload/UploadPreviewList.tsx"],"sourcesContent":["import { formatFileSize } from '@/src/utils/formatFileSize/formatFileSize';\nimport { Box, Divider, List, ListItem, ListItemIcon, ListItemText, Typography } from '@mui/material';\nimport { FC, ReactNode } from 'react';\nimport { FileIcon } from '../icon/stroke';\nimport { UploadBox } from './UploadBox';\n\n/**\n * @deprecated - Use UploadList instead\n * @see UploadList\n */\nexport type UploadPreviewListProps = {\n  /**\n   * Array of files that should be previewed.\n   * @requires\n   */\n  files: Array<File>;\n  /**\n   * Function that renders actions for each file.\n   * @param file\n   * @returns ReactNode\n   * @default undefined\n   * @example\n   * import {IconButton} from '@mui/material';\n   * import {Icon} from '@skodaflow/web-library';\n   * ...\n   * <UploadPreviewList ...\n   *  actions={\n   *    (file) =>\n   *      <IconButton aria-label=\"...\" onClick={...}>\n   *        <TraschanIcon />\n   *      </IconButton>\n   *  }\n   * />\n   */\n  actions?: (file: File) => ReactNode;\n};\n\n/**\n * @deprecated - Use UploadList instead\n * @see UploadList\n *\n * @param files\n * @param actions\n * @constructor\n */\nexport const UploadPreviewList: FC<UploadPreviewListProps> = ({ files, actions }) => {\n  return (\n    <UploadBox color=\"white\">\n      <Box sx={{ width: '100%', height: '100%', padding: '0 16px', overflow: 'auto' }}>\n        <List>\n          {files.map((file, index) => (\n            <>\n              <ListItem key={file.name} secondaryAction={actions?.(file)} disableGutters>\n                <ListItemIcon sx={{ fontSize: '30px' }}>\n                  <FileIcon fontSize=\"inherit\" name=\"file\" />\n                </ListItemIcon>\n                <ListItemText\n                  primary={\n                    <Typography\n                      sx={{\n                        whiteSpace: 'nowrap',\n                        overflow: 'hidden',\n                        textOverflow: 'ellipsis',\n                        paddingRight: '15px',\n                      }}\n                    >\n                      {file.name}\n                    </Typography>\n                  }\n                  secondary={<Typography color=\"disabled.tertiary\">{formatFileSize(file.size)}</Typography>}\n                />\n              </ListItem>\n              {index < files.length - 1 && <Divider />}\n            </>\n          ))}\n        </List>\n      </Box>\n    </UploadBox>\n  );\n};\n"],"names":["files","actions","_jsx","UploadBox","color","Box","sx","width","height","padding","overflow","children","jsx","List","map","file","index","_jsxs","_Fragment","Fragment","jsxs","ListItem","secondaryAction","disableGutters","ListItemIcon","fontSize","FileIcon","name","ListItemText","primary","Typography","whiteSpace","textOverflow","paddingRight","secondary","formatFileSize","size","length","Divider"],"mappings":"k2eA6C6D,EAAGA,QAAOC,aAEnEC,EAAAA,IAACC,EAAAA,UAAS,CAACC,MAAM,iBACfF,MAACG,EAAAA,KAAIC,GAAI,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,QAAS,SAAUC,SAAU,QACrEC,SAAAT,EAAAU,IAACC,EAAIA,KACF,CAAAF,SAAAX,EAAMc,KAAI,CAACC,EAAMC,IAChBC,EAAAA,KACEC,EAAAC,SAAA,CAAAR,SAAA,CAAAM,EAAAG,KAACC,WAAyB,CAAAC,gBAAiBrB,aAAA,EAAAA,EAAUc,GAAOQ,gBAAc,EAAAZ,SAAA,CACxET,MAACsB,EAAYA,aAAA,CAAClB,GAAI,CAAEmB,SAAU,iBAC5BvB,EAACU,IAAAc,YAASD,SAAS,UAAUE,KAAK,WAEpCzB,EAAAA,IAAC0B,EAAAA,aACC,CAAAC,QACE3B,EAAAA,IAAC4B,EAAAA,WACC,CAAAxB,GAAI,CACFyB,WAAY,SACZrB,SAAU,SACVsB,aAAc,WACdC,aAAc,QAGftB,SAAAI,EAAKY,OAGVO,UAAWhC,EAAAA,IAAC4B,EAAUA,WAAA,CAAC1B,MAAM,6BAAqB+B,EAAAA,eAAepB,EAAKqB,YAjB3DrB,EAAKY,MAoBnBX,EAAQhB,EAAMqC,OAAS,GAAKnC,EAAAA,IAACoC,EAAAA"}
+{"version":3,"file":"UploadPreviewList.js","sources":["../../../../../src/components/upload/UploadPreviewList.tsx"],"sourcesContent":["import { formatFileSize } from '@/src/utils/formatFileSize/formatFileSize';\nimport { Box, Divider, List, ListItem, ListItemIcon, ListItemText, Typography } from '@mui/material';\nimport { FC, ReactNode } from 'react';\nimport { FileIcon } from '../icon/stroke';\nimport { UploadBox } from './UploadBox';\n\n/**\n * @deprecated - Use UploadList instead\n * @see UploadList\n */\nexport type UploadPreviewListProps = {\n  /**\n   * Array of files that should be previewed.\n   * @requires\n   */\n  files: Array<File>;\n  /**\n   * Function that renders actions for each file.\n   * @param file\n   * @returns ReactNode\n   * @default undefined\n   * @example\n   * import {IconButton} from '@mui/material';\n   * import {Icon} from '@skodaflow/web-library';\n   * ...\n   * <UploadPreviewList ...\n   *  actions={\n   *    (file) =>\n   *      <IconButton aria-label=\"...\" onClick={...}>\n   *        <TraschanIcon />\n   *      </IconButton>\n   *  }\n   * />\n   */\n  actions?: (file: File) => ReactNode;\n};\n\n/**\n * @deprecated - Use UploadList instead\n * @see UploadList\n *\n * @param files\n * @param actions\n * @constructor\n */\nexport const UploadPreviewList: FC<UploadPreviewListProps> = ({ files, actions }) => {\n  return (\n    <UploadBox color=\"white\">\n      <Box sx={{ width: '100%', height: '100%', padding: '0 16px', overflow: 'auto' }}>\n        <List>\n          {files.map((file, index) => (\n            <>\n              <ListItem key={file.name} secondaryAction={actions?.(file)} disableGutters>\n                <ListItemIcon sx={{ fontSize: '30px' }}>\n                  <FileIcon fontSize=\"inherit\" name=\"file\" />\n                </ListItemIcon>\n                <ListItemText\n                  primary={\n                    <Typography\n                      sx={{\n                        whiteSpace: 'nowrap',\n                        overflow: 'hidden',\n                        textOverflow: 'ellipsis',\n                        paddingRight: '15px',\n                      }}\n                    >\n                      {file.name}\n                    </Typography>\n                  }\n                  secondary={<Typography color=\"disabled.tertiary\">{formatFileSize(file.size)}</Typography>}\n                />\n              </ListItem>\n              {index < files.length - 1 && <Divider />}\n            </>\n          ))}\n        </List>\n      </Box>\n    </UploadBox>\n  );\n};\n"],"names":["files","actions","_jsx","UploadBox","color","Box","sx","width","height","padding","overflow","children","jsx","List","map","file","index","_jsxs","_Fragment","Fragment","jsxs","ListItem","secondaryAction","disableGutters","ListItemIcon","fontSize","FileIcon","name","ListItemText","primary","Typography","whiteSpace","textOverflow","paddingRight","secondary","formatFileSize","size","length","Divider"],"mappings":"qhfA6C6D,EAAGA,QAAOC,aAEnEC,EAAAA,IAACC,EAAAA,UAAS,CAACC,MAAM,iBACfF,MAACG,EAAAA,KAAIC,GAAI,CAAEC,MAAO,OAAQC,OAAQ,OAAQC,QAAS,SAAUC,SAAU,QACrEC,SAAAT,EAAAU,IAACC,EAAIA,KACF,CAAAF,SAAAX,EAAMc,KAAI,CAACC,EAAMC,IAChBC,EAAAA,KACEC,EAAAC,SAAA,CAAAR,SAAA,CAAAM,EAAAG,KAACC,WAAyB,CAAAC,gBAAiBrB,aAAA,EAAAA,EAAUc,GAAOQ,gBAAc,EAAAZ,SAAA,CACxET,MAACsB,EAAYA,aAAA,CAAClB,GAAI,CAAEmB,SAAU,iBAC5BvB,EAACU,IAAAc,YAASD,SAAS,UAAUE,KAAK,WAEpCzB,EAAAA,IAAC0B,EAAAA,aACC,CAAAC,QACE3B,EAAAA,IAAC4B,EAAAA,WACC,CAAAxB,GAAI,CACFyB,WAAY,SACZrB,SAAU,SACVsB,aAAc,WACdC,aAAc,QAGftB,SAAAI,EAAKY,OAGVO,UAAWhC,EAAAA,IAAC4B,EAAUA,WAAA,CAAC1B,MAAM,6BAAqB+B,EAAAA,eAAepB,EAAKqB,YAjB3DrB,EAAKY,MAoBnBX,EAAQhB,EAAMqC,OAAS,GAAKnC,EAAAA,IAACoC,EAAAA"}