@skodaflow/web-library 7.12.0 → 7.13.1

package/cjs/components/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../../../../src/components/accordion/accordion.tsx"],"sourcesContent":[null],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","JSON","stringify","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","_jsx","Box","children","map","_jsxs","MuiAccordion","expanded","AccordionSummary","title","AccordionDetails","content"],"mappings":"iHA0Fa,MAAAA,EAAYC,EAAUA,YACjC,CACEC,EASAC,KATA,IAAAC,MACEA,EAAKC,SACLA,EAAQC,iBACRA,EAAgBC,wBAChBA,EAAuBC,wBACvBA,EAAuBC,oBACvBA,GAEDP,EADIQ,EAAKC,EAAAA,OAAAT,EAPV,mHAWA,MAAOU,EAAQC,GAAeC,EAAAA,UAAkC,GAEhEC,EAAAA,WAAU,KACR,GAAKN,EAaE,CACL,MAAMO,EAAc,CAAE,EACtB,IAAK,IAAIC,EAAQ,EAAGA,EAAQb,EAAMc,OAAQD,IAAS,CACjD,MAAME,EAASf,EAAMa,GAAOG,IAAM,QAAQH,IAE1CD,EAAYG,KAAYf,EAAMa,GAAOI,kBAGvCR,GAAY,IAAMG,QArBM,CACxB,IAAII,EACJ,MAAME,EAA2BlB,EAAMmB,MAAK,CAACC,EAAMP,KACjD,GAAIO,EAAKH,kBAEP,OADAD,EAAKH,EACEO,CAEO,IAGdF,GACFT,EAAYS,EAAyBF,IAAM,QAAQA,QAYtD,CAACX,EAAqBgB,KAAKC,UAAUtB,KAExC,MAAMuB,EAAeC,EAAAA,aAClBC,GAAkB,CAACC,EAAGC,KACrB1B,GAAYA,EAASwB,EAAOE,GAK1BlB,EAHGJ,EAGUuB,GACXC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYF,GAAM,CAAAH,CAACA,GAAQE,MAHjBA,GAAaF,KAO7B,CAACpB,EAAqBJ,IAGxB,OACE8B,EAAAA,IAACC,EAAAA,IAAGH,OAAAC,OAAA,CAAC/B,IAAKA,GAASI,EAAuB,CAAA,cAAc,YACrD8B,SAAAjC,EAAMkC,KAAI,CAACd,EAAMP,KAChB,MAAMY,GAASL,aAAA,EAAAA,EAAMJ,KAAM,GAAGI,EAAKJ,MAAS,QAAQH,IAC9Cc,EAAatB,IAAwBG,EAAOiB,GAASjB,IAAWiB,EAEtE,OACEU,OAACC,EAAAA,UACCP,OAAAC,OAAA,CAAAd,GAAIS,EAEJY,SAAUV,EACV1B,SAAUsB,EAAaE,GACX,cAAA,kBACRnB,EAEJ,CAAA2B,SAAA,CAAAF,EAAAA,IAACO,EAAgBA,iBAAA,CAAA,gBACA,GAAGb,aAClBT,GAAI,GAAGS,YACK,cAAA,oBAEXQ,SAAAb,EAAKmB,QAERR,MAACS,mBAAgB,CAAA,cAAa,oBAAmBP,SAAEb,EAAKqB,aAbnDhB,EAcQ,MAGf"}
+{"version":3,"file":"accordion.js","sources":["../../../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { Accordion as MuiAccordion, AccordionDetails, AccordionSummary, Box, SxProps, Theme } from '@mui/material';\nimport { TransitionProps } from '@mui/material/transitions/transition';\nimport {\n  HTMLAttributes,\n  JSXElementConstructor,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\n\n/**\n * @interface AccordionItem\n * @description The interface describing the object that has to be provided to the array property 'items' in Accordion component.\n * When accordion.allowMultipleExpand is set to false and more than one item has isDefaultExpanded set to true, only the first occurrence in the array will be deafault expanded.\n * If no id is provided the component item receives indexed id -> panel${index}. The object is not changes.\n * The property id is also the key of the every accordion component.\n */\nexport interface AccordionItem {\n  id?: string;\n  title: string;\n  content: string | ReactNode;\n  isDefaultExpanded?: boolean;\n}\n\n/**\n * @interface AccordionProps\n * @description Base definition of SkodaFlow Accordion component independent on core implementation.\n * Properties are inherited from HTML Div element\n */\nexport interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /**\n   * The content of the component.\n   */\n  items: Array<AccordionItem>;\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   * Callback fired when the expand/collapse state is changed.\n   */\n  onChange?: (panel: string, value: boolean) => void;\n  /**\n   *  The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * If true, the preview text is showed. If the item.content is no typeof string, no preview will be show.\n   * @deprecated has no effect\n   */\n  previewContent?: boolean;\n  /**\n   * The component used for the transition.\n   * @deprecated has no effect\n   */\n  TransitionComponent?: JSXElementConstructor<\n    TransitionProps & {\n      children?: ReactElement<any, any>;\n    }\n  >;\n  /**\n   * Props applied to the transition element.\n   */\n  TransitionProps?: object;\n  /**\n   * If true, the transition is disabled.\n   * @deprecated has no effect\n   */\n  disableAnimation?: boolean;\n  /**\n   * The props provided to the top level container element.\n   */\n  accordionContainerProps?: object;\n  /**\n   * If provided, a max height will be given to every accordion panel. The string provided should be in pixels, eg. {number}px . No max height by default.\n   * @deprecated has no effect\n   */\n  accordionPanelMaxHeight?: string;\n  /**\n   * If true, more than 1 accordion panels can be opened simultaneously.\n   */\n  allowMultipleExpand?: boolean;\n}\n\n/**\n * @deprecated Use Accordion component from @mui/material\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  (\n    {\n      items,\n      onChange,\n      disableAnimation,\n      accordionContainerProps,\n      accordionPanelMaxHeight,\n      allowMultipleExpand,\n      ...props\n    },\n    ref,\n  ) => {\n    const [expand, setExpanded] = useState<string | false | object>(false);\n\n    useEffect(() => {\n      if (!allowMultipleExpand) {\n        let id: number;\n        const firstDefaultExpandedItem = items.find((item, index) => {\n          if (item.isDefaultExpanded) {\n            id = index;\n            return item;\n          }\n          return undefined;\n        });\n\n        if (firstDefaultExpandedItem) {\n          setExpanded(firstDefaultExpandedItem.id || `panel${id}`);\n        }\n      } else {\n        const expandItems = {};\n        for (let index = 0; index < items.length; index++) {\n          const itemId = items[index].id || `panel${index}`;\n\n          expandItems[itemId] = !!items[index].isDefaultExpanded;\n        }\n\n        setExpanded(() => expandItems);\n      }\n    }, [allowMultipleExpand, JSON.stringify(items)]);\n\n    const handleChange = useCallback(\n      (panel: string) => (_, isExpanded: boolean) => {\n        onChange && onChange(panel, isExpanded);\n\n        if (!allowMultipleExpand) {\n          setExpanded(isExpanded ? panel : false);\n        } else {\n          setExpanded((curr: object) => {\n            return { ...curr, [panel]: isExpanded };\n          });\n        }\n      },\n      [allowMultipleExpand, onChange],\n    );\n\n    return (\n      <Box ref={ref} {...accordionContainerProps} data-testid=\"Accordion\">\n        {items.map((item, index) => {\n          const panel = (item?.id && `${item.id}`) || `panel${index}`;\n          const isExpanded = allowMultipleExpand ? !!expand[panel] : expand === panel;\n\n          return (\n            <MuiAccordion\n              id={panel}\n              key={panel}\n              expanded={isExpanded}\n              onChange={handleChange(panel)}\n              data-testid=\"Accordion.item\"\n              {...props}\n            >\n              <AccordionSummary\n                aria-controls={`${panel}d-content`}\n                id={`${panel}d-header`}\n                data-testid=\"Accordion.summary\"\n              >\n                {item.title}\n              </AccordionSummary>\n              <AccordionDetails data-testid=\"Accordion.content\">{item.content}</AccordionDetails>\n            </MuiAccordion>\n          );\n        })}\n      </Box>\n    );\n  },\n);\n"],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","JSON","stringify","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","_jsx","Box","children","map","_jsxs","MuiAccordion","expanded","AccordionSummary","title","AccordionDetails","content"],"mappings":"iHA0Fa,MAAAA,EAAYC,EAAUA,YACjC,CACEC,EASAC,KATA,IAAAC,MACEA,EAAKC,SACLA,EAAQC,iBACRA,EAAgBC,wBAChBA,EAAuBC,wBACvBA,EAAuBC,oBACvBA,GAEDP,EADIQ,EAAKC,EAAAA,OAAAT,EAPV,mHAWA,MAAOU,EAAQC,GAAeC,EAAAA,UAAkC,GAEhEC,EAAAA,WAAU,KACR,GAAKN,EAaE,CACL,MAAMO,EAAc,CAAE,EACtB,IAAK,IAAIC,EAAQ,EAAGA,EAAQb,EAAMc,OAAQD,IAAS,CACjD,MAAME,EAASf,EAAMa,GAAOG,IAAM,QAAQH,IAE1CD,EAAYG,KAAYf,EAAMa,GAAOI,kBAGvCR,GAAY,IAAMG,QArBM,CACxB,IAAII,EACJ,MAAME,EAA2BlB,EAAMmB,MAAK,CAACC,EAAMP,KACjD,GAAIO,EAAKH,kBAEP,OADAD,EAAKH,EACEO,CAEO,IAGdF,GACFT,EAAYS,EAAyBF,IAAM,QAAQA,QAYtD,CAACX,EAAqBgB,KAAKC,UAAUtB,KAExC,MAAMuB,EAAeC,EAAAA,aAClBC,GAAkB,CAACC,EAAGC,KACrB1B,GAAYA,EAASwB,EAAOE,GAK1BlB,EAHGJ,EAGUuB,GACXC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYF,GAAM,CAAAH,CAACA,GAAQE,MAHjBA,GAAaF,KAO7B,CAACpB,EAAqBJ,IAGxB,OACE8B,EAAAA,IAACC,EAAAA,IAAGH,OAAAC,OAAA,CAAC/B,IAAKA,GAASI,EAAuB,CAAA,cAAc,YACrD8B,SAAAjC,EAAMkC,KAAI,CAACd,EAAMP,KAChB,MAAMY,GAASL,aAAA,EAAAA,EAAMJ,KAAM,GAAGI,EAAKJ,MAAS,QAAQH,IAC9Cc,EAAatB,IAAwBG,EAAOiB,GAASjB,IAAWiB,EAEtE,OACEU,OAACC,EAAAA,UACCP,OAAAC,OAAA,CAAAd,GAAIS,EAEJY,SAAUV,EACV1B,SAAUsB,EAAaE,GACX,cAAA,kBACRnB,EAEJ,CAAA2B,SAAA,CAAAF,EAAAA,IAACO,EAAgBA,iBAAA,CAAA,gBACA,GAAGb,aAClBT,GAAI,GAAGS,YACK,cAAA,oBAEXQ,SAAAb,EAAKmB,QAERR,MAACS,mBAAgB,CAAA,cAAa,oBAAmBP,SAAEb,EAAKqB,aAbnDhB,EAcQ,MAGf"}

package/cjs/components/alert/Alert.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),i=require("@mui/material");exports.Alert=s=>{var{type:r,actions:a,severity:c,action:n,sx:o,width:y}=s,p=t.__rest(s,["type","actions","severity","action","sx","width"]);const g=i.useTheme();return e.jsx(i.Alert,Object.assign({severity:c||r,action:a||n,sx:Object.assign(Object.assign(Object.assign({},y?{width:y}:{}),{"& .MuiTypography-body1":Object.assign({},g.typography.disclaimer),"& .MuiTypography-caption1":Object.assign({},g.typography.caption2)}),o),"data-testid":"Alert"},p))};
+"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),i=require("@mui/material");exports.Alert=s=>{var{type:r,actions:a,severity:c,action:n,sx:o,width:y}=s,p=t.__rest(s,["type","actions","severity","action","sx","width"]);const g=i.useTheme();return e.jsx(i.Alert,Object.assign({severity:c||r,action:a||n,sx:Object.assign(Object.assign(Object.assign({},y?{width:y}:{}),{"& .MuiTypography-body1":Object.assign({},g.typography.disclaimer1),"& .MuiTypography-caption1":Object.assign({},g.typography.caption2)}),o),"data-testid":"Alert"},p))};
 //# sourceMappingURL=Alert.js.map

package/cjs/components/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../src/components/alert/Alert.tsx"],"sourcesContent":[null],"names":["_a","type","actions","severity","action","sx","width","rest","__rest","theme","useTheme","_jsx","MuiAlert","Object","assign","typography","disclaimer","caption2"],"mappings":"4GAyB4CA,IAAA,IAAAC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,EAAQC,OAAEA,EAAMC,GAAEA,EAAEC,MAAEA,GAAgBN,EAANO,EAAIC,EAAAA,OAAAR,EAArD,qDAC1C,MAAMS,EAAQC,EAAAA,WAEd,OACEC,MAACC,EAAAA,MAAQC,OAAAC,OAAA,CACPX,SAAUA,GAAYF,EACtBG,OAAQF,GAAWE,EACnBC,GAAEQ,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIR,EAAQ,CAAEA,MAAOA,GAAU,CAAE,GAAC,CAElC,yBAAwBO,OAAAC,OAAA,GACnBL,EAAMM,WAAWC,YAEtB,4BAA2BH,OAAAC,OAAA,CAAA,EAEtBL,EAAMM,WAAWE,YAEnBZ,GAAE,cAEK,SACRE,GACJ"}
+{"version":3,"file":"Alert.js","sources":["../../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { Alert as MuiAlert, AlertProps as MuiAlertProps, useTheme } from '@mui/material';\n\nexport interface AlertProps extends MuiAlertProps {\n  /**\n   * @deprecated use severity property instead\n   */\n  type?: 'success' | 'warning' | 'error';\n  /**\n   * @deprecated use action property instead\n   */\n  actions?: React.ReactNode;\n  /**\n   * @deprecated direction is taken from the theme\n   */\n  direction?: 'rtl' | 'ltr';\n  /**\n   * @deprecated use `sx={{ width: '100%' }}` instead\n   */\n  width?: string;\n}\n\n/**\n * @mui Alert that contains props parser for the previous implementation\n */\nexport const Alert: React.FC<AlertProps> = ({ type, actions, severity, action, sx, width, ...rest }) => {\n  const theme = useTheme();\n\n  return (\n    <MuiAlert\n      severity={severity || type}\n      action={actions || action}\n      sx={{\n        ...(width ? { width: width } : {}),\n        // support for previous children that used typography\n        '& .MuiTypography-body1': {\n          ...theme.typography.disclaimer1,\n        },\n        '& .MuiTypography-caption1': {\n          // change to AlertTitle font\n          ...theme.typography.caption2,\n        },\n        ...sx,\n      }}\n      data-testid=\"Alert\"\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","type","actions","severity","action","sx","width","rest","__rest","theme","useTheme","_jsx","MuiAlert","Object","assign","typography","disclaimer1","caption2"],"mappings":"4GAyB4CA,IAAA,IAAAC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,EAAQC,OAAEA,EAAMC,GAAEA,EAAEC,MAAEA,GAAgBN,EAANO,EAAIC,EAAAA,OAAAR,EAArD,qDAC1C,MAAMS,EAAQC,EAAAA,WAEd,OACEC,MAACC,EAAAA,MAAQC,OAAAC,OAAA,CACPX,SAAUA,GAAYF,EACtBG,OAAQF,GAAWE,EACnBC,GAAEQ,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACIR,EAAQ,CAAEA,MAAOA,GAAU,CAAE,GAAC,CAElC,yBAAwBO,OAAAC,OAAA,GACnBL,EAAMM,WAAWC,aAEtB,4BAA2BH,OAAAC,OAAA,CAAA,EAEtBL,EAAMM,WAAWE,YAEnBZ,GAAE,cAEK,SACRE,GACJ"}

package/cjs/components/alert/AlertButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertButton.js","sources":["../../../../../src/components/alert/AlertButton.tsx"],"sourcesContent":[null],"names":["AlertButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"8FAQa,MAAAA,EAA0CC,EAAUA,YAAC,CAACC,EAAOC,IACjEC,EAAAA,IAACC,EAAAA,OAAWC,OAAAC,OAAA,CAAA,EAAAL,GAAOC,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,QAAQC,KAAK"}
+{"version":3,"file":"AlertButton.js","sources":["../../../../../src/components/alert/AlertButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'variant' | 'color' | 'size'> {}\n\n/**\n * AlertButton is a proxy component to <Button variant=\"text\" color=\"white\" size=\"small\" />\n */\nexport const AlertButton: React.FC<AlertButtonProps> = forwardRef((props, ref) => {\n  return <Button {...props} ref={ref} variant=\"text\" color=\"white\" size=\"small\" />;\n});\n"],"names":["AlertButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"8FAQa,MAAAA,EAA0CC,EAAUA,YAAC,CAACC,EAAOC,IACjEC,EAAAA,IAACC,EAAAA,OAAWC,OAAAC,OAAA,CAAA,EAAAL,GAAOC,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,QAAQC,KAAK"}

package/cjs/components/backdrop/backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.js","sources":["../../../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":[null],"names":["Backdrop","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","theme","backgroundColor","palette","transparent","backdrop","backdropFilter"],"mappings":"yJA+Ca,MAAAA,EAAWC,EAAUA,YAAgC,CAACC,EAA6BC,SAA7BC,KAAEA,EAAIC,QAAEA,GAAOH,EAAKI,EAAKC,EAAAA,OAAAL,EAAzB,oBACjE,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,EAAAA,UAW/D,OAJAC,EAAAA,WAAU,KACRF,EAAgBN,EAAK,GACpB,CAACA,EAAMM,IAGRG,MAACC,EAAc,CACbX,IAAKA,EACLY,QAAST,EAAMS,QACfX,KAAMI,EACNQ,QAdgB,KAClBP,IACAJ,GAAWA,GAAQ,EAAM,EAavBY,UAAWX,EAAMW,UACjBC,GAAIZ,EAAMY,GACVC,mBAAoBb,EAAMa,mBAAkBC,SAE3Cd,EAAMc,UACQ,IAIfN,EAAiBO,EAAMA,OAACC,WAAPD,EAAoCnB,IAAA,IAAAqB,MAAEA,GAAgBrB,EAC3E,OADyEK,EAAAA,OAAAL,EAAhB,WAChDe,UACA,CACLO,gBAAiBD,EAAME,QAAQC,YAAYC,SAC3CC,eAAgB,aAGb,IAAI"}
+{"version":3,"file":"backdrop.js","sources":["../../../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef, useEffect } from 'react';\nimport { SxProps } from '@mui/system';\nimport useBackdrop from '../../components/common/hook/backdrop';\nimport { styled, Theme, Backdrop as MuiBackdrop } from '@mui/material';\n\nexport interface BackdropProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   *  If true, the component is shown. Default value false\n   */\n  open: boolean;\n  /**\n   *  Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   *  The component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: string | ReactNode;\n  /**\n   *  The components used for each slot inside the Backdrop. Either a string to use a HTML element or a component.\n   */\n  components?: object;\n  /**\n   * The props used for each slot inside the Backdrop.\n   */\n  componentsProps?: object;\n  /**\n   * If true, the backdrop is invisible. It can be used when rendering a popover or a custom select component. Default value is false\n   */\n  invisible?: boolean;\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object.\n   */\n  transitionDuration?: number | object;\n  /**\n   * Additional onClose callback that needs to be provided when the state of the backdrop is controlled from outside.\n   */\n  onClose?: (isOpen: boolean) => void;\n}\n\n/**\n * @deprecated This component is deprecated. Use themed Backdrop component from @mui/material instead\n */\nexport const Backdrop = forwardRef<HTMLDivElement, BackdropProps>(({ open, onClose, ...props }, ref) => {\n  const { openBackdrop, handleCloseBackdrop, setOpenBackdrop } = useBackdrop();\n\n  const handleClose = () => {\n    handleCloseBackdrop();\n    onClose && onClose(false);\n  };\n\n  useEffect(() => {\n    setOpenBackdrop(open);\n  }, [open, setOpenBackdrop]);\n\n  return (\n    <BackdropStyled\n      ref={ref}\n      classes={props.classes}\n      open={openBackdrop}\n      onClick={handleClose}\n      invisible={props.invisible}\n      sx={props.sx}\n      transitionDuration={props.transitionDuration}\n    >\n      {props.children}\n    </BackdropStyled>\n  );\n});\n\nconst BackdropStyled = styled(MuiBackdrop)<BackdropProps>(({ theme, ...args }) => {\n  if (args.invisible)\n    return {\n      backgroundColor: theme.palette.transparent.backdrop,\n      backdropFilter: 'blur(0px)',\n    };\n\n  return null;\n});\n"],"names":["Backdrop","forwardRef","_a","ref","open","onClose","props","__rest","openBackdrop","handleCloseBackdrop","setOpenBackdrop","useBackdrop","useEffect","_jsx","BackdropStyled","classes","onClick","invisible","sx","transitionDuration","children","styled","MuiBackdrop","theme","backgroundColor","palette","transparent","backdrop","backdropFilter"],"mappings":"yJA+Ca,MAAAA,EAAWC,EAAUA,YAAgC,CAACC,EAA6BC,SAA7BC,KAAEA,EAAIC,QAAEA,GAAOH,EAAKI,EAAKC,EAAAA,OAAAL,EAAzB,oBACjE,MAAMM,aAAEA,EAAYC,oBAAEA,EAAmBC,gBAAEA,GAAoBC,EAAAA,UAW/D,OAJAC,EAAAA,WAAU,KACRF,EAAgBN,EAAK,GACpB,CAACA,EAAMM,IAGRG,MAACC,EAAc,CACbX,IAAKA,EACLY,QAAST,EAAMS,QACfX,KAAMI,EACNQ,QAdgB,KAClBP,IACAJ,GAAWA,GAAQ,EAAM,EAavBY,UAAWX,EAAMW,UACjBC,GAAIZ,EAAMY,GACVC,mBAAoBb,EAAMa,mBAAkBC,SAE3Cd,EAAMc,UACQ,IAIfN,EAAiBO,EAAMA,OAACC,WAAPD,EAAoCnB,IAAA,IAAAqB,MAAEA,GAAgBrB,EAC3E,OADyEK,EAAAA,OAAAL,EAAhB,WAChDe,UACA,CACLO,gBAAiBD,EAAME,QAAQC,YAAYC,SAC3CC,eAAgB,aAGb,IAAI"}

package/cjs/components/banner/banner.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),n=require("../icon/filled/CircleExclamationFilledIcon.js"),s=require("../icon/filled/CircleInformationFilledIcon.js"),t=require("../icon/filled/WarningFilledIcon.js"),i=require("@mui/material"),a=require("react"),o=require("../focusring/focusring.js");const l=a.forwardRef(((l,c)=>{var{children:x,variant:p="info",size:d="large",sx:g,iconProps:u,IconComponent:f,typographyProps:j,wrapperProps:m,buttons:b,buttonsWrapperProps:h,onClick:y}=l,w=e.__rest(l,["children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick"]);const C=i.useTheme(),I=u||{},{sx:O}=I,_=e.__rest(I,["sx"]),B=j||{},{sx:q}=B,P=e.__rest(B,["sx"]),v=m||{},{sx:F}=v,k=e.__rest(v,["sx"]),S=h||{},{sx:W}=S,z=e.__rest(S,["sx"]),[E,G,R]=a.useMemo((()=>{switch(p){case"error":return["error.main","error.light",t.WarningFilledIcon];case"warning":return["warning.main","warning.light",n.CircleExclamationFilledIcon];default:return["info.main","info.light",s.CircleInformationFilledIcon]}}),[p]),T=f||R;return r.jsxs(i.Box,Object.assign({"data-testid":"Banner",role:"alert","aria-atomic":"true","aria-live":"assertive",onClick:y,sx:Object.assign(Object.assign({display:"flex",width:"100%",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"flex-start",md:"center"},justifyContent:"space-between",px:2,py:"small"===d?1:{xs:2,md:1},gap:1,borderLeft:6,borderColor:E,backgroundColor:G,textAlign:"left"},y&&Object.assign({position:"relative",cursor:"pointer"},o.getFocusRingStyle(C,!0,"2px"))),g),ref:c},w,{children:[r.jsxs(i.Box,Object.assign({"data-testid":"Banner.wrapper",sx:Object.assign({flexGrow:"1",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:1,py:.5},F)},k,{children:[r.jsx(T,Object.assign({"data-testid":"Banner.icon",sx:Object.assign({color:E},O)},_)),r.jsx(i.Typography,Object.assign({"data-testid":"Banner.text",sx:Object.assign({color:"onSurface.os900",flexGrow:"1",fontSize:{xl:"16px"},lineHeight:{xl:"24px"}},q)},P,{children:x}))]})),b&&r.jsx(i.Box,Object.assign({"data-testid":"Banner.buttons",sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,flexShrink:"0",ml:{xs:4,md:0},alignSelf:"flex-end"},W)},z,{children:b}))]}))}));exports.Banner=l;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("../icon/filled/CircleExclamationFilledIcon.js"),n=require("../icon/filled/CircleInformationFilledIcon.js"),s=require("../icon/filled/WarningFilledIcon.js"),i=require("@mui/material"),a=require("react"),o=require("../focusring/focusring.js");const l=a.forwardRef(((l,c)=>{var{children:x,variant:p="info",size:d="large",sx:g,iconProps:u,IconComponent:f,typographyProps:m,wrapperProps:j,buttons:b,buttonsWrapperProps:h,onClick:y}=l,w=e.__rest(l,["children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick"]);const C=i.useTheme(),I=u||{},{sx:O}=I,_=e.__rest(I,["sx"]),B=m||{},{sx:q}=B,P=e.__rest(B,["sx"]),v=j||{},{sx:F}=v,k=e.__rest(v,["sx"]),S=h||{},{sx:W}=S,z=e.__rest(S,["sx"]),[E,G,R]=a.useMemo((()=>{switch(p){case"error":return["error.main","error.light",s.WarningFilledIcon];case"warning":return["warning.main","warning.light",t.CircleExclamationFilledIcon];default:return["info.main","info.light",n.CircleInformationFilledIcon]}}),[p]),T=f||R;return r.jsxs(i.Box,Object.assign({"data-testid":"Banner",role:"alert","aria-atomic":"true","aria-live":"assertive",onClick:y,sx:Object.assign(Object.assign({display:"flex",width:"100%",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"flex-start",md:"center"},justifyContent:"space-between",px:2,py:"small"===d?1:{xs:2,md:1},gap:1,borderLeft:6,borderColor:E,backgroundColor:"dark"===C.palette.mode?"onSurface.os900":G,textAlign:"left"},y&&Object.assign({position:"relative",cursor:"pointer"},o.getFocusRingStyle(C,!0,"2px"))),g),ref:c},w,{children:[r.jsxs(i.Box,Object.assign({"data-testid":"Banner.wrapper",sx:Object.assign({flexGrow:"1",display:"flex",alignItems:"flex-start",justifyContent:"flex-start",gap:1,py:.5},F)},k,{children:[r.jsx(T,Object.assign({"data-testid":"Banner.icon",sx:Object.assign({color:E},O)},_)),r.jsx(i.Typography,Object.assign({"data-testid":"Banner.text",sx:Object.assign({color:"text.primary",flexGrow:"1",fontSize:{xl:"16px"},lineHeight:{xl:"24px"}},q)},P,{children:x}))]})),b&&r.jsx(i.Box,Object.assign({"data-testid":"Banner.buttons",sx:Object.assign({display:"flex",alignItems:"center",justifyContent:"space-between",gap:1,flexShrink:"0",ml:{xs:4,md:0},alignSelf:"flex-end"},W)},z,{children:b}))]}))}));exports.Banner=l;
 //# sourceMappingURL=banner.js.map

package/cjs/components/banner/banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.js","sources":["../../../../../src/components/banner/banner.tsx"],"sourcesContent":[null],"names":["Banner","forwardRef","_a","ref","children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick","rest","__rest","theme","useTheme","_b","iconSx","restIcon","_c","typographySx","restTypography","_d","wrapperSx","restWrapper","_e","buttonsWrapperSx","restButtonsWrapper","borderColor","backgroundColor","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","BannerIcon","_jsxs","Box","Object","assign","role","display","width","flexDirection","xs","md","alignItems","justifyContent","px","py","gap","borderLeft","textAlign","position","cursor","getFocusRingStyle","flexGrow","_jsx","jsx","color","Typography","fontSize","xl","lineHeight","flexShrink","ml","alignSelf"],"mappings":"+TA+Ca,MAAAA,EAAgCC,EAAUA,YACrD,CACEC,EAcAC,KAdA,IAAAC,SACEA,EAAQC,QACRA,EAAU,OAAMC,KAChBA,EAAO,QAAOC,GACdA,EAAEC,UACFA,EAASC,cACTA,EAAaC,gBACbA,EAAeC,aACfA,EAAYC,QACZA,EAAOC,oBACPA,EAAmBC,QACnBA,GAEDZ,EADIa,EAAIC,EAAAA,OAAAd,EAZT,2IAgBA,MAAMe,EAAQC,EAAAA,WACRC,EAA8BX,GAAa,IAAzCD,GAAIa,KAAWC,EAAjBL,EAAAA,OAAAG,EAAA,CAAA,OACAG,EAA0CZ,GAAmB,IAA3DH,GAAIgB,KAAiBC,EAAvBR,EAAAA,OAAAM,EAAA,CAAA,OACAG,EAAoCd,GAAgB,IAAlDJ,GAAImB,KAAcC,EAApBX,EAAAA,OAAAS,EAAA,CAAA,OACAG,EAAkDf,GAAuB,IAAvEN,GAAIsB,KAAqBC,EAA3Bd,EAAAA,OAAAY,EAAA,CAAA,QAECG,EAAaC,EAAiBC,GAAwBC,EAAOA,SAAC,KACnE,OAAQ7B,GACN,IAAK,QACH,MAAO,CAAC,aAAc,cAAe8B,qBACvC,IAAK,UACH,MAAO,CAAC,eAAgB,gBAAiBC,+BAE3C,QACE,MAAO,CAAC,YAAa,aAAcC,kCAEtC,CAAChC,IACEiC,EAAa7B,GAAiBwB,EAEpC,OACEM,OAACC,EAAAA,IACaC,OAAAC,OAAA,CAAA,cAAA,SACZC,KAAK,QACO,cAAA,OACF,YAAA,YACV7B,QAASA,EACTP,GAAEkC,OAAAC,OAAAD,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OAEPC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,eAAgB,gBAEhBC,GAAI,EACJC,GAAa,UAAT9C,EAAmB,EAAI,CAAEyC,GAAI,EAAGC,GAAI,GACxCK,IAAK,EAELC,WAAY,EACZvB,YAAaA,EACbC,gBAAiBA,EACjBuB,UAAW,QAEPzC,GAAO2B,OAAAC,OAAA,CACTc,SAAU,WACVC,OAAQ,WAELC,EAAiBA,kBAACzC,GAAO,EAAM,SAEjCV,GAELJ,IAAKA,GACDY,EAAI,CAAAX,SAAA,CAERmC,OAACC,MAAGC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GAAEkC,OAAAC,OAAA,CAEAiB,SAAU,IACVf,QAAS,OACTK,WAAY,aACZC,eAAgB,aAChBG,IAAK,EACLD,GAAI,IACD1B,IAEDC,EAEJ,CAAAvB,SAAA,CAAAwD,EAAAC,IAACvB,EACaG,OAAAC,OAAA,CAAA,cAAA,cACZnC,GACEkC,OAAAC,OAAA,CAAAoB,MAAO/B,GACJX,IAEDC,IAENuC,MAACG,EAAAA,WAAUtB,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAoB,MAAO,kBACPH,SAAU,IAEVK,SAAU,CAAEC,GAAI,QAChBC,WAAY,CAAED,GAAI,SACf1C,IAEDC,EAAc,CAAApB,SAEjBA,SAGJQ,GACCgD,MAACpB,EAAGA,IAAAC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GACEkC,OAAAC,OAAA,CAAAE,QAAS,OACTK,WAAY,SACZC,eAAgB,gBAChBG,IAAK,EAELc,WAAY,IAEZC,GAAI,CAAErB,GAAI,EAAGC,GAAI,GAEjBqB,UAAW,YACRxC,IAEDC,EAEH,CAAA1B,SAAAQ,QAGD"}
+{"version":3,"file":"banner.js","sources":["../../../../../src/components/banner/banner.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps, useTheme } from '@mui/material';\nimport React, { ElementType, forwardRef, ReactNode, useMemo } from 'react';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface BannerProps extends BoxProps<ElementType> {\n  /**\n   * Defines which variant of Banner component should be rendered\n   * @default info\n   */\n  variant?: 'info' | 'warning' | 'error';\n  /**\n   * Set the proportions\n   * @default large\n   */\n  size?: 'large' | 'small';\n  /**\n   * Properties passed to indicator icon\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to wrapper of children\n   */\n  typographyProps?: TypographyProps;\n  /**\n   * Properties applied to wrapper of content (Icon and Typography)\n   */\n  wrapperProps?: BoxProps<ElementType>;\n  /**\n   * ReactNode that renders buttons. If multiple buttons are needed, wrap them in React.Fragment\n   */\n  buttons?: ReactNode;\n  /**\n   * Properties applied to wrapper element of buttons\n   */\n  buttonsWrapperProps?: BoxProps<ElementType>;\n}\n\n/**\n * Alert notification banner\n */\nexport const Banner: React.FC<BannerProps> = forwardRef(\n  (\n    {\n      children,\n      variant = 'info',\n      size = 'large',\n      sx,\n      iconProps,\n      IconComponent,\n      typographyProps,\n      wrapperProps,\n      buttons,\n      buttonsWrapperProps,\n      onClick,\n      ...rest\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: typographySx, ...restTypography } = typographyProps || {};\n    const { sx: wrapperSx, ...restWrapper } = wrapperProps || {};\n    const { sx: buttonsWrapperSx, ...restButtonsWrapper } = buttonsWrapperProps || {};\n\n    const [borderColor, backgroundColor, IconVariantComponent] = useMemo(() => {\n      switch (variant) {\n        case 'error':\n          return ['error.main', 'error.light', WarningFilledIcon];\n        case 'warning':\n          return ['warning.main', 'warning.light', CircleExclamationFilledIcon];\n        case 'info':\n        default:\n          return ['info.main', 'info.light', CircleInformationFilledIcon];\n      }\n    }, [variant]);\n    const BannerIcon = IconComponent || IconVariantComponent;\n\n    return (\n      <Box\n        data-testid=\"Banner\"\n        role=\"alert\"\n        aria-atomic=\"true\"\n        aria-live=\"assertive\"\n        onClick={onClick}\n        sx={{\n          display: 'flex',\n          width: '100%',\n          // on mobile content and button bellow each other\n          flexDirection: { xs: 'column', md: 'row' },\n          alignItems: { xs: 'flex-start', md: 'center' },\n          justifyContent: 'space-between',\n          // proportions\n          px: 2,\n          py: size === 'small' ? 1 : { xs: 2, md: 1 },\n          gap: 1,\n          // style\n          borderLeft: 6,\n          borderColor: borderColor,\n          backgroundColor: theme.palette.mode === 'dark' ? 'onSurface.os900' : backgroundColor,\n          textAlign: 'left',\n          // clickable style\n          ...(onClick && {\n            position: 'relative',\n            cursor: 'pointer',\n            // focused style\n            ...getFocusRingStyle(theme, true, '2px'),\n          }),\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <Box\n          data-testid=\"Banner.wrapper\"\n          sx={{\n            // align icon and content\n            flexGrow: '1',\n            display: 'flex',\n            alignItems: 'flex-start',\n            justifyContent: 'flex-start',\n            gap: 1,\n            py: 0.5,\n            ...wrapperSx,\n          }}\n          {...restWrapper}\n        >\n          <BannerIcon\n            data-testid=\"Banner.icon\"\n            sx={{\n              color: borderColor,\n              ...iconSx,\n            }}\n            {...restIcon}\n          />\n          <Typography\n            data-testid=\"Banner.text\"\n            sx={{\n              color: 'text.primary',\n              flexGrow: '1',\n              // custom font according to Figma\n              fontSize: { xl: '16px' },\n              lineHeight: { xl: '24px' },\n              ...typographySx,\n            }}\n            {...restTypography}\n          >\n            {children}\n          </Typography>\n        </Box>\n        {buttons && (\n          <Box\n            data-testid=\"Banner.buttons\"\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              gap: 1,\n              // always show buttons next to each other\n              flexShrink: '0',\n              // on mobile align with text\n              ml: { xs: 4, md: 0 },\n              // on mobile move to the right side\n              alignSelf: 'flex-end',\n              ...buttonsWrapperSx,\n            }}\n            {...restButtonsWrapper}\n          >\n            {buttons}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["Banner","forwardRef","_a","ref","children","variant","size","sx","iconProps","IconComponent","typographyProps","wrapperProps","buttons","buttonsWrapperProps","onClick","rest","__rest","theme","useTheme","_b","iconSx","restIcon","_c","typographySx","restTypography","_d","wrapperSx","restWrapper","_e","buttonsWrapperSx","restButtonsWrapper","borderColor","backgroundColor","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","BannerIcon","_jsxs","Box","Object","assign","role","display","width","flexDirection","xs","md","alignItems","justifyContent","px","py","gap","borderLeft","palette","mode","textAlign","position","cursor","getFocusRingStyle","jsxs","flexGrow","_jsx","jsx","color","Typography","fontSize","xl","lineHeight","flexShrink","ml","alignSelf"],"mappings":"+TA+Ca,MAAAA,EAAgCC,EAAUA,YACrD,CACEC,EAcAC,KAdA,IAAAC,SACEA,EAAQC,QACRA,EAAU,OAAMC,KAChBA,EAAO,QAAOC,GACdA,EAAEC,UACFA,EAASC,cACTA,EAAaC,gBACbA,EAAeC,aACfA,EAAYC,QACZA,EAAOC,oBACPA,EAAmBC,QACnBA,GAEDZ,EADIa,EAAIC,EAAAA,OAAAd,EAZT,2IAgBA,MAAMe,EAAQC,EAAAA,WACRC,EAA8BX,GAAa,IAAzCD,GAAIa,KAAWC,EAAjBL,EAAAA,OAAAG,EAAA,CAAA,OACAG,EAA0CZ,GAAmB,IAA3DH,GAAIgB,KAAiBC,EAAvBR,EAAAA,OAAAM,EAAA,CAAA,OACAG,EAAoCd,GAAgB,IAAlDJ,GAAImB,KAAcC,EAApBX,EAAAA,OAAAS,EAAA,CAAA,OACAG,EAAkDf,GAAuB,IAAvEN,GAAIsB,KAAqBC,EAA3Bd,EAAAA,OAAAY,EAAA,CAAA,QAECG,EAAaC,EAAiBC,GAAwBC,EAAOA,SAAC,KACnE,OAAQ7B,GACN,IAAK,QACH,MAAO,CAAC,aAAc,cAAe8B,qBACvC,IAAK,UACH,MAAO,CAAC,eAAgB,gBAAiBC,+BAE3C,QACE,MAAO,CAAC,YAAa,aAAcC,kCAEtC,CAAChC,IACEiC,EAAa7B,GAAiBwB,EAEpC,OACEM,OAACC,EAAAA,IACaC,OAAAC,OAAA,CAAA,cAAA,SACZC,KAAK,QACO,cAAA,OACF,YAAA,YACV7B,QAASA,EACTP,GAAEkC,OAAAC,OAAAD,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OAEPC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,WAAY,CAAEF,GAAI,aAAcC,GAAI,UACpCE,eAAgB,gBAEhBC,GAAI,EACJC,GAAa,UAAT9C,EAAmB,EAAI,CAAEyC,GAAI,EAAGC,GAAI,GACxCK,IAAK,EAELC,WAAY,EACZvB,YAAaA,EACbC,gBAAwC,SAAvBf,EAAMsC,QAAQC,KAAkB,kBAAoBxB,EACrEyB,UAAW,QAEP3C,GAAO2B,OAAAC,OAAA,CACTgB,SAAU,WACVC,OAAQ,WAELC,EAAiBA,kBAAC3C,GAAO,EAAM,SAEjCV,GAELJ,IAAKA,GACDY,EAAI,CAAAX,SAAA,CAERmC,EAACsB,KAAArB,MACaC,OAAAC,OAAA,CAAA,cAAA,iBACZnC,GAAEkC,OAAAC,OAAA,CAEAoB,SAAU,IACVlB,QAAS,OACTK,WAAY,aACZC,eAAgB,aAChBG,IAAK,EACLD,GAAI,IACD1B,IAEDC,EAEJ,CAAAvB,SAAA,CAAA2D,EAAAC,IAAC1B,EACaG,OAAAC,OAAA,CAAA,cAAA,cACZnC,GACEkC,OAAAC,OAAA,CAAAuB,MAAOlC,GACJX,IAEDC,IAEN0C,MAACG,EAAAA,WAAUzB,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAuB,MAAO,eACPH,SAAU,IAEVK,SAAU,CAAEC,GAAI,QAChBC,WAAY,CAAED,GAAI,SACf7C,IAEDC,EAAc,CAAApB,SAEjBA,SAGJQ,GACCmD,MAACvB,EAAGA,IAAAC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GACEkC,OAAAC,OAAA,CAAAE,QAAS,OACTK,WAAY,SACZC,eAAgB,gBAChBG,IAAK,EAELiB,WAAY,IAEZC,GAAI,CAAExB,GAAI,EAAGC,GAAI,GAEjBwB,UAAW,YACR3C,IAEDC,EAEH,CAAA1B,SAAAQ,QAGD"}

package/cjs/components/bottomSheet/bottomSheet.d.ts

@@ -1,6 +1,6 @@
+import React, { ElementType } from 'react';
 import { BoxProps, IconButtonProps, SwipeableDrawerProps, TypographyProps, SvgIconProps } from '@mui/material';
-import { ElementType } from 'react';
-export interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' | 'onOpen'> {
+export interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' | 'onOpen' | 'title'> {
     /**
      * Open state component flag
      */
@@ -36,7 +36,7 @@ export interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' |
     /**
      * Text in header
      */
-    title?: string;
+    title?: React.ReactNode;
     /**
      * Text props
      */
@@ -50,6 +50,10 @@ export interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' |
      * Wrapper of header
      */
     headerWrapper?: BoxProps<ElementType>;
+    /**
+     * Wrapper of title and close button
+     */
+    titleWrapper?: BoxProps<ElementType>;
     /**
      * Wrapper of content
      */

package/cjs/components/bottomSheet/bottomSheet.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),o=require("@mui/material"),s=require("../icon/stroke/CloseIcon.js"),r=require("../../utils/useElementScrollable/useElementScrollable.js");const n=require("react").forwardRef(((n,a)=>{var{children:i,open:l,setOpen:p,puller:c,closeButton:x,closeButtonProps:d,closeButtonIconProps:u,CloseButtonIconComponent:h,footerSlot:b,title:j,titleProps:m={},headerWrapper:B,contentWrapper:f,footerWrapper:g,maxHeight:S=60}=n,O=e.__rest(n,["children","open","setOpen","puller","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","contentWrapper","footerWrapper","maxHeight"]);const C=B||{},{sx:_}=C,w=e.__rest(C,["sx"]),P=f||{},{sx:y}=P,I=e.__rest(P,["sx"]),q=g||{},{sx:v}=q,R=e.__rest(q,["sx"]),T=u||{},{sx:W}=T,k=e.__rest(T,["sx"]),H=o.useTheme(),z=h||s.CloseIcon,{isScrollable:D,elementRef:E}=r.default("y");return t.jsxs(o.SwipeableDrawer,Object.assign({dir:H.direction,anchor:"bottom",PaperProps:{sx:{borderTopLeftRadius:"16px",borderTopRightRadius:"16px",maxHeight:`${S}%`}},open:l,onClose:()=>p(!1),onOpen:()=>p(!0),disableSwipeToOpen:!0,ModalProps:{keepMounted:!0},"data-testid":"BottomSheet",ref:a},O,{children:[(j||x||c)&&t.jsxs(o.Box,Object.assign({sx:Object.assign({px:2},_),"data-testid":"BottomSheet-header"},w,{children:[c&&t.jsx(o.Box,{sx:{position:"relative",display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:t.jsx(o.Box,{"data-testid":"BottomSheet-puller",sx:{width:"28px",height:"4px",backgroundColor:"onSurface.os500",mt:1.5,mb:2.25,borderRadius:8}})}),(j||x&&!c)&&t.jsxs(o.Box,{sx:{display:"flex",justifyContent:j?"space-between":"flex-end",gap:1,pb:2,pt:c?0:2},children:[j&&t.jsx(o.Typography,Object.assign({"data-testid":"BottomSheet-title",variant:"h4"},m,{children:j})),x&&!c&&t.jsx(o.IconButton,Object.assign({"data-testid":"BottomSheet-closeButton",variant:"standard",size:"small",onClick:()=>p(!1),"aria-label":"Close bottom sheet"},d,{children:t.jsx(z,Object.assign({color:"action",sx:Object.assign({fontSize:"18px"},W)},k))}))]})]})),t.jsx(o.Box,Object.assign({"data-testid":"BottomSheet-content",ref:E,sx:Object.assign({overflow:"auto",borderTop:D?1:0,borderColor:"surface.secondary",p:2},y)},I,{children:i})),b&&t.jsx(o.Box,Object.assign({"data-testid":"BottomSheet-footer",sx:Object.assign({px:2,pt:3,pb:4,boxShadow:b?"0px 0px 8px rgba(0, 0, 0, 0.15)":"none"},v)},R,{children:b}))]}))}));exports.BottomSheet=n;
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),o=require("react"),s=require("@mui/material"),r=require("../icon/stroke/CloseIcon.js"),n=require("../../utils/useElementScrollable/useElementScrollable.js");const i=o.forwardRef(((o,i)=>{var a,{children:l,open:p,setOpen:c,slotProps:x,puller:d,closeButton:u,closeButtonProps:b,closeButtonIconProps:h,CloseButtonIconComponent:j,footerSlot:m,title:g,titleProps:B={},headerWrapper:O,titleWrapper:f,contentWrapper:S,footerWrapper:_,maxHeight:C=60}=o,P=e.__rest(o,["children","open","setOpen","slotProps","puller","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","titleWrapper","contentWrapper","footerWrapper","maxHeight"]);const v=O||{},{sx:w}=v,y=e.__rest(v,["sx"]),I=f||{},{sx:W}=I,q=e.__rest(I,["sx"]),R=B||{},{sx:T}=R,k=e.__rest(R,["sx"]),E=b||{},{sx:H}=E,D=e.__rest(E,["sx"]),M=S||{},{sx:z}=M,L=e.__rest(M,["sx"]),$=_||{},{sx:A}=$,F=e.__rest($,["sx"]),G=s.useTheme(),J=j||r.CloseIcon,{isScrollable:K,elementRef:N}=n.useElementScrollable("y");return t.jsxs(s.SwipeableDrawer,Object.assign({dir:G.direction,anchor:"bottom",open:p,onClose:()=>c(!1),onOpen:()=>c(!0),disableSwipeToOpen:!0,ModalProps:{keepMounted:!0},"data-testid":"BottomSheet",slotProps:Object.assign(Object.assign({},x),{paper:Object.assign(Object.assign({},null==x?void 0:x.paper),{sx:Object.assign({boxShadow:"none",borderTopLeftRadius:"16px",borderTopRightRadius:"16px",maxHeight:`${C}%`},null===(a=null==x?void 0:x.paper)||void 0===a?void 0:a.sx)})}),ref:i},P,{children:[(g||u||d)&&t.jsxs(s.Box,Object.assign({sx:Object.assign({px:2},w),"data-testid":"BottomSheet-header"},y,{children:[d&&t.jsx(s.Box,{sx:{position:"relative",display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},children:t.jsx(s.Box,{"data-testid":"BottomSheet-puller",sx:{width:"28px",height:"4px",backgroundColor:"onSurface.os500",mt:1,mb:.5,borderRadius:"8px"}})}),(g||u&&!d)&&t.jsxs(s.Box,Object.assign({sx:Object.assign({display:"flex",justifyContent:g?"space-between":"flex-end",gap:1,pt:K&&d?2:0,pb:K?2:0},W)},q,{children:[g&&t.jsx(s.Typography,Object.assign({"data-testid":"BottomSheet-title",variant:"h4",component:"h2",sx:Object.assign({mt:d?0:2},T)},k,{children:g})),u&&!d&&t.jsx(s.IconButton,Object.assign({"data-testid":"BottomSheet-closeButton",size:"medium",onClick:()=>c(!1),"aria-label":"Close bottom sheet",sx:Object.assign({mt:"3px",mr:"-6px"},H)},D,{children:t.jsx(J,Object.assign({},h))}))]}))]})),t.jsx(s.Box,Object.assign({"data-testid":"BottomSheet-content",ref:N,sx:Object.assign({overflow:"auto",borderTop:K?1:0,borderBottom:K&&m?1:0,borderColor:"surface.secondary",p:2},z)},L,{children:l})),m&&t.jsx(s.Box,Object.assign({"data-testid":"BottomSheet-footer",sx:Object.assign({px:2,pt:3,pb:4},A)},F,{children:m}))]}))}));exports.BottomSheet=i;
 //# sourceMappingURL=bottomSheet.js.map

package/cjs/components/bottomSheet/bottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottomSheet.js","sources":["../../../../../src/components/bottomSheet/bottomSheet.tsx"],"sourcesContent":[null],"names":["BottomSheet","forwardRef","_a","ref","children","open","setOpen","puller","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","contentWrapper","footerWrapper","maxHeight","rest","__rest","_b","sx","headerSx","restHeader","_c","contentSx","restContent","_d","footerSx","restFooter","_e","closeButtonIconSx","restCloseButtonIcon","theme","useTheme","BottomSheetCloseButtonIcon","CloseIcon","isScrollable","elementRef","useElementScrollable","_jsxs","SwipeableDrawer","Object","assign","dir","direction","anchor","PaperProps","borderTopLeftRadius","borderTopRightRadius","onClose","onOpen","disableSwipeToOpen","ModalProps","keepMounted","Box","px","_jsx","position","display","flexDirection","justifyContent","alignItems","width","height","backgroundColor","mt","mb","borderRadius","gap","pb","pt","Typography","variant","jsx","IconButton","size","onClick","color","fontSize","overflow","borderTop","borderColor","p","boxShadow"],"mappings":"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"}
+{"version":3,"file":"bottomSheet.js","sources":["../../../../../src/components/bottomSheet/bottomSheet.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  IconButtonProps,\n  SwipeableDrawer,\n  SwipeableDrawerProps,\n  IconButton,\n  Typography,\n  TypographyProps,\n  useTheme,\n  SvgIconProps,\n  PaperProps,\n} from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { useElementScrollable } from '@/src/utils/useElementScrollable';\n\nexport interface BottomSheetProps extends Omit<SwipeableDrawerProps, 'onClose' | 'onOpen' | 'title'> {\n  /**\n   * Open state component flag\n   */\n  open: boolean;\n  /**\n   * Open state component function\n   */\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n  /**\n   * Flag for displaying close button\n   */\n  closeButton?: boolean;\n  /**\n   * Props applied to closeButton IconButton\n   */\n  closeButtonProps?: Partial<IconButtonProps>;\n  /**\n   * Props applied to Icon in closeButton\n   */\n  closeButtonIconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  CloseButtonIconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Flag for displaying bar that visualizes pulling function\n   */\n  puller?: boolean;\n  /**\n   * Footer children slot\n   */\n  footerSlot?: React.ReactNode;\n  /**\n   * Text in header\n   */\n  title?: React.ReactNode;\n  /**\n   * Text props\n   */\n  titleProps?: TypographyProps;\n  /**\n   * Max height of whole component in percentages\n   * @default 60\n   */\n  maxHeight?: number;\n  /**\n   * Wrapper of header\n   */\n  headerWrapper?: BoxProps<ElementType>;\n  /**\n   * Wrapper of title and close button\n   */\n  titleWrapper?: BoxProps<ElementType>;\n  /**\n   * Wrapper of content\n   */\n  contentWrapper?: BoxProps<ElementType>;\n  /**\n   * Wrapper of footer\n   */\n  footerWrapper?: BoxProps<ElementType>;\n}\n\nexport const BottomSheet: React.FC<BottomSheetProps> = forwardRef(\n  (\n    {\n      children,\n      open,\n      setOpen,\n      slotProps,\n      puller,\n      closeButton,\n      closeButtonProps,\n      closeButtonIconProps,\n      CloseButtonIconComponent,\n      footerSlot,\n      title,\n      titleProps = {},\n      headerWrapper,\n      titleWrapper,\n      contentWrapper,\n      footerWrapper,\n      maxHeight = 60,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { sx: headerSx, ...restHeader } = headerWrapper || {};\n    const { sx: titleWrapperSx, ...restTitleWrapper } = titleWrapper || {};\n    const { sx: titleSx, ...restTitle } = titleProps || {};\n    const { sx: closeButtonSx, ...restCloseButton } = closeButtonProps || {};\n    const { sx: contentSx, ...restContent } = contentWrapper || {};\n    const { sx: footerSx, ...restFooter } = footerWrapper || {};\n    const theme = useTheme();\n    const BottomSheetCloseButtonIcon = CloseButtonIconComponent || CloseIcon;\n\n    const { isScrollable, elementRef } = useElementScrollable('y');\n\n    return (\n      <SwipeableDrawer\n        dir={theme.direction}\n        anchor=\"bottom\"\n        open={open}\n        onClose={() => setOpen(false)}\n        onOpen={() => setOpen(true)}\n        disableSwipeToOpen\n        ModalProps={{\n          keepMounted: true,\n        }}\n        data-testid=\"BottomSheet\"\n        slotProps={{\n          ...slotProps,\n          paper: {\n            ...slotProps?.paper,\n            sx: {\n              boxShadow: 'none',\n              borderTopLeftRadius: '16px',\n              borderTopRightRadius: '16px',\n              maxHeight: `${maxHeight}%`,\n              ...(slotProps?.paper as PaperProps)?.sx,\n            },\n          },\n        }}\n        ref={ref}\n        {...rest}\n      >\n        {(title || closeButton || puller) && (\n          <Box sx={{ px: 2, ...headerSx }} data-testid=\"BottomSheet-header\" {...restHeader}>\n            {puller && (\n              <Box\n                sx={{\n                  position: 'relative',\n                  display: 'flex',\n                  flexDirection: 'row',\n                  justifyContent: 'center',\n                  alignItems: 'center',\n                }}\n              >\n                <Box\n                  data-testid=\"BottomSheet-puller\"\n                  sx={{\n                    width: '28px',\n                    height: '4px',\n                    backgroundColor: 'onSurface.os500',\n                    mt: 1,\n                    mb: 0.5,\n                    borderRadius: '8px',\n                  }}\n                />\n              </Box>\n            )}\n            {(title || (closeButton && !puller)) && (\n              <Box\n                sx={{\n                  display: 'flex',\n                  justifyContent: title ? 'space-between' : 'flex-end',\n                  gap: 1,\n                  pt: isScrollable && puller ? 2 : 0,\n                  pb: isScrollable ? 2 : 0,\n                  ...titleWrapperSx,\n                }}\n                {...restTitleWrapper}\n              >\n                {title && (\n                  <Typography\n                    data-testid=\"BottomSheet-title\"\n                    variant=\"h4\"\n                    component=\"h2\"\n                    sx={{\n                      mt: puller ? 0 : 2,\n                      ...titleSx,\n                    }}\n                    {...restTitle}\n                  >\n                    {title}\n                  </Typography>\n                )}\n                {closeButton && !puller && (\n                  <IconButton\n                    data-testid=\"BottomSheet-closeButton\"\n                    size=\"medium\"\n                    onClick={() => setOpen(false)}\n                    aria-label=\"Close bottom sheet\"\n                    sx={{\n                      mt: '3px',\n                      mr: '-6px',\n                      ...closeButtonSx,\n                    }}\n                    {...restCloseButton}\n                  >\n                    <BottomSheetCloseButtonIcon {...closeButtonIconProps} />\n                  </IconButton>\n                )}\n              </Box>\n            )}\n          </Box>\n        )}\n        <Box\n          data-testid=\"BottomSheet-content\"\n          ref={elementRef}\n          sx={{\n            overflow: 'auto',\n            borderTop: isScrollable ? 1 : 0,\n            borderBottom: isScrollable && footerSlot ? 1 : 0,\n            borderColor: 'surface.secondary',\n            p: 2,\n            ...contentSx,\n          }}\n          {...restContent}\n        >\n          {children}\n        </Box>\n        {footerSlot && (\n          <Box\n            data-testid=\"BottomSheet-footer\"\n            sx={{\n              px: 2,\n              pt: 3,\n              pb: 4,\n              ...footerSx,\n            }}\n            {...restFooter}\n          >\n            {footerSlot}\n          </Box>\n        )}\n      </SwipeableDrawer>\n    );\n  },\n);\n"],"names":["BottomSheet","forwardRef","_a","ref","children","open","setOpen","slotProps","puller","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","titleWrapper","contentWrapper","footerWrapper","maxHeight","rest","__rest","_c","sx","headerSx","restHeader","_d","titleWrapperSx","restTitleWrapper","_e","titleSx","restTitle","_f","closeButtonSx","restCloseButton","_g","contentSx","restContent","_h","footerSx","restFooter","theme","useTheme","BottomSheetCloseButtonIcon","CloseIcon","isScrollable","elementRef","useElementScrollable","_jsxs","SwipeableDrawer","dir","direction","anchor","onClose","onOpen","disableSwipeToOpen","ModalProps","keepMounted","paper","Object","assign","boxShadow","borderTopLeftRadius","borderTopRightRadius","jsxs","Box","px","_jsx","position","display","flexDirection","justifyContent","alignItems","width","height","backgroundColor","mt","mb","borderRadius","gap","pt","pb","jsx","Typography","variant","component","IconButton","size","onClick","mr","overflow","borderTop","borderBottom","borderColor","p"],"mappings":"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"}

package/cjs/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../../src/components/button/button.tsx"],"sourcesContent":[null],"names":["ButtonVariants","_a","children","label","colourScheme","icon","compact","direction","variant","rawVariant","color","rawColor","startIcon","rawStartIcon","endIcon","rawEndIcon","sx","rawSx","size","rawSize","rest","__rest","useMemo","Object","values","includes","PRIMARY","SECONDARY","GHOST","TERTIARY","NAVIGATION","assign","ColourSheme","LIGHT_MODE","iconEl","_jsx","Icon","name","MuiButton","Button"],"mappings":"yLAmCYA,mCAAAA,QAAAA,oBAAAA,GAAAA,EAAAA,QAAcA,iBAAdA,uBAMX,CAAA,IALC,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,WAAA,4BAMI,SAAiBC,GAAA,IAAAC,SACrBA,EAAQC,MACRA,EAAKC,aACLA,EACAC,KAAAA,EAAIC,QACJA,EAAOC,UACPA,EACAC,QAASC,EACTC,MAAOC,EACPC,UAAWC,EACXC,QAASC,EACTC,GAAIC,EACJC,KAAMC,GAAOlB,EACVmB,EAAIC,EAAAA,OAAApB,EAbc,sHAgBrB,MAAOO,EAASE,GAASY,EAAOA,SAAuD,IACjFC,OAAOC,OAAOxB,QAAAA,gBAAgByB,SAAShB,GAClC,CAEL,CACE,CAACT,QAAAA,eAAe0B,SAAU,YAC1B,CAAC1B,QAAAA,eAAe2B,WAAY,YAC5B,CAAC3B,QAAAA,eAAe4B,OAAQ,WACxB,CAAC5B,QAAAA,eAAe6B,UAAW,OAC3B,CAAC7B,QAAAA,eAAe8B,YAAa,cAC7BrB,GAEFE,GACE,CACE,CAACX,QAAAA,eAAe0B,SAAU,UAC1B,CAAC1B,QAAAA,eAAe2B,WAAY,YAC5B,CAAC3B,QAAAA,eAAe4B,OAAQ,YACxB,CAAC5B,QAAAA,eAAe6B,UAAW,YAC3B,CAAC7B,QAAAA,eAAe8B,YAAa,aAC7BrB,IAGC,CAACA,EAAYE,IAErB,CAACF,EAAYE,IAEVK,EAAKM,EAAAA,SAAQ,IAEZC,OAAAQ,OAAAR,OAAAQ,OAAA,CAAA,EAAC3B,IAAiB4B,EAAWA,YAACC,WAAa,CAAEvB,MAAO,gBAAmB,CAAE,GACzEO,IAEJ,CAACb,EAAca,IAEZiB,EAASZ,EAAAA,SAAQ,IACjBjB,EACK8B,MAACC,EAAIA,KAAA,CAACC,KAAMhC,IACVG,IAAYR,QAAcA,eAAC8B,WAClB,YAAdvB,EACK4B,MAACC,EAAIA,KAAA,CAACC,KAAK,gBAEXF,MAACC,EAAIA,KAAA,CAACC,KAAK,eAGb,MAER,CAAChC,EAAMG,EAASD,IAEbW,EAAOI,EAAAA,SAAQ,IACZH,GAAWb,EAAU,QAAU,UACrC,CAACa,EAASb,IAEb,OACE6B,MAACG,EAASC,OAAAhB,OAAAQ,OAAA,CACRvB,QAASA,EACTE,MAAOA,EACPM,GAAIA,EACJE,KAAMA,EACNN,UAAWC,GAA+B,YAAdN,GAA2B2B,EACvDpB,QAASC,GAA6B,YAAdR,GAA2B2B,GAC/Cd,EAAI,CAAAlB,SAEPC,GAASD,IAGhB"}
+{"version":3,"file":"button.js","sources":["../../../../../src/components/button/button.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { ButtonProps as MuiButtonProps, Button as MuiButton } from '@mui/material';\nimport { Icon, IconNameProp } from '@/src/components/icon';\nimport { ColourSheme } from '@/src/utils/enum';\n\nexport interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {\n  /**\n   * @deprecated use children instead\n   */\n  label?: string;\n  /**\n   * Visual variant of button\n   */\n  variant?: MuiButtonProps['variant'] | ButtonVariants;\n  /**\n   * @deprecated use sx={{ color: 'common.white' }} instead\n   */\n  colourScheme?: ColourSheme;\n  /**\n   * @deprecated use startIcon={<Icon name='icon_name'>} instead\n   */\n  icon?: IconNameProp;\n  /**\n   * @deprecated use size='small' instead\n   */\n  compact?: boolean;\n  /**\n   * @deprecated use startIcon={<Icon name='arrow-left'>} or endIcon={<Icon name='arrow-right'>} instead\n   */\n  direction?: 'forward' | 'back';\n}\n\n/**\n * @deprecated use string variant\n */\nexport enum ButtonVariants {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  GHOST = 'ghost',\n  TERTIARY = 'tertiary',\n  NAVIGATION = 'navigation',\n}\n\n/**\n * @mui Button that contain props parser for the previous implementation\n */\nexport function Button({\n  children,\n  label,\n  colourScheme,\n  icon,\n  compact,\n  direction,\n  variant: rawVariant,\n  color: rawColor,\n  startIcon: rawStartIcon,\n  endIcon: rawEndIcon,\n  sx: rawSx,\n  size: rawSize,\n  ...rest\n}: ButtonProps) {\n  // process deprecated ButtonVariants into variant and color\n  const [variant, color] = useMemo<[MuiButtonProps['variant'], MuiButtonProps['color']]>(() => {\n    if (Object.values(ButtonVariants).includes(rawVariant as ButtonVariants)) {\n      return [\n        // mapper of variant\n        {\n          [ButtonVariants.PRIMARY]: 'contained',\n          [ButtonVariants.SECONDARY]: 'contained',\n          [ButtonVariants.GHOST]: 'outlined',\n          [ButtonVariants.TERTIARY]: 'text',\n          [ButtonVariants.NAVIGATION]: 'navigation',\n        }[rawVariant],\n        // mapper of color\n        rawColor ||\n          {\n            [ButtonVariants.PRIMARY]: 'primary',\n            [ButtonVariants.SECONDARY]: 'secondary',\n            [ButtonVariants.GHOST]: 'secondary',\n            [ButtonVariants.TERTIARY]: 'secondary',\n            [ButtonVariants.NAVIGATION]: 'secondary',\n          }[rawVariant],\n      ];\n    } else {\n      return [rawVariant, rawColor];\n    }\n  }, [rawVariant, rawColor]);\n  // process deprecated colourScheme\n  const sx = useMemo(() => {\n    return {\n      ...(colourScheme === ColourSheme.LIGHT_MODE ? { color: 'common.white' } : {}),\n      ...rawSx,\n    };\n  }, [colourScheme, rawSx]);\n  // process deprecated icon name\n  const iconEl = useMemo(() => {\n    if (icon) {\n      return <Icon name={icon} />;\n    } else if (variant === ButtonVariants.NAVIGATION) {\n      if (direction === 'forward') {\n        return <Icon name=\"arrow-right\" />;\n      } else {\n        return <Icon name=\"arrow-left\" />;\n      }\n    } else {\n      return null;\n    }\n  }, [icon, variant, direction]);\n  // process deprecated compact size\n  const size = useMemo(() => {\n    return rawSize || compact ? 'small' : 'medium';\n  }, [rawSize, compact]);\n\n  return (\n    <MuiButton\n      variant={variant}\n      color={color}\n      sx={sx}\n      size={size}\n      startIcon={rawStartIcon || (direction !== 'forward' && iconEl)}\n      endIcon={rawEndIcon || (direction === 'forward' && iconEl)}\n      {...rest}\n    >\n      {label || children}\n    </MuiButton>\n  );\n}\n"],"names":["ButtonVariants","_a","children","label","colourScheme","icon","compact","direction","variant","rawVariant","color","rawColor","startIcon","rawStartIcon","endIcon","rawEndIcon","sx","rawSx","size","rawSize","rest","__rest","useMemo","Object","values","includes","PRIMARY","SECONDARY","GHOST","TERTIARY","NAVIGATION","assign","ColourSheme","LIGHT_MODE","iconEl","_jsx","Icon","name","MuiButton","Button"],"mappings":"yLAmCYA,mCAAAA,QAAAA,oBAAAA,GAAAA,EAAAA,QAAcA,iBAAdA,uBAMX,CAAA,IALC,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,SAAA,WACAA,EAAA,WAAA,4BAMI,SAAiBC,GAAA,IAAAC,SACrBA,EAAQC,MACRA,EAAKC,aACLA,EACAC,KAAAA,EAAIC,QACJA,EAAOC,UACPA,EACAC,QAASC,EACTC,MAAOC,EACPC,UAAWC,EACXC,QAASC,EACTC,GAAIC,EACJC,KAAMC,GAAOlB,EACVmB,EAAIC,EAAAA,OAAApB,EAbc,sHAgBrB,MAAOO,EAASE,GAASY,EAAOA,SAAuD,IACjFC,OAAOC,OAAOxB,QAAAA,gBAAgByB,SAAShB,GAClC,CAEL,CACE,CAACT,QAAAA,eAAe0B,SAAU,YAC1B,CAAC1B,QAAAA,eAAe2B,WAAY,YAC5B,CAAC3B,QAAAA,eAAe4B,OAAQ,WACxB,CAAC5B,QAAAA,eAAe6B,UAAW,OAC3B,CAAC7B,QAAAA,eAAe8B,YAAa,cAC7BrB,GAEFE,GACE,CACE,CAACX,QAAAA,eAAe0B,SAAU,UAC1B,CAAC1B,QAAAA,eAAe2B,WAAY,YAC5B,CAAC3B,QAAAA,eAAe4B,OAAQ,YACxB,CAAC5B,QAAAA,eAAe6B,UAAW,YAC3B,CAAC7B,QAAAA,eAAe8B,YAAa,aAC7BrB,IAGC,CAACA,EAAYE,IAErB,CAACF,EAAYE,IAEVK,EAAKM,EAAAA,SAAQ,IAEZC,OAAAQ,OAAAR,OAAAQ,OAAA,CAAA,EAAC3B,IAAiB4B,EAAWA,YAACC,WAAa,CAAEvB,MAAO,gBAAmB,CAAE,GACzEO,IAEJ,CAACb,EAAca,IAEZiB,EAASZ,EAAAA,SAAQ,IACjBjB,EACK8B,MAACC,EAAIA,KAAA,CAACC,KAAMhC,IACVG,IAAYR,QAAcA,eAAC8B,WAClB,YAAdvB,EACK4B,MAACC,EAAIA,KAAA,CAACC,KAAK,gBAEXF,MAACC,EAAIA,KAAA,CAACC,KAAK,eAGb,MAER,CAAChC,EAAMG,EAASD,IAEbW,EAAOI,EAAAA,SAAQ,IACZH,GAAWb,EAAU,QAAU,UACrC,CAACa,EAASb,IAEb,OACE6B,MAACG,EAASC,OAAAhB,OAAAQ,OAAA,CACRvB,QAASA,EACTE,MAAOA,EACPM,GAAIA,EACJE,KAAMA,EACNN,UAAWC,GAA+B,YAAdN,GAA2B2B,EACvDpB,QAASC,GAA6B,YAAdR,GAA2B2B,GAC/Cd,EAAI,CAAAlB,SAEPC,GAASD,IAGhB"}

package/cjs/components/bypassBlock/bypassBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"bypassBlock.js","sources":["../../../../../src/components/bypassBlock/bypassBlock.tsx"],"sourcesContent":[null],"names":["BypassBlock","forwardRef","_a","ref","children","className","href","sx","replace","active","onClick","portalProps","rest","__rest","theme","useTheme","_jsx","PrependPortal","Object","assign","disablePortal","jsx","ButtonBase","tabIndex","component","e","preventDefault","document","getElementById","scrollIntoView","filter","Boolean","join","position","zIndex","tooltip","top","width","height","margin","clip","overflow","padding","border","whiteSpace","backgroundColor","color","borderRadius","typography","body","getFocusRingStyle","left","container","portalContainer","useState","createElement","useEffect","prepend","removeChild","createPortal"],"mappings":"+KAoCa,MAAAA,EAA0CC,EAAUA,YAC/D,CAACC,EAAyGC,SAAzGC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAO,IAAGC,GAAEA,EAAEC,QAAEA,GAAU,EAAKC,OAAEA,GAAS,EAAKC,QAAEA,EAAOC,YAAEA,GAAWT,EAAKU,EAAjGC,EAAAA,OAAAX,EAAA,CAAA,WAAA,YAAA,OAAA,KAAA,UAAA,SAAA,UAAA,gBACC,MAAMY,EAAQC,EAAAA,WAEd,OACEC,MAACC,EAAaC,OAAAC,OAAA,CAACC,eAAe,GAAUT,EAAW,CAAAP,SACjDY,EAACK,IAAAC,4BACCC,SAAU,EACVC,UAAU,IACVlB,KAAMA,EACNI,QAAUe,UACRf,SAAAA,EAAUe,GACNjB,IAEFiB,EAAEC,iBAE8C,QAAhDxB,EAAA,OAAAyB,eAAA,IAAAA,cAAA,EAAAA,SAAUC,eAAetB,aAAA,EAAAA,EAAME,QAAQ,IAAK,YAAI,IAAAN,GAAAA,EAAE2B,gBAAe,KAGrExB,UAAWI,EAAS,CAAC,mBAAoBJ,GAAWyB,OAAOC,SAASC,KAAK,KAAO3B,EAChFE,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAc,SAAU,WACVC,OAAQ,GAAGpB,EAAMoB,OAAOC,QAAU,MAClCC,IAAK,OAELC,MAAO,MACPC,OAAQ,MACRC,OAAQ,OACRC,KAAM,gBACNC,SAAU,SACVC,QAAS,IACTC,OAAQ,OACRC,WAAY,SAEZC,gBAAiB,kBACjBC,MAAO,gBACPC,aAAc,OACXjC,EAAMkC,WAAWC,MAAI,CAExB,qBAAoB/B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACf+B,EAAiBA,kBAACpC,GAAO,IAC5B,CAAA4B,QAAS,WACTL,MAAO,OACPC,OAAQ,OACRG,SAAU,UACVD,KAAM,QACND,OAAQ,IACRY,KAAM,WAEL5C,GAELJ,IAAKA,GACDS,YAEHR,OAEW,IAStB,SAASa,GAAcb,SAAEA,EAAQgD,UAAEA,EAAShC,cAAEA,IAC5C,MAAOiC,GAAmBC,YAAS,WAAM3B,eAAQ,IAARA,cAAQ,EAARA,SAAU4B,cAAc,SAejE,OAbAC,EAAAA,WAAU,KAER,MAAMP,GAA6B,mBAAdG,EAA2BA,IAAcA,KAAsB,OAARzB,eAAQ,IAARA,cAAQ,EAARA,SAAUsB,MAItF,OADAA,GAAQI,IAAoBjC,GAAiB6B,EAAKQ,QAAQJ,GACnD,KAELJ,GAAQI,IAAoBjC,GAAiB6B,EAAKS,YAAYL,EAAgB,CAC/E,GACA,IAGIA,IAAoBjC,EAAgBuC,EAAYA,aAACvD,EAAUiD,GAAmBjD,CACvF"}
+{"version":3,"file":"bypassBlock.js","sources":["../../../../../src/components/bypassBlock/bypassBlock.tsx"],"sourcesContent":["import React, { useState, useEffect, forwardRef, ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ButtonBase, ButtonBaseProps, PortalProps, useTheme } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\n\nexport interface BypassBlockProps extends ButtonBaseProps<'a'> {\n  /**\n   * Button label, e.g. 'Skip to content'\n   */\n  children: ReactNode;\n  /**\n   * ID of content section, e.g. '#content'\n   * @default '#'\n   */\n  href: string;\n  /**\n   * Prevent push of new link into history stack\n   * @default false\n   */\n  replace?: boolean;\n  /**\n   * Programmatically control if button should be visible\n   * @default false\n   */\n  active?: boolean;\n  /**\n   * props applied to portal moving the button at the top\n   */\n  portalProps?: PortalProps;\n}\n\n/**\n * Accessibility button to quickly scroll into the content area.\n *  - first focusable element on the page\n *  - only visible when focused\n */\nexport const BypassBlock: React.FC<BypassBlockProps> = forwardRef(\n  ({ children, className, href = '#', sx, replace = false, active = false, onClick, portalProps, ...rest }, ref) => {\n    const theme = useTheme();\n\n    return (\n      <PrependPortal disablePortal={true} {...portalProps}>\n        <ButtonBase\n          tabIndex={0}\n          component=\"a\"\n          href={href}\n          onClick={(e) => {\n            onClick?.(e);\n            if (replace) {\n              // prevent push of # into url\n              e.preventDefault();\n              // use js to scroll into element\n              document?.getElementById(href?.replace('#', ''))?.scrollIntoView(true);\n            }\n          }}\n          className={active ? [`Mui-focusVisible`, className].filter(Boolean).join(' ') : className}\n          sx={{\n            position: 'absolute',\n            zIndex: `${theme.zIndex.tooltip + 100}`,\n            top: '10px',\n            // hidden by default, still have to be at least 1px for the Safari focus\n            width: '1px',\n            height: '1px',\n            margin: '-1px',\n            clip: 'rect(0 0 0 0)',\n            overflow: 'hidden',\n            padding: '0',\n            border: 'none',\n            whiteSpace: 'nowrap',\n            // style\n            backgroundColor: 'onSurface.os900',\n            color: 'onSurface.os0',\n            borderRadius: '4px',\n            ...theme.typography.body,\n            // focus\n            '&.Mui-focusVisible': {\n              ...getFocusRingStyle(theme, false),\n              padding: '8px 24px',\n              width: 'auto',\n              height: 'auto',\n              overflow: 'visible',\n              clip: 'unset',\n              margin: '0',\n              left: '10px',\n            },\n            ...sx,\n          }}\n          ref={ref}\n          {...rest}\n        >\n          {children}\n        </ButtonBase>\n      </PrependPortal>\n    );\n  },\n);\n\n/**\n * Portal component that create extra div prepended instead of appended to the container.\n * This way element can be placed at the begging of container instead of at the end.\n */\nfunction PrependPortal({ children, container, disablePortal }: PortalProps) {\n  const [portalContainer] = useState(() => document?.createElement('div'));\n\n  useEffect(() => {\n    // obtain proper container for placement (default body tag)\n    const body = (typeof container === 'function' ? container() : container) || document?.body;\n\n    // prepend (add into begging) extra div into body\n    body && portalContainer && !disablePortal && body.prepend(portalContainer);\n    return () => {\n      // remove div with unmount\n      body && portalContainer && !disablePortal && body.removeChild(portalContainer);\n    };\n  }, []);\n\n  // utilize createPortal to place children into container at the begging of body\n  return portalContainer && !disablePortal ? createPortal(children, portalContainer) : children;\n}\n"],"names":["BypassBlock","forwardRef","_a","ref","children","className","href","sx","replace","active","onClick","portalProps","rest","__rest","theme","useTheme","_jsx","PrependPortal","Object","assign","disablePortal","jsx","ButtonBase","tabIndex","component","e","preventDefault","document","getElementById","scrollIntoView","filter","Boolean","join","position","zIndex","tooltip","top","width","height","margin","clip","overflow","padding","border","whiteSpace","backgroundColor","color","borderRadius","typography","body","getFocusRingStyle","left","container","portalContainer","useState","createElement","useEffect","prepend","removeChild","createPortal"],"mappings":"+KAoCa,MAAAA,EAA0CC,EAAUA,YAC/D,CAACC,EAAyGC,SAAzGC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAO,IAAGC,GAAEA,EAAEC,QAAEA,GAAU,EAAKC,OAAEA,GAAS,EAAKC,QAAEA,EAAOC,YAAEA,GAAWT,EAAKU,EAAjGC,EAAAA,OAAAX,EAAA,CAAA,WAAA,YAAA,OAAA,KAAA,UAAA,SAAA,UAAA,gBACC,MAAMY,EAAQC,EAAAA,WAEd,OACEC,MAACC,EAAaC,OAAAC,OAAA,CAACC,eAAe,GAAUT,EAAW,CAAAP,SACjDY,EAACK,IAAAC,4BACCC,SAAU,EACVC,UAAU,IACVlB,KAAMA,EACNI,QAAUe,UACRf,SAAAA,EAAUe,GACNjB,IAEFiB,EAAEC,iBAE8C,QAAhDxB,EAAA,OAAAyB,eAAA,IAAAA,cAAA,EAAAA,SAAUC,eAAetB,aAAA,EAAAA,EAAME,QAAQ,IAAK,YAAI,IAAAN,GAAAA,EAAE2B,gBAAe,KAGrExB,UAAWI,EAAS,CAAC,mBAAoBJ,GAAWyB,OAAOC,SAASC,KAAK,KAAO3B,EAChFE,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAc,SAAU,WACVC,OAAQ,GAAGpB,EAAMoB,OAAOC,QAAU,MAClCC,IAAK,OAELC,MAAO,MACPC,OAAQ,MACRC,OAAQ,OACRC,KAAM,gBACNC,SAAU,SACVC,QAAS,IACTC,OAAQ,OACRC,WAAY,SAEZC,gBAAiB,kBACjBC,MAAO,gBACPC,aAAc,OACXjC,EAAMkC,WAAWC,MAAI,CAExB,qBAAoB/B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACf+B,EAAiBA,kBAACpC,GAAO,IAC5B,CAAA4B,QAAS,WACTL,MAAO,OACPC,OAAQ,OACRG,SAAU,UACVD,KAAM,QACND,OAAQ,IACRY,KAAM,WAEL5C,GAELJ,IAAKA,GACDS,YAEHR,OAEW,IAStB,SAASa,GAAcb,SAAEA,EAAQgD,UAAEA,EAAShC,cAAEA,IAC5C,MAAOiC,GAAmBC,YAAS,WAAM3B,eAAQ,IAARA,cAAQ,EAARA,SAAU4B,cAAc,SAejE,OAbAC,EAAAA,WAAU,KAER,MAAMP,GAA6B,mBAAdG,EAA2BA,IAAcA,KAAsB,OAARzB,eAAQ,IAARA,cAAQ,EAARA,SAAUsB,MAItF,OADAA,GAAQI,IAAoBjC,GAAiB6B,EAAKQ,QAAQJ,GACnD,KAELJ,GAAQI,IAAoBjC,GAAiB6B,EAAKS,YAAYL,EAAgB,CAC/E,GACA,IAGIA,IAAoBjC,EAAgBuC,EAAYA,aAACvD,EAAUiD,GAAmBjD,CACvF"}

package/cjs/components/cardContainer/cardContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardContainer.js","sources":["../../../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":[null],"names":["CardContainer","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","styled","theme","args","defaultBoxShadow","palette","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"uJAkCa,MAAAA,EAAgBC,EAAUA,YACrC,CACEC,EASAC,SATAC,SACEA,EAAQC,YACRA,EAAWC,gBACXA,EACAC,UAAWC,EAAyBC,QACpCA,EAAU,OAAMC,cAChBA,GAAgB,KACbC,EAPLC,EAAAA,OAAAV,EAAA,CAAA,WAAA,cAAA,kBAAA,YAAA,UAAA,kBAWA,MAAOK,EAAWM,GAAgBC,EAAAA,UAAS,GAE3CC,EAAAA,WAAU,KACHV,GACLQ,GAAa,IAAML,GAA0B,GAC5C,CAACH,EAAaG,IAEjB,MAAMQ,EAAmBC,EAAAA,aAAY,KAC9BZ,GAELQ,GAAcK,IACZZ,GAAmBA,GAAiBY,IAC5BA,IACR,GACD,CAACb,EAAaC,IAEjB,OACEa,EAAAA,IAACC,EAAmBC,OAAAC,OAAA,CAClBC,MAAO,CAAEd,QAASA,IACdE,EAAK,CACTR,IAAKA,EACLqB,QAASR,EACTT,UAAWA,EACXF,YAAaA,EACbK,cAAeA,EACH,aAAAH,EAAY,UAAY,OAAM,cAC9B,gBAAeH,SAE3Be,sBAAMf,MACc,IAKtBgB,EAAsBK,EAAMA,OAAC,MAAPA,EAIxBvB,IAAA,IAAAwB,MAAEA,GAAgBxB,EAANyB,EAAIf,EAAAA,OAAAV,EAAhB,WACF,MAAM0B,EAAmB,mBAAmBF,EAAMG,QAAQC,QAAQC,6CAE5DC,EAAqBL,EAAKpB,UAC5B,CACE0B,UAAW,mBAAmBP,EAAMG,QAAQK,MAAMC,2CAClD,UAAW,CACTF,UAAW,mBAAmBP,EAAMG,QAAQO,WAAWD,6CAG3D,CAAEF,UAAWL,GACXS,EAA2BV,EAAKtB,YAChCgB,OAAAC,OAAA,CAAAgB,OAAQ,WAAcN,GACxB,CAAEC,UAAWL,GAEjB,IAAIW,EAAS,CAAE,EAkBf,OAjBAA,iBACEC,QAAS,eACTC,UAAW,aACXC,aAAc,MACdC,WAAYC,EAAgBA,iBAC1BjB,EAAKjB,eACL,EACAgB,EAAMG,QAAQC,QAAQK,QACtBT,EAAMG,QAAQC,QAAQe,UAExB,UAAW,CACTC,OAAQ,GACRb,UAAW,mBAAmBP,EAAMG,QAAQkB,UAAUC,2CAErDX,GAGEE,CAAM"}
+{"version":3,"file":"cardContainer.js","sources":["../../../../../src/components/cardContainer/cardContainer.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { ternaryCondition } from '../../utils/utilities';\nimport { styled } from '@mui/material';\n\n/**\n * @interface CardContainerProps\n * @description Base definition of SkodaFlow CardContainer independent on core implementation.\n * Properties are inherited from HTML Div element.\n */\nexport interface CardContainerProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Control the clicked state. The state can be controlled from outside if isClickable is true.\n   */\n  isClicked?: boolean;\n  /**\n   * If true the container can be clicked.\n   */\n  isClickable?: boolean;\n  /**\n   * Additional onClickCallback when the CardContainer is clicked. The onClickCallback works only if isClickable is true.\n   */\n  onClickCallback?: (state: boolean) => void;\n  /**\n   * If true, enable grey background variant\n   */\n  isGreyVariant?: boolean;\n  /**\n   * padding for cardContainer. Default 0\n   */\n  padding?: string;\n}\n\n/** @deprecated use Card component instead */\nexport const CardContainer = forwardRef<HTMLDivElement, CardContainerProps>(\n  (\n    {\n      children,\n      isClickable,\n      onClickCallback,\n      isClicked: isClickedFromOutsideState,\n      padding = '10px',\n      isGreyVariant = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const [isClicked, setIsClicked] = useState(false);\n\n    useEffect(() => {\n      if (!isClickable) return;\n      setIsClicked(() => isClickedFromOutsideState);\n    }, [isClickable, isClickedFromOutsideState]);\n\n    const isClickedHandler = useCallback(() => {\n      if (!isClickable) return;\n\n      setIsClicked((curr) => {\n        onClickCallback && onClickCallback(!curr);\n        return !curr;\n      });\n    }, [isClickable, onClickCallback]);\n\n    return (\n      <StyledCardContainer\n        style={{ padding: padding }}\n        {...props}\n        ref={ref}\n        onClick={isClickedHandler}\n        isClicked={isClicked}\n        isClickable={isClickable}\n        isGreyVariant={isGreyVariant}\n        data-state={isClicked ? 'clicked' : 'idle'}\n        data-testid=\"CardContainer\"\n      >\n        <div>{children}</div>\n      </StyledCardContainer>\n    );\n  },\n);\n\nconst StyledCardContainer = styled('div')<{\n  isClicked?: boolean;\n  isClickable?: boolean;\n  isGreyVariant?: boolean;\n}>(({ theme, ...args }) => {\n  const defaultBoxShadow = `inset 0 0 0 1px ${theme.palette.surface.secondary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`;\n\n  const stylesBasedOnClick = args.isClicked\n    ? {\n        boxShadow: `inset 0 0 0 1px ${theme.palette.brand.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n        '&:hover': {\n          boxShadow: `inset 0 0 0 1px ${theme.palette.brandHover.primary}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n        },\n      }\n    : { boxShadow: defaultBoxShadow };\n  const stylesBasedOnIsClickable = args.isClickable\n    ? { cursor: 'pointer', ...stylesBasedOnClick }\n    : { boxShadow: defaultBoxShadow };\n\n  let styles = {};\n  styles = {\n    display: 'inline-block',\n    boxSizing: 'border-box',\n    borderRadius: '8px',\n    background: ternaryCondition(\n      args.isGreyVariant,\n      true,\n      theme.palette.surface.primary,\n      theme.palette.surface.tertiary,\n    ),\n    '&:hover': {\n      border: '',\n      boxShadow: `inset 0 0 0 1px ${theme.palette.onSurface.os300}, 0px 0px 8px rgba(0, 0, 0, 0.15)`,\n    },\n    ...stylesBasedOnIsClickable,\n  };\n\n  return styles;\n});\n"],"names":["CardContainer","forwardRef","_a","ref","children","isClickable","onClickCallback","isClicked","isClickedFromOutsideState","padding","isGreyVariant","props","__rest","setIsClicked","useState","useEffect","isClickedHandler","useCallback","curr","_jsx","StyledCardContainer","Object","assign","style","onClick","styled","theme","args","defaultBoxShadow","palette","surface","secondary","stylesBasedOnClick","boxShadow","brand","primary","brandHover","stylesBasedOnIsClickable","cursor","styles","display","boxSizing","borderRadius","background","ternaryCondition","tertiary","border","onSurface","os300"],"mappings":"uJAkCa,MAAAA,EAAgBC,EAAUA,YACrC,CACEC,EASAC,SATAC,SACEA,EAAQC,YACRA,EAAWC,gBACXA,EACAC,UAAWC,EAAyBC,QACpCA,EAAU,OAAMC,cAChBA,GAAgB,KACbC,EAPLC,EAAAA,OAAAV,EAAA,CAAA,WAAA,cAAA,kBAAA,YAAA,UAAA,kBAWA,MAAOK,EAAWM,GAAgBC,EAAAA,UAAS,GAE3CC,EAAAA,WAAU,KACHV,GACLQ,GAAa,IAAML,GAA0B,GAC5C,CAACH,EAAaG,IAEjB,MAAMQ,EAAmBC,EAAAA,aAAY,KAC9BZ,GAELQ,GAAcK,IACZZ,GAAmBA,GAAiBY,IAC5BA,IACR,GACD,CAACb,EAAaC,IAEjB,OACEa,EAAAA,IAACC,EAAmBC,OAAAC,OAAA,CAClBC,MAAO,CAAEd,QAASA,IACdE,EAAK,CACTR,IAAKA,EACLqB,QAASR,EACTT,UAAWA,EACXF,YAAaA,EACbK,cAAeA,EACH,aAAAH,EAAY,UAAY,OAAM,cAC9B,gBAAeH,SAE3Be,sBAAMf,MACc,IAKtBgB,EAAsBK,EAAMA,OAAC,MAAPA,EAIxBvB,IAAA,IAAAwB,MAAEA,GAAgBxB,EAANyB,EAAIf,EAAAA,OAAAV,EAAhB,WACF,MAAM0B,EAAmB,mBAAmBF,EAAMG,QAAQC,QAAQC,6CAE5DC,EAAqBL,EAAKpB,UAC5B,CACE0B,UAAW,mBAAmBP,EAAMG,QAAQK,MAAMC,2CAClD,UAAW,CACTF,UAAW,mBAAmBP,EAAMG,QAAQO,WAAWD,6CAG3D,CAAEF,UAAWL,GACXS,EAA2BV,EAAKtB,YAChCgB,OAAAC,OAAA,CAAAgB,OAAQ,WAAcN,GACxB,CAAEC,UAAWL,GAEjB,IAAIW,EAAS,CAAE,EAkBf,OAjBAA,iBACEC,QAAS,eACTC,UAAW,aACXC,aAAc,MACdC,WAAYC,EAAgBA,iBAC1BjB,EAAKjB,eACL,EACAgB,EAAMG,QAAQC,QAAQK,QACtBT,EAAMG,QAAQC,QAAQe,UAExB,UAAW,CACTC,OAAQ,GACRb,UAAW,mBAAmBP,EAAMG,QAAQkB,UAAUC,2CAErDX,GAGEE,CAAM"}

package/cjs/components/cardMenu/cardMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardMenu.js","sources":["../../../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":[null],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","jsxs","React","default","Fragment","ListItem","disabled","undefined","disableGutters","ListItemButton","onClick","icon","ListItemIcon","Icon","name","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"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"}
+{"version":3,"file":"cardMenu.js","sources":["../../../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport {\n  List,\n  ListItem,\n  ListItemButton,\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  ClickAwayListener,\n  Divider,\n} from '@mui/material';\nimport { Icon, IconNameProp } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { SxProps } from '@mui/system';\nimport { Theme } from '@mui/material/styles';\nimport { Placement } from '../../utils/enum';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { useCardMenu } from './hooks/useCardMenu';\nimport { PopperStyled } from './styled/popperStyled';\nimport { MenuListStyled } from './styled/menuListStyled';\nimport { DrawerStyled } from './styled/drawerStyled';\n\n/**\n * @interface CardMenuItem\n * @description The interface describing the object that has to be provided to the array property 'items' in CardMenu component.\n * If url is provided the menuItem becomes link.\n */\nexport interface CardMenuItem {\n  text: string;\n  callback?: () => void;\n  disabled?: boolean;\n  icon?: IconNameProp;\n  isChecked?: boolean;\n  url?: string;\n  target?: string;\n}\n/**\n * @type CardMenuItemsArray\n * @description Array of CardMenuItem.\n */\nexport type CardMenuItemsArray = Array<CardMenuItem>;\n\n/**\n * @interface CardMenuProps\n * @description Base definition of SkodaFlow CardMenu independent on core implementation.\n * Properties are inherited from HTML Div element.\n */\nexport interface CardMenuProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * If true the drawer is shown.\n   */\n  open: boolean;\n  /**\n   * The content of the component.\n   */\n  items: CardMenuItemsArray;\n  /**\n   * React useState hook set function used to update the passed items to the component.\n   */\n  setItems?: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>;\n  /**\n   * Callback fired when the component requests to be closed.\n   */\n  onClose: () => void;\n  /**\n   * An HTML element used to set the position of the popper.\n   */\n  anchorRef: React.RefObject<HTMLElement>;\n  /**\n   * If header is provided, a text will be displayed on top of the elements.\n   */\n  header?: string;\n  /**\n   * If true, multiple item select will be enabled. Property 'setItems' must be provided in order allowMultiselect to work.\n   * Items: CardMenuItemsArray provided to the component must have isChecked propery provided in order allowMultiselect to work..\n   */\n  allowMultiselect?: boolean;\n  /**\n   * Callback fired when item is clicked.\n   */\n  onItemClick?: (itemText: string) => void;\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   * Popper placement. Default is 'bottom'.\n   */\n  placement?: Placement;\n  /**\n   * If true, a switch button is added to the items allowing to select or deselect all of the items.\n   * Property allowMultiselect should be true in order hasToggleSelection to work. Only available for the desktop version of the MenuCard.\n   */\n  hasToggleSelection?: boolean;\n  /**\n   * The toggle label displayed when groupToggleSelection is true. Default is \"Select all\".\n   */\n  toggleLabel?: string;\n  /** Renders the popper with border radius */\n  rounded?: boolean;\n}\n\n/** @deprecated Use Menu component from @mui/material */\nexport const CardMenu = forwardRef<HTMLDivElement, CardMenuProps>(\n  (\n    {\n      items,\n      setItems,\n      open,\n      header,\n      anchorRef,\n      allowMultiselect,\n      hasToggleSelection,\n      onItemClick,\n      onClose,\n      sx,\n      classes,\n      placement,\n      toggleLabel,\n      rounded,\n    },\n    ref,\n  ) => {\n    const { isMobile } = useWindowSize();\n    const { isToggleChecked, onClickHandler, onToggleChange } = useCardMenu(\n      items,\n      allowMultiselect,\n      setItems,\n      onItemClick,\n      onClose,\n    );\n\n    return (\n      <>\n        {isMobile ? (\n          <DrawerStyled\n            open={open}\n            onClose={onClose}\n            anchor=\"bottom\"\n            sx={sx}\n            ref={ref}\n            classes={classes}\n            hasHeader={!!header}\n            data-testid=\"CardMenu\"\n          >\n            {header && (\n              <div className=\"drawer-header\" data-testid=\"CardMenu.header\">\n                {header}\n              </div>\n            )}\n            <List>\n              {items.map((item) => {\n                return (\n                  <React.Fragment key={item.text}>\n                    <ListItem\n                      data-testid=\"CardMenu.item\"\n                      data-state={item.disabled ? 'disabled' : undefined}\n                      disableGutters\n                    >\n                      <ListItemButton disabled={item.disabled} onClick={() => onClickHandler(item)}>\n                        {item.icon && (\n                          <ListItemIcon>\n                            <Icon name={item.icon} fontSize=\"small\" />\n                          </ListItemIcon>\n                        )}\n                        <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n                        {allowMultiselect && (\n                          <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n                        )}\n                      </ListItemButton>\n                    </ListItem>\n                    <Divider variant=\"middle\" />\n                  </React.Fragment>\n                );\n              })}\n            </List>\n          </DrawerStyled>\n        ) : (\n          <PopperStyled\n            open={open}\n            anchorEl={anchorRef.current}\n            placement={placement}\n            ref={ref}\n            rounded={rounded}\n            data-testid=\"CardMenu\"\n          >\n            <ClickAwayListener onClickAway={onClose}>\n              <MenuListStyled allowMultiselect={allowMultiselect} sx={sx} classes={classes}>\n                {header && (\n                  <MenuItem className=\"menu-item-header\" data-testid=\"CardMenu.header\">\n                    <ListItemText primaryTypographyProps={{ noWrap: true }} primary={header} />\n                    <ListItemIcon onClick={onClose} data-testid=\"CardMenu.close\">\n                      <Icon name=\"close\" fontSize=\"small\" />\n                    </ListItemIcon>\n                  </MenuItem>\n                )}\n                {header && <Divider variant=\"middle\" className=\"menu-item-divider\" />}\n                {allowMultiselect && hasToggleSelection && (\n                  <MenuItem className=\"menu-select-all\" data-testid=\"CardMenu.toggle\">\n                    <ListItemText\n                      primaryTypographyProps={{ noWrap: true }}\n                      primary={toggleLabel ? toggleLabel : 'Select all'}\n                    />\n                    <ToggleSwitch onChange={onToggleChange} checked={isToggleChecked} compact />\n                  </MenuItem>\n                )}\n\n                <div className=\"menu-content-items\">\n                  {items.map((item) => {\n                    return (\n                      <MenuItem\n                        key={item.text}\n                        disabled={item.disabled}\n                        onClick={() => onClickHandler(item)}\n                        data-testid=\"CardMenu.item\"\n                        data-state={item.disabled ? 'disabled' : undefined}\n                      >\n                        {item.icon && (\n                          <ListItemIcon>\n                            <Icon name={item.icon} fontSize=\"small\" />\n                          </ListItemIcon>\n                        )}\n                        <ListItemText primaryTypographyProps={{ noWrap: true }} primary={item.text} />\n                        {allowMultiselect && (\n                          <Checkbox checked={item.isChecked} disabled={item.disabled} data-testid=\"CardMenu.check\" />\n                        )}\n                      </MenuItem>\n                    );\n                  })}\n                </div>\n              </MenuListStyled>\n            </ClickAwayListener>\n          </PopperStyled>\n        )}\n      </>\n    );\n  },\n);\n"],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","jsxs","React","default","Fragment","ListItem","disabled","undefined","disableGutters","ListItemButton","onClick","icon","ListItemIcon","Icon","name","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"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"}

package/cjs/components/cardMenu/hooks/useCardMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCardMenu.js","sources":["../../../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":[null],"names":["items","allowMultiselect","setItems","onItemClick","onClose","isToggleChecked","setIsToggleChecked","useState","onToggleChange","useCallback","_","checkedState","curr","map","item","disabled","Object","assign","isChecked","updateItems","textItem","text","onClickHandler","url","window","open","target","callback","useEffect","areAllChecked","find"],"mappings":"wDAG2B,CACzBA,EACAC,EACAC,EACAC,EACAC,KAEA,MAAOC,EAAiBC,GAAsBC,EAAAA,UAAS,GAEjDC,EAAiBC,EAAAA,aACrB,CAACC,EAAwCC,KACvCT,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKC,SAAiBD,EAC1BE,OAAAC,OAAAD,OAAAC,OAAA,GAAYH,GAAI,CAAEI,UAAWP,OAEhC,GAEH,CAACT,IAGGiB,EAAcV,eACjBW,IACClB,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKO,OAASD,EACJJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAH,IAAMI,WAAYJ,EAAKI,YAG9BJ,KAEV,GAEH,CAACZ,IAGGoB,EAAiBb,eACpBK,IACKA,EAAKS,KACPC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAGnCvB,GAAaA,EAAYW,EAAKO,MAC9BP,EAAKa,UAAUb,EAAKa,WACnB1B,EACAkB,EAAYL,EAAKO,MADCjB,GACI,GAE7B,CAACH,EAAkBG,EAASD,EAAagB,IAS3C,OANAS,EAAAA,WAAU,KACR,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WAErET,EAAmBuB,EAAc,GAChC,CAAC7B,IAEG,CACLsB,iBACAd,iBACAH,kBACD"}
+{"version":3,"file":"useCardMenu.js","sources":["../../../../../../src/components/cardMenu/hooks/useCardMenu.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { CardMenuItem, CardMenuItemsArray } from '../cardMenu';\n\nexport const useCardMenu = (\n  items: CardMenuItemsArray,\n  allowMultiselect: boolean,\n  setItems: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>,\n  onItemClick: (itemText: string) => void,\n  onClose: () => void,\n) => {\n  const [isToggleChecked, setIsToggleChecked] = useState(false);\n\n  const onToggleChange = useCallback(\n    (_: React.ChangeEvent<HTMLInputElement>, checkedState: boolean) => {\n      setItems((curr) =>\n        curr.map((item) => {\n          if (item.disabled) return item;\n          return { ...item, isChecked: checkedState };\n        }),\n      );\n    },\n    [setItems],\n  );\n\n  const updateItems = useCallback(\n    (textItem: string) => {\n      setItems((curr) =>\n        curr.map((item) => {\n          if (item.text === textItem) {\n            return { ...item, isChecked: !item.isChecked };\n          }\n\n          return item;\n        }),\n      );\n    },\n    [setItems],\n  );\n\n  const onClickHandler = useCallback(\n    (item: CardMenuItem) => {\n      if (item.url) {\n        window.open(item.url, item.target || '_blank');\n      }\n\n      if (onItemClick) onItemClick(item.text);\n      if (item.callback) item.callback();\n      if (!allowMultiselect) onClose();\n      else updateItems(item.text);\n    },\n    [allowMultiselect, onClose, onItemClick, updateItems],\n  );\n\n  useEffect(() => {\n    const areAllChecked = !items.find((item) => !item.isChecked && !item.disabled);\n\n    setIsToggleChecked(areAllChecked);\n  }, [items]);\n\n  return {\n    onClickHandler,\n    onToggleChange,\n    isToggleChecked,\n  };\n};\n"],"names":["items","allowMultiselect","setItems","onItemClick","onClose","isToggleChecked","setIsToggleChecked","useState","onToggleChange","useCallback","_","checkedState","curr","map","item","disabled","Object","assign","isChecked","updateItems","textItem","text","onClickHandler","url","window","open","target","callback","useEffect","areAllChecked","find"],"mappings":"wDAG2B,CACzBA,EACAC,EACAC,EACAC,EACAC,KAEA,MAAOC,EAAiBC,GAAsBC,EAAAA,UAAS,GAEjDC,EAAiBC,EAAAA,aACrB,CAACC,EAAwCC,KACvCT,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKC,SAAiBD,EAC1BE,OAAAC,OAAAD,OAAAC,OAAA,GAAYH,GAAI,CAAEI,UAAWP,OAEhC,GAEH,CAACT,IAGGiB,EAAcV,eACjBW,IACClB,GAAUU,GACRA,EAAKC,KAAKC,GACJA,EAAKO,OAASD,EACJJ,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAH,IAAMI,WAAYJ,EAAKI,YAG9BJ,KAEV,GAEH,CAACZ,IAGGoB,EAAiBb,eACpBK,IACKA,EAAKS,KACPC,OAAOC,KAAKX,EAAKS,IAAKT,EAAKY,QAAU,UAGnCvB,GAAaA,EAAYW,EAAKO,MAC9BP,EAAKa,UAAUb,EAAKa,WACnB1B,EACAkB,EAAYL,EAAKO,MADCjB,GACI,GAE7B,CAACH,EAAkBG,EAASD,EAAagB,IAS3C,OANAS,EAAAA,WAAU,KACR,MAAMC,GAAiB7B,EAAM8B,MAAMhB,IAAUA,EAAKI,YAAcJ,EAAKC,WAErET,EAAmBuB,EAAc,GAChC,CAAC7B,IAEG,CACLsB,iBACAd,iBACAH,kBACD"}

package/cjs/components/cardMenu/styled/drawerStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawerStyled.js","sources":["../../../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":[null],"names":["DrawerStyled","styled","Drawer","shouldForwardProp","prop","theme","hasHeader","fontSize","fontWeight","paddingBottom","listStyleType","maxHeight","marginTop","lineHeight","padding","display","background","palette","surface","primary","minWidth","width","marginRight","color","text","flex","wordBreak","borderTopLeftRadius","borderTopRightRadius"],"mappings":"qEAGa,MAAAA,EAAeC,EAAMA,OAACC,SAAQ,CACzCC,kBAAoBC,GAAkB,cAATA,GADHH,EAED,EAAGI,QAAOC,gBAC5B,CACL,mCAAoC,CAClCC,SAAU,OACVC,WAAY,IACZC,cAAe,OACfC,cAAe,OACfC,UAAW,QACXC,UAAWN,EAAY,MAAQ,MAC/B,wBAAyB,CACvBO,WAAY,OACZC,QAAS,sBACTC,QAAS,OACT,UAAW,CACTC,WAAYX,EAAMY,QAAQC,QAAQC,SAEpC,4BAA6B,CAC3BJ,QAAS,eACTF,WAAY,OACZO,SAAU,QACVC,MAAO,OACPC,YAAa,MACb,oBAAqB,CACnBC,MAAOlB,EAAMY,QAAQO,KAAKL,QAC1BJ,QAAS,WAGb,0BAA2B,CACzBU,KAAM,KAIZ,kCAAmC,CACjCX,QAAS,qBACTN,WAAY,OACZK,WAAY,OACZN,SAAU,OACVmB,UAAW,aAEb,qBAAsB,CACpBC,oBAAqB,OACrBC,qBAAsB"}
+{"version":3,"file":"drawerStyled.js","sources":["../../../../../../src/components/cardMenu/styled/drawerStyled.tsx"],"sourcesContent":["import { styled } from '@mui/system';\nimport { Drawer } from '@mui/material';\n\nexport const DrawerStyled = styled(Drawer, {\n  shouldForwardProp: (prop) => prop !== 'hasHeader',\n})<{ hasHeader: boolean }>(({ theme, hasHeader }) => {\n  return {\n    '& .MuiPaper-root > .MuiList-root': {\n      fontSize: '16px',\n      fontWeight: 400,\n      paddingBottom: '32px',\n      listStyleType: 'none',\n      maxHeight: '201px',\n      marginTop: hasHeader ? '9px' : '0px',\n      '& > .MuiListItem-root': {\n        lineHeight: '24px',\n        padding: '23px 16px 11px 16px',\n        display: 'flex',\n        '&:hover': {\n          background: theme.palette.surface.primary,\n        },\n        '& > .MuiListItemIcon-root': {\n          display: 'inline-block',\n          lineHeight: '21px',\n          minWidth: 'unset',\n          width: '20px',\n          marginRight: '8px',\n          '& > .MuiIcon-root': {\n            color: theme.palette.text.primary,\n            display: 'inline',\n          },\n        },\n        '& > .MuiTypography-root': {\n          flex: 1,\n        },\n      },\n    },\n    '.MuiPaper-root > .drawer-header': {\n      padding: '16px 16px 0px 16px',\n      fontWeight: 'bold',\n      lineHeight: '24px',\n      fontSize: '20px',\n      wordBreak: 'break-all',\n    },\n    '& > .MuiPaper-root': {\n      borderTopLeftRadius: '16px',\n      borderTopRightRadius: '16px',\n    },\n  };\n});\n"],"names":["DrawerStyled","styled","Drawer","shouldForwardProp","prop","theme","hasHeader","fontSize","fontWeight","paddingBottom","listStyleType","maxHeight","marginTop","lineHeight","padding","display","background","palette","surface","primary","minWidth","width","marginRight","color","text","flex","wordBreak","borderTopLeftRadius","borderTopRightRadius"],"mappings":"qEAGa,MAAAA,EAAeC,EAAMA,OAACC,SAAQ,CACzCC,kBAAoBC,GAAkB,cAATA,GADHH,EAED,EAAGI,QAAOC,gBAC5B,CACL,mCAAoC,CAClCC,SAAU,OACVC,WAAY,IACZC,cAAe,OACfC,cAAe,OACfC,UAAW,QACXC,UAAWN,EAAY,MAAQ,MAC/B,wBAAyB,CACvBO,WAAY,OACZC,QAAS,sBACTC,QAAS,OACT,UAAW,CACTC,WAAYX,EAAMY,QAAQC,QAAQC,SAEpC,4BAA6B,CAC3BJ,QAAS,eACTF,WAAY,OACZO,SAAU,QACVC,MAAO,OACPC,YAAa,MACb,oBAAqB,CACnBC,MAAOlB,EAAMY,QAAQO,KAAKL,QAC1BJ,QAAS,WAGb,0BAA2B,CACzBU,KAAM,KAIZ,kCAAmC,CACjCX,QAAS,qBACTN,WAAY,OACZK,WAAY,OACZN,SAAU,OACVmB,UAAW,aAEb,qBAAsB,CACpBC,oBAAqB,OACrBC,qBAAsB"}

package/cjs/components/cardMenu/styled/menuListStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuListStyled.js","sources":["../../../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":[null],"names":["MenuListStyled","styled","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","common","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"4CAEa,MAAAA,EAAiBC,EAAMA,OAACC,WAAU,CAC7CC,kBAAoBC,GAAkB,qBAATA,GADDH,EAEoB,EAAGI,QAAOC,uBAC1D,MAAMC,EAAoBD,EACtB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAE5D,IAAIC,EAAQ,CAAE,EA8Ed,OA7EAA,EAAQ,CACNC,UAAW,kCACXC,WAAYR,EAAMS,QAAQC,OAAOC,MACjCN,QAAS,MACTO,SAAU,QACVC,SAAU,QACV,yBAA0B,CACxBC,OAAQ,kBAEV,0BAA2B,CACzBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACrBb,YAAa,QAGjB,mEAAoE,CAClEc,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BC,WAAY,SACZf,QAASH,EAAkBG,QAC3B,iBAAkB,CAChBY,MAAOjB,EAAMS,QAAQY,SAASC,QAC9BC,QAAS,EACT,kBAAmB,CACjBN,MAAO,GAAGjB,EAAMS,QAAQY,SAASC,sBAGrC,UAAW,CACTd,WAAYR,EAAMS,QAAQe,QAAQF,SAEpC,4BAA6B,CAC3BnB,YAAaD,EAAkBC,aAEjC,wBAAyB,CACvBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,4BAA6B,CAC3BC,QAAS,eACTF,WAAY,OACZd,SAAU,QACViB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACnBc,MAAOjB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGb,qBAAsB,CACpBvB,QAAS,sBACT,wBAAyB,CACvBsB,WAAY,MACZD,WAAY,QAEd,UAAW,CACTlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEV,0BAA2B,CACzBd,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BhB,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEV,4BAA6B,CAC3B5B,YAAa,SAGjB,oBAAqB,CACnB,UAAW,CACTK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAMTzB,CAAK"}
+{"version":3,"file":"menuListStyled.js","sources":["../../../../../../src/components/cardMenu/styled/menuListStyled.tsx"],"sourcesContent":["import { Theme, MenuList, styled } from '@mui/material';\n\nexport const MenuListStyled = styled(MenuList, {\n  shouldForwardProp: (prop) => prop !== 'allowMultiselect',\n})<{ theme?: Theme; allowMultiselect?: boolean }>(({ theme, allowMultiselect }) => {\n  const conditionalStyles = allowMultiselect\n    ? { marginRight: '16px', marginRightCross: '3px', padding: '12px 12px 12px 24px' }\n    : { marginRight: '0px', marginRightCross: '0px', padding: '12px 24px' };\n\n  let style = {};\n  style = {\n    boxShadow: '0px 3px 8px rgba(0, 0, 0, 0.15)',\n    background: theme.palette.common.white,\n    padding: '0px',\n    minWidth: '105px',\n    maxWidth: '222px',\n    '& > .menu-item-divider': {\n      margin: '0px !important',\n    },\n    '& > .menu-content-items': {\n      maxHeight: '240px',\n      overflowY: 'overlay',\n      '& .MuiCheckbox-root': {\n        marginRight: '4px',\n      },\n    },\n    '& > .MuiMenuItem-root, > .menu-content-items > .MuiMenuItem-root': {\n      color: theme.palette.onSurface.os900,\n      whiteSpace: 'nowrap',\n      padding: conditionalStyles.padding,\n      '&.Mui-disabled': {\n        color: theme.palette.disabled.primary,\n        opacity: 1,\n        '& .MuiIcon-root': {\n          color: `${theme.palette.disabled.primary}!important`,\n        },\n      },\n      '&:hover': {\n        background: theme.palette.surface.primary,\n      },\n      '& > .MuiListItemText-root': {\n        marginRight: conditionalStyles.marginRight,\n      },\n      '& .MuiTypography-root': {\n        fontSize: '16px',\n        lineHeight: '24px',\n        fontWeight: '400',\n      },\n      '& > .MuiListItemIcon-root': {\n        display: 'inline-block',\n        lineHeight: '21px',\n        minWidth: 'unset',\n        width: '20px',\n        marginRight: '16px',\n        '& > .MuiIcon-root': {\n          color: theme.palette.text.primary,\n          display: 'inline',\n        },\n      },\n      '&.menu-item-header': {\n        padding: '12px 12px 12px 24px',\n        '& .MuiTypography-root': {\n          fontWeight: '700',\n          lineHeight: '20px',\n        },\n        '&:hover': {\n          background: theme.palette.background.primary,\n          cursor: 'default',\n        },\n        '& .MuiListItemIcon-root': {\n          color: theme.palette.onSurface.os900,\n          marginRight: conditionalStyles.marginRightCross,\n          cursor: 'pointer',\n        },\n        '& > .MuiListItemText-root': {\n          marginRight: '15px',\n        },\n      },\n      '&.menu-select-all': {\n        '&:hover': {\n          background: theme.palette.background.primary,\n          cursor: 'default',\n        },\n      },\n    },\n  };\n\n  return style;\n});\n"],"names":["MenuListStyled","styled","MenuList","shouldForwardProp","prop","theme","allowMultiselect","conditionalStyles","marginRight","marginRightCross","padding","style","boxShadow","background","palette","common","white","minWidth","maxWidth","margin","maxHeight","overflowY","color","onSurface","os900","whiteSpace","disabled","primary","opacity","surface","fontSize","lineHeight","fontWeight","display","width","text","cursor"],"mappings":"4CAEa,MAAAA,EAAiBC,EAAMA,OAACC,WAAU,CAC7CC,kBAAoBC,GAAkB,qBAATA,GADDH,EAEoB,EAAGI,QAAOC,uBAC1D,MAAMC,EAAoBD,EACtB,CAAEE,YAAa,OAAQC,iBAAkB,MAAOC,QAAS,uBACzD,CAAEF,YAAa,MAAOC,iBAAkB,MAAOC,QAAS,aAE5D,IAAIC,EAAQ,CAAE,EA8Ed,OA7EAA,EAAQ,CACNC,UAAW,kCACXC,WAAYR,EAAMS,QAAQC,OAAOC,MACjCN,QAAS,MACTO,SAAU,QACVC,SAAU,QACV,yBAA0B,CACxBC,OAAQ,kBAEV,0BAA2B,CACzBC,UAAW,QACXC,UAAW,UACX,sBAAuB,CACrBb,YAAa,QAGjB,mEAAoE,CAClEc,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BC,WAAY,SACZf,QAASH,EAAkBG,QAC3B,iBAAkB,CAChBY,MAAOjB,EAAMS,QAAQY,SAASC,QAC9BC,QAAS,EACT,kBAAmB,CACjBN,MAAO,GAAGjB,EAAMS,QAAQY,SAASC,sBAGrC,UAAW,CACTd,WAAYR,EAAMS,QAAQe,QAAQF,SAEpC,4BAA6B,CAC3BnB,YAAaD,EAAkBC,aAEjC,wBAAyB,CACvBsB,SAAU,OACVC,WAAY,OACZC,WAAY,OAEd,4BAA6B,CAC3BC,QAAS,eACTF,WAAY,OACZd,SAAU,QACViB,MAAO,OACP1B,YAAa,OACb,oBAAqB,CACnBc,MAAOjB,EAAMS,QAAQqB,KAAKR,QAC1BM,QAAS,WAGb,qBAAsB,CACpBvB,QAAS,sBACT,wBAAyB,CACvBsB,WAAY,MACZD,WAAY,QAEd,UAAW,CACTlB,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,WAEV,0BAA2B,CACzBd,MAAOjB,EAAMS,QAAQS,UAAUC,MAC/BhB,YAAaD,EAAkBE,iBAC/B2B,OAAQ,WAEV,4BAA6B,CAC3B5B,YAAa,SAGjB,oBAAqB,CACnB,UAAW,CACTK,WAAYR,EAAMS,QAAQD,WAAWc,QACrCS,OAAQ,cAMTzB,CAAK"}

package/cjs/components/cardMenu/styled/popperStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"popperStyled.js","sources":["../../../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":[null],"names":["PopperStyled","styled","Popper","shouldForwardProp","propName","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"iEAGa,MAAAA,EAAeC,EAAMA,OAACC,SAAQ,CACzCC,kBAAoBC,GAA0B,YAAbA,GADPH,EAMzB,EAAGI,QAAOC,cACJ,CACLC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACPC,aAAcL,EAAU,WAAQM"}
+{"version":3,"file":"popperStyled.js","sources":["../../../../../../src/components/cardMenu/styled/popperStyled.tsx"],"sourcesContent":["import { styled } from '@mui/system';\nimport { Popper } from '@mui/base';\n\nexport const PopperStyled = styled(Popper, {\n  shouldForwardProp: (propName) => propName !== 'rounded',\n})<{\n  theme?: any;\n  isMobile?: boolean;\n  rounded?: boolean;\n}>(({ theme, rounded }) => {\n  return {\n    zIndex: '100',\n    background: theme.palette.background.primary,\n    '& > *': {\n      borderRadius: rounded ? '4px' : undefined,\n    },\n  };\n});\n"],"names":["PopperStyled","styled","Popper","shouldForwardProp","propName","theme","rounded","zIndex","background","palette","primary","borderRadius","undefined"],"mappings":"iEAGa,MAAAA,EAAeC,EAAMA,OAACC,SAAQ,CACzCC,kBAAoBC,GAA0B,YAAbA,GADPH,EAMzB,EAAGI,QAAOC,cACJ,CACLC,OAAQ,MACRC,WAAYH,EAAMI,QAAQD,WAAWE,QACrC,QAAS,CACPC,aAAcL,EAAU,WAAQM"}

package/cjs/components/carousel/autoplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"autoplay.js","sources":["../../../../../src/components/carousel/autoplay.tsx"],"sourcesContent":[null],"names":["_a","carousel","carouselProp","children","iconProps","iconSlots","rest","__rest","carouselHook","useCarousel","playIcon","pauseIcon","Object","assign","ControlsPlayIcon","ControlsPauseIcon","AutoplayIcon","_b","autoplay","running","_jsx","IconButton","_c","onClick","jsx","sx","rawSx","foregroundCircleProps","backgroundCircleProps","position","value","setValue","useState","useSwiper","foregroundCircleSx","restForegroundCircle","backgroundCircleSx","restBackgroundCircle","useMemo","zIndex","bottom","left","right","m","JSON","stringify","useEffect","on","instance","_timeLeft","percentage","paused","Math","round","_jsxs","Box","display","CircularProgress","variant","color","transition"],"mappings":"oUAiIM,SAAqCA,YACzCC,SAAUC,EAAYC,SACtBA,EAAQC,UACRA,EAASC,UACTA,GAEgCL,EAD7BM,EAAIC,EAAAA,OAAAP,EALkC,iDAOzC,MAAMQ,EAAeC,EAAAA,cACfR,EAAWC,GAAgBM,GAC3BE,SAAEA,EAAQC,UAAEA,GAChBC,OAAAC,OAAA,CAAAH,SAAUI,EAAAA,iBACVH,UAAWI,EAAAA,mBACPV,GAAa,CAAA,GAEbW,GAAmC,QAApBC,EAAAhB,eAAAA,EAAUiB,gBAAU,IAAAD,OAAA,EAAAA,EAAAE,SAAUR,EAAYD,EAE/D,OACEU,EAAAA,IAACC,EAAAA,WAAUT,OAAAC,OAAA,CAAA,cACqB,QAAlBS,EAAArB,eAAAA,EAAUiB,gBAAQ,IAAAI,OAAA,EAAAA,EAAEH,SAAU,0BAA4B,yBACtEI,QAAS,aAAM,OAAqB,QAArBvB,EAAAC,aAAA,EAAAA,EAAUiB,gBAAW,IAAAlB,OAAA,EAAAA,GAAoB,QAApBiB,EAAAhB,aAAQ,EAARA,EAAUiB,gBAAU,IAAAD,OAAA,EAAAA,EAAAE,SAAU,OAAS,UAAU,GACjFb,EAEH,CAAAH,SAAAA,GAAYiB,EAAAI,IAACR,EAAiBJ,OAAAC,OAAA,CAAA,EAAAT,MAGrC,mCAnHyCJ,QACvCC,SAAUC,EACVuB,GAAIC,EAAKC,sBACTA,EAAqBC,sBACrBA,EAAqBC,SACrBA,EAAW,WAAS7B,EACjBM,EAAIC,EAAAA,OAAAP,EANgC,8EAQvC,MAAO8B,EAAOC,GAAYC,EAAAA,SAAiB,GACrCxB,EAAeyB,EAAAA,YACfhC,EAAWC,GAAgBM,EAC3BS,EAAsDU,GAAyB,IAA7EF,GAAIS,KAAuBC,EAA7B5B,EAAAA,OAAAU,EAAA,CAAA,OACAK,EAAsDM,GAAyB,IAA7EH,GAAIW,KAAuBC,EAA7B9B,EAAAA,OAAAe,EAAA,CAAA,OAGAG,EAAKa,EAAAA,SAAoC,IAC5B,WAAbT,EAEAjB,OAAAC,OAAA,CAAAgB,SAAU,WACVU,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACAjB,GAGEA,GAER,CAACG,EAAUe,KAAKC,UAAUnB,KAW7B,OATAoB,EAAAA,WAAU,KAEJ7C,GAAYA,EAASiB,UACvBjB,EAAS8C,GAAG,oBAAoB,CAACC,EAAUC,EAAWC,KACpDnB,EAASiB,EAAS9B,SAASiC,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,GAAkB,MAG9E,GAAGjD,IAGJqD,EAAAA,KAACC,EAAAA,mBAAI9B,GAAEb,OAAAC,OAAA,CAAIgB,SAAU,WAAY2B,QAAS,OAAQb,EAAG,GAAMlB,GAAE,cAAgB,4BAA+BnB,EAC1G,CAAAH,SAAA,CAAAiB,EAAAI,IAACiC,EAAgBA,iBACf7C,OAAAC,OAAA,CAAA6C,QAAQ,cAAa,cACT,sCACZ5B,MAAOA,EACPL,GACEb,OAAAC,OAAA,CAAA8C,MAAO,kBAEP9B,SAAU,WACVU,OAAQ,KACR,8BAA+B,CAC7BqB,WAAY,SAEX1B,IAEDC,IAENf,EAAAA,IAACqC,EAAAA,iBACC7C,OAAAC,OAAA,CAAA6C,QAAQ,cAAa,cACT,sCACZ5B,MAAO,IACPL,GAAMb,OAAAC,OAAA,CAAAgB,SAAU,WAAY8B,MAAO,gBAAmBvB,IAClDC,OAEF"}
+{"version":3,"file":"autoplay.js","sources":["../../../../../src/components/carousel/autoplay.tsx"],"sourcesContent":["import {\n  Box,\n  IconButton,\n  IconButtonProps,\n  CircularProgress,\n  CircularProgressProps,\n  BoxProps,\n  CSSObject,\n  SvgIconProps,\n} from '@mui/material';\nimport { useCarousel } from './hooks';\nimport { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { useEffect, useState, useMemo, ElementType } from 'react';\nimport { ControlsPlayIcon } from '@/src/components/icon/stroke/ControlsPlayIcon';\nimport { ControlsPauseIcon } from '@/src/components/icon/stroke/ControlsPauseIcon';\n\nexport interface CarouselAutoplayProgressProps extends Omit<BoxProps, 'children' | 'position'> {\n  /**\n   * Optional Carousel instance from useCarouselInstance hook\n   */\n  carousel?: CarouselInstance;\n  /**\n   * Foreground Circular Progress (main) props\n   */\n  foregroundCircleProps?: CircularProgressProps;\n  /**\n   * Background Circular Progress props\n   */\n  backgroundCircleProps?: CircularProgressProps;\n  /**\n   * Append style to wrapper box to change position of component\n   */\n  position?: 'outside' | 'inside';\n}\n\n/**\n * Spinner with autoplay progress value\n */\nexport const CarouselAutoplayProgress = ({\n  carousel: carouselProp,\n  sx: rawSx,\n  foregroundCircleProps,\n  backgroundCircleProps,\n  position = 'outside',\n  ...rest\n}: CarouselAutoplayProgressProps) => {\n  const [value, setValue] = useState<number>(0);\n  const carouselHook = useSwiper();\n  const carousel = carouselProp || carouselHook;\n  const { sx: foregroundCircleSx, ...restForegroundCircle } = foregroundCircleProps || {};\n  const { sx: backgroundCircleSx, ...restBackgroundCircle } = backgroundCircleProps || {};\n\n  // position extra styling applied to wrapper\n  const sx = useMemo<CSSObject | BoxProps['sx']>(() => {\n    if (position === 'inside') {\n      return {\n        position: 'absolute',\n        zIndex: '90',\n        bottom: '0',\n        left: '0',\n        right: '0',\n        m: 2,\n        ...rawSx,\n      };\n    } else {\n      return rawSx;\n    }\n  }, [position, JSON.stringify(rawSx)]);\n\n  useEffect(() => {\n    // attach listener that controls progress value based on swiper special event\n    if (carousel && carousel.autoplay) {\n      carousel.on('autoplayTimeLeft', (instance, _timeLeft, percentage) => {\n        setValue(instance.autoplay.paused ? 0 : Math.round(100 - percentage * 100));\n      });\n    }\n  }, [!!carousel]);\n\n  return (\n    <Box sx={{ position: 'relative', display: 'flex', m: 2, ...sx }} data-testid=\"CarouselAutoplayProgress\" {...rest}>\n      <CircularProgress\n        variant=\"determinate\"\n        data-testid=\"CarouselAutoplayProgress.Foreground\"\n        value={value}\n        sx={{\n          color: 'brand.secondary',\n          // overlap\n          position: 'relative',\n          zIndex: '10',\n          '.MuiCircularProgress-circle': {\n            transition: 'none',\n          },\n          ...foregroundCircleSx,\n        }}\n        {...restForegroundCircle}\n      />\n      <CircularProgress\n        variant=\"determinate\"\n        data-testid=\"CarouselAutoplayProgress.Background\"\n        value={100}\n        sx={{ position: 'absolute', color: 'common.white', ...backgroundCircleSx }}\n        {...restBackgroundCircle}\n      />\n    </Box>\n  );\n};\n\nexport interface CarouselAutoplayIconButtonProps extends Partial<IconButtonProps> {\n  /**\n   * Optional Carousel instance from useCarouselInstance hook\n   */\n  carousel?: CarouselInstance;\n  /**\n   * Properties passed to the Icon component\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Nodes used for the icons\n   */\n  iconSlots?: {\n    pauseIcon?: ElementType<SvgIconProps>;\n    playIcon?: ElementType<SvgIconProps>;\n  };\n}\n\n/**\n * IconButton controlling play/paused state of the autoplay\n */\nexport function CarouselAutoplayIconButton({\n  carousel: carouselProp,\n  children,\n  iconProps,\n  iconSlots,\n  ...rest\n}: CarouselAutoplayIconButtonProps) {\n  const carouselHook = useCarousel();\n  const carousel = carouselProp || carouselHook;\n  const { playIcon, pauseIcon } = {\n    playIcon: ControlsPlayIcon,\n    pauseIcon: ControlsPauseIcon,\n    ...(iconSlots || {}),\n  };\n  const AutoplayIcon = carousel?.autoplay?.running ? pauseIcon : playIcon;\n\n  return (\n    <IconButton\n      aria-label={carousel?.autoplay?.running ? 'Pause carousel autoplay' : 'Play carousel autoplay'}\n      onClick={() => carousel?.autoplay?.[carousel?.autoplay?.running ? 'stop' : 'start']()}\n      {...rest}\n    >\n      {children || <AutoplayIcon {...iconProps} />}\n    </IconButton>\n  );\n}\n"],"names":["_a","carousel","carouselProp","children","iconProps","iconSlots","rest","__rest","carouselHook","useCarousel","playIcon","pauseIcon","Object","assign","ControlsPlayIcon","ControlsPauseIcon","AutoplayIcon","_b","autoplay","running","_jsx","IconButton","_c","onClick","jsx","sx","rawSx","foregroundCircleProps","backgroundCircleProps","position","value","setValue","useState","useSwiper","foregroundCircleSx","restForegroundCircle","backgroundCircleSx","restBackgroundCircle","useMemo","zIndex","bottom","left","right","m","JSON","stringify","useEffect","on","instance","_timeLeft","percentage","paused","Math","round","_jsxs","Box","display","CircularProgress","variant","color","transition"],"mappings":"oUAiIM,SAAqCA,YACzCC,SAAUC,EAAYC,SACtBA,EAAQC,UACRA,EAASC,UACTA,GAEgCL,EAD7BM,EAAIC,EAAAA,OAAAP,EALkC,iDAOzC,MAAMQ,EAAeC,EAAAA,cACfR,EAAWC,GAAgBM,GAC3BE,SAAEA,EAAQC,UAAEA,GAChBC,OAAAC,OAAA,CAAAH,SAAUI,EAAAA,iBACVH,UAAWI,EAAAA,mBACPV,GAAa,CAAA,GAEbW,GAAmC,QAApBC,EAAAhB,eAAAA,EAAUiB,gBAAU,IAAAD,OAAA,EAAAA,EAAAE,SAAUR,EAAYD,EAE/D,OACEU,EAAAA,IAACC,EAAAA,WAAUT,OAAAC,OAAA,CAAA,cACqB,QAAlBS,EAAArB,eAAAA,EAAUiB,gBAAQ,IAAAI,OAAA,EAAAA,EAAEH,SAAU,0BAA4B,yBACtEI,QAAS,aAAM,OAAqB,QAArBvB,EAAAC,aAAA,EAAAA,EAAUiB,gBAAW,IAAAlB,OAAA,EAAAA,GAAoB,QAApBiB,EAAAhB,aAAQ,EAARA,EAAUiB,gBAAU,IAAAD,OAAA,EAAAA,EAAAE,SAAU,OAAS,UAAU,GACjFb,EAEH,CAAAH,SAAAA,GAAYiB,EAAAI,IAACR,EAAiBJ,OAAAC,OAAA,CAAA,EAAAT,MAGrC,mCAnHyCJ,QACvCC,SAAUC,EACVuB,GAAIC,EAAKC,sBACTA,EAAqBC,sBACrBA,EAAqBC,SACrBA,EAAW,WAAS7B,EACjBM,EAAIC,EAAAA,OAAAP,EANgC,8EAQvC,MAAO8B,EAAOC,GAAYC,EAAAA,SAAiB,GACrCxB,EAAeyB,EAAAA,YACfhC,EAAWC,GAAgBM,EAC3BS,EAAsDU,GAAyB,IAA7EF,GAAIS,KAAuBC,EAA7B5B,EAAAA,OAAAU,EAAA,CAAA,OACAK,EAAsDM,GAAyB,IAA7EH,GAAIW,KAAuBC,EAA7B9B,EAAAA,OAAAe,EAAA,CAAA,OAGAG,EAAKa,EAAAA,SAAoC,IAC5B,WAAbT,EAEAjB,OAAAC,OAAA,CAAAgB,SAAU,WACVU,OAAQ,KACRC,OAAQ,IACRC,KAAM,IACNC,MAAO,IACPC,EAAG,GACAjB,GAGEA,GAER,CAACG,EAAUe,KAAKC,UAAUnB,KAW7B,OATAoB,EAAAA,WAAU,KAEJ7C,GAAYA,EAASiB,UACvBjB,EAAS8C,GAAG,oBAAoB,CAACC,EAAUC,EAAWC,KACpDnB,EAASiB,EAAS9B,SAASiC,OAAS,EAAIC,KAAKC,MAAM,IAAmB,IAAbH,GAAkB,MAG9E,GAAGjD,IAGJqD,EAAAA,KAACC,EAAAA,mBAAI9B,GAAEb,OAAAC,OAAA,CAAIgB,SAAU,WAAY2B,QAAS,OAAQb,EAAG,GAAMlB,GAAE,cAAgB,4BAA+BnB,EAC1G,CAAAH,SAAA,CAAAiB,EAAAI,IAACiC,EAAgBA,iBACf7C,OAAAC,OAAA,CAAA6C,QAAQ,cAAa,cACT,sCACZ5B,MAAOA,EACPL,GACEb,OAAAC,OAAA,CAAA8C,MAAO,kBAEP9B,SAAU,WACVU,OAAQ,KACR,8BAA+B,CAC7BqB,WAAY,SAEX1B,IAEDC,IAENf,EAAAA,IAACqC,EAAAA,iBACC7C,OAAAC,OAAA,CAAA6C,QAAQ,cAAa,cACT,sCACZ5B,MAAO,IACPL,GAAMb,OAAAC,OAAA,CAAAgB,SAAU,WAAY8B,MAAO,gBAAmBvB,IAClDC,OAEF"}

package/cjs/components/carousel/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../../../../../src/components/carousel/carousel.tsx"],"sourcesContent":[null],"names":["Carousel","forwardRef","_a","ref","children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed","rest","__rest","_jsx","jsx","Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","default","EffectFade","Autoplay","Parallax","onSwiper","display","ml","mr","p","maxWidth","position","zIndex","overflow","listStyle","touchAction","flexDirection","height","alignItems","transitionProperty","width","transitionTimingFunction","boxSizing","transform","transitionDuration","theme","direction","visibility","WebkitBackfaceVisibility","backfaceVisibility"],"mappings":"uZA+Ba,MAAAA,EAAoCC,EAAUA,YACzD,CAACC,EAAoGC,SAApGC,SAAEA,EAAQC,GAAEA,EAAEC,OAAEA,EAAMC,OAAEA,EAAQC,SAAAA,WAAUC,EAAQC,aAAEA,EAAe,IAAGC,UAAEA,EAAY,OAAQC,EAA5FC,SAAAX,EAAA,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cACC,OACEY,EAACC,IAAAC,EAAGA,IACFC,OAAAC,OAAA,CAAAC,UAAWC,EAAAA,OACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,EAAQC,WACO,SAAXrB,EAAoB,CAACsB,EAAUD,SAAI,MACnCpB,EAAW,CAACsB,WAAY,MACxBrB,EAAW,CAACsB,WAAY,IAE9BtB,SAAUA,EACVF,OAAQA,EACRC,SAAUA,EACVL,IAAKA,GACDS,EACJ,CAAAoB,SAAU1B,EAAM,iBACAK,EAChBN,GAAEY,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAEAe,QAAS,QACTC,GAAI,OACJC,GAAI,OACJC,EAAG,IACHC,SAAU,OAEVC,SAAU,WACVC,OAAQ,KACRC,SAAU,SAEVC,UAAW,OAEX,sBAAuB,CACrBC,YAAa,SAEf,oBAAqB,CACnBA,YAAa,QACb,sBAAuB,CACrBC,cAAe,WAGnB,sBAAuB,CACrBC,OAAQ,OACR,sBAAuB,CACrBC,WAAY,aACZC,mBAAoB,sBAIxB,oBAAqB,CACnBR,SAAU,WACVS,MAAO,OACPH,OAAQ,OACRL,OAAQ,KACRN,QAAS,OACTa,mBAAoB,YACpBE,yBAA0B,4DAC1BC,UAAW,cACXC,UAAW,2BAGE,SAAX3C,GAAqB,CACvB,4CAA6C,CAC3CuC,mBAAoB,YACpBK,mBAAoB,GAAGxC,MACvBqC,yBAA0B,6DAE5B,8CAA+C,CAC7CE,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,GAAK,MAAM3C,cAE9E,8CAA+C,CAC7CwC,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,IAAM,KAAK3C,gBAE9E,CAEF,gCAAiC,CAC/B4C,WAAY,UAEd,wCAAyC,CACvCJ,UAAW,gBACXK,yBAA0B,SAC1BC,mBAAoB,YAGnBnD,GAAED,SAGNA,IACG"}
+{"version":3,"file":"carousel.js","sources":["../../../../../src/components/carousel/carousel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { Swiper, SwiperProps } from 'swiper/react';\nimport { Keyboard, EffectFade, Autoplay, Parallax } from 'swiper/modules';\n\nexport interface CarouselProps\n  // `cssMode` not supported\n  // instead of `navigation` use <CarouselNavigation />\n  // instead of `pagination` use <CarouselPagination />\n  // instead of `onSwiper` use `onInit`\n  extends Omit<SwiperProps, 'children' | 'cssMode' | 'navigation' | 'pagination' | 'onSwiper'>,\n    Omit<BoxProps, keyof Omit<SwiperProps, 'children'> | 'component'> {\n  /**\n   * Callback that receives Swiper instance\n   */\n  onInit?: SwiperProps['onSwiper'];\n  /**\n   * Travelled distance in px for peek effect\n   * @default 100\n   */\n  peekDistance?: number;\n  /**\n   * Speed of peek effect\n   * @default 150 (half of default Carousel's speed)\n   */\n  peekSpeed?: number;\n}\n\n/**\n * Modern mobile friendly carousel for slideshows, built with Swiper\n */\nexport const Carousel: React.FC<CarouselProps> = forwardRef(\n  ({ children, sx, onInit, effect, autoplay, parallax, peekDistance = 100, peekSpeed = 150, ...rest }, ref) => {\n    return (\n      <Box\n        component={Swiper}\n        spaceBetween={0}\n        autoHeight\n        loop\n        keyboard={{\n          enabled: true,\n        }}\n        modules={[\n          Keyboard,\n          ...(effect === 'fade' ? [EffectFade] : []),\n          ...(autoplay ? [Autoplay] : []),\n          ...(parallax ? [Parallax] : []),\n        ]}\n        parallax={parallax}\n        effect={effect}\n        autoplay={autoplay}\n        ref={ref}\n        {...rest}\n        onSwiper={onInit}\n        data-peekspeed={peekSpeed}\n        sx={{\n          // generic root styling, based on the `import 'swiper/css'`\n          display: 'block',\n          ml: 'auto',\n          mr: 'auto',\n          p: '0',\n          maxWidth: '100%',\n          // ensure correct position\n          position: 'relative',\n          zIndex: '50',\n          overflow: 'hidden',\n          // support for ul-type\n          listStyle: 'none',\n          // variants\n          '&.swiper-horizontal': {\n            touchAction: 'pan-y',\n          },\n          '&.swiper-vertical': {\n            touchAction: 'pan-x',\n            '& > .swiper-wrapper': {\n              flexDirection: 'column',\n            },\n          },\n          '&.swiper-autoheight': {\n            height: 'auto',\n            '& > .swiper-wrapper': {\n              alignItems: 'flex-start',\n              transitionProperty: 'transform, height',\n            },\n          },\n          // wrapper of all slides\n          '& .swiper-wrapper': {\n            position: 'relative',\n            width: '100%',\n            height: '100%',\n            zIndex: '50',\n            display: 'flex',\n            transitionProperty: 'transform',\n            transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n            boxSizing: 'content-box',\n            transform: 'translate3d(0px, 0, 0)',\n          },\n          // peek effect\n          ...(effect !== 'fade' && {\n            '&.peeking .swiper-wrapper > .swiper-slide': {\n              transitionProperty: 'transform',\n              transitionDuration: `${peekSpeed}ms`,\n              transitionTimingFunction: 'var(--swiper-wrapper-transition-timing-function, initial)',\n            },\n            '&.peek-next .swiper-wrapper > .swiper-slide': {\n              transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '' : '-'}${peekDistance}px, 0, 0)`,\n            },\n            '&.peek-prev .swiper-wrapper > .swiper-slide': {\n              transform: (theme) => `translate3D(${theme.direction === 'rtl' ? '-' : ''}${peekDistance}px, 0, 0)`,\n            },\n          }),\n          // swiper internal\n          '.swiper-slide-invisible-blank': {\n            visibility: 'hidden',\n          },\n          '.swiper-backface-hidden .swiper-slide': {\n            transform: 'translateZ(0)',\n            WebkitBackfaceVisibility: 'hidden',\n            backfaceVisibility: 'hidden',\n          },\n          // does not include CSS Mode, 3D Shadows, lazy loading\n          ...sx,\n        }}\n      >\n        {children}\n      </Box>\n    );\n  },\n);\n"],"names":["Carousel","forwardRef","_a","ref","children","sx","onInit","effect","autoplay","parallax","peekDistance","peekSpeed","rest","__rest","_jsx","jsx","Box","Object","assign","component","Swiper","spaceBetween","autoHeight","loop","keyboard","enabled","modules","Keyboard","default","EffectFade","Autoplay","Parallax","onSwiper","display","ml","mr","p","maxWidth","position","zIndex","overflow","listStyle","touchAction","flexDirection","height","alignItems","transitionProperty","width","transitionTimingFunction","boxSizing","transform","transitionDuration","theme","direction","visibility","WebkitBackfaceVisibility","backfaceVisibility"],"mappings":"uZA+Ba,MAAAA,EAAoCC,EAAUA,YACzD,CAACC,EAAoGC,SAApGC,SAAEA,EAAQC,GAAEA,EAAEC,OAAEA,EAAMC,OAAEA,EAAQC,SAAAA,WAAUC,EAAQC,aAAEA,EAAe,IAAGC,UAAEA,EAAY,OAAQC,EAA5FC,SAAAX,EAAA,CAAA,WAAA,KAAA,SAAA,SAAA,WAAA,WAAA,eAAA,cACC,OACEY,EAACC,IAAAC,EAAGA,IACFC,OAAAC,OAAA,CAAAC,UAAWC,EAAAA,OACXC,aAAc,EACdC,cACAC,MAAI,EACJC,SAAU,CACRC,SAAS,GAEXC,QAAS,CACPC,EAAQC,WACO,SAAXrB,EAAoB,CAACsB,EAAUD,SAAI,MACnCpB,EAAW,CAACsB,WAAY,MACxBrB,EAAW,CAACsB,WAAY,IAE9BtB,SAAUA,EACVF,OAAQA,EACRC,SAAUA,EACVL,IAAKA,GACDS,EACJ,CAAAoB,SAAU1B,EAAM,iBACAK,EAChBN,GAAEY,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAEAe,QAAS,QACTC,GAAI,OACJC,GAAI,OACJC,EAAG,IACHC,SAAU,OAEVC,SAAU,WACVC,OAAQ,KACRC,SAAU,SAEVC,UAAW,OAEX,sBAAuB,CACrBC,YAAa,SAEf,oBAAqB,CACnBA,YAAa,QACb,sBAAuB,CACrBC,cAAe,WAGnB,sBAAuB,CACrBC,OAAQ,OACR,sBAAuB,CACrBC,WAAY,aACZC,mBAAoB,sBAIxB,oBAAqB,CACnBR,SAAU,WACVS,MAAO,OACPH,OAAQ,OACRL,OAAQ,KACRN,QAAS,OACTa,mBAAoB,YACpBE,yBAA0B,4DAC1BC,UAAW,cACXC,UAAW,2BAGE,SAAX3C,GAAqB,CACvB,4CAA6C,CAC3CuC,mBAAoB,YACpBK,mBAAoB,GAAGxC,MACvBqC,yBAA0B,6DAE5B,8CAA+C,CAC7CE,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,GAAK,MAAM3C,cAE9E,8CAA+C,CAC7CwC,UAAYE,GAAU,eAAmC,QAApBA,EAAMC,UAAsB,IAAM,KAAK3C,gBAE9E,CAEF,gCAAiC,CAC/B4C,WAAY,UAEd,wCAAyC,CACvCJ,UAAW,gBACXK,yBAA0B,SAC1BC,mBAAoB,YAGnBnD,GAAED,SAGNA,IACG"}

package/cjs/components/carousel/hooks.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),l=require("../../node_modules/swiper/swiper-react.js");function t(l,t){const[,u]=e.useState({});e.useEffect((()=>{l&&(void 0!==t?t:["slideChange","afterInit","reachBeginning","reachEnd","autoplayStart","autoplayStop"]).forEach((e=>{l.on(e,(()=>{u({})}))}))}),[l]),e.useLayoutEffect((()=>{u({})}),[])}exports.useCarousel=function(e){const u=l.useSwiper();return t(u,e),u},exports.useCarouselInstance=function(l){const[u,s]=e.useState(null);return t(u,l),[u,s]},exports.useCarouselPeekEffect=function(l){const[t,u]=e.useState(null),s=e.useRef(null),[n,r]=e.useState(!1);return e.useEffect((()=>{var e,r,o,i,a,c,d;return"reset"===t?(null===(e=null==l?void 0:l.el)||void 0===e||e.classList.remove("peek-prev"),null===(r=null==l?void 0:l.el)||void 0===r||r.classList.remove("peek-next"),s.current=setTimeout((()=>{u(null)}),+((null==l?void 0:l.el.getAttribute("data-peekspeed"))||150))):t?n||(null==l||l.slideReset(0),"prev"===t?(null==l||l.slidePrev(0),null==l||l.slideNext(0)):(null==l||l.slideNext(0),null==l||l.slidePrev(0)),null===(o=null==l?void 0:l.el)||void 0===o||o.classList.add("peeking"),null===(i=null==l?void 0:l.el)||void 0===i||i.classList.add(`peek-${t}`)):(null===(a=null==l?void 0:l.el)||void 0===a||a.classList.remove("peeking"),null===(c=null==l?void 0:l.el)||void 0===c||c.classList.remove("peek-prev"),null===(d=null==l?void 0:l.el)||void 0===d||d.classList.remove("peek-next")),()=>{s.current&&clearTimeout(s.current)}}),[t]),e.useEffect((()=>{null==l||l.on("touchStart",(()=>{u("reset"),r(!0)})),null==l||l.on("touchEnd",(()=>{u("reset"),r(!1)}))}),[!!l]),[t,u]};
+"use strict";var e=require("react"),l=require("../../node_modules/swiper/swiper-react.js");function t(l,t){const[,u]=e.useState({});e.useEffect((()=>{l&&(null!=t?t:["slideChange","afterInit","reachBeginning","reachEnd","autoplayStart","autoplayStop"]).forEach((e=>{l.on(e,(()=>{u({})}))}))}),[l]),e.useLayoutEffect((()=>{u({})}),[])}exports.useCarousel=function(e){const u=l.useSwiper();return t(u,e),u},exports.useCarouselInstance=function(l){const[u,n]=e.useState(null);return t(u,l),[u,n]},exports.useCarouselPeekEffect=function(l){const[t,u]=e.useState(null),n=e.useRef(null),[s,r]=e.useState(!1);return e.useEffect((()=>{var e,r,o,i,a,c,d;return"reset"===t?(null===(e=null==l?void 0:l.el)||void 0===e||e.classList.remove("peek-prev"),null===(r=null==l?void 0:l.el)||void 0===r||r.classList.remove("peek-next"),n.current=setTimeout((()=>{u(null)}),+((null==l?void 0:l.el.getAttribute("data-peekspeed"))||150))):t?s||(null==l||l.slideReset(0),"prev"===t?(null==l||l.slidePrev(0),null==l||l.slideNext(0)):(null==l||l.slideNext(0),null==l||l.slidePrev(0)),null===(o=null==l?void 0:l.el)||void 0===o||o.classList.add("peeking"),null===(i=null==l?void 0:l.el)||void 0===i||i.classList.add(`peek-${t}`)):(null===(a=null==l?void 0:l.el)||void 0===a||a.classList.remove("peeking"),null===(c=null==l?void 0:l.el)||void 0===c||c.classList.remove("peek-prev"),null===(d=null==l?void 0:l.el)||void 0===d||d.classList.remove("peek-next")),()=>{n.current&&clearTimeout(n.current)}}),[t]),e.useEffect((()=>{null==l||l.on("touchStart",(()=>{u("reset"),r(!0)})),null==l||l.on("touchEnd",(()=>{u("reset"),r(!1)}))}),[!!l]),[t,u]};
 //# sourceMappingURL=hooks.js.map

package/cjs/components/carousel/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../../../src/components/carousel/hooks.ts"],"sourcesContent":[null],"names":["useRefreshInstance","carousel","events","setRerender","useState","useEffect","undefined","forEach","evt","on","useLayoutEffect","useSwiper","setCarousel","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","_a","el","classList","remove","_b","current","setTimeout","getAttribute","slideReset","slidePrev","slideNext","_c","add","_d","_e","_f","_g","clearTimeout"],"mappings":"2FA6BA,SAASA,EAAmBC,EAA4BC,GAEtD,OAASC,GAAeC,EAAQA,SAAC,IACjCC,EAAAA,WAAU,KACJJ,SAEUK,IAAXJ,EACGA,EACA,CAAC,cAAe,YAAa,iBAAkB,WAAY,gBAAiB,iBAC9EK,SAASC,IACTP,EAASQ,GAAGD,GAAK,KACfL,EAAY,CAAA,EAAG,GACf,MAGL,CAACF,IAEJS,EAAAA,iBAAgB,KACdP,EAAY,CAAA,EAAG,GACd,GACL,qBA/BM,SAAsBD,GAC1B,MAAMD,EAAWU,EAAAA,YAGjB,OAFAX,EAAmBC,EAAUC,GAEtBD,CACT,8BAfM,SAA8BC,GAClC,MAAOD,EAAUW,GAAeR,EAAAA,SAAkC,MAGlE,OAFAJ,EAAmBC,EAAUC,GAEtB,CAACD,EAAUW,EACpB,gCAyCM,SAAgCX,GACpC,MAAOY,EAAMC,GAAWV,EAAAA,SAA2C,MAC7DW,EAAcC,EAAMA,OAAwB,OAC3CC,EAAUC,GAAed,EAAAA,UAAkB,GAsDlD,OApDAC,EAAAA,WAAU,uBA8BR,MA7Ba,UAATQ,GACY,QAAdM,EAAAlB,aAAQ,EAARA,EAAUmB,UAAI,IAAAD,GAAAA,EAAAE,UAAUC,OAAO,aACjB,QAAdC,EAAAtB,aAAQ,EAARA,EAAUmB,UAAI,IAAAG,GAAAA,EAAAF,UAAUC,OAAO,aAC/BP,EAAYS,QAAUC,YACpB,KACEX,EAAQ,KAAK,MAEbb,aAAA,EAAAA,EAAUmB,GAAGM,aAAa,oBAAqB,OAE1Cb,EACJI,IAEHhB,SAAAA,EAAU0B,WAAW,GACR,SAATd,GACFZ,SAAAA,EAAU2B,UAAU,GACpB3B,SAAAA,EAAU4B,UAAU,KAEpB5B,SAAAA,EAAU4B,UAAU,GACpB5B,SAAAA,EAAU2B,UAAU,IAER,QAAdE,EAAA7B,aAAQ,EAARA,EAAUmB,UAAI,IAAAU,GAAAA,EAAAT,UAAUU,IAAI,WAChB,QAAZC,EAAA/B,aAAA,EAAAA,EAAUmB,UAAE,IAAAY,GAAAA,EAAEX,UAAUU,IAAI,QAAQlB,OAGxB,QAAdoB,EAAAhC,aAAQ,EAARA,EAAUmB,UAAI,IAAAa,GAAAA,EAAAZ,UAAUC,OAAO,WACjB,QAAdY,EAAAjC,aAAQ,EAARA,EAAUmB,UAAI,IAAAc,GAAAA,EAAAb,UAAUC,OAAO,aACjB,QAAda,EAAAlC,aAAQ,EAARA,EAAUmB,UAAI,IAAAe,GAAAA,EAAAd,UAAUC,OAAO,cAG1B,KACDP,EAAYS,SACdY,aAAarB,EAAYS,SAE5B,GACA,CAACX,IAKJR,EAAAA,WAAU,KAERJ,SAAAA,EAAUQ,GAAG,cAAc,KACzBK,EAAQ,SACRI,GAAY,EAAK,IAEnBjB,SAAAA,EAAUQ,GAAG,YAAY,KACvBK,EAAQ,SACRI,GAAY,EAAM,GAClB,GACD,GAAGjB,IAEC,CAACY,EAAMC,EAChB"}
+{"version":3,"file":"hooks.js","sources":["../../../../../src/components/carousel/hooks.ts"],"sourcesContent":["import { useState, useEffect, useLayoutEffect, useRef } from 'react';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { useSwiper } from 'swiper/react';\nimport { SwiperEvents } from 'swiper/types';\n\n/**\n * Hook to obtain and manage CarouselInstance\n * */\nexport function useCarouselInstance(events?: (keyof SwiperEvents)[]) {\n  const [carousel, setCarousel] = useState<CarouselInstance | null>(null);\n  useRefreshInstance(carousel, events);\n\n  return [carousel, setCarousel] as const;\n}\n\n/**\n * Hook to obtain CarouselInstance inside the Carousel component\n */\nexport function useCarousel(events?: (keyof SwiperEvents)[]) {\n  const carousel = useSwiper();\n  useRefreshInstance(carousel, events);\n\n  return carousel;\n}\n\n/**\n * Internal hook that forces re-renders on events like slideChange, so the carousel.realIndex is correct\n * https://github.com/nolimits4web/swiper/issues/5577\n */\nfunction useRefreshInstance(carousel: CarouselInstance, events?: (keyof SwiperEvents)[]) {\n  // force re-render\n  const [, setRerender] = useState({});\n  useEffect(() => {\n    if (carousel) {\n      // subscribe to carousel events to trigger re-render\n      (events ?? ['slideChange', 'afterInit', 'reachBeginning', 'reachEnd', 'autoplayStart', 'autoplayStop']).forEach(\n        (evt: keyof SwiperEvents) => {\n          carousel.on(evt, () => {\n            setRerender({});\n          });\n        },\n      );\n    }\n  }, [carousel]);\n  // once everything is rendered, make sure to re-render to have proper data (initialization)\n  useLayoutEffect(() => {\n    setRerender({});\n  }, []);\n}\n\n/**\n * Manage peek effect in the Carousel by adding classes to the Carousel instance\n */\nexport function useCarouselPeekEffect(carousel: CarouselInstance) {\n  const [peek, setPeek] = useState<'prev' | 'next' | 'reset' | null>(null);\n  const peekTimeout = useRef<NodeJS.Timeout | null>(null);\n  const [disabled, setDisabled] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (peek === 'reset') {\n      carousel?.el?.classList.remove('peek-prev');\n      carousel?.el?.classList.remove('peek-next');\n      peekTimeout.current = setTimeout(\n        () => {\n          setPeek(null);\n        },\n        +(carousel?.el.getAttribute('data-peekspeed') || 150),\n      ); // matches transitionDuration in the Carousel\n    } else if (peek) {\n      if (!disabled) {\n        // make sure prev/next slide is visible (loop)\n        carousel?.slideReset(0);\n        if (peek === 'prev') {\n          carousel?.slidePrev(0);\n          carousel?.slideNext(0);\n        } else {\n          carousel?.slideNext(0);\n          carousel?.slidePrev(0);\n        }\n        carousel?.el?.classList.add('peeking');\n        carousel?.el?.classList.add(`peek-${peek}`);\n      }\n    } else {\n      carousel?.el?.classList.remove('peeking');\n      carousel?.el?.classList.remove('peek-prev');\n      carousel?.el?.classList.remove('peek-next');\n    }\n\n    return () => {\n      if (peekTimeout.current) {\n        clearTimeout(peekTimeout.current);\n      }\n    };\n  }, [peek]);\n\n  /**\n   * Watch carousel instance\n   */\n  useEffect(() => {\n    // once carousel is being dragged, reset and disable peek effect\n    carousel?.on('touchStart', () => {\n      setPeek('reset');\n      setDisabled(true);\n    });\n    carousel?.on('touchEnd', () => {\n      setPeek('reset');\n      setDisabled(false);\n    });\n  }, [!!carousel]);\n\n  return [peek, setPeek] as const;\n}\n"],"names":["useRefreshInstance","carousel","events","setRerender","useState","useEffect","forEach","evt","on","useLayoutEffect","useSwiper","setCarousel","peek","setPeek","peekTimeout","useRef","disabled","setDisabled","_a","el","classList","remove","_b","current","setTimeout","getAttribute","slideReset","slidePrev","slideNext","_c","add","_d","_e","_f","_g","clearTimeout"],"mappings":"2FA6BA,SAASA,EAAmBC,EAA4BC,GAEtD,OAASC,GAAeC,EAAQA,SAAC,IACjCC,EAAAA,WAAU,KACJJ,IAEDC,QAAAA,EAAU,CAAC,cAAe,YAAa,iBAAkB,WAAY,gBAAiB,iBAAiBI,SACrGC,IACCN,EAASO,GAAGD,GAAK,KACfJ,EAAY,CAAA,EAAG,GACf,MAIP,CAACF,IAEJQ,EAAAA,iBAAgB,KACdN,EAAY,CAAA,EAAG,GACd,GACL,qBA9BM,SAAsBD,GAC1B,MAAMD,EAAWS,EAAAA,YAGjB,OAFAV,EAAmBC,EAAUC,GAEtBD,CACT,8BAfM,SAA8BC,GAClC,MAAOD,EAAUU,GAAeP,EAAAA,SAAkC,MAGlE,OAFAJ,EAAmBC,EAAUC,GAEtB,CAACD,EAAUU,EACpB,gCAwCM,SAAgCV,GACpC,MAAOW,EAAMC,GAAWT,EAAAA,SAA2C,MAC7DU,EAAcC,EAAMA,OAAwB,OAC3CC,EAAUC,GAAeb,EAAAA,UAAkB,GAsDlD,OApDAC,EAAAA,WAAU,uBA8BR,MA7Ba,UAATO,GACY,QAAdM,EAAAjB,aAAQ,EAARA,EAAUkB,UAAI,IAAAD,GAAAA,EAAAE,UAAUC,OAAO,aACjB,QAAdC,EAAArB,aAAQ,EAARA,EAAUkB,UAAI,IAAAG,GAAAA,EAAAF,UAAUC,OAAO,aAC/BP,EAAYS,QAAUC,YACpB,KACEX,EAAQ,KAAK,MAEbZ,aAAA,EAAAA,EAAUkB,GAAGM,aAAa,oBAAqB,OAE1Cb,EACJI,IAEHf,SAAAA,EAAUyB,WAAW,GACR,SAATd,GACFX,SAAAA,EAAU0B,UAAU,GACpB1B,SAAAA,EAAU2B,UAAU,KAEpB3B,SAAAA,EAAU2B,UAAU,GACpB3B,SAAAA,EAAU0B,UAAU,IAER,QAAdE,EAAA5B,aAAQ,EAARA,EAAUkB,UAAI,IAAAU,GAAAA,EAAAT,UAAUU,IAAI,WAChB,QAAZC,EAAA9B,aAAA,EAAAA,EAAUkB,UAAE,IAAAY,GAAAA,EAAEX,UAAUU,IAAI,QAAQlB,OAGxB,QAAdoB,EAAA/B,aAAQ,EAARA,EAAUkB,UAAI,IAAAa,GAAAA,EAAAZ,UAAUC,OAAO,WACjB,QAAdY,EAAAhC,aAAQ,EAARA,EAAUkB,UAAI,IAAAc,GAAAA,EAAAb,UAAUC,OAAO,aACjB,QAAda,EAAAjC,aAAQ,EAARA,EAAUkB,UAAI,IAAAe,GAAAA,EAAAd,UAAUC,OAAO,cAG1B,KACDP,EAAYS,SACdY,aAAarB,EAAYS,SAE5B,GACA,CAACX,IAKJP,EAAAA,WAAU,KAERJ,SAAAA,EAAUO,GAAG,cAAc,KACzBK,EAAQ,SACRI,GAAY,EAAK,IAEnBhB,SAAAA,EAAUO,GAAG,YAAY,KACvBK,EAAQ,SACRI,GAAY,EAAM,GAClB,GACD,GAAGhB,IAEC,CAACW,EAAMC,EAChB"}

package/cjs/components/carousel/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sources":["../../../../../src/components/carousel/navigation.tsx"],"sourcesContent":[null],"names":["carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","PrevIconComponent","nextButtonProps","nextIconProps","NextIconComponent","arrows","onBackground","carouselHook","useCarousel","originalParams","effect","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","PrevIcon","ArrowLeftIcon","ChevronLeftIcon","NextIcon","ArrowRightIcon","ChevronRightIcon","sharedSx","useMemo","Object","assign","position","zIndex","top","mt","getInteractiveStyle","color","borderColor","backgroundColor","_jsxs","_jsx","IconButton","disabled","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","left","children","direction","isEnd","slideNext","right"],"mappings":"2aA4DgB,UACdA,SAAUC,EACVC,WAAYC,GAAiB,EAAKC,gBAClCA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,gBACjBA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,OACjBA,GAAS,EAAIC,aACbA,GAAe,IAEf,MAAMC,EAAeC,EAAAA,cACfb,EAAWC,GAAgBW,EAC3BV,EAAiD,UAApCF,aAAA,EAAAA,EAAUc,eAAeC,SAAqBZ,EAC3Da,EAAQC,EAAAA,WACRC,EAAOC,EAAAA,cAAcH,EAAMI,YAAYC,GAAG,OAC1CC,EAA8BlB,GAAmB,IAA/CmB,GAAIC,KAAWC,EAAjBC,EAAAA,OAAAJ,EAAA,CAAA,OACAK,EAA8BpB,GAAmB,IAA/CgB,GAAIK,KAAWC,EAAjBH,EAAAA,OAAAC,EAAA,CAAA,QACCG,EAAMC,GAAWC,EAAAA,sBAAsBhC,GACxCiC,EAAW3B,IAAsBI,EAASwB,EAAAA,cAAgBC,EAAAA,iBAC1DC,EAAW3B,IAAsBC,EAAS2B,EAAAA,eAAiBC,EAAAA,kBAG3DC,EAAWC,EAAAA,SACf,IAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAEJC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,GAAI,SAEDC,sBACD,CACEC,MAAO,eACPC,YAAatC,EAAe,0BAA4B,kBACxDuC,gBAAiBvC,EAAe,0BAA4B,mBAE9D,CACEuC,gBAAiB,uBAEpB,CAED,iBAAkB,CAChBF,MAAO,oBACPC,YAAa,mBACbC,gBAAiBvC,EAAe,0BAA4B,yBAGhE,IAGF,OACEwC,EAAAA,2BACEC,MAACC,EAAAA,0BACCC,SAAUtD,IAAaA,EAASc,eAAeyC,MAAQvD,EAASwD,YAChEC,QAAS,KACPzD,SAAAA,EAAU0D,YACVxD,GAAc4B,GAAQC,EAAQ,QAAQ,EAExC4B,aAAc,IAAMzC,GAAQhB,GAAc6B,EAAQ,QAClD6B,aAAc,IAAM1D,GAAc4B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGH,GACH,CAAAsB,KAAM,SACHrC,GAEM,aAAA,iCACG,WACdwB,MAAM,WACFvB,EAAQ,CAAAqC,SAES,QAApB9C,EAAM+C,UAAsBX,EAAAA,IAAChB,EAAaK,OAAAC,OAAA,CAAA,EAAArC,IAAoB+C,EAAAA,IAACnB,mBAAa5B,OAE/E+C,EAAAA,IAACC,EAAAA,WACCZ,OAAAC,OAAA,CAAAY,SAAUtD,IAAaA,EAASc,eAAeyC,MAAQvD,EAASgE,MAChEP,QAAS,KACPzD,SAAAA,EAAUiE,YACV/D,GAAc4B,GAAQC,EAAQ,QAAQ,EAExC4B,aAAc,IAAMzC,GAAQhB,GAAc6B,EAAQ,QAClD6B,aAAc,IAAM1D,GAAc4B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGH,GAAQ,CACX2B,MAAO,SACJtC,GAEM,aAAA,aACG,gBAAA,WACdoB,MAAM,WACFnB,EAEH,CAAAiC,SAAoB,QAApB9C,EAAM+C,UAAsBX,EAAAA,IAACnB,EAAQQ,OAAAC,OAAA,CAAA,EAAKlC,IAAoB4C,EAAAA,IAAChB,mBAAa5B,SAIrF"}
+{"version":3,"file":"navigation.js","sources":["../../../../../src/components/carousel/navigation.tsx"],"sourcesContent":["import React, { useMemo, ElementType } from 'react';\nimport { useCarousel, useCarouselPeekEffect } from './hooks';\nimport { useTheme } from '@mui/system';\nimport { CSSObject, IconButton, IconButtonProps, SvgIconProps, useMediaQuery } from '@mui/material';\nimport type { Swiper as CarouselInstance } from 'swiper';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\nimport { ArrowLeftIcon } from '@/src/components/icon/stroke/ArrowLeftIcon';\nimport { ArrowRightIcon } from '@/src/components/icon/stroke/ArrowRightIcon';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\nexport interface CarouselNavigationProps {\n  /**\n   * Optional Carousel instance from useCarouselInstance hook\n   */\n  carousel?: CarouselInstance;\n  /**\n   * Enable/disable peek effect on hover\n   * @default: false\n   */\n  peekEffect?: boolean;\n  /**\n   * Previous Slide IconButton\n   */\n  prevButtonProps?: Partial<IconButtonProps>;\n  /**\n   * Previous icon props\n   */\n  prevIconProps?: SvgIconProps;\n  /**\n   * Previous icon node\n   */\n  PrevIconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Next Slide IconButton\n   */\n  nextButtonProps?: Partial<IconButtonProps>;\n  /**\n   * Previous icon props\n   */\n  nextIconProps?: SvgIconProps;\n  /**\n   * Next icon node\n   */\n  NextIconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Replaces Chevrons with Arrows\n   * @default true\n   */\n  arrows?: boolean;\n  /**\n   * Enable if placing on a plain background (not on top of an image/video)\n   * @default false\n   */\n  onBackground?: boolean;\n}\n\n/**\n * Left & Right navigation arrows\n */\nexport function CarouselNavigation({\n  carousel: carouselProp,\n  peekEffect: propPeekEffect = false,\n  prevButtonProps,\n  prevIconProps,\n  PrevIconComponent,\n  nextButtonProps,\n  nextIconProps,\n  NextIconComponent,\n  arrows = true,\n  onBackground = false,\n}: CarouselNavigationProps) {\n  const carouselHook = useCarousel();\n  const carousel = carouselProp || carouselHook;\n  const peekEffect = carousel?.originalParams.effect !== 'fade' && propPeekEffect;\n  const theme = useTheme();\n  const upMD = useMediaQuery(theme.breakpoints.up('md'));\n  const { sx: prevSx, ...restPrev } = prevButtonProps || {};\n  const { sx: nextSx, ...restNext } = nextButtonProps || {};\n  const [peek, setPeek] = useCarouselPeekEffect(carousel);\n  const PrevIcon = PrevIconComponent || (arrows ? ArrowLeftIcon : ChevronLeftIcon);\n  const NextIcon = NextIconComponent || (arrows ? ArrowRightIcon : ChevronRightIcon);\n\n  // shared style between buttons\n  const sharedSx = useMemo<CSSObject>(\n    () => ({\n      // absolute inside the carousel position\n      position: 'absolute',\n      zIndex: '100',\n      top: '50%',\n      // manual v-align, half the icon size\n      mt: '-22px',\n      // highlight border\n      ...getInteractiveStyle(\n        {\n          color: 'text.primary',\n          borderColor: onBackground ? 'transparent.transparent' : 'onSurface.os600',\n          backgroundColor: onBackground ? 'transparent.transparent' : 'surface.primary',\n        },\n        {\n          backgroundColor: 'surface.secondary',\n        },\n      ),\n      // disabled state\n      '&.Mui-disabled': {\n        color: 'disabled.tertiary',\n        borderColor: 'disabled.primary',\n        backgroundColor: onBackground ? 'transparent.transparent' : 'disabled.secondary',\n      },\n    }),\n    [],\n  );\n\n  return (\n    <>\n      <IconButton\n        disabled={carousel && !carousel.originalParams.loop && carousel.isBeginning}\n        onClick={() => {\n          carousel?.slidePrev();\n          peekEffect && peek && setPeek('reset');\n        }}\n        onMouseEnter={() => upMD && peekEffect && setPeek('prev')}\n        onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n        sx={{\n          ...sharedSx,\n          left: '16px',\n          ...prevSx,\n        }}\n        aria-label=\"Previous slide\"\n        aria-controls=\"carousel\"\n        color=\"surface\"\n        {...restPrev}\n      >\n        {theme.direction === 'rtl' ? <NextIcon {...prevIconProps} /> : <PrevIcon {...prevIconProps} />}\n      </IconButton>\n      <IconButton\n        disabled={carousel && !carousel.originalParams.loop && carousel.isEnd}\n        onClick={() => {\n          carousel?.slideNext();\n          peekEffect && peek && setPeek('reset');\n        }}\n        onMouseEnter={() => upMD && peekEffect && setPeek('next')}\n        onMouseLeave={() => peekEffect && peek && setPeek('reset')}\n        sx={{\n          ...sharedSx,\n          right: '16px',\n          ...nextSx,\n        }}\n        aria-label=\"Next slide\"\n        aria-controls=\"carousel\"\n        color=\"surface\"\n        {...restNext}\n      >\n        {theme.direction === 'rtl' ? <PrevIcon {...nextIconProps} /> : <NextIcon {...nextIconProps} />}\n      </IconButton>\n    </>\n  );\n}\n"],"names":["carousel","carouselProp","peekEffect","propPeekEffect","prevButtonProps","prevIconProps","PrevIconComponent","nextButtonProps","nextIconProps","NextIconComponent","arrows","onBackground","carouselHook","useCarousel","originalParams","effect","theme","useTheme","upMD","useMediaQuery","breakpoints","up","_a","sx","prevSx","restPrev","__rest","_b","nextSx","restNext","peek","setPeek","useCarouselPeekEffect","PrevIcon","ArrowLeftIcon","ChevronLeftIcon","NextIcon","ArrowRightIcon","ChevronRightIcon","sharedSx","useMemo","Object","assign","position","zIndex","top","mt","getInteractiveStyle","color","borderColor","backgroundColor","_jsxs","_jsx","IconButton","disabled","loop","isBeginning","onClick","slidePrev","onMouseEnter","onMouseLeave","left","children","direction","isEnd","slideNext","right"],"mappings":"2aA4DgB,UACdA,SAAUC,EACVC,WAAYC,GAAiB,EAAKC,gBAClCA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,gBACjBA,EAAeC,cACfA,EAAaC,kBACbA,EAAiBC,OACjBA,GAAS,EAAIC,aACbA,GAAe,IAEf,MAAMC,EAAeC,EAAAA,cACfb,EAAWC,GAAgBW,EAC3BV,EAAiD,UAApCF,aAAA,EAAAA,EAAUc,eAAeC,SAAqBZ,EAC3Da,EAAQC,EAAAA,WACRC,EAAOC,EAAAA,cAAcH,EAAMI,YAAYC,GAAG,OAC1CC,EAA8BlB,GAAmB,IAA/CmB,GAAIC,KAAWC,EAAjBC,EAAAA,OAAAJ,EAAA,CAAA,OACAK,EAA8BpB,GAAmB,IAA/CgB,GAAIK,KAAWC,EAAjBH,EAAAA,OAAAC,EAAA,CAAA,QACCG,EAAMC,GAAWC,EAAAA,sBAAsBhC,GACxCiC,EAAW3B,IAAsBI,EAASwB,EAAAA,cAAgBC,EAAAA,iBAC1DC,EAAW3B,IAAsBC,EAAS2B,EAAAA,eAAiBC,EAAAA,kBAG3DC,EAAWC,EAAAA,SACf,IAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAEJC,SAAU,WACVC,OAAQ,MACRC,IAAK,MAELC,GAAI,SAEDC,sBACD,CACEC,MAAO,eACPC,YAAatC,EAAe,0BAA4B,kBACxDuC,gBAAiBvC,EAAe,0BAA4B,mBAE9D,CACEuC,gBAAiB,uBAEpB,CAED,iBAAkB,CAChBF,MAAO,oBACPC,YAAa,mBACbC,gBAAiBvC,EAAe,0BAA4B,yBAGhE,IAGF,OACEwC,EAAAA,2BACEC,MAACC,EAAAA,0BACCC,SAAUtD,IAAaA,EAASc,eAAeyC,MAAQvD,EAASwD,YAChEC,QAAS,KACPzD,SAAAA,EAAU0D,YACVxD,GAAc4B,GAAQC,EAAQ,QAAQ,EAExC4B,aAAc,IAAMzC,GAAQhB,GAAc6B,EAAQ,QAClD6B,aAAc,IAAM1D,GAAc4B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGH,GACH,CAAAsB,KAAM,SACHrC,GAEM,aAAA,iCACG,WACdwB,MAAM,WACFvB,EAAQ,CAAAqC,SAES,QAApB9C,EAAM+C,UAAsBX,EAAAA,IAAChB,EAAaK,OAAAC,OAAA,CAAA,EAAArC,IAAoB+C,EAAAA,IAACnB,mBAAa5B,OAE/E+C,EAAAA,IAACC,EAAAA,WACCZ,OAAAC,OAAA,CAAAY,SAAUtD,IAAaA,EAASc,eAAeyC,MAAQvD,EAASgE,MAChEP,QAAS,KACPzD,SAAAA,EAAUiE,YACV/D,GAAc4B,GAAQC,EAAQ,QAAQ,EAExC4B,aAAc,IAAMzC,GAAQhB,GAAc6B,EAAQ,QAClD6B,aAAc,IAAM1D,GAAc4B,GAAQC,EAAQ,SAClDR,GAAEkB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACGH,GAAQ,CACX2B,MAAO,SACJtC,GAEM,aAAA,aACG,gBAAA,WACdoB,MAAM,WACFnB,EAEH,CAAAiC,SAAoB,QAApB9C,EAAM+C,UAAsBX,EAAAA,IAACnB,EAAQQ,OAAAC,OAAA,CAAA,EAAKlC,IAAoB4C,EAAAA,IAAChB,mBAAa5B,SAIrF"}