@skodaflow/web-library 7.15.1 → 7.16.1

package/cjs/components/accordion/accordion.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),i=require("@mui/material"),t=require("react");const a=t.forwardRef(((a,r)=>{var{items:o,onChange:c,disableAnimation:d,accordionContainerProps:s,accordionPanelMaxHeight:l,allowMultipleExpand:u}=a,p=e.__rest(a,["items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand"]);const[x,m]=t.useState(!1);t.useEffect((()=>{if(u){const e={};for(let n=0;n<o.length;n++){const i=o[n].id||`panel${n}`;e[i]=!!o[n].isDefaultExpanded}m((()=>e))}else{let e;const n=o.find(((n,i)=>{if(n.isDefaultExpanded)return e=i,n}));n&&m(n.id||`panel${e}`)}}),[u,JSON.stringify(o)]);const f=t.useCallback((e=>(n,i)=>{c&&c(e,i),m(u?n=>Object.assign(Object.assign({},n),{[e]:i}):!!i&&e)}),[u,c]);return n.jsx(i.Box,Object.assign({ref:r},s,{"data-testid":"Accordion",children:o.map(((e,t)=>{const a=(null==e?void 0:e.id)&&`${e.id}`||`panel${t}`,r=u?!!x[a]:x===a;return n.jsxs(i.Accordion,Object.assign({id:a,expanded:r,onChange:f(a),"data-testid":"Accordion.item"},p,{children:[n.jsx(i.AccordionSummary,{"aria-controls":`${a}d-content`,id:`${a}d-header`,"data-testid":"Accordion.summary",children:e.title}),n.jsx(i.AccordionDetails,{"data-testid":"Accordion.content",children:e.content})]}),a)}))}))}));exports.Accordion=a;
+"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),i=require("@mui/material"),t=require("react");const a=t.forwardRef((a,r)=>{var{items:o,onChange:c,disableAnimation:d,accordionContainerProps:s,accordionPanelMaxHeight:l,allowMultipleExpand:u}=a,p=e.__rest(a,["items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand"]);const[x,m]=t.useState(!1);t.useEffect(()=>{if(u){const e={};for(let n=0;n<o.length;n++){const i=o[n].id||`panel${n}`;e[i]=!!o[n].isDefaultExpanded}m(()=>e)}else{let e;const n=o.find((n,i)=>{if(n.isDefaultExpanded)return e=i,n});n&&m(n.id||`panel${e}`)}},[u,JSON.stringify(o)]);const f=t.useCallback(e=>(n,i)=>{c&&c(e,i),m(u?n=>Object.assign(Object.assign({},n),{[e]:i}):!!i&&e)},[u,c]);return n.jsx(i.Box,Object.assign({ref:r},s,{"data-testid":"Accordion",children:o.map((e,t)=>{const a=(null==e?void 0:e.id)&&`${e.id}`||`panel${t}`,r=u?!!x[a]:x===a;return n.jsxs(i.Accordion,Object.assign({id:a,expanded:r,onChange:f(a),"data-testid":"Accordion.item"},p,{children:[n.jsx(i.AccordionSummary,{"aria-controls":`${a}d-content`,id:`${a}d-header`,"data-testid":"Accordion.summary",children:e.title}),n.jsx(i.AccordionDetails,{"data-testid":"Accordion.content",children:e.content})]}),a)})}))});exports.Accordion=a;
 //# sourceMappingURL=accordion.js.map

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

@@ -1 +1 @@
-{"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":"iHA0FO,MAAMA,EAAYC,EAAAA,YACvB,CACEC,EASAC,KATA,IAAAC,MACEA,EAAKC,SACLA,EAAQC,iBACRA,EAAgBC,wBAChBA,EAAuBC,wBACvBA,EAAuBC,oBACvBA,GAAmBP,EAChBQ,EAAKC,EAAAA,OAAAT,EAPV,mHAWA,MAAOU,EAAQC,GAAeC,EAAAA,UAAkC,GAEhEC,EAAAA,WAAU,KACR,GAAKN,EAaE,CACL,MAAMO,EAAc,CAAA,EACpB,IAAK,IAAIC,EAAQ,EAAGA,EAAQb,EAAMc,OAAQD,IAAS,CACjD,MAAME,EAASf,EAAMa,GAAOG,IAAM,QAAQH,IAE1CD,EAAYG,KAAYf,EAAMa,GAAOI,iBACvC,CAEAR,GAAY,IAAMG,GACpB,KAtB0B,CACxB,IAAII,EACJ,MAAME,EAA2BlB,EAAMmB,MAAK,CAACC,EAAMP,KACjD,GAAIO,EAAKH,kBAEP,OADAD,EAAKH,EACEO,CAEO,IAGdF,GACFT,EAAYS,EAAyBF,IAAM,QAAQA,IAEvD,CASA,GACC,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,GAAI,CAAEH,CAACA,GAAQE,MAHjBA,GAAaF,EAK3B,GAEF,CAACpB,EAAqBJ,IAGxB,OACE8B,EAAAA,IAACC,EAAAA,IAAGH,OAAAC,OAAA,CAAC/B,IAAKA,GAASI,EAAuB,CAAA,cAAc,YAAW8B,SAChEjC,EAAMkC,KAAI,CAACd,EAAMP,KAChB,MAAMY,GAASL,aAAI,EAAJA,EAAMJ,KAAM,GAAGI,EAAKJ,MAAS,QAAQH,IAC9Cc,EAAatB,IAAwBG,EAAOiB,GAASjB,IAAWiB,EAEtE,OACEU,OAACC,EAAAA,UAAYP,OAAAC,OAAA,CACXd,GAAIS,EAEJY,SAAUV,EACV1B,SAAUsB,EAAaE,GAAM,cACjB,kBACRnB,EAAK,CAAA2B,SAAA,CAETF,EAAAA,IAACO,EAAAA,iBAAgB,CAAA,gBACA,GAAGb,aAClBT,GAAI,GAAGS,YAAe,cACV,oBAAmBQ,SAE9Bb,EAAKmB,QAERR,EAAAA,IAACS,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":"iHA0FO,MAAMA,EAAYC,EAAAA,WACvB,CACEC,EASAC,KATA,IAAAC,MACEA,EAAKC,SACLA,EAAQC,iBACRA,EAAgBC,wBAChBA,EAAuBC,wBACvBA,EAAuBC,oBACvBA,GAAmBP,EAChBQ,EAAKC,EAAAA,OAAAT,EAPV,mHAWA,MAAOU,EAAQC,GAAeC,EAAAA,UAAkC,GAEhEC,EAAAA,UAAU,KACR,GAAKN,EAaE,CACL,MAAMO,EAAc,CAAA,EACpB,IAAK,IAAIC,EAAQ,EAAGA,EAAQb,EAAMc,OAAQD,IAAS,CACjD,MAAME,EAASf,EAAMa,GAAOG,IAAM,QAAQH,IAE1CD,EAAYG,KAAYf,EAAMa,GAAOI,iBACvC,CAEAR,EAAY,IAAMG,EACpB,KAtB0B,CACxB,IAAII,EACJ,MAAME,EAA2BlB,EAAMmB,KAAK,CAACC,EAAMP,KACjD,GAAIO,EAAKH,kBAEP,OADAD,EAAKH,EACEO,IAKPF,GACFT,EAAYS,EAAyBF,IAAM,QAAQA,IAEvD,GAUC,CAACX,EAAqBgB,KAAKC,UAAUtB,KAExC,MAAMuB,EAAeC,EAAAA,YAClBC,GAAkB,CAACC,EAAGC,KACrB1B,GAAYA,EAASwB,EAAOE,GAK1BlB,EAHGJ,EAGUuB,GACXC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYF,GAAI,CAAEH,CAACA,GAAQE,MAHjBA,GAAaF,IAO7B,CAACpB,EAAqBJ,IAGxB,OACE8B,EAAAA,IAACC,EAAAA,IAAGH,OAAAC,OAAA,CAAC/B,IAAKA,GAASI,EAAuB,CAAA,cAAc,YAAW8B,SAChEjC,EAAMkC,IAAI,CAACd,EAAMP,KAChB,MAAMY,GAASL,aAAI,EAAJA,EAAMJ,KAAM,GAAGI,EAAKJ,MAAS,QAAQH,IAC9Cc,EAAatB,IAAwBG,EAAOiB,GAASjB,IAAWiB,EAEtE,OACEU,OAACC,EAAAA,UAAYP,OAAAC,OAAA,CACXd,GAAIS,EAEJY,SAAUV,EACV1B,SAAUsB,EAAaE,GAAM,cACjB,kBACRnB,EAAK,CAAA2B,SAAA,CAETF,EAAAA,IAACO,EAAAA,iBAAgB,CAAA,gBACA,GAAGb,aAClBT,GAAI,GAAGS,YAAe,cACV,oBAAmBQ,SAE9Bb,EAAKmB,QAERR,EAAAA,IAACS,mBAAgB,CAAA,cAAa,oBAAmBP,SAAEb,EAAKqB,aAbnDhB"}

package/cjs/components/advancedTable/agGrid.d.ts

@@ -0,0 +1,11 @@
+import { Theme } from '@mui/material';
+import { BoxProps, CSSObject } from '@mui/system';
+import React from 'react';
+export declare const agGridStyles: (theme: Theme) => CSSObject;
+interface SkodaAgGridProviderProps extends BoxProps {
+}
+/**
+ * A provider wrapper that applies Skoda AG Grid theming via sx.
+ */
+export declare const SkodaAgGridProvider: React.FC<SkodaAgGridProviderProps>;
+export {};

package/cjs/components/advancedTable/agGrid.js

@@ -0,0 +1,2 @@
+"use strict";var a=require("tslib"),e=require("react/jsx-runtime"),i=require("@mui/material"),n=require("react"),r=require("./agGridVariables.js"),o=require("./agGridSkodaTheme.js"),g=require("./agGridIcons.js");const t=a=>{const e=o.skodaAgThemeParams(a);return Object.assign(Object.assign({width:"100%",'&:not(:has([class*="ag-theme-params-"])),&.ag-theme-material':Object.assign({},r.agGridVariables(a)),".ag-row-last":{borderBottom:"none"},".ag-column-last .ag-header-cell-resize":{display:"none"},".ag-center-cols-container":{minWidth:"100%"},".ag-center-cols-viewport":{minHeight:"56px"},"& .ag-header-cell .ag-header-cell-text":{fontWeight:`${e.headerFontWeight}`},"& .ag-header-cell:not(.ag-column-last) > .ag-header-cell-resize.ag-hidden":{display:"block !important",cursor:"initial"},"& .ag-body-horizontal-scroll":{alignItems:"center",px:"22px",borderTop:"1px solid",borderTopColor:a.palette.surface.secondary,maxHeight:"none !important",height:"auto !important"},"& .ag-body-horizontal-scroll .ag-body-horizontal-scroll-viewport":{mt:"16px",mb:"23px"},"& .ag-body-horizontal-scroll.ag-invisible .ag-body-horizontal-scroll-viewport":{my:0},"& .ag-paging-panel":{justifyContent:"center",px:"24px"},"& .ag-paging-panel .ag-paging-page-size":{position:"absolute"},"& .ag-paging-panel .ag-paging-page-summary-panel":{marginLeft:"auto"},"& .ag-paging-row-summary-panel":{display:"none"},"& .ag-paging-description":{fontSize:"18px",px:"18px"},"& .ag-paging-panel .ag-paging-description span":{color:"text.primary",px:"2px"},"& .ag-paging-panel .ag-paging-description .ag-paging-number":{fontWeight:"700"},"& .ag-paging-panel .ag-paging-description span:last-child":{fontWeight:"300"},"& .ag-paging-panel .ag-icon-first, & .ag-paging-panel .ag-icon-last":{display:"none"},"& .ag-paging-panel .ag-picker-field-wrapper":{border:"none",px:"0",cursor:"pointer",minWidth:"auto"},"& .ag-paging-panel .ag-picker-field-display":{minWidth:"28px",width:"auto",pr:"6px",fontSize:"18px",fontWeight:"700",textAlign:"center"},"& .ag-paging-panel .ag-label":{mr:"6px",fontSize:"18px"},"& .ag-popup > *":{backgroundColor:"onSurface.os0",cursor:"pointer",borderRadius:"0px"},"& .skoda-ag-row-pointer .ag-row:hover":{cursor:"pointer"}},g.agGridCssIcons),{"& .ag-icon-asc, & .ag-icon-desc":{color:a.palette.onSurface.os600},"& .ag-icon-asc:hover, & .ag-icon-desc:hover":{color:a.palette.text.primary},"& .ag-header-cell-sortable .ag-sort-indicator-container:has(.ag-sort-descending-icon.ag-hidden) .ag-hidden:has(.ag-icon-asc)":{display:"inline-block !important"},"& .ag-header-cell-sortable .ag-hidden .ag-icon-asc::before":{content:'""',display:"flex",width:"17px",height:"17px",maskSize:"contain",maskRepeat:"no-repeat",maskPosition:"center",verticalAlign:"middle",maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(g.agGridIconsDefinition.ascHover.svg)})`},"& .ag-header-cell-sortable .ag-hidden .ag-icon-asc:hover::before":{maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(g.agGridIconsDefinition.asc.svg)})`},fontFamily:e.fontFamily})},s=n.forwardRef((n,r)=>{var{sx:o,children:g}=n,s=a.__rest(n,["sx","children"]);return e.jsx(i.Box,Object.assign({sx:a=>Object.assign(Object.assign({},t(a)),o),ref:r},s,{children:g}))});exports.SkodaAgGridProvider=s,exports.agGridStyles=t;
+//# sourceMappingURL=agGrid.js.map

package/cjs/components/advancedTable/agGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agGrid.js","sources":["../../../../../src/components/advancedTable/agGrid.tsx"],"sourcesContent":["import { Box, Theme } from '@mui/material';\nimport { BoxProps, CSSObject } from '@mui/system';\nimport React, { forwardRef } from 'react';\nimport { agGridVariables } from './agGridVariables';\nimport { skodaAgThemeParams } from './agGridSkodaTheme';\nimport { agGridCssIcons, agGridIconsDefinition } from './agGridIcons';\n\nexport const agGridStyles = (theme: Theme): CSSObject => {\n  const agTheme = skodaAgThemeParams(theme);\n\n  return {\n    width: '100%',\n    // Apply CSS variables only for non-themed tables of the old versions of ag grid (old versions of ag-grid, <v33, themes does not have ag-theme-params-* class)\n    '&:not(:has([class*=\"ag-theme-params-\"])),&.ag-theme-material': {\n      ...agGridVariables(theme),\n    },\n\n    '.ag-row-last': { borderBottom: 'none' },\n    '.ag-column-last .ag-header-cell-resize': { display: 'none' },\n\n    // Row lines full width\n    '.ag-center-cols-container': {\n      minWidth: '100%',\n    },\n\n    '.ag-center-cols-viewport': {\n      // reduce to 1 row from default 150px\n      minHeight: '56px',\n    },\n\n    // # Header styles\n    '& .ag-header-cell .ag-header-cell-text': {\n      fontWeight: `${agTheme.headerFontWeight}`,\n    },\n\n    // # Header Separators (only when column resizing is not activated and not for the last column)\n    '& .ag-header-cell:not(.ag-column-last) > .ag-header-cell-resize.ag-hidden': {\n      display: 'block !important',\n      cursor: 'initial',\n    },\n\n    // # Horizontal Scrollbar\n    '& .ag-body-horizontal-scroll': {\n      alignItems: 'center',\n      px: '22px',\n      borderTop: '1px solid',\n      borderTopColor: theme.palette.surface.secondary,\n      maxHeight: 'none !important',\n      height: 'auto !important',\n    },\n    '& .ag-body-horizontal-scroll .ag-body-horizontal-scroll-viewport': {\n      mt: '16px',\n      mb: '23px',\n    },\n    '& .ag-body-horizontal-scroll.ag-invisible .ag-body-horizontal-scroll-viewport': {\n      my: 0,\n    },\n\n    // # Pagination styles\n    '& .ag-paging-panel': {\n      justifyContent: 'center',\n      px: '24px',\n    },\n\n    // Pagination layout - rows per page centered, arrows right-aligned\n    '& .ag-paging-panel .ag-paging-page-size': {\n      position: 'absolute',\n    },\n    '& .ag-paging-panel .ag-paging-page-summary-panel': {\n      marginLeft: 'auto',\n    },\n\n    // Disable pagination summary\n    '& .ag-paging-row-summary-panel': {\n      display: 'none',\n    },\n\n    // Text styling within pagination arrows\n    '& .ag-paging-description': {\n      fontSize: '18px',\n      px: '18px',\n    },\n    '& .ag-paging-panel .ag-paging-description span': {\n      color: 'text.primary',\n      px: '2px',\n    },\n    '& .ag-paging-panel .ag-paging-description .ag-paging-number': {\n      fontWeight: '700',\n    },\n    '& .ag-paging-panel .ag-paging-description span:last-child': {\n      fontWeight: '300',\n    },\n\n    // Disable AG-grid pagination icons - start, end\n    '& .ag-paging-panel .ag-icon-first, & .ag-paging-panel .ag-icon-last': {\n      display: 'none',\n    },\n\n    // Pagination - rows per page\n    '& .ag-paging-panel .ag-picker-field-wrapper': {\n      border: 'none',\n      px: '0',\n      cursor: 'pointer',\n      minWidth: 'auto',\n    },\n    '& .ag-paging-panel .ag-picker-field-display': {\n      minWidth: '28px',\n      width: 'auto',\n      pr: '6px',\n      fontSize: '18px',\n      fontWeight: '700',\n      textAlign: 'center',\n    },\n    '& .ag-paging-panel .ag-label': {\n      mr: '6px',\n      fontSize: '18px',\n    },\n\n    '& .ag-popup > *': {\n      backgroundColor: 'onSurface.os0',\n      cursor: 'pointer',\n      borderRadius: '0px',\n    },\n\n    // # Opt-in className=\"skoda-ag-pointer\"\n    '& .skoda-ag-row-pointer .ag-row:hover': {\n      cursor: 'pointer',\n    },\n\n    // Additional icons\n    ...agGridCssIcons,\n\n    // Show icons according to the SkodaFlow design\n    '& .ag-icon-asc, & .ag-icon-desc': {\n      color: theme.palette.onSurface.os600,\n    },\n    '& .ag-icon-asc:hover, & .ag-icon-desc:hover': {\n      color: theme.palette.text.primary,\n    },\n    '& .ag-header-cell-sortable .ag-sort-indicator-container:has(.ag-sort-descending-icon.ag-hidden) .ag-hidden:has(.ag-icon-asc)':\n      {\n        display: 'inline-block !important', // Ag grid also uses !important so we have to override it\n      },\n\n    '& .ag-header-cell-sortable .ag-hidden .ag-icon-asc::before': {\n      content: '\"\"',\n      display: 'flex',\n      width: '17px',\n      height: '17px',\n      maskSize: 'contain',\n      maskRepeat: 'no-repeat',\n      maskPosition: 'center',\n      verticalAlign: 'middle',\n      maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.ascHover.svg)})`,\n    },\n    '& .ag-header-cell-sortable .ag-hidden .ag-icon-asc:hover::before': {\n      maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.asc.svg)})`,\n    },\n\n    // Legacy class approach, no theme\n    fontFamily: agTheme.fontFamily,\n  };\n};\n\ninterface SkodaAgGridProviderProps extends BoxProps {}\n\n/**\n * A provider wrapper that applies Skoda AG Grid theming via sx.\n */\nexport const SkodaAgGridProvider: React.FC<SkodaAgGridProviderProps> = forwardRef(({ sx, children, ...rest }, ref) => {\n  return (\n    <Box\n      sx={(theme) => ({\n        ...agGridStyles(theme),\n        ...sx,\n      })}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["agGridStyles","theme","agTheme","skodaAgThemeParams","Object","assign","width","agGridVariables","borderBottom","display","minWidth","minHeight","fontWeight","headerFontWeight","cursor","alignItems","px","borderTop","borderTopColor","palette","surface","secondary","maxHeight","height","mt","mb","my","justifyContent","position","marginLeft","fontSize","color","border","pr","textAlign","mr","backgroundColor","borderRadius","agGridCssIcons","onSurface","os600","text","primary","content","maskSize","maskRepeat","maskPosition","verticalAlign","maskImage","encodeURIComponent","agGridIconsDefinition","ascHover","svg","asc","fontFamily","SkodaAgGridProvider","forwardRef","_a","ref","sx","children","rest","__rest","_jsx","Box"],"mappings":"oNAOO,MAAMA,EAAgBC,IAC3B,MAAMC,EAAUC,EAAAA,mBAAmBF,GAEnC,OAAAG,OAAAC,OAAAD,OAAAC,OAAA,CACEC,MAAO,OAEP,+DAA8DF,OAAAC,OAAA,CAAA,EACzDE,EAAAA,gBAAgBN,IAGrB,eAAgB,CAAEO,aAAc,QAChC,yCAA0C,CAAEC,QAAS,QAGrD,4BAA6B,CAC3BC,SAAU,QAGZ,2BAA4B,CAE1BC,UAAW,QAIb,yCAA0C,CACxCC,WAAY,GAAGV,EAAQW,oBAIzB,4EAA6E,CAC3EJ,QAAS,mBACTK,OAAQ,WAIV,+BAAgC,CAC9BC,WAAY,SACZC,GAAI,OACJC,UAAW,YACXC,eAAgBjB,EAAMkB,QAAQC,QAAQC,UACtCC,UAAW,kBACXC,OAAQ,mBAEV,mEAAoE,CAClEC,GAAI,OACJC,GAAI,QAEN,gFAAiF,CAC/EC,GAAI,GAIN,qBAAsB,CACpBC,eAAgB,SAChBX,GAAI,QAIN,0CAA2C,CACzCY,SAAU,YAEZ,mDAAoD,CAClDC,WAAY,QAId,iCAAkC,CAChCpB,QAAS,QAIX,2BAA4B,CAC1BqB,SAAU,OACVd,GAAI,QAEN,iDAAkD,CAChDe,MAAO,eACPf,GAAI,OAEN,8DAA+D,CAC7DJ,WAAY,OAEd,4DAA6D,CAC3DA,WAAY,OAId,sEAAuE,CACrEH,QAAS,QAIX,8CAA+C,CAC7CuB,OAAQ,OACRhB,GAAI,IACJF,OAAQ,UACRJ,SAAU,QAEZ,8CAA+C,CAC7CA,SAAU,OACVJ,MAAO,OACP2B,GAAI,MACJH,SAAU,OACVlB,WAAY,MACZsB,UAAW,UAEb,+BAAgC,CAC9BC,GAAI,MACJL,SAAU,QAGZ,kBAAmB,CACjBM,gBAAiB,gBACjBtB,OAAQ,UACRuB,aAAc,OAIhB,wCAAyC,CACvCvB,OAAQ,YAIPwB,EAAAA,gBAAc,CAGjB,kCAAmC,CACjCP,MAAO9B,EAAMkB,QAAQoB,UAAUC,OAEjC,8CAA+C,CAC7CT,MAAO9B,EAAMkB,QAAQsB,KAAKC,SAE5B,+HACE,CACEjC,QAAS,2BAGb,6DAA8D,CAC5DkC,QAAS,KACTlC,QAAS,OACTH,MAAO,OACPiB,OAAQ,OACRqB,SAAU,UACVC,WAAY,YACZC,aAAc,SACdC,cAAe,SACfC,UAAW,+BAA+BC,mBAAmBC,EAAAA,sBAAsBC,SAASC,SAE9F,mEAAoE,CAClEJ,UAAW,+BAA+BC,mBAAmBC,EAAAA,sBAAsBG,IAAID,SAIzFE,WAAYpD,EAAQoD,cASXC,EAA0DC,EAAAA,WAAW,CAACC,EAA2BC,SAA3BC,GAAEA,EAAEC,SAAEA,GAAQH,EAAKI,EAAIC,EAAAA,OAAAL,EAAvB,mBACjF,OACEM,MAACC,EAAAA,IAAG5D,OAAAC,OAAA,CACFsD,GAAK1D,GAAUG,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACVL,EAAaC,IACb0D,GAELD,IAAKA,GACDG,EAAI,CAAAD,SAEPA"}

package/cjs/components/advancedTable/agGridIcons.d.ts

@@ -0,0 +1,74 @@
+export declare const agGridIconsDefinition: {
+    previous: {
+        svg: string;
+    };
+    next: {
+        svg: string;
+    };
+    first: {
+        svg: string;
+    };
+    last: {
+        svg: string;
+    };
+    'small-down': {
+        svg: string;
+    };
+    asc: {
+        svg: string;
+    };
+    ascHover: {
+        svg: string;
+    };
+    desc: {
+        svg: string;
+    };
+    descHover: {
+        svg: string;
+    };
+};
+/** Maps AG Grid icons to Skoda Flow library icons, overrides icons in AG Grid Theme */
+export declare const skodaAgGridIconOverrides: (customIcons?: {
+    name: string;
+    svg: string;
+}[]) => {
+    type: "image";
+    mask: boolean;
+    icons: {
+        previous: {
+            svg: string;
+        };
+        next: {
+            svg: string;
+        };
+        first: {
+            svg: string;
+        };
+        last: {
+            svg: string;
+        };
+        'small-down': {
+            svg: string;
+        };
+        asc: {
+            svg: string;
+        };
+        ascHover: {
+            svg: string;
+        };
+        desc: {
+            svg: string;
+        };
+        descHover: {
+            svg: string;
+        };
+    };
+};
+export declare const agGridCssIcons: {
+    '.ag-icon-desc:hover::before': {
+        maskImage: string;
+    };
+    '.ag-icon-asc:hover::before': {
+        maskImage: string;
+    };
+};

package/cjs/components/advancedTable/agGridIcons.js

@@ -0,0 +1,2 @@
+"use strict";const s={previous:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12.86 18.24L11.58 19.52L4.02 11.96L11.58 4.4L12.86 5.68L7.56 10.92H19.58V13H7.56L12.86 18.24Z"></path></svg>'},next:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M4.42 10.92H16.44L11.14 5.68L12.42 4.4L19.98 11.96L12.42 19.52L11.14 18.24L16.44 13H4.42V10.92Z"></path></svg>'},first:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.3 11.96L17.36 5L18.64 6.44L12.1 11.96L18.64 17.48L17.36 18.92L9.3 11.96ZM6.3 5.32H8.26V18.6H6.3V5.32Z"></path></svg>'},last:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M14.7 11.96L6.64 18.92L5.36 17.48L11.9 11.96L5.36 6.44L6.64 5L14.7 11.96ZM17.7 18.6H15.74V5.32H17.7V18.6Z"></path></svg>'},"small-down":{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 16.42L4.64 9.06L6.12 7.58L12 13.46L17.88 7.58L19.36 9.06L12 16.42Z"></path></svg>'},asc:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74ZM11.22 15.92H12.78V10.4L15.34 13.04L16.3 12.1L11.96 7.76L7.7 12.1L8.66 13.04L11.22 10.34V15.92Z"></path></svg>'},ascHover:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74ZM12 4.98C8.2 4.98 5.06 8.14 5.06 11.96C5.06 15.78 8.2 18.94 12 18.94C15.8 18.94 18.94 15.78 18.94 11.96C18.94 8.14 15.8 4.98 12 4.98ZM11.22 15.92V10.36L8.66 13.04L7.7 12.1L12 7.76L16.3 12.1L15.34 13.04L12.78 10.36V15.92H11.22Z"></path></svg>'},desc:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18ZM12.78 8H11.22V13.52L8.66 10.88L7.7 11.82L12.04 16.16L16.3 11.82L15.34 10.88L12.78 13.58V8Z"></path></svg>'},descHover:{svg:'<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18ZM12 18.94C15.8 18.94 18.94 15.78 18.94 11.96C18.94 8.14 15.8 4.98 12 4.98C8.2 4.98 5.06 8.14 5.06 11.96C5.06 15.78 8.2 18.94 12 18.94ZM12.78 8V13.56L15.34 10.88L16.3 11.82L12 16.16L7.7 11.82L8.66 10.88L11.22 13.56V8H12.78Z"></path></svg>'}},o={".ag-icon-desc:hover::before":{maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(s.descHover.svg)})`},".ag-icon-asc:hover::before":{maskImage:`url(data:image/svg+xml;utf8,${encodeURIComponent(s.ascHover.svg)})`}};exports.agGridCssIcons=o,exports.agGridIconsDefinition=s,exports.skodaAgGridIconOverrides=o=>({type:"image",mask:!0,icons:Object.assign(Object.assign({},s),Object.fromEntries((null!=o?o:[]).map(s=>[s.name,{svg:s.svg}])))});
+//# sourceMappingURL=agGridIcons.js.map

package/cjs/components/advancedTable/agGridIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agGridIcons.js","sources":["../../../../../src/components/advancedTable/agGridIcons.tsx"],"sourcesContent":["// hotfix to avoid using react-dom/server which can cause issues in Next\n// later the source of flow-icons2 should be used instead\nexport const agGridIconsDefinition = {\n  previous: {\n    // ArrowLeftIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.86 18.24L11.58 19.52L4.02 11.96L11.58 4.4L12.86 5.68L7.56 10.92H19.58V13H7.56L12.86 18.24Z\"></path></svg>',\n  },\n  next: {\n    // ArrowRightIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4.42 10.92H16.44L11.14 5.68L12.42 4.4L19.98 11.96L12.42 19.52L11.14 18.24L16.44 13H4.42V10.92Z\"></path></svg>',\n  },\n  first: {\n    // ChevronPreviousIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.3 11.96L17.36 5L18.64 6.44L12.1 11.96L18.64 17.48L17.36 18.92L9.3 11.96ZM6.3 5.32H8.26V18.6H6.3V5.32Z\"></path></svg>',\n  },\n  last: {\n    // ChevronNextIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.7 11.96L6.64 18.92L5.36 17.48L11.9 11.96L5.36 6.44L6.64 5L14.7 11.96ZM17.7 18.6H15.74V5.32H17.7V18.6Z\"></path></svg>',\n  },\n  'small-down': {\n    // ChevronDownIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 16.42L4.64 9.06L6.12 7.58L12 13.46L17.88 7.58L19.36 9.06L12 16.42Z\"></path></svg>',\n  },\n  asc: {\n    // ArrowCircleUpFilledIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74ZM11.22 15.92H12.78V10.4L15.34 13.04L16.3 12.1L11.96 7.76L7.7 12.1L8.66 13.04L11.22 10.34V15.92Z\"></path></svg>',\n  },\n  ascHover: {\n    // ArrowCircleUpIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74ZM12 4.98C8.2 4.98 5.06 8.14 5.06 11.96C5.06 15.78 8.2 18.94 12 18.94C15.8 18.94 18.94 15.78 18.94 11.96C18.94 8.14 15.8 4.98 12 4.98ZM11.22 15.92V10.36L8.66 13.04L7.7 12.1L12 7.76L16.3 12.1L15.34 13.04L12.78 10.36V15.92H11.22Z\"></path></svg>',\n  },\n  desc: {\n    // ArrowCircleDownFilledIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18ZM12.78 8H11.22V13.52L8.66 10.88L7.7 11.82L12.04 16.16L16.3 11.82L15.34 10.88L12.78 13.58V8Z\"></path></svg>',\n  },\n  descHover: {\n    // ArrowCircleDownIcon\n    svg: '<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"2 2 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12 3.18C16.82 3.18 20.82 7.16 20.82 11.96C20.82 16.76 16.82 20.74 12 20.74C7.18 20.74 3.18 16.76 3.18 11.96C3.18 7.16 7.18 3.18 12 3.18ZM12 18.94C15.8 18.94 18.94 15.78 18.94 11.96C18.94 8.14 15.8 4.98 12 4.98C8.2 4.98 5.06 8.14 5.06 11.96C5.06 15.78 8.2 18.94 12 18.94ZM12.78 8V13.56L15.34 10.88L16.3 11.82L12 16.16L7.7 11.82L8.66 10.88L11.22 13.56V8H12.78Z\"></path></svg>',\n  },\n};\n\n/** Maps AG Grid icons to Skoda Flow library icons, overrides icons in AG Grid Theme */\nexport const skodaAgGridIconOverrides = (customIcons?: { name: string; svg: string }[]) => {\n  return {\n    type: 'image' as const,\n    mask: true, // for icons to use AG Grid currentColor\n    icons: {\n      ...agGridIconsDefinition,\n      ...Object.fromEntries((customIcons ?? []).map((icon) => [icon.name, { svg: icon.svg }])),\n    },\n  };\n};\n\nexport const agGridCssIcons = {\n  '.ag-icon-desc:hover::before': {\n    maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.descHover.svg)})`,\n  },\n  '.ag-icon-asc:hover::before': {\n    maskImage: `url(data:image/svg+xml;utf8,${encodeURIComponent(agGridIconsDefinition.ascHover.svg)})`,\n  },\n};\n"],"names":["agGridIconsDefinition","previous","svg","next","first","last","asc","ascHover","desc","descHover","agGridCssIcons","maskImage","encodeURIComponent","customIcons","type","mask","icons","Object","fromEntries","map","icon","name"],"mappings":"aAEO,MAAMA,EAAwB,CACnCC,SAAU,CAERC,IAAK,ySAEPC,KAAM,CAEJD,IAAK,0SAEPE,MAAO,CAELF,IAAK,mTAEPG,KAAM,CAEJH,IAAK,oTAEP,aAAc,CAEZA,IAAK,iRAEPI,IAAK,CAEHJ,IAAK,obAEPK,SAAU,CAERL,IAAK,ujBAEPM,KAAM,CAEJN,IAAK,+aAEPO,UAAW,CAETP,IAAK,mjBAgBIQ,EAAiB,CAC5B,8BAA+B,CAC7BC,UAAW,+BAA+BC,mBAAmBZ,EAAsBS,UAAUP,SAE/F,6BAA8B,CAC5BS,UAAW,+BAA+BC,mBAAmBZ,EAAsBO,SAASL,oGAhBvDW,IAChC,CACLC,KAAM,QACNC,MAAM,EACNC,qCACKhB,GACAiB,OAAOC,aAAaL,QAAAA,EAAe,IAAIM,IAAKC,GAAS,CAACA,EAAKC,KAAM,CAAEnB,IAAKkB,EAAKlB"}

package/cjs/components/advancedTable/agGridSkodaTheme.d.ts

@@ -0,0 +1,35 @@
+import { Theme } from '@mui/material';
+/** AG Grid Theme parameters (replaces variables since AG Grid v32) */
+export declare const skodaAgThemeParams: (theme: Theme) => {
+    fontFamily: string;
+    fontSize: number;
+    iconSize: number;
+    backgroundColor: string;
+    foregroundColor: string;
+    dataColor: string;
+    headerForegroundColor: string;
+    headerBackgroundColor: string;
+    subHeaderBackgroundColor: string;
+    subHeaderToolbarBackgroundColor: string;
+    secondaryForegroundColor: string;
+    disabledForegroundColor: string;
+    checkboxCheckedColor: string;
+    checkboxIndeterminateColor: string;
+    rowHoverColor: string;
+    oddRowBackgroundColor: string;
+    rowBorderColor: string;
+    selectedRowBackgroundColor: string;
+    headerFontSize: number;
+    headerFontWeight: number;
+    headerHeight: number;
+    rowHeight: number;
+    paginationPanelHeight: number;
+    cellHorizontalPadding: number;
+    cellVerticalPadding: number;
+    rowVerticalPaddingScale: number;
+    borderRadius: number;
+    headerColumnSeparatorColor: string;
+    headerColumnResizeHandleColor: string;
+    headerColumnSeparatorDisplay: string;
+    headerColumnResizeHandleDisplay: string;
+};

package/cjs/components/advancedTable/agGridSkodaTheme.js

@@ -0,0 +1,2 @@
+"use strict";exports.skodaAgThemeParams=e=>({fontFamily:"rtl"===e.direction?"SKODA Next R2L":"SKODA Next",fontSize:14,iconSize:17,backgroundColor:"transparent",foregroundColor:e.palette.text.primary,dataColor:e.palette.text.primary,headerForegroundColor:e.palette.text.primary,headerBackgroundColor:"transparent",subHeaderBackgroundColor:"transparent",subHeaderToolbarBackgroundColor:"transparent",secondaryForegroundColor:e.palette.onSurface.os500,disabledForegroundColor:e.palette.disabled.tertiary,checkboxCheckedColor:e.palette.brand.primary,checkboxIndeterminateColor:e.palette.brand.primary,rowHoverColor:e.palette.surface.primary,oddRowBackgroundColor:"transparent",rowBorderColor:e.palette.surface.secondary,selectedRowBackgroundColor:e.palette.surface.primary,headerFontSize:14,headerFontWeight:700,headerHeight:54,rowHeight:56,paginationPanelHeight:70,cellHorizontalPadding:16,cellVerticalPadding:4,rowVerticalPaddingScale:.04,borderRadius:8,headerColumnSeparatorColor:e.palette.surface.secondary,headerColumnResizeHandleColor:e.palette.surface.secondary,headerColumnSeparatorDisplay:"block",headerColumnResizeHandleDisplay:"block"});
+//# sourceMappingURL=agGridSkodaTheme.js.map

package/cjs/components/advancedTable/agGridSkodaTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agGridSkodaTheme.js","sources":["../../../../../src/components/advancedTable/agGridSkodaTheme.ts"],"sourcesContent":["import { Theme } from '@mui/material';\n\n/** AG Grid Theme parameters (replaces variables since AG Grid v32) */\nexport const skodaAgThemeParams = (theme: Theme) => ({\n  // typography\n  fontFamily: theme.direction === 'rtl' ? 'SKODA Next R2L' : 'SKODA Next',\n  fontSize: 14,\n  iconSize: 17,\n\n  // colors\n  backgroundColor: 'transparent',\n  foregroundColor: theme.palette.text.primary,\n  dataColor: theme.palette.text.primary,\n  headerForegroundColor: theme.palette.text.primary,\n  headerBackgroundColor: 'transparent',\n  subHeaderBackgroundColor: 'transparent',\n  subHeaderToolbarBackgroundColor: 'transparent',\n  secondaryForegroundColor: theme.palette.onSurface.os500,\n  disabledForegroundColor: theme.palette.disabled.tertiary,\n  checkboxCheckedColor: theme.palette.brand.primary,\n  checkboxIndeterminateColor: theme.palette.brand.primary,\n\n  // rows / hover / borders\n  rowHoverColor: theme.palette.surface.primary,\n  oddRowBackgroundColor: 'transparent',\n  rowBorderColor: theme.palette.surface.secondary,\n  selectedRowBackgroundColor: theme.palette.surface.primary,\n\n  // sizing / spacing\n  headerFontSize: 14,\n  headerFontWeight: 700,\n  headerHeight: 54,\n  rowHeight: 56,\n  paginationPanelHeight: 70,\n  cellHorizontalPadding: 16,\n  cellVerticalPadding: 4,\n  rowVerticalPaddingScale: 0.04,\n  borderRadius: 8,\n\n  // header separators\n  headerColumnSeparatorColor: theme.palette.surface.secondary,\n  headerColumnResizeHandleColor: theme.palette.surface.secondary,\n  headerColumnSeparatorDisplay: 'block',\n  headerColumnResizeHandleDisplay: 'block',\n});\n"],"names":["theme","fontFamily","direction","fontSize","iconSize","backgroundColor","foregroundColor","palette","text","primary","dataColor","headerForegroundColor","headerBackgroundColor","subHeaderBackgroundColor","subHeaderToolbarBackgroundColor","secondaryForegroundColor","onSurface","os500","disabledForegroundColor","disabled","tertiary","checkboxCheckedColor","brand","checkboxIndeterminateColor","rowHoverColor","surface","oddRowBackgroundColor","rowBorderColor","secondary","selectedRowBackgroundColor","headerFontSize","headerFontWeight","headerHeight","rowHeight","paginationPanelHeight","cellHorizontalPadding","cellVerticalPadding","rowVerticalPaddingScale","borderRadius","headerColumnSeparatorColor","headerColumnResizeHandleColor","headerColumnSeparatorDisplay","headerColumnResizeHandleDisplay"],"mappings":"wCAGmCA,IAAY,CAE7CC,WAAgC,QAApBD,EAAME,UAAsB,iBAAmB,aAC3DC,SAAU,GACVC,SAAU,GAGVC,gBAAiB,cACjBC,gBAAiBN,EAAMO,QAAQC,KAAKC,QACpCC,UAAWV,EAAMO,QAAQC,KAAKC,QAC9BE,sBAAuBX,EAAMO,QAAQC,KAAKC,QAC1CG,sBAAuB,cACvBC,yBAA0B,cAC1BC,gCAAiC,cACjCC,yBAA0Bf,EAAMO,QAAQS,UAAUC,MAClDC,wBAAyBlB,EAAMO,QAAQY,SAASC,SAChDC,qBAAsBrB,EAAMO,QAAQe,MAAMb,QAC1Cc,2BAA4BvB,EAAMO,QAAQe,MAAMb,QAGhDe,cAAexB,EAAMO,QAAQkB,QAAQhB,QACrCiB,sBAAuB,cACvBC,eAAgB3B,EAAMO,QAAQkB,QAAQG,UACtCC,2BAA4B7B,EAAMO,QAAQkB,QAAQhB,QAGlDqB,eAAgB,GAChBC,iBAAkB,IAClBC,aAAc,GACdC,UAAW,GACXC,sBAAuB,GACvBC,sBAAuB,GACvBC,oBAAqB,EACrBC,wBAAyB,IACzBC,aAAc,EAGdC,2BAA4BvC,EAAMO,QAAQkB,QAAQG,UAClDY,8BAA+BxC,EAAMO,QAAQkB,QAAQG,UACrDa,6BAA8B,QAC9BC,gCAAiC"}

package/cjs/components/advancedTable/agGridVariables.d.ts

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

package/cjs/components/advancedTable/agGridVariables.js

@@ -0,0 +1,2 @@
+"use strict";var o=require("./agGridSkodaTheme.js"),e=require("./agGridIcons.js");exports.agGridVariables=r=>{const a=o.skodaAgThemeParams(r);return Object.assign({"--ag-font-family":`${a.fontFamily}`,"--ag-foreground-color":`${a.foregroundColor}`,"--ag-header-foreground-color":`${a.headerForegroundColor}`,"--ag-background-color":`${a.backgroundColor}`,"--ag-header-background-color":`${a.headerBackgroundColor}`,"--ag-subheader-background-color":`${a.subHeaderBackgroundColor}`,"--ag-subheader-toolbar-background-color":`${a.subHeaderToolbarBackgroundColor}`,"--ag-disabled-foreground-color":`${a.disabledForegroundColor}`,"--ag-row-hover-color":`${a.rowHoverColor}`,"--ag-checkbox-checked-color":`${a.checkboxCheckedColor}`,"--ag-checkbox-indeterminate-color":`${a.checkboxIndeterminateColor}`,"--ag-header-height":`${a.headerHeight}px`,"--ag-header-column-resize-handle-color":`${a.headerColumnResizeHandleColor}`,"--ag-selected-row-background-color":`${a.selectedRowBackgroundColor}`,"--ag-cell-vertical-padding":`${a.cellVerticalPadding}px`,"--ag-row-height":`${a.rowHeight}px`,"--ag-pagination-panel-height":`${a.paginationPanelHeight}px`,"--ag-font-size":`${a.fontSize}px`,"--ag-header-font-size":`${a.headerFontSize}px`,"--ag-header-font-weight":`'${a.headerFontWeight}'`,"--ag-icon-size":`${a.iconSize}px`},e.agGridCssIcons)};
+//# sourceMappingURL=agGridVariables.js.map

package/cjs/components/advancedTable/agGridVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agGridVariables.js","sources":["../../../../../src/components/advancedTable/agGridVariables.ts"],"sourcesContent":["import { CSSObject, Theme } from '@mui/material';\nimport { skodaAgThemeParams } from './agGridSkodaTheme';\nimport { agGridCssIcons } from './agGridIcons';\n\n/** agGrid CSS Variables */\nexport const agGridVariables = (theme: Theme): CSSObject => {\n  const agTheme = skodaAgThemeParams(theme);\n\n  return {\n    '--ag-font-family': `${agTheme.fontFamily}`,\n    '--ag-foreground-color': `${agTheme.foregroundColor}`,\n    '--ag-header-foreground-color': `${agTheme.headerForegroundColor}`,\n    '--ag-background-color': `${agTheme.backgroundColor}`,\n    '--ag-header-background-color': `${agTheme.headerBackgroundColor}`,\n    '--ag-subheader-background-color': `${agTheme.subHeaderBackgroundColor}`,\n    '--ag-subheader-toolbar-background-color': `${agTheme.subHeaderToolbarBackgroundColor}`,\n    '--ag-disabled-foreground-color': `${agTheme.disabledForegroundColor}`,\n    '--ag-row-hover-color': `${agTheme.rowHoverColor}`,\n    '--ag-checkbox-checked-color': `${agTheme.checkboxCheckedColor}`,\n    '--ag-checkbox-indeterminate-color': `${agTheme.checkboxIndeterminateColor}`,\n    '--ag-header-height': `${agTheme.headerHeight}px`,\n    '--ag-header-column-resize-handle-color': `${agTheme.headerColumnResizeHandleColor}`,\n    '--ag-selected-row-background-color': `${agTheme.selectedRowBackgroundColor}`,\n    '--ag-cell-vertical-padding': `${agTheme.cellVerticalPadding}px`,\n    '--ag-row-height': `${agTheme.rowHeight}px`,\n    '--ag-pagination-panel-height': `${agTheme.paginationPanelHeight}px`,\n    '--ag-font-size': `${agTheme.fontSize}px`,\n    '--ag-header-font-size': `${agTheme.headerFontSize}px`,\n    '--ag-header-font-weight': `'${agTheme.headerFontWeight}'`,\n    '--ag-icon-size': `${agTheme.iconSize}px`,\n    ...agGridCssIcons,\n  };\n};\n"],"names":["theme","agTheme","skodaAgThemeParams","Object","assign","fontFamily","foregroundColor","headerForegroundColor","backgroundColor","headerBackgroundColor","subHeaderBackgroundColor","subHeaderToolbarBackgroundColor","disabledForegroundColor","rowHoverColor","checkboxCheckedColor","checkboxIndeterminateColor","headerHeight","headerColumnResizeHandleColor","selectedRowBackgroundColor","cellVerticalPadding","rowHeight","paginationPanelHeight","fontSize","headerFontSize","headerFontWeight","iconSize","agGridCssIcons"],"mappings":"0GAKgCA,IAC9B,MAAMC,EAAUC,EAAAA,mBAAmBF,GAEnC,OAAAG,OAAAC,OAAA,CACE,mBAAoB,GAAGH,EAAQI,aAC/B,wBAAyB,GAAGJ,EAAQK,kBACpC,+BAAgC,GAAGL,EAAQM,wBAC3C,wBAAyB,GAAGN,EAAQO,kBACpC,+BAAgC,GAAGP,EAAQQ,wBAC3C,kCAAmC,GAAGR,EAAQS,2BAC9C,0CAA2C,GAAGT,EAAQU,kCACtD,iCAAkC,GAAGV,EAAQW,0BAC7C,uBAAwB,GAAGX,EAAQY,gBACnC,8BAA+B,GAAGZ,EAAQa,uBAC1C,oCAAqC,GAAGb,EAAQc,6BAChD,qBAAsB,GAAGd,EAAQe,iBACjC,yCAA0C,GAAGf,EAAQgB,gCACrD,qCAAsC,GAAGhB,EAAQiB,6BACjD,6BAA8B,GAAGjB,EAAQkB,wBACzC,kBAAmB,GAAGlB,EAAQmB,cAC9B,+BAAgC,GAAGnB,EAAQoB,0BAC3C,iBAAkB,GAAGpB,EAAQqB,aAC7B,wBAAyB,GAAGrB,EAAQsB,mBACpC,0BAA2B,IAAItB,EAAQuB,oBACvC,iBAAkB,GAAGvB,EAAQwB,cAC1BC,EAAAA"}

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

@@ -0,0 +1,3 @@
+export * from './agGrid';
+export * from './agGridIcons';
+export * from './agGridVariables';

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

@@ -1 +1 @@
-{"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,GAAKN,EAAKO,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,CAAA,GAAG,CAElC,yBAAwBO,OAAAC,OAAA,GACnBL,EAAMM,WAAWC,aAEtB,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,GAAKN,EAAKO,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,CAAA,GAAG,CAElC,yBAAwBO,OAAAC,OAAA,GACnBL,EAAMM,WAAWC,aAEtB,4BAA2BH,OAAAC,OAAA,CAAA,EAEtBL,EAAMM,WAAWE,YAEnBZ,GAAE,cAEK,SACRE"}

package/cjs/components/alert/AlertButton.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const i=r.forwardRef(((r,i)=>e.jsx(t.Button,Object.assign({ref:i,variant:"text",color:"white",size:"small"},r))));exports.AlertButton=i;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material");const i=r.forwardRef((r,i)=>e.jsx(t.Button,Object.assign({ref:i,variant:"text",color:"white",size:"small"},r)));exports.AlertButton=i;
 //# sourceMappingURL=AlertButton.js.map

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

@@ -1 +1 @@
-{"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 ButtonProps {}\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 ref={ref} variant=\"text\" color=\"white\" size=\"small\" {...props} />;\n});\n"],"names":["AlertButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"8FAQO,MAAMA,EAA0CC,EAAAA,YAAW,CAACC,EAAOC,IACjEC,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,QAAQC,KAAK,SAAYR"}
+{"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 ButtonProps {}\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 ref={ref} variant=\"text\" color=\"white\" size=\"small\" {...props} />;\n});\n"],"names":["AlertButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"8FAQO,MAAMA,EAA0CC,EAAAA,WAAW,CAACC,EAAOC,IACjEC,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,QAAQC,KAAK,SAAYR"}

package/cjs/components/alert/AlertNotificationButton.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material");const i=e.forwardRef(((e,i)=>r.jsx(t.Button,Object.assign({ref:i,variant:"text",color:"secondary",size:"small"},e))));exports.AlertNotificationButton=i;
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material");const i=e.forwardRef((e,i)=>r.jsx(t.Button,Object.assign({ref:i,variant:"text",color:"secondary",size:"small"},e)));exports.AlertNotificationButton=i;
 //# sourceMappingURL=AlertNotificationButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AlertNotificationButton.js","sources":["../../../../../src/components/alert/AlertNotificationButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface AlertNotificationButtonProps extends ButtonProps {}\n\n/**\n * AlertNotificationButton is a proxy component to <Button variant=\"text\" color=\"secondary\" size=\"small\" />\n */\nexport const AlertNotificationButton: React.FC<AlertNotificationButtonProps> = forwardRef((props, ref) => {\n  return <Button ref={ref} variant=\"text\" color=\"secondary\" size=\"small\" {...props} />;\n});\n"],"names":["AlertNotificationButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"8FAQO,MAAMA,EAAkEC,EAAAA,YAAW,CAACC,EAAOC,IACzFC,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,YAAYC,KAAK,SAAYR"}
+{"version":3,"file":"AlertNotificationButton.js","sources":["../../../../../src/components/alert/AlertNotificationButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface AlertNotificationButtonProps extends ButtonProps {}\n\n/**\n * AlertNotificationButton is a proxy component to <Button variant=\"text\" color=\"secondary\" size=\"small\" />\n */\nexport const AlertNotificationButton: React.FC<AlertNotificationButtonProps> = forwardRef((props, ref) => {\n  return <Button ref={ref} variant=\"text\" color=\"secondary\" size=\"small\" {...props} />;\n});\n"],"names":["AlertNotificationButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"8FAQO,MAAMA,EAAkEC,EAAAA,WAAW,CAACC,EAAOC,IACzFC,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,YAAYC,KAAK,SAAYR"}

package/cjs/components/backdrop/backdrop.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),s=require("../common/hook/backdrop.js"),t=require("@mui/material");const n=o.forwardRef(((t,n)=>{var{open:a,onClose:l}=t,c=e.__rest(t,["open","onClose"]);const{openBackdrop:p,handleCloseBackdrop:u,setOpenBackdrop:d}=s.default();return o.useEffect((()=>{d(a)}),[a,d]),r.jsx(i,{ref:n,classes:c.classes,open:p,onClick:()=>{u(),l&&l(!1)},invisible:c.invisible,sx:c.sx,transitionDuration:c.transitionDuration,children:c.children})})),i=t.styled(t.Backdrop)((r=>{var{theme:o}=r;return e.__rest(r,["theme"]).invisible?{backgroundColor:o.palette.transparent.backdrop,backdropFilter:"blur(0px)"}:null}));exports.Backdrop=n;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("react"),s=require("../common/hook/backdrop.js"),t=require("@mui/material");const n=o.forwardRef((t,n)=>{var{open:a,onClose:l}=t,c=e.__rest(t,["open","onClose"]);const{openBackdrop:p,handleCloseBackdrop:u,setOpenBackdrop:d}=s.default();return o.useEffect(()=>{d(a)},[a,d]),r.jsx(i,{ref:n,classes:c.classes,open:p,onClick:()=>{u(),l&&l(!1)},invisible:c.invisible,sx:c.sx,transitionDuration:c.transitionDuration,children:c.children})}),i=t.styled(t.Backdrop)(r=>{var{theme:o}=r;return e.__rest(r,["theme"]).invisible?{backgroundColor:o.palette.transparent.backdrop,backdropFilter:"blur(0px)"}:null});exports.Backdrop=n;
 //# sourceMappingURL=backdrop.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"backdrop.js","sources":["../../../../../src/components/backdrop/backdrop.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef, useEffect } from 'react';\nimport useBackdrop from '../../components/common/hook/backdrop';\nimport { SxProps, 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":"yJA8CO,MAAMA,EAAWC,EAAAA,YAA0C,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,EAAAA,OAAOC,WAAPD,EAAoCnB,IAAA,IAAAqB,MAAEA,GAAKrB,EAChE,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 useBackdrop from '../../components/common/hook/backdrop';\nimport { SxProps, 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":"yJA8CO,MAAMA,EAAWC,EAAAA,WAA0C,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,UAAU,KACRF,EAAgBN,IACf,CAACA,EAAMM,IAGRG,MAACC,EAAc,CACbX,IAAKA,EACLY,QAAST,EAAMS,QACfX,KAAMI,EACNQ,QAdgB,KAClBP,IACAJ,GAAWA,GAAQ,IAajBY,UAAWX,EAAMW,UACjBC,GAAIZ,EAAMY,GACVC,mBAAoBb,EAAMa,mBAAkBC,SAE3Cd,EAAMc,aAKPN,EAAiBO,EAAAA,OAAOC,WAAPD,CAAoCnB,IAAA,IAAAqB,MAAEA,GAAKrB,EAChE,OADyEK,EAAAA,OAAAL,EAAhB,WAChDe,UACA,CACLO,gBAAiBD,EAAME,QAAQC,YAAYC,SAC3CC,eAAgB,aAGb"}

package/cjs/components/banner/BannerButton.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material");const a=e.forwardRef(((e,a)=>r.jsx(t.Button,Object.assign({ref:a,variant:"outlined",color:"secondary",size:"small"},e))));exports.BannerButton=a;
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material");const a=e.forwardRef((e,a)=>r.jsx(t.Button,Object.assign({ref:a,variant:"outlined",color:"secondary",size:"small"},e)));exports.BannerButton=a;
 //# sourceMappingURL=BannerButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerButton.js","sources":["../../../../../src/components/banner/BannerButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface BannerButtonProps extends ButtonProps {}\n\n/**\n * BannerButton is a proxy component to <Button variant=\"outlined\" color=\"secondary\" size=\"small\" />\n */\nexport const BannerButton: React.FC<BannerButtonProps> = forwardRef((props, ref) => {\n  return <Button ref={ref} variant=\"outlined\" color=\"secondary\" size=\"small\" {...props} />;\n});\n"],"names":["BannerButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"8FAQO,MAAMA,EAA4CC,EAAAA,YAAW,CAACC,EAAOC,IACnEC,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,WAAWC,MAAM,YAAYC,KAAK,SAAYR"}
+{"version":3,"file":"BannerButton.js","sources":["../../../../../src/components/banner/BannerButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface BannerButtonProps extends ButtonProps {}\n\n/**\n * BannerButton is a proxy component to <Button variant=\"outlined\" color=\"secondary\" size=\"small\" />\n */\nexport const BannerButton: React.FC<BannerButtonProps> = forwardRef((props, ref) => {\n  return <Button ref={ref} variant=\"outlined\" color=\"secondary\" size=\"small\" {...props} />;\n});\n"],"names":["BannerButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"8FAQO,MAAMA,EAA4CC,EAAAA,WAAW,CAACC,EAAOC,IACnEC,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,WAAWC,MAAM,YAAYC,KAAK,SAAYR"}

package/cjs/components/banner/BannerDismissButton.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material");const s=e.forwardRef(((e,s)=>r.jsx(t.Button,Object.assign({ref:s,variant:"text",color:"secondary",size:"small"},e))));exports.BannerDismissButton=s;
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("@mui/material");const s=e.forwardRef((e,s)=>r.jsx(t.Button,Object.assign({ref:s,variant:"text",color:"secondary",size:"small"},e)));exports.BannerDismissButton=s;
 //# sourceMappingURL=BannerDismissButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerDismissButton.js","sources":["../../../../../src/components/banner/BannerDismissButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface BannerDismissButtonProps extends ButtonProps {}\n\n/**\n * BannerDismissButton is a proxy component to <Button variant=\"text\" color=\"secondary\" size=\"small\" />\n */\nexport const BannerDismissButton: React.FC<BannerDismissButtonProps> = forwardRef((props, ref) => {\n  return <Button ref={ref} variant=\"text\" color=\"secondary\" size=\"small\" {...props} />;\n});\n"],"names":["BannerDismissButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"8FAQO,MAAMA,EAA0DC,EAAAA,YAAW,CAACC,EAAOC,IACjFC,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,YAAYC,KAAK,SAAYR"}
+{"version":3,"file":"BannerDismissButton.js","sources":["../../../../../src/components/banner/BannerDismissButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface BannerDismissButtonProps extends ButtonProps {}\n\n/**\n * BannerDismissButton is a proxy component to <Button variant=\"text\" color=\"secondary\" size=\"small\" />\n */\nexport const BannerDismissButton: React.FC<BannerDismissButtonProps> = forwardRef((props, ref) => {\n  return <Button ref={ref} variant=\"text\" color=\"secondary\" size=\"small\" {...props} />;\n});\n"],"names":["BannerDismissButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"8FAQO,MAAMA,EAA0DC,EAAAA,WAAW,CAACC,EAAOC,IACjFC,EAAAA,IAACC,EAAAA,OAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,YAAYC,KAAK,SAAYR"}

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"),t=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:u,iconProps:g,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=null!=g?g:{},{sx:O}=I,_=e.__rest(I,["sx"]),B=null!=m?m:{},{sx:q}=B,P=e.__rest(B,["sx"]),v=null!=j?j:{},{sx:F}=v,k=e.__rest(v,["sx"]),S=null!=h?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",n.CircleExclamationFilledIcon];default:return["info.main","info.light",t.CircleInformationFilledIcon]}}),[p]),T=null!=f?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"))),u),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;
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),n=require("../icon/filled/CircleExclamationFilledIcon.js"),t=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:u,iconProps:g,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=null!=g?g:{},{sx:O}=I,_=e.__rest(I,["sx"]),B=null!=m?m:{},{sx:q}=B,P=e.__rest(B,["sx"]),v=null!=j?j:{},{sx:F}=v,k=e.__rest(v,["sx"]),S=null!=h?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",n.CircleExclamationFilledIcon];default:return["info.main","info.light",t.CircleInformationFilledIcon]}},[p]),T=null!=f?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"))),u),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":["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<ElementType>;\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","flexGrow","_jsx","color","Typography","fontSize","xl","lineHeight","flexShrink","ml","alignSelf"],"mappings":"+TA+CO,MAAMA,EAAgCC,EAAAA,YAC3C,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,GAAOZ,EACJa,EAAIC,EAAAA,OAAAd,EAZT,2IAgBA,MAAMe,EAAQC,EAAAA,WACRC,EAA8BX,QAAAA,EAAa,IAAzCD,GAAIa,GAAMD,EAAKE,EAAQL,EAAAA,OAAAG,EAAzB,CAAA,OACAG,EAA0CZ,QAAAA,EAAmB,IAA3DH,GAAIgB,GAAYD,EAAKE,EAAcR,EAAAA,OAAAM,EAArC,CAAA,OACAG,EAAoCd,QAAAA,EAAgB,IAAlDJ,GAAImB,GAASD,EAAKE,EAAWX,EAAAA,OAAAS,EAA/B,CAAA,OACAG,EAAkDf,QAAAA,EAAuB,IAAvEN,GAAIsB,GAAgBD,EAAKE,EAAkBd,EAAAA,OAAAY,EAA7C,CAAA,QAECG,EAAaC,EAAiBC,GAAwBC,EAAAA,SAAQ,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,QAAAA,EAAiBwB,EAEpC,OACEM,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,SACZC,KAAK,QAAO,cACA,OAAM,YACR,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,EAAAA,kBAAkB3C,GAAO,EAAM,SAEjCV,GAELJ,IAAKA,GACDY,EAAI,CAAAX,SAAA,CAERmC,EAAAA,KAACC,MAAGC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GAAEkC,OAAAC,OAAA,CAEAmB,SAAU,IACVjB,QAAS,OACTK,WAAY,aACZC,eAAgB,aAChBG,IAAK,EACLD,GAAI,IACD1B,IAEDC,EAAW,CAAAvB,SAAA,CAEf0D,EAAAA,IAACxB,EAAUG,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAqB,MAAOhC,GACJX,IAEDC,IAENyC,MAACE,EAAAA,WAAUvB,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAqB,MAAO,eACPF,SAAU,IAEVI,SAAU,CAAEC,GAAI,QAChBC,WAAY,CAAED,GAAI,SACf3C,IAEDC,EAAc,CAAApB,SAEjBA,SAGJQ,GACCkD,EAAAA,IAACtB,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GAAEkC,OAAAC,OAAA,CACAE,QAAS,OACTK,WAAY,SACZC,eAAgB,gBAChBG,IAAK,EAELe,WAAY,IAEZC,GAAI,CAAEtB,GAAI,EAAGC,GAAI,GAEjBsB,UAAW,YACRzC,IAEDC,EAAkB,CAAA1B,SAErBQ,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<ElementType>;\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","flexGrow","_jsx","color","Typography","fontSize","xl","lineHeight","flexShrink","ml","alignSelf"],"mappings":"+TA+CO,MAAMA,EAAgCC,EAAAA,WAC3C,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,GAAOZ,EACJa,EAAIC,EAAAA,OAAAd,EAZT,2IAgBA,MAAMe,EAAQC,EAAAA,WACRC,EAA8BX,QAAAA,EAAa,IAAzCD,GAAIa,GAAMD,EAAKE,EAAQL,EAAAA,OAAAG,EAAzB,CAAA,OACAG,EAA0CZ,QAAAA,EAAmB,IAA3DH,GAAIgB,GAAYD,EAAKE,EAAcR,EAAAA,OAAAM,EAArC,CAAA,OACAG,EAAoCd,QAAAA,EAAgB,IAAlDJ,GAAImB,GAASD,EAAKE,EAAWX,EAAAA,OAAAS,EAA/B,CAAA,OACAG,EAAkDf,QAAAA,EAAuB,IAAvEN,GAAIsB,GAAgBD,EAAKE,EAAkBd,EAAAA,OAAAY,EAA7C,CAAA,QAECG,EAAaC,EAAiBC,GAAwBC,EAAAA,QAAQ,KACnE,OAAQ7B,GACN,IAAK,QACH,MAAO,CAAC,aAAc,cAAe8B,qBACvC,IAAK,UACH,MAAO,CAAC,eAAgB,gBAAiBC,+BAE3C,QACE,MAAO,CAAC,YAAa,aAAcC,iCAEtC,CAAChC,IACEiC,EAAa7B,QAAAA,EAAiBwB,EAEpC,OACEM,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,SACZC,KAAK,QAAO,cACA,OAAM,YACR,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,EAAAA,kBAAkB3C,GAAO,EAAM,SAEjCV,GAELJ,IAAKA,GACDY,EAAI,CAAAX,SAAA,CAERmC,EAAAA,KAACC,MAAGC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GAAEkC,OAAAC,OAAA,CAEAmB,SAAU,IACVjB,QAAS,OACTK,WAAY,aACZC,eAAgB,aAChBG,IAAK,EACLD,GAAI,IACD1B,IAEDC,EAAW,CAAAvB,SAAA,CAEf0D,EAAAA,IAACxB,EAAUG,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAqB,MAAOhC,GACJX,IAEDC,IAENyC,MAACE,EAAAA,WAAUvB,OAAAC,OAAA,CAAA,cACG,cACZnC,GAAEkC,OAAAC,OAAA,CACAqB,MAAO,eACPF,SAAU,IAEVI,SAAU,CAAEC,GAAI,QAChBC,WAAY,CAAED,GAAI,SACf3C,IAEDC,EAAc,CAAApB,SAEjBA,SAGJQ,GACCkD,EAAAA,IAACtB,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,iBACZnC,GAAEkC,OAAAC,OAAA,CACAE,QAAS,OACTK,WAAY,SACZC,eAAgB,gBAChBG,IAAK,EAELe,WAAY,IAEZC,GAAI,CAAEtB,GAAI,EAAGC,GAAI,GAEjBsB,UAAW,YACRzC,IAEDC,EAAkB,CAAA1B,SAErBQ"}

package/cjs/components/bottomSheet/bottomSheet.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),o=require("@mui/material"),r=require("../icon/stroke/CloseIcon.js"),n=require("../../utils/useElementScrollable/useElementScrollable.js"),l=require("../focusring/focusring.js");const i=s.forwardRef(((s,i)=>{var a,{children:p,open:c,setOpen:x,slotProps:u,puller:d,pullerWrapperProps:b,pullerProps:j,closeButton:g,closeButtonProps:h,closeButtonIconProps:m,CloseButtonIconComponent:O,footerSlot:B,title:f,titleProps:S={},headerWrapper:_,titleWrapper:P,contentWrapper:C,footerWrapper:w,maxHeight:v=60}=s,W=e.__rest(s,["children","open","setOpen","slotProps","puller","pullerWrapperProps","pullerProps","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","titleWrapper","contentWrapper","footerWrapper","maxHeight"]);const y=null!=_?_:{},{sx:I}=y,q=e.__rest(y,["sx"]),R=null!=P?P:{},{sx:T}=R,k=e.__rest(R,["sx"]),E=null!=S?S:{},{sx:H}=E,D=e.__rest(E,["sx"]),M=null!=b?b:{},{sx:z}=M,F=e.__rest(M,["sx"]),L=null!=j?j:{},{sx:$}=L,A=e.__rest(L,["sx"]),G=null!=h?h:{},{sx:J}=G,K=e.__rest(G,["sx"]),N=null!=C?C:{},{sx:Q}=N,U=e.__rest(N,["sx"]),V=null!=w?w:{},{sx:X}=V,Y=e.__rest(V,["sx"]),Z=o.useTheme(),ee=O||r.CloseIcon,{isScrollable:te,elementRef:se}=n.useElementScrollable("y");return t.jsxs(o.SwipeableDrawer,Object.assign({dir:Z.direction,anchor:"bottom",open:c,onClose:()=>x(!1),onOpen:()=>x(!0),disableSwipeToOpen:!0,ModalProps:{keepMounted:!0},"data-testid":"BottomSheet",slotProps:Object.assign(Object.assign({},u),{paper:Object.assign(Object.assign({},null==u?void 0:u.paper),{sx:Object.assign({boxShadow:"none",borderTopLeftRadius:"16px",borderTopRightRadius:"16px",maxHeight:`${v}%`},null===(a=null==u?void 0:u.paper)||void 0===a?void 0:a.sx)})}),ref:i},W,{children:[(f||g||d)&&t.jsxs(o.Box,Object.assign({sx:Object.assign({px:2},I),"data-testid":"BottomSheet-header"},q,{children:[d&&t.jsx(o.Box,Object.assign({sx:Object.assign({position:"relative",display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},z)},F,{children:t.jsx(o.Box,Object.assign({"data-testid":"BottomSheet-puller",sx:Object.assign({width:"28px",height:"4px",backgroundColor:"onSurface.os500",mt:1,mb:1.5,borderRadius:"8px"},$)},A))})),(f||g&&!d)&&t.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",justifyContent:f?"space-between":"flex-end",alignItems:"flex-start",gap:1,pt:te&&d?1:0},T)},k,{children:[f&&t.jsx(o.Typography,Object.assign({"data-testid":"BottomSheet-title",variant:"h4",component:"h2",sx:Object.assign({mt:d?0:2,mb:te?2:0},H)},D,{children:f})),g&&!d&&t.jsx(o.IconButton,Object.assign({"data-testid":"BottomSheet-closeButton",size:"medium",onClick:()=>x(!1),"aria-label":"Close bottom sheet",sx:Object.assign({my:"4px",mr:"-6px"},J)},K,{children:t.jsx(ee,Object.assign({},m))}))]}))]})),t.jsx(o.Box,Object.assign({"data-testid":"BottomSheet-content",ref:se,sx:Object.assign({overflow:"auto",borderTop:te?1:0,borderBottom:te&&B?1:0,borderColor:"surface.secondary",p:2,"&:focus-visible":{outline:"none",boxShadow:l.getFocusRingBoxShadow(Z,!0)}},Q)},U,{children:p})),B&&t.jsx(o.Box,Object.assign({"data-testid":"BottomSheet-footer",sx:Object.assign({px:2,pt:3,pb:4},X)},Y,{children:B}))]}))}));exports.BottomSheet=i;
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),s=require("react"),o=require("@mui/material"),r=require("../icon/stroke/CloseIcon.js"),n=require("../../utils/useElementScrollable/useElementScrollable.js"),l=require("../focusring/focusring.js");const i=s.forwardRef((s,i)=>{var a,{children:p,open:c,setOpen:x,slotProps:u,puller:d,pullerWrapperProps:b,pullerProps:j,closeButton:g,closeButtonProps:h,closeButtonIconProps:m,CloseButtonIconComponent:f,footerSlot:O,title:B,titleProps:S={},headerWrapper:_,titleWrapper:C,contentWrapper:P,footerWrapper:w,maxHeight:y=60}=s,v=e.__rest(s,["children","open","setOpen","slotProps","puller","pullerWrapperProps","pullerProps","closeButton","closeButtonProps","closeButtonIconProps","CloseButtonIconComponent","footerSlot","title","titleProps","headerWrapper","titleWrapper","contentWrapper","footerWrapper","maxHeight"]);const I=null!=_?_:{},{sx:W}=I,q=e.__rest(I,["sx"]),R=null!=C?C:{},{sx:T}=R,k=e.__rest(R,["sx"]),D=null!=S?S:{},{sx:E}=D,H=e.__rest(D,["sx"]),M=null!=b?b:{},{sx:z}=M,F=e.__rest(M,["sx"]),L=null!=j?j:{},{sx:$}=L,A=e.__rest(L,["sx"]),G=null!=h?h:{},{sx:J}=G,K=e.__rest(G,["sx"]),N=null!=P?P:{},{sx:Q}=N,U=e.__rest(N,["sx"]),V=null!=w?w:{},{sx:X}=V,Y=e.__rest(V,["sx"]),Z=o.useTheme(),ee=f||r.CloseIcon,{isScrollable:te,elementRef:se}=n.useElementScrollable("y");return t.jsxs(o.SwipeableDrawer,Object.assign({dir:Z.direction,anchor:"bottom",open:c,onClose:()=>x(!1),onOpen:()=>x(!0),disableSwipeToOpen:!0,ModalProps:{keepMounted:!0},"data-testid":"BottomSheet",slotProps:Object.assign(Object.assign({},u),{paper:Object.assign(Object.assign({},null==u?void 0:u.paper),{sx:Object.assign({boxShadow:"none",borderTopLeftRadius:"16px",borderTopRightRadius:"16px",maxHeight:`${y}%`},null===(a=null==u?void 0:u.paper)||void 0===a?void 0:a.sx)})}),ref:i},v,{children:[(B||g||d)&&t.jsxs(o.Box,Object.assign({sx:Object.assign({px:2},W),"data-testid":"BottomSheet-header"},q,{children:[d&&t.jsx(o.Box,Object.assign({sx:Object.assign({position:"relative",display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},z)},F,{children:t.jsx(o.Box,Object.assign({"data-testid":"BottomSheet-puller",sx:Object.assign({width:"28px",height:"4px",backgroundColor:"onSurface.os500",mt:1,mb:1.5,borderRadius:"8px"},$)},A))})),(B||g&&!d)&&t.jsxs(o.Box,Object.assign({sx:Object.assign({display:"flex",justifyContent:B?"space-between":"flex-end",alignItems:"flex-start",gap:1,pt:te&&d?1:0},T)},k,{children:[B&&t.jsx(o.Typography,Object.assign({"data-testid":"BottomSheet-title",variant:"h4",component:"h2",sx:Object.assign({mt:d?0:2,mb:te?2:0},E)},H,{children:B})),g&&!d&&t.jsx(o.IconButton,Object.assign({"data-testid":"BottomSheet-closeButton",size:"medium",onClick:()=>x(!1),"aria-label":"Close bottom sheet",sx:Object.assign({my:"4px",mr:"-6px"},J)},K,{children:t.jsx(ee,Object.assign({},m))}))]}))]})),t.jsx(o.Box,Object.assign({"data-testid":"BottomSheet-content",ref:se,sx:Object.assign({overflow:"auto",borderTop:te?1:0,borderBottom:te&&O?1:0,borderColor:"surface.secondary",p:2,"&:focus-visible":{outline:"none",boxShadow:l.getFocusRingBoxShadow(Z,!0)}},Q)},U,{children:p})),O&&t.jsx(o.Box,Object.assign({"data-testid":"BottomSheet-footer",sx:Object.assign({px:2,pt:3,pb:2,display:"flex",justifyContent:"flex-start",alignItems:"stretch",flexDirection:"column",gap:"16px"},X)},Y,{children:O}))]}))});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":["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';\nimport { getFocusRingBoxShadow } from '@/src/components/focusring/focusring';\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   * Props applied to wrapper of puller\n   */\n  pullerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to puller\n   */\n  pullerProps?: BoxProps<ElementType>;\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      pullerWrapperProps,\n      pullerProps,\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: pullerWrapperSx, ...restPullerWrapper } = pullerWrapperProps ?? {};\n    const { sx: pullerSx, ...restPuller } = pullerProps ?? {};\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                  ...pullerWrapperSx,\n                }}\n                {...restPullerWrapper}\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: 1.5,\n                    borderRadius: '8px',\n                    ...pullerSx,\n                  }}\n                  {...restPuller}\n                />\n              </Box>\n            )}\n            {(title || (closeButton && !puller)) && (\n              <Box\n                sx={{\n                  display: 'flex',\n                  justifyContent: title ? 'space-between' : 'flex-end',\n                  alignItems: 'flex-start',\n                  gap: 1,\n                  pt: isScrollable && puller ? 1 : 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                      mb: isScrollable ? 2 : 0,\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                      my: '4px',\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            // can be focused since scrollable\n            '&:focus-visible': {\n              outline: 'none',\n              boxShadow: getFocusRingBoxShadow(theme, true),\n            },\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","pullerWrapperProps","pullerProps","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","pullerWrapperSx","restPullerWrapper","_g","pullerSx","restPuller","_h","closeButtonSx","restCloseButton","_j","contentSx","restContent","_k","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","_b","Box","px","_jsx","position","display","flexDirection","justifyContent","alignItems","width","height","backgroundColor","mt","mb","borderRadius","gap","pt","Typography","variant","component","IconButton","size","onClick","my","mr","overflow","borderTop","borderBottom","borderColor","p","outline","getFocusRingBoxShadow","pb"],"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';\nimport { getFocusRingBoxShadow } from '@/src/components/focusring/focusring';\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   * Props applied to wrapper of puller\n   */\n  pullerWrapperProps?: BoxProps<ElementType>;\n  /**\n   * Props applied to puller\n   */\n  pullerProps?: BoxProps<ElementType>;\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      pullerWrapperProps,\n      pullerProps,\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: pullerWrapperSx, ...restPullerWrapper } = pullerWrapperProps ?? {};\n    const { sx: pullerSx, ...restPuller } = pullerProps ?? {};\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                  ...pullerWrapperSx,\n                }}\n                {...restPullerWrapper}\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: 1.5,\n                    borderRadius: '8px',\n                    ...pullerSx,\n                  }}\n                  {...restPuller}\n                />\n              </Box>\n            )}\n            {(title || (closeButton && !puller)) && (\n              <Box\n                sx={{\n                  display: 'flex',\n                  justifyContent: title ? 'space-between' : 'flex-end',\n                  alignItems: 'flex-start',\n                  gap: 1,\n                  pt: isScrollable && puller ? 1 : 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                      mb: isScrollable ? 2 : 0,\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                      my: '4px',\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            // can be focused since scrollable\n            '&:focus-visible': {\n              outline: 'none',\n              boxShadow: getFocusRingBoxShadow(theme, true),\n            },\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: 2,\n              display: 'flex',\n              justifyContent: 'flex-start',\n              alignItems: 'stretch',\n              flexDirection: 'column',\n              gap: '16px',\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","pullerWrapperProps","pullerProps","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","pullerWrapperSx","restPullerWrapper","_g","pullerSx","restPuller","_h","closeButtonSx","restCloseButton","_j","contentSx","restContent","_k","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","_b","Box","px","_jsx","position","display","flexDirection","justifyContent","alignItems","width","height","backgroundColor","mt","mb","borderRadius","gap","pt","Typography","variant","component","IconButton","size","onClick","my","mr","overflow","borderTop","borderBottom","borderColor","p","outline","getFocusRingBoxShadow","pb"],"mappings":"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"}