npm - @skodaflow/web-library - Versions diffs - 4.2.0 → 5.0.0 - Mend

@skodaflow/web-library 4.2.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (424) hide show

package/README.md CHANGED Viewed

@@ -1,47 +1,61 @@
-# @skodaflow/web-library
-> Flow Web Library is the REACT implementation of the [Skoda Flow Design system](https://skoda-brand.com/hub/26).
->
-> Package contains [theme for @mui/material](https://mui.com/material-ui/customization/theming/) as well as completely custom components.
-> This should simplify development of Skoda Auto Web Applications.
-## Installation
-Library is located in public NPM repository.
-```bash
-# using npm
-npm i @skodaflow/web-library
-# using yarn
-yarn add @skodaflow/web-library
-```
-## Peer Dependencies
-Peer dependencies should be installed automatically. However if you need to install them manually you can run:
-```bash
-# using npm
-npm i @emotion/react @emotion/styled @mui/base @mui/material @mui/system react
-# using yarn
-yarn add @emotion/react @emotion/styled @mui/base @mui/material @mui/system react
-```
-## Using Theme
-Use theme provider in the root component of your application (eg. App.tsx).
-```tsx
-// use library provider
-import { SkodaThemeProvider } from '@skodaflow/web-library';
-...
-<SkodaThemeProvider>
-   <App/>
-</SkodaThemeProvider>
-```
-## Resources
-- [@mui/material](https://mui.com/material-ui/getting-started/overview/)
-- [Storybook](https://skodaflow-web.azurewebsites.net/)
-- [Flow Design System](https://skoda-brand.com/hub/26)
+# @skodaflow/web-library
+> Flow Web Library is the REACT implementation of the [Skoda Flow Design system](https://skoda-brand.com/hub/26).
+>
+> Package contains [theme for @mui/material](https://mui.com/material-ui/customization/theming/) as well as completely custom components.
+> This should simplify development of Skoda Auto Web Applications.
+## Installation
+Library is located in public NPM repository.
+```bash
+# using npm
+npm i @skodaflow/web-library
+# using yarn
+yarn add @skodaflow/web-library
+```
+## Peer Dependencies
+Peer dependencies should be installed automatically. However if you need to install them manually you can run:
+```bash
+# using npm
+npm i @emotion/react @emotion/styled @mui/base @mui/material @mui/system react
+# using yarn
+yarn add @emotion/react @emotion/styled @mui/base @mui/material @mui/system react
+```
+## Import CSS Files
+Optionally you can import provided CSS files.
+- globals.css - configures default styles
+- fonts.css - defines font faces for Skoda Next font
+- icons.css - defines Skoda Flow icons
+```tsx
+import '@skodaflow/web-library/theme/globals.css';
+import '@skodaflow/web-library/theme/fonts.css';
+import '@skodaflow/web-library/theme/icons.css';
+```
+## Using Theme
+Use theme provider in the root component of your application (eg. App.tsx).
+```tsx
+// use library provider
+import { SkodaThemeProvider } from '@skodaflow/web-library';
+...
+<SkodaThemeProvider>
+   <App/>
+</SkodaThemeProvider>
+```
+## Resources
+- [@mui/material](https://mui.com/material-ui/getting-started/overview/)
+- [Storybook](https://skodaflow-web.azurewebsites.net/)
+- [Flow Design System](https://skoda-brand.com/hub/26)

package/cjs/components/accordion/accordion.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { SxProps, Theme } from '@mui/material';
 import { TransitionProps } from '@mui/material/transitions/transition';
-import React, { HTMLAttributes, JSXElementConstructor, ReactElement, ReactNode } from 'react';
+import { HTMLAttributes, JSXElementConstructor, ReactElement, ReactNode } from 'react';
 /**
  * @interface AccordionItem
  * @description The interface describing the object that has to be provided to the array property 'items' in Accordion component.
@@ -67,4 +67,4 @@ export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
      */
     allowMultipleExpand?: boolean;
 }
-export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;

package/cjs/components/accordion/accordion.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),r=require("@emotion/styled"),n=require("@mui/material"),a=require("@mui/material/Accordion"),o=require("@mui/material/styles"),s=require("../../utils/utilities.js"),c=require("../controls/controls.js");function d(e){return e&&e.__esModule?e:{default:e}}var l=d(r),u=d(a);const p=i.forwardRef(((r,a)=>{var{items:o,onChange:d,disableAnimation:l,accordionContainerProps:u,accordionPanelMaxHeight:p,allowMultipleExpand:m}=r,h=e.__rest(r,["items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand"]);const[g,b]=i.useState(!1),j=i.useRef(null);i.useEffect((()=>{if(m){const e={};for(let t=0;t<o.length;t++){const i=o[t].id||`panel${t}`;e[i]=!!o[t].isDefaultExpanded}b((()=>e))}else{let e;const t=o.find(((t,i)=>{if(t.isDefaultExpanded)return e=i,t}));t&&b(t.id||`panel${e}`)}}),[m,o]),i.useEffect((()=>{if(j&&j.current){const e=j.current.querySelector("button");e&&e.addEventListener("focusin",(e=>{e.preventDefault()}))}}),[j]);const v=i.useCallback((e=>(t,i)=>{d&&d(e,i),b(m?t=>Object.assign(Object.assign({},t),{[e]:i}):!!i&&e)}),[m,d]),y=i.useCallback((e=>"string"==typeof e?s.handleMaxChars(e,100):e),[]),M=i.useMemo((()=>l?{timeout:0}:h.TransitionProps),[l,h.TransitionProps]);return t.jsx(x,Object.assign({ref:a},u,{"data-testid":"Accordion",children:o.map(((e,r)=>{const a=e.id||`panel${r}`,o=m?!!g[a]:g===a,s="string"==typeof e.content;return i.createElement(f,Object.assign({},h,{id:a,key:a,className:a,TransitionProps:M,expanded:o,onChange:v(a),isContentTypeString:s,disableGutters:!0,accordionPanelMaxHeight:p,square:!0,"data-testid":"Accordion.item"}),t.jsxs(n.AccordionSummary,{className:"subheadline","aria-controls":`${a}d-content`,id:`${a}d-header`,expandIcon:t.jsx(c.Controller,{controlType:"plus",ref:j,"data-testid":"Accordion.btn"}),"data-testid":"Accordion.summary",children:[t.jsx("div",{className:"accordion-panel-title",children:e.title}),h.previewContent&&s&&!o&&t.jsx("div",{className:"accordion-panel-title--sneak-peak","data-testid":"Accordion.peek",children:y(e.content)})]}),t.jsx(n.AccordionDetails,{"data-testid":"Accordion.content",children:t.jsx("div",{className:"text",children:e.content})}))}))}))})),x=l.default.div((()=>({"& > .MuiDivider-root":{borderRadius:"6px"},"& .MuiPaper-root:first-of-type":{borderTopLeftRadius:"6px",borderTopRightRadius:"6px"},"& .MuiPaper-root:last-of-type":{borderBottomLeftRadius:"6px",borderBottomRightRadius:"6px"}}))),f=o.styled(u.default,{shouldForwardProp:e=>"previewContent"!==e&&"expandIcon"!==e&&"isContentTypeString"!==e&&"accordionPanelMaxHeight"!==e})((t=>{var i=e.__rest(t,["theme"]);let r={};return i.accordionPanelMaxHeight&&(r=Object.assign(Object.assign({},r),{"& .text":{maxHeight:i.accordionPanelMaxHeight,overflowY:"auto"}})),r}));exports.Accordion=p;
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),i=require("@mui/material"),a=require("@mui/material/Accordion"),r=require("@mui/material/styles"),o=require("../../utils/utilities.js"),s=require("../icon/icon.js");function c(e){return e&&e.__esModule?e:{default:e}}var d=c(a);const l=n.forwardRef(((a,r)=>{var{items:c,onChange:d,disableAnimation:l,accordionContainerProps:p,accordionPanelMaxHeight:x,allowMultipleExpand:m}=a,h=e.__rest(a,["items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand"]);const[f,g]=n.useState(!1),j=n.useRef(null);n.useEffect((()=>{if(m){const e={};for(let t=0;t<c.length;t++){const n=c[t].id||`panel${t}`;e[n]=!!c[t].isDefaultExpanded}g((()=>e))}else{let e;const t=c.find(((t,n)=>{if(t.isDefaultExpanded)return e=n,t}));t&&g(t.id||`panel${e}`)}}),[m,c]),n.useEffect((()=>{if(j&&j.current){const e=j.current.querySelector("button");e&&e.addEventListener("focusin",(e=>{e.preventDefault()}))}}),[j]);const b=n.useCallback((e=>(t,n)=>{d&&d(e,n),g(m?t=>Object.assign(Object.assign({},t),{[e]:n}):!!n&&e)}),[m,d]),v=n.useCallback((e=>"string"==typeof e?o.handleMaxChars(e,100):e),[]),A=n.useMemo((()=>l?{timeout:0}:h.TransitionProps),[l,h.TransitionProps]);return t.jsx(i.Box,Object.assign({ref:r},p,{"data-testid":"Accordion",children:c.map(((e,a)=>{const r=e.id||`panel${a}`,o=m?!!f[r]:f===r,c="string"==typeof e.content;return n.createElement(u,Object.assign({},h,{id:r,key:r,className:r,TransitionProps:A,expanded:o,onChange:b(r),isContentTypeString:c,disableGutters:!0,accordionPanelMaxHeight:x,square:!0,"data-testid":"Accordion.item"}),t.jsxs(i.AccordionSummary,{className:"subheadline","aria-controls":`${r}d-content`,id:`${r}d-header`,expandIcon:t.jsx(i.IconButton,{ref:j,"data-testid":"Accordion.btn",sx:{color:e=>e.palette.text.primary},children:t.jsx(s.Icon,{color:"inherit",className:"chevron-down"})}),"data-testid":"Accordion.summary",children:[t.jsx("div",{className:"accordion-panel-title",children:e.title}),h.previewContent&&c&&!o&&t.jsx("div",{className:"accordion-panel-title--sneak-peak","data-testid":"Accordion.peek",children:v(e.content)})]}),t.jsx(i.AccordionDetails,{"data-testid":"Accordion.content",children:t.jsx("div",{className:"text",children:e.content})}))}))}))})),u=r.styled(d.default,{shouldForwardProp:e=>"previewContent"!==e&&"expandIcon"!==e&&"isContentTypeString"!==e&&"accordionPanelMaxHeight"!==e})((t=>{var n=e.__rest(t,["theme"]);let i={};return n.accordionPanelMaxHeight&&(i=Object.assign(Object.assign({},i),{"& .text":{maxHeight:n.accordionPanelMaxHeight,overflowY:"auto"}})),i}));exports.Accordion=l;
 //# sourceMappingURL=accordion.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"accordion.js","sources":["../../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createElement as _createElement } from \"react\";\nimport ~~emotionStyled from '@emotion/styled';\nimport~~ { AccordionDetails, AccordionSummary } from '@mui/material';\nimport MuiAccordion from '@mui/material/Accordion';\nimport { styled } from '@mui/material/styles';\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState, } from 'react';\nimport { handleMaxChars } from '../../utils/utilities';\nimport { ~~Controller~~ } from '../~~controls~~';\nexport const Accordion = forwardRef((_a, ref) => {\n var { items, onChange, disableAnimation, accordionContainerProps, accordionPanelMaxHeight, allowMultipleExpand } = _a, props = __rest(_a, [\"items\", \"onChange\", \"disableAnimation\", \"accordionContainerProps\", \"accordionPanelMaxHeight\", \"allowMultipleExpand\"]);\n const [expand, setExpanded] = useState(false);\n const controlRef = useRef(null);\n useEffect(() => {\n if (!allowMultipleExpand) {\n let id;\n const firstDefaultExpandedItem = items.find((item, index) => {\n if (item.isDefaultExpanded) {\n id = index;\n return item;\n }\n return undefined;\n });\n if (firstDefaultExpandedItem) {\n setExpanded(firstDefaultExpandedItem.id \|\| `panel${id}`);\n }\n }\n else {\n const expandItems = {};\n for (let index = 0; index < items.length; index++) {\n const itemId = items[index].id \|\| `panel${index}`;\n expandItems[itemId] = !!items[index].isDefaultExpanded;\n }\n setExpanded(() => expandItems);\n }\n }, [allowMultipleExpand, items]);\n //disable black rounded circle on icon controller click\n useEffect(() => {\n if (controlRef && controlRef.current) {\n const controlBtn = controlRef.current.querySelector('button');\n if (controlBtn) {\n controlBtn.addEventListener('focusin', (e) => {\n e.preventDefault();\n });\n }\n }\n }, [controlRef]);\n const handleChange = useCallback((panel) => (_, isExpanded) => {\n onChange && onChange(panel, isExpanded);\n if (!allowMultipleExpand) {\n setExpanded(isExpanded ? panel : false);\n }\n else {\n setExpanded((curr) => {\n return Object.assign(Object.assign({}, curr), { [panel]: isExpanded });\n });\n }\n }, [allowMultipleExpand, onChange]);\n const handlePreviewContent = useCallback((content) => {\n if (typeof content === 'string')\n return handleMaxChars(content, 100);\n return content;\n }, []);\n const getTransitionProps = useMemo(() => {\n if (disableAnimation)\n return { timeout: 0 };\n else\n return props.TransitionProps;\n }, [disableAnimation, props.TransitionProps]);\n return (_jsx(~~StyledContainerDiv~~, Object.assign({ ref: ref }, accordionContainerProps, { \"data-testid\": \"Accordion\", children: items.map((item, index) => {\n const panel = item.id \|\| `panel${index}`;\n const isExpanded = allowMultipleExpand ? !!expand[panel] : expand === panel;\n const isContentTypeString = typeof item.content === 'string';\n return (_createElement(AccordionStyled, Object.assign({}, props, { id: panel, key: panel, className: panel, TransitionProps: getTransitionProps, expanded: isExpanded, onChange: handleChange(panel), isContentTypeString: isContentTypeString, disableGutters: true, accordionPanelMaxHeight: accordionPanelMaxHeight, square: true, \"data-testid\": \"Accordion.item\" }),\n _jsxs(AccordionSummary, { className: \"subheadline\", \"aria-controls\": `${panel}d-content`, id: `${panel}d-header`, expandIcon: _jsx(~~Controller~~, { ~~controlType: 'plus',~~ ref: controlRef, \"data-testid\": \"Accordion.btn\" }), \"data-testid\": \"Accordion.summary\", children: [_jsx(\"div\", { className: \"accordion-panel-title\", children: item.title }), props.previewContent && isContentTypeString && !isExpanded && (_jsx(\"div\", { className: \"accordion-panel-title--sneak-peak\", \"data-testid\": \"Accordion.peek\", children: handlePreviewContent(item.content) }))] }),\n _jsx(AccordionDetails, { \"data-testid\": \"Accordion.content\", children: _jsx(\"div\", { className: \"text\", children: item.content }) })));\n }) })));\n});\nconst StyledContainerDiv = emotionStyled.div(() => {\n return {\n '& > .MuiDivider-root': {\n borderRadius: '6px',\n },\n '& .MuiPaper-root:first-of-type': {\n borderTopLeftRadius: '6px',\n borderTopRightRadius: '6px',\n },\n '& .MuiPaper-root:last-of-type': {\n borderBottomLeftRadius: '6px',\n borderBottomRightRadius: '6px',\n },\n };\n});\nconst AccordionStyled = styled(MuiAccordion, {\n shouldForwardProp: (prop) => prop !== 'previewContent' &&\n prop !== 'expandIcon' &&\n prop !== 'isContentTypeString' &&\n prop !== 'accordionPanelMaxHeight',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n let style = {};\n if (args.accordionPanelMaxHeight) {\n style = Object.assign(Object.assign({}, style), { '& .text': {\n maxHeight: args.accordionPanelMaxHeight,\n overflowY: 'auto',\n } });\n }\n return style;\n});\n//# sourceMappingURL=accordion.js.map"],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","controlRef","useRef","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","current","controlBtn","querySelector","addEventListener","e","preventDefault","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","handlePreviewContent","content","handleMaxChars","getTransitionProps","useMemo","timeout","TransitionProps","_jsx","~~StyledContainerDiv~~","children","map","isContentTypeString","_createElement","AccordionStyled","key","className","expanded","disableGutters","square","_jsxs","~~AccordionSummary~~","~~expandIcon~~","~~Controller~~","~~controlType~~","~~title~~","~~previewContent~~","~~jsx~~","~~AccordionDetails~~","~~emotionStyled~~","~~div~~","~~borderRadius~~","~~borderTopLeftRadius~~","~~borderTopRightRadius~~","~~borderBottomLeftRadius~~","~~borderBottomRightRadius~~","styled","MuiAccordion","shouldForwardProp","prop","args","style","maxHeight","overflowY"],"mappings":"~~qWAUY~~,MAACA,EAAYC,EAAUA,YAAC,CAACC,EAAIC,KACrC,IAAIC,MAAEA,EAAKC,SAAEA,EAAQC,iBAAEA,EAAgBC,wBAAEA,EAAuBC,wBAAEA,EAAuBC,oBAAEA,GAAwBP,EAAIQ,EAAQC,EAAAA,OAAOT,EAAI,CAAC,QAAS,WAAY,mBAAoB,0BAA2B,0BAA2B,wBAC1O,MAAOU,EAAQC,GAAeC,EAAQA,UAAC,GACjCC,EAAaC,SAAO,MAC1BC,EAAAA,WAAU,KACN,GAAKR,EAaA,CACD,MAAMS,EAAc,CAAA,EACpB,IAAK,IAAIC,EAAQ,EAAGA,EAAQf,EAAMgB,OAAQD,IAAS,CAC/C,MAAME,EAASjB,EAAMe,GAAOG,IAAM,QAAQH,IAC1CD,EAAYG,KAAYjB,EAAMe,GAAOI,iBACxC,CACDV,GAAY,IAAMK,GACrB,KApByB,CACtB,IAAII,EACJ,MAAME,EAA2BpB,EAAMqB,MAAK,CAACC,EAAMP,KAC/C,GAAIO,EAAKH,kBAEL,OADAD,EAAKH,EACEO,CAEK,IAEhBF,GACAX,EAAYW,EAAyBF,IAAM,QAAQA,IAE1D,CAQA,GACF,CAACb,EAAqBL,IAEzBa,EAAAA,WAAU,KACN,GAAIF,GAAcA,EAAWY,QAAS,CAClC,MAAMC,EAAab,EAAWY,QAAQE,cAAc,UAChDD,GACAA,EAAWE,iBAAiB,WAAYC,IACpCA,EAAEC,gBAAgB,GAG7B,IACF,CAACjB,IACJ,MAAMkB,EAAeC,EAAAA,aAAaC,GAAU,CAACC,EAAGC,KAC5ChC,GAAYA,EAAS8B,EAAOE,GAKxBxB,EAJCJ,EAIY6B,GACFC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,GAAO,CAAEH,CAACA,GAAQE,MAJjDA,GAAaF,EAM5B,GACF,CAAC1B,EAAqBJ,IACnBoC,EAAuBP,eAAaQ,GACf,iBAAZA,EACAC,EAAcA,eAACD,EAAS,KAC5BA,GACR,IACGE,EAAqBC,EAAAA,SAAQ,IAC3BvC,EACO,CAAEwC,QAAS,GAEXpC,EAAMqC,iBAClB,CAACzC,EAAkBI,EAAMqC,kBAC5B,OAAQC,EAAAA,IAAKC,~~EAAoBV~~,OAAOC,OAAO,CAAErC,IAAKA,GAAOI,EAAyB,CAAE,cAAe,YAAa2C,SAAU9C,EAAM+C,KAAI,CAACzB,EAAMP,~~KACvI~~,MAAMgB,EAAQT,EAAKJ,IAAM,QAAQH,IAC3BkB,EAAa5B,IAAwBG,EAAOuB,GAASvB,IAAWuB,EAChEiB,EAA8C,iBAAjB1B,EAAKgB,QACxC,OAAQW,EAAAA,cAAeC,EAAiBf,OAAOC,OAAO,CAAA,EAAI9B,EAAO,CAAEY,GAAIa,EAAOoB,IAAKpB,EAAOqB,UAAWrB,EAAOY,gBAAiBH,EAAoBa,SAAUpB,EAAYhC,SAAU4B,EAAaE,GAAQiB,oBAAqBA,EAAqBM,gBAAgB,EAAMlD,wBAAyBA,EAAyBmD,QAAQ,EAAM,cAAe,mBACjVC,~~EAAAA~~,~~KAAMC~~,EAAgBA,iBAAE,~~CAAEL~~,UAAW,cAAe,gBAAiB,GAAGrB,aAAkBb,GAAI,GAAGa,~~YAAiB2B~~,~~WAAYd~~,EAAAA,~~IAAKe~~,~~EAAAA~~,~~WAAY~~,~~CAAEC~~,~~YAAa,OAAQ7D,~~IAAKY,EAAY,cAAe,~~kBAAoB~~,cAAe,~~oBAAqBmC~~,SAAU,CAACF,~~EAAAA~~,~~IAAK~~,MAAO,~~CAAEQ~~,UAAW,wBAAyBN,SAAUxB,~~EAAKuC~~,~~QAAUvD~~,~~EAAMwD~~,~~gBAAkBd~~,IAAwBf,GAAeW,~~MAAK~~,MAAO,CAAEQ,UAAW,oCAAqC,cAAe,iBAAkBN,SAAUT,EAAqBf,EAAKgB,~~cACthBM~~,~~EAAImB~~,~~IAACC~~,EAAgBA,iBAAE,CAAE,cAAe,~~oBAAqBlB~~,SAAUF,EAAAA,IAAK,MAAO,CAAEQ,UAAW,OAAQN,SAAUxB,EAAKgB,YAAgB,MACvI,~~IAEVO~~,~~EAAqBoB,EAAAA,QAAcC,KAAI,KAClC,CACH,uBAAwB,CACpBC,aAAc,OAElB,iCAAkC,CAC9BC,oBAAqB,MACrBC,qBAAsB,OAE1B,gCAAiC,CAC7BC,uBAAwB,MACxBC,wBAAyB,WAI/BrB,~~EAAkBsB,EAAMA,OAACC,UAAc,CACzCC,kBAAoBC,GAAkB,mBAATA,GAChB,eAATA,GACS,wBAATA,GACS,4BAATA,GAJgBH,EAKpB1E,IACG,IAAiB8E,EAAOrE,EAAMA,OAACT,EAAI,CAAC,UACvC,IAAI+E,EAAQ,CAAA,EAOZ,OANID,EAAKxE,0BACLyE,EAAQ1C,OAAOC,OAAOD,OAAOC,OAAO,GAAIyC,GAAQ,CAAE,UAAW,CACrDC,UAAWF,EAAKxE,wBAChB2E,UAAW,WAGhBF,CAAK"}
1	+ {"version":3,"file":"accordion.js","sources":["../../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createElement as _createElement } from \"react\";\nimport { AccordionDetails, AccordionSummary, Box, IconButton } from '@mui/material';\nimport MuiAccordion from '@mui/material/Accordion';\nimport { styled } from '@mui/material/styles';\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState, } from 'react';\nimport { handleMaxChars } from '../../utils/utilities';\nimport { Icon } from '../icon';\nexport const Accordion = forwardRef((_a, ref) => {\n var { items, onChange, disableAnimation, accordionContainerProps, accordionPanelMaxHeight, allowMultipleExpand } = _a, props = __rest(_a, [\"items\", \"onChange\", \"disableAnimation\", \"accordionContainerProps\", \"accordionPanelMaxHeight\", \"allowMultipleExpand\"]);\n const [expand, setExpanded] = useState(false);\n const controlRef = useRef(null);\n useEffect(() => {\n if (!allowMultipleExpand) {\n let id;\n const firstDefaultExpandedItem = items.find((item, index) => {\n if (item.isDefaultExpanded) {\n id = index;\n return item;\n }\n return undefined;\n });\n if (firstDefaultExpandedItem) {\n setExpanded(firstDefaultExpandedItem.id \|\| `panel${id}`);\n }\n }\n else {\n const expandItems = {};\n for (let index = 0; index < items.length; index++) {\n const itemId = items[index].id \|\| `panel${index}`;\n expandItems[itemId] = !!items[index].isDefaultExpanded;\n }\n setExpanded(() => expandItems);\n }\n }, [allowMultipleExpand, items]);\n //disable black rounded circle on icon controller click\n useEffect(() => {\n if (controlRef && controlRef.current) {\n const controlBtn = controlRef.current.querySelector('button');\n if (controlBtn) {\n controlBtn.addEventListener('focusin', (e) => {\n e.preventDefault();\n });\n }\n }\n }, [controlRef]);\n const handleChange = useCallback((panel) => (_, isExpanded) => {\n onChange && onChange(panel, isExpanded);\n if (!allowMultipleExpand) {\n setExpanded(isExpanded ? panel : false);\n }\n else {\n setExpanded((curr) => {\n return Object.assign(Object.assign({}, curr), { [panel]: isExpanded });\n });\n }\n }, [allowMultipleExpand, onChange]);\n const handlePreviewContent = useCallback((content) => {\n if (typeof content === 'string')\n return handleMaxChars(content, 100);\n return content;\n }, []);\n const getTransitionProps = useMemo(() => {\n if (disableAnimation)\n return { timeout: 0 };\n else\n return props.TransitionProps;\n }, [disableAnimation, props.TransitionProps]);\n return (_jsx(Box, Object.assign({ ref: ref }, accordionContainerProps, { \"data-testid\": \"Accordion\", children: items.map((item, index) => {\n const panel = item.id \|\| `panel${index}`;\n const isExpanded = allowMultipleExpand ? !!expand[panel] : expand === panel;\n const isContentTypeString = typeof item.content === 'string';\n return (_createElement(AccordionStyled, Object.assign({}, props, { id: panel, key: panel, className: panel, TransitionProps: getTransitionProps, expanded: isExpanded, onChange: handleChange(panel), isContentTypeString: isContentTypeString, disableGutters: true, accordionPanelMaxHeight: accordionPanelMaxHeight, square: true, \"data-testid\": \"Accordion.item\" }),\n _jsxs(AccordionSummary, { className: \"subheadline\", \"aria-controls\": `${panel}d-content`, id: `${panel}d-header`, expandIcon: _jsx(IconButton, { ref: controlRef, \"data-testid\": \"Accordion.btn\", sx: { color: (theme) => theme.palette.text.primary }, children: _jsx(Icon, { color: \"inherit\", className: \"chevron-down\" }) }), \"data-testid\": \"Accordion.summary\", children: [_jsx(\"div\", { className: \"accordion-panel-title\", children: item.title }), props.previewContent && isContentTypeString && !isExpanded && (_jsx(\"div\", { className: \"accordion-panel-title--sneak-peak\", \"data-testid\": \"Accordion.peek\", children: handlePreviewContent(item.content) }))] }),\n _jsx(AccordionDetails, { \"data-testid\": \"Accordion.content\", children: _jsx(\"div\", { className: \"text\", children: item.content }) })));\n }) })));\n});\nconst AccordionStyled = styled(MuiAccordion, {\n shouldForwardProp: (prop) => prop !== 'previewContent' &&\n prop !== 'expandIcon' &&\n prop !== 'isContentTypeString' &&\n prop !== 'accordionPanelMaxHeight',\n})((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n let style = {};\n if (args.accordionPanelMaxHeight) {\n style = Object.assign(Object.assign({}, style), { '& .text': {\n maxHeight: args.accordionPanelMaxHeight,\n overflowY: 'auto',\n } });\n }\n return style;\n});\n//# sourceMappingURL=accordion.js.map"],"names":["Accordion","forwardRef","_a","ref","items","onChange","disableAnimation","accordionContainerProps","accordionPanelMaxHeight","allowMultipleExpand","props","__rest","expand","setExpanded","useState","controlRef","useRef","useEffect","expandItems","index","length","itemId","id","isDefaultExpanded","firstDefaultExpandedItem","find","item","current","controlBtn","querySelector","addEventListener","e","preventDefault","handleChange","useCallback","panel","_","isExpanded","curr","Object","assign","handlePreviewContent","content","handleMaxChars","getTransitionProps","useMemo","timeout","TransitionProps","_jsx","Box","children","map","isContentTypeString","_createElement","AccordionStyled","key","className","expanded","disableGutters","square","_jsxs","jsxs","AccordionSummary","expandIcon","IconButton","sx","color","theme","palette","text","primary","jsx","Icon","title","previewContent","AccordionDetails","styled","MuiAccordion","shouldForwardProp","prop","args","style","maxHeight","overflowY"],"mappings":"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"}

package/cjs/components/banner/banner.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { MouseEvent } from 'react';
+import { MouseEvent } from 'react';
 import { ButtonVariant } from '../common/type/ButtonVariant';
 export interface BannerProps {
     /**
@@ -54,4 +54,4 @@ export interface BannerProps {
      */
     isVisible?: boolean;
 }
-export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Banner: import("react").ForwardRefExoticComponent<BannerProps & import("react").RefAttributes<HTMLDivElement>>;

package/cjs/components/banner/banner.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),n=require("react"),t=require("@emotion/styled"),o=require("../icon/icon.js"),r=require("../button/button.js"),i=require("../../design/skoda/palette.theme.js"),s=require("../../utils/enum.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(t);const c=n.forwardRef(((t,i)=>{var l=e.__rest(t,[]);const[d,c]=n.useState(!0);n.useEffect((()=>{(l.isVisible||!1===l.isVisible)&&c(l.isVisible)}),[l.isVisible]);const u=(e,a)=>{var n,t,o;"additional"===a?null===(n=l.additionalButtonCallback)||void 0===n||n.call(l,e):null===(t=l.buttonCallback)||void 0===t||t.call(l,e),null===(o=l.analyticsCallback)||void 0===o||o.call(l,e),c(!1)},f=l.iconIsFilled?" filled":"",m=l.buttonVariant,x=l.additionalButtonVariant;return a.jsx(a.Fragment,{children:d&&a.jsx(b,{className:l.variant,variant:l.variant,ref:i,"data-testid":"Banner",children:a.jsxs("div",{className:"bannerWrapper",children:[a.jsxs("div",{className:"bannerHeader",children:[l.icon&&a.jsx(o.Icon,{fontSize:"medium",className:`${l.icon} ${f}`,"data-testid":"Banner.icon"}),a.jsx("p",{className:"body","data-testid":"Banner.body",children:l.textContent})]}),a.jsxs("div",{className:"bannerBtnContainer",children:[l.additionalButton&&a.jsx(r.Button,{variant:x,compact:!0,label:l.additionalButtonLabel,onClick:e=>u(e,"additional"),"data-testid":"Banner.btn2"}),"secondary"===l.variant?a.jsx(r.Button,{variant:m,colourScheme:s.ColourSheme.LIGHT_MODE,compact:!0,label:l.additionalButtonLabel,onClick:e=>u(e,"main"),"data-testid":"Banner.btn1"}):a.jsx(r.Button,{variant:m,compact:!0,label:l.buttonLabel,onClick:e=>u(e,"main"),"data-testid":"Banner.btn1"})]})]})})})})),b=d.default.div((a=>{var{theme:n}=a;const t=e.__rest(a,["theme"]);let o={};switch(o=Object.assign(Object.assign({},o),{"& > .bannerWrapper":{boxSizing:"border-box",padding:"16px",display:"flex",flexDirection:"column",flexWrap:"nowrap",width:"100%",[n.breakpoints.up("md")]:{padding:"7px 16px",flexDirection:"row"},"& *":{boxSizing:"border-box"}},"& .bannerHeader":{display:"flex",alignItems:"flex-start",justifyContent:"flex-items",width:"100%",marginBottom:"16px",[n.breakpoints.up("md")]:{alignItems:"center",marginBottom:"0"},"& .MuiIcon-root":{color:i.flowColors.brand.tertiary,fontSize:"20px"}},"& .body":{margin:"0 0 0 8px",fontSize:"14px",fontWeight:"400",letterSpacing:"0.05px"},"& .bannerBtnContainer":{display:"flex",width:"100%",justifyContent:"flex-start",[n.breakpoints.up("md")]:{justifyContent:"flex-end"},"& > div + div":{marginLeft:"16px"}}}),t.variant){case"primary":o=Object.assign(Object.assign({},o),{backgroundColor:i.flowColors.brand.secondary,color:i.flowColors.onSurface.os900});case"secondary":o=Object.assign(Object.assign({},o),{backgroundColor:i.flowColors.brand.tertiary,color:i.flowColors.onSurface.os0,"& .bannerHeader .MuiIcon-root":{color:i.flowColors.brand.secondary}});case"tertiary":o=Object.assign(Object.assign({},o),{backgroundColor:i.flowColors.surface.secondary,color:i.flowColors.onSurface.os800,"& .bannerHeader .MuiIcon-root":{color:i.flowColors.brand.primary}})}return o}));exports.Banner=c;
+"use strict";var e=require("tslib"),a=require("react/jsx-runtime"),n=require("react"),t=require("@emotion/styled"),o=require("../icon/icon.js"),r=require("../button/button.js"),i=require("../../design/skoda/palette.theme.js"),s=require("../../utils/enum.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(t);const c=n.forwardRef(((t,i)=>{var l=e.__rest(t,[]);const[d,c]=n.useState(!0);n.useEffect((()=>{(l.isVisible||!1===l.isVisible)&&c(l.isVisible)}),[l.isVisible]);const u=(e,a)=>{var n,t,o;"additional"===a?null===(n=l.additionalButtonCallback)||void 0===n||n.call(l,e):null===(t=l.buttonCallback)||void 0===t||t.call(l,e),null===(o=l.analyticsCallback)||void 0===o||o.call(l,e),c(!1)},f=l.iconIsFilled?" filled":"",m=l.buttonVariant,x=l.additionalButtonVariant;return a.jsx(a.Fragment,{children:d&&a.jsx(b,{className:l.variant,variant:l.variant,ref:i,"data-testid":"Banner",children:a.jsxs("div",{className:"bannerWrapper",children:[a.jsxs("div",{className:"bannerHeader",children:[l.icon&&a.jsx(o.Icon,{fontSize:"medium",className:`${l.icon} ${f}`,"data-testid":"Banner.icon"}),a.jsx("p",{className:"body","data-testid":"Banner.body",children:l.textContent})]}),a.jsxs("div",{className:"bannerBtnContainer",children:[l.additionalButton&&a.jsx(r.Button,{variant:x,compact:!0,label:l.additionalButtonLabel,onClick:e=>u(e,"additional"),"data-testid":"Banner.btn2"}),"secondary"===l.variant?a.jsx(r.Button,{variant:m,colourScheme:s.ColourSheme.LIGHT_MODE,compact:!0,label:l.additionalButtonLabel,onClick:e=>u(e,"main"),"data-testid":"Banner.btn1"}):a.jsx(r.Button,{variant:m,compact:!0,label:l.buttonLabel,onClick:e=>u(e,"main"),"data-testid":"Banner.btn1"})]})]})})})})),b=d.default.div((a=>{var{theme:n}=a;const t=e.__rest(a,["theme"]);let o={};switch(o=Object.assign(Object.assign({},o),{"& > .bannerWrapper":{boxSizing:"border-box",padding:"16px",display:"flex",flexDirection:"column",flexWrap:"nowrap",width:"100%",[n.breakpoints.up("md")]:{padding:"7px 16px",flexDirection:"row"},"& *":{boxSizing:"border-box"}},"& .bannerHeader":{display:"flex",alignItems:"flex-start",justifyContent:"flex-items",width:"100%",marginBottom:"16px",[n.breakpoints.up("md")]:{alignItems:"center",marginBottom:"0"},"& .MuiIcon-root":{color:i.flowColors.brand.tertiary,fontSize:"20px"}},"& .body":{margin:"0 0 0 8px",fontSize:"14px",fontWeight:"400",letterSpacing:"0.05px"},"& .bannerBtnContainer":{display:"flex",width:"100%",justifyContent:"flex-start",[n.breakpoints.up("md")]:{justifyContent:"flex-end"},"& > div + div":{marginLeft:"16px"}}}),t.variant){case"secondary":o=Object.assign(Object.assign({},o),{backgroundColor:i.flowColors.brand.tertiary,color:i.flowColors.onSurface.os0,"& .bannerHeader .MuiIcon-root":{color:i.flowColors.brand.secondary}});break;case"tertiary":o=Object.assign(Object.assign({},o),{backgroundColor:i.flowColors.surface.secondary,color:i.flowColors.onSurface.os800,"& .bannerHeader .MuiIcon-root":{color:i.flowColors.brand.primary}});break;default:o=Object.assign(Object.assign({},o),{backgroundColor:i.flowColors.brand.secondary,color:i.flowColors.onSurface.os900})}return o}));exports.Banner=c;
 //# sourceMappingURL=banner.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"banner.js","sources":["../../../../src/components/banner/banner.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useEffect, useState, forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Icon } from '../../components/icon';\nimport { Button } from '../../components/button';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ColourSheme } from '../../utils/enum';\nexport const Banner = forwardRef((_a, ref) => {\n var props = __rest(_a, []);\n const [isBannerVisible, setIsBannerVisible] = useState(true);\n useEffect(() => {\n if (props.isVisible \|\| props.isVisible === false) {\n setIsBannerVisible(props.isVisible);\n }\n }, [props.isVisible]);\n const onClickButtons = (ev, btnType) => {\n var _a, _b, _c;\n if (btnType === 'additional') {\n (_a = props.additionalButtonCallback) === null \|\| _a === void 0 ? void 0 : _a.call(props, ev);\n }\n else {\n (_b = props.buttonCallback) === null \|\| _b === void 0 ? void 0 : _b.call(props, ev);\n }\n (_c = props.analyticsCallback) === null \|\| _c === void 0 ? void 0 : _c.call(props, ev);\n setIsBannerVisible(false);\n };\n const isFilled = props.iconIsFilled ? ' filled' : '';\n const buttonVariantMain = props.buttonVariant;\n const buttonVariantAdditional = props.additionalButtonVariant;\n return (_jsx(_Fragment, { children: isBannerVisible && (_jsx(BannerStyled, { className: props.variant, variant: props.variant, ref: ref, \"data-testid\": \"Banner\", children: _jsxs(\"div\", { className: \"bannerWrapper\", children: [_jsxs(\"div\", { className: \"bannerHeader\", children: [props.icon && (_jsx(Icon, { fontSize: \"medium\", className: `${props.icon} ${isFilled}`, \"data-testid\": \"Banner.icon\" })), _jsx(\"p\", { className: \"body\", \"data-testid\": \"Banner.body\", children: props.textContent })] }), _jsxs(\"div\", { className: \"bannerBtnContainer\", children: [props.additionalButton && (_jsx(Button, { variant: buttonVariantAdditional, compact: true, label: props.additionalButtonLabel, onClick: (ev) => onClickButtons(ev, 'additional'), \"data-testid\": \"Banner.btn2\" })), props.variant === 'secondary' ? (_jsx(Button, { variant: buttonVariantMain, colourScheme: ColourSheme.LIGHT_MODE, compact: true, label: props.additionalButtonLabel, onClick: (ev) => onClickButtons(ev, 'main'), \"data-testid\": \"Banner.btn1\" })) : (_jsx(Button, { variant: buttonVariantMain, compact: true, label: props.buttonLabel, onClick: (ev) => onClickButtons(ev, 'main'), \"data-testid\": \"Banner.btn1\" }))] })] }) })) }));\n});\nconst BannerStyled = styled.div((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const props = args;\n let styles = {};\n styles = Object.assign(Object.assign({}, styles), { '& > .bannerWrapper': {\n boxSizing: 'border-box',\n padding: '16px',\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'nowrap',\n width: '100%',\n [theme.breakpoints.up('md')]: {\n padding: '7px 16px',\n flexDirection: 'row',\n },\n '& *': {\n boxSizing: 'border-box',\n },\n }, '& .bannerHeader': {\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'flex-items',\n width: '100%',\n marginBottom: '16px',\n [theme.breakpoints.up('md')]: {\n alignItems: 'center',\n marginBottom: '0',\n },\n '& .MuiIcon-root': {\n color: flowColors.brand.tertiary,\n fontSize: '20px',\n },\n }, '& .body': {\n margin: '0 0 0 8px',\n fontSize: '14px',\n fontWeight: '400',\n letterSpacing: '0.05px',\n }, '& .bannerBtnContainer': {\n display: 'flex',\n width: '100%',\n justifyContent: 'flex-start',\n [theme.breakpoints.up('md')]: {\n justifyContent: 'flex-end',\n },\n '& > div + div': {\n marginLeft: '16px',\n },\n } });\n switch (props.variant) {\n case '~~primary~~':\n styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.brand.~~secondary~~, color: flowColors.onSurface.~~os900~~ });\n case '~~secondary~~':\n styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.~~brand~~.~~tertiary~~, color: flowColors.onSurface.~~os0~~, '& .bannerHeader .MuiIcon-root': {\n color: flowColors.brand.~~secondary~~,\n } });\n case '~~tertiary~~':\n styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.~~surface~~.secondary, color: flowColors.onSurface.~~os800,~~ ~~'& .bannerHeader .MuiIcon-root': {\n color: flowColors.brand.primary,\n~~ } });\n }\n return styles;\n});\n//# sourceMappingURL=banner.js.map"],"names":["Banner","forwardRef","_a","ref","props","__rest","isBannerVisible","setIsBannerVisible","useState","useEffect","isVisible","onClickButtons","ev","btnType","_b","_c","additionalButtonCallback","call","buttonCallback","analyticsCallback","isFilled","iconIsFilled","buttonVariantMain","buttonVariant","buttonVariantAdditional","additionalButtonVariant","_jsx","_Fragment","children","jsx","BannerStyled","className","variant","_jsxs","jsxs","icon","Icon","fontSize","textContent","additionalButton","Button","compact","label","additionalButtonLabel","onClick","colourScheme","ColourSheme","LIGHT_MODE","buttonLabel","styled","default","div","theme","styles","Object","assign","boxSizing","padding","display","flexDirection","flexWrap","width","breakpoints","up","alignItems","justifyContent","marginBottom","color","flowColors","brand","tertiary","margin","fontWeight","letterSpacing","marginLeft","backgroundColor","~~secondary","~~onSurface","~~os900~~","~~os0~~","surface","os800","primary"],"mappings":"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~~UACDqB~~,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,GAAS,CAAEsB,gBAAiBP,EAAUA,WAACC,~~MAAMO~~,~~UAAWT~~,MAAOC,EAAAA,~~WAAWS~~,UAAUC,~~QACjI~~,IAAK,~~YACDzB~~,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,GAAS,CAAEsB,gBAAiBP,EAAUA,~~WAACC~~,~~MAAMC~~,~~SAAUH~~,MAAOC,EAAAA,~~WAAWS~~,~~UAAUE~~,~~IAAK~~,gCAAiC,~~CAC1JZ~~,MAAOC,EAAAA,WAAWC,~~MAAMO~~,~~aAEpC~~,~~IAAK~~,~~WACDvB~~,EAASC,OAAOC,OAAOD,OAAOC,OAAO,CAAA,EAAIF,GAAS,CAAEsB,gBAAiBP,EAAUA,~~WAACY~~,~~QAAQJ~~,~~UAAWT~~,MAAOC,EAAAA,~~WAAWS~~,~~UAAUI~~,~~MAAO~~,~~gCAAiC,CAC/Jd,MAAOC,EAAAA,WAAWC,MAAMa,WAGxC,~~OAAO7B,CAAM"}
1	+ {"version":3,"file":"banner.js","sources":["../../../../src/components/banner/banner.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useEffect, useState, forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Icon } from '../../components/icon';\nimport { Button } from '../../components/button';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { ColourSheme } from '../../utils/enum';\nexport const Banner = forwardRef((_a, ref) => {\n var props = __rest(_a, []);\n const [isBannerVisible, setIsBannerVisible] = useState(true);\n useEffect(() => {\n if (props.isVisible \|\| props.isVisible === false) {\n setIsBannerVisible(props.isVisible);\n }\n }, [props.isVisible]);\n const onClickButtons = (ev, btnType) => {\n var _a, _b, _c;\n if (btnType === 'additional') {\n (_a = props.additionalButtonCallback) === null \|\| _a === void 0 ? void 0 : _a.call(props, ev);\n }\n else {\n (_b = props.buttonCallback) === null \|\| _b === void 0 ? void 0 : _b.call(props, ev);\n }\n (_c = props.analyticsCallback) === null \|\| _c === void 0 ? void 0 : _c.call(props, ev);\n setIsBannerVisible(false);\n };\n const isFilled = props.iconIsFilled ? ' filled' : '';\n const buttonVariantMain = props.buttonVariant;\n const buttonVariantAdditional = props.additionalButtonVariant;\n return (_jsx(_Fragment, { children: isBannerVisible && (_jsx(BannerStyled, { className: props.variant, variant: props.variant, ref: ref, \"data-testid\": \"Banner\", children: _jsxs(\"div\", { className: \"bannerWrapper\", children: [_jsxs(\"div\", { className: \"bannerHeader\", children: [props.icon && (_jsx(Icon, { fontSize: \"medium\", className: `${props.icon} ${isFilled}`, \"data-testid\": \"Banner.icon\" })), _jsx(\"p\", { className: \"body\", \"data-testid\": \"Banner.body\", children: props.textContent })] }), _jsxs(\"div\", { className: \"bannerBtnContainer\", children: [props.additionalButton && (_jsx(Button, { variant: buttonVariantAdditional, compact: true, label: props.additionalButtonLabel, onClick: (ev) => onClickButtons(ev, 'additional'), \"data-testid\": \"Banner.btn2\" })), props.variant === 'secondary' ? (_jsx(Button, { variant: buttonVariantMain, colourScheme: ColourSheme.LIGHT_MODE, compact: true, label: props.additionalButtonLabel, onClick: (ev) => onClickButtons(ev, 'main'), \"data-testid\": \"Banner.btn1\" })) : (_jsx(Button, { variant: buttonVariantMain, compact: true, label: props.buttonLabel, onClick: (ev) => onClickButtons(ev, 'main'), \"data-testid\": \"Banner.btn1\" }))] })] }) })) }));\n});\nconst BannerStyled = styled.div((_a) => {\n var { theme } = _a, args = __rest(_a, [\"theme\"]);\n const props = args;\n let styles = {};\n styles = Object.assign(Object.assign({}, styles), { '& > .bannerWrapper': {\n boxSizing: 'border-box',\n padding: '16px',\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'nowrap',\n width: '100%',\n [theme.breakpoints.up('md')]: {\n padding: '7px 16px',\n flexDirection: 'row',\n },\n '& *': {\n boxSizing: 'border-box',\n },\n }, '& .bannerHeader': {\n display: 'flex',\n alignItems: 'flex-start',\n justifyContent: 'flex-items',\n width: '100%',\n marginBottom: '16px',\n [theme.breakpoints.up('md')]: {\n alignItems: 'center',\n marginBottom: '0',\n },\n '& .MuiIcon-root': {\n color: flowColors.brand.tertiary,\n fontSize: '20px',\n },\n }, '& .body': {\n margin: '0 0 0 8px',\n fontSize: '14px',\n fontWeight: '400',\n letterSpacing: '0.05px',\n }, '& .bannerBtnContainer': {\n display: 'flex',\n width: '100%',\n justifyContent: 'flex-start',\n [theme.breakpoints.up('md')]: {\n justifyContent: 'flex-end',\n },\n '& > div + div': {\n marginLeft: '16px',\n },\n } });\n switch (props.variant) {\n case 'secondary':\n styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.brand.tertiary, color: flowColors.onSurface.os0, '& .bannerHeader .MuiIcon-root': {\n color: flowColors.brand.secondary,\n } });\n break;\n case 'tertiary':\n styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.surface.secondary, color: flowColors.onSurface.os800, '& .bannerHeader .MuiIcon-root': {\n color: flowColors.brand.primary,\n } });\n break;\n case 'primary':\n default:\n styles = Object.assign(Object.assign({}, styles), { backgroundColor: flowColors.brand.secondary, color: flowColors.onSurface.os900 });\n break;\n }\n return styles;\n});\n//# sourceMappingURL=banner.js.map"],"names":["Banner","forwardRef","_a","ref","props","__rest","isBannerVisible","setIsBannerVisible","useState","useEffect","isVisible","onClickButtons","ev","btnType","_b","_c","additionalButtonCallback","call","buttonCallback","analyticsCallback","isFilled","iconIsFilled","buttonVariantMain","buttonVariant","buttonVariantAdditional","additionalButtonVariant","_jsx","_Fragment","children","jsx","BannerStyled","className","variant","_jsxs","jsxs","icon","Icon","fontSize","textContent","additionalButton","Button","compact","label","additionalButtonLabel","onClick","colourScheme","ColourSheme","LIGHT_MODE","buttonLabel","styled","default","div","theme","styles","Object","assign","boxSizing","padding","display","flexDirection","flexWrap","width","breakpoints","up","alignItems","justifyContent","marginBottom","color","flowColors","brand","tertiary","margin","fontWeight","letterSpacing","marginLeft","backgroundColor","onSurface","os0","secondary","surface","os800","primary","os900"],"mappings":"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"}

package/cjs/components/cardMenu/cardMenu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("react"),t=require("../common/hook/useWindowSize.js"),a=require("@mui/material"),r=require("../divider/divider.js"),i=require("../icon/icon.js"),d=require("../checkbox/checkbox.js"),l=require("../toggleSwitch/toggleSwitch.js"),n=require("./hooks/useCardMenu.js"),c=require("./styled/popperStyled.js"),o=require("./styled/menuListStyled.js"),m=require("./styled/drawerStyled.js");function u(e){return e&&e.__esModule?e:{default:e}}var h=u(s);const x=s.forwardRef((({items:s,setItems:u,open:x,header:j,anchorRef:p,allowMultiselect:C,hasToggleSelection:y,onItemClick:g,onClose:b,sx:k,classes:M,placement:I,toggleLabel:S,rounded:v},L)=>{const{isMobile:f}=t.default(),{isToggleChecked:q,onClickHandler:w,onToggleChange:T}=n.useCardMenu(s,C,u,g,b);return e.jsx(e.Fragment,{children:f?e.jsxs(m.DrawerStyled,{open:x,onClose:b,anchor:"bottom",sx:k,ref:L,classes:M,hasHeader:!!j,"data-testid":"CardMenu",children:[j&&e.jsx("div",{className:"drawer-header","data-testid":"CardMenu.header",children:j}),e.jsx(a.List,{children:s.map((s=>e.jsxs(h.default.Fragment,{children:[e.jsxs(a.ListItem,{button:!0,disabled:s.disabled,onClick:()=>w(s),"data-testid":"CardMenu.item","data-state":s.disabled?"disabled":void 0,children:[s.icon&&e.jsx(a.ListItemIcon,{children:e.jsx(i.Icon,{className:s.icon,fontSize:"small"})}),e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:s.text}),C&&e.jsx(d.Checkbox,{checked:s.isChecked,disabled:s.disabled,"data-testid":"CardMenu.check"})]}),e.jsx(r.Divider,{variant:"middle"})]},s.text)))})]}):e.jsx(c.PopperStyled,{open:x,anchorEl:p.current,placement:I,ref:L,rounded:v,"data-testid":"CardMenu",children:e.jsx(a.ClickAwayListener,{onClickAway:b,children:e.jsxs(o.MenuListStyled,{allowMultiselect:C,sx:k,classes:M,children:[j&&e.jsxs(a.MenuItem,{className:"menu-item-header","data-testid":"CardMenu.header",children:[e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:j}),e.jsx(a.ListItemIcon,{onClick:b,"data-testid":"CardMenu.close",children:e.jsx(i.Icon,{className:"ballotx",fontSize:"small"})})]}),j&&e.jsx(r.Divider,{variant:"middle",className:"menu-item-divider"}),C&&y&&e.jsxs(a.MenuItem,{className:"menu-select-all","data-testid":"CardMenu.toggle",children:[e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:S||"Select all"}),e.jsx(l.ToggleSwitch,{onChange:T,checked:q,compact:!0})]}),e.jsx("div",{className:"menu-content-items",children:s.map((s=>e.jsxs(a.MenuItem,{disabled:s.disabled,onClick:()=>w(s),"data-testid":"CardMenu.item","data-state":s.disabled?"disabled":void 0,children:[s.icon&&e.jsx(a.ListItemIcon,{children:e.jsx(i.Icon,{className:s.icon,fontSize:"small"})}),e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:s.text}),C&&e.jsx(d.Checkbox,{checked:s.isChecked,disabled:s.disabled,"data-testid":"CardMenu.check"})]},s.text)))})]})})})})}));exports.CardMenu=x;
+"use strict";var e=require("react/jsx-runtime"),s=require("react"),t=require("../common/hook/useWindowSize.js"),a=require("@mui/material"),r=require("../icon/icon.js"),i=require("../checkbox/checkbox.js"),d=require("../toggleSwitch/toggleSwitch.js"),l=require("./hooks/useCardMenu.js"),n=require("./styled/popperStyled.js"),c=require("./styled/menuListStyled.js"),o=require("./styled/drawerStyled.js");function m(e){return e&&e.__esModule?e:{default:e}}var u=m(s);const h=s.forwardRef((({items:s,setItems:m,open:h,header:x,anchorRef:p,allowMultiselect:j,hasToggleSelection:C,onItemClick:y,onClose:g,sx:b,classes:k,placement:M,toggleLabel:I,rounded:S},L)=>{const{isMobile:f}=t.default(),{isToggleChecked:w,onClickHandler:T,onToggleChange:q}=l.useCardMenu(s,j,m,y,g);return e.jsx(e.Fragment,{children:f?e.jsxs(o.DrawerStyled,{open:h,onClose:g,anchor:"bottom",sx:b,ref:L,classes:k,hasHeader:!!x,"data-testid":"CardMenu",children:[x&&e.jsx("div",{className:"drawer-header","data-testid":"CardMenu.header",children:x}),e.jsx(a.List,{children:s.map((s=>e.jsxs(u.default.Fragment,{children:[e.jsxs(a.ListItem,{button:!0,disabled:s.disabled,onClick:()=>T(s),"data-testid":"CardMenu.item","data-state":s.disabled?"disabled":void 0,children:[s.icon&&e.jsx(a.ListItemIcon,{children:e.jsx(r.Icon,{className:s.icon,fontSize:"small"})}),e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:s.text}),j&&e.jsx(i.Checkbox,{checked:s.isChecked,disabled:s.disabled,"data-testid":"CardMenu.check"})]}),e.jsx(a.Divider,{variant:"middle"})]},s.text)))})]}):e.jsx(n.PopperStyled,{open:h,anchorEl:p.current,placement:M,ref:L,rounded:S,"data-testid":"CardMenu",children:e.jsx(a.ClickAwayListener,{onClickAway:g,children:e.jsxs(c.MenuListStyled,{allowMultiselect:j,sx:b,classes:k,children:[x&&e.jsxs(a.MenuItem,{className:"menu-item-header","data-testid":"CardMenu.header",children:[e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:x}),e.jsx(a.ListItemIcon,{onClick:g,"data-testid":"CardMenu.close",children:e.jsx(r.Icon,{className:"ballotx",fontSize:"small"})})]}),x&&e.jsx(a.Divider,{variant:"middle",className:"menu-item-divider"}),j&&C&&e.jsxs(a.MenuItem,{className:"menu-select-all","data-testid":"CardMenu.toggle",children:[e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:I||"Select all"}),e.jsx(d.ToggleSwitch,{onChange:q,checked:w,compact:!0})]}),e.jsx("div",{className:"menu-content-items",children:s.map((s=>e.jsxs(a.MenuItem,{disabled:s.disabled,onClick:()=>T(s),"data-testid":"CardMenu.item","data-state":s.disabled?"disabled":void 0,children:[s.icon&&e.jsx(a.ListItemIcon,{children:e.jsx(r.Icon,{className:s.icon,fontSize:"small"})}),e.jsx(a.ListItemText,{primaryTypographyProps:{noWrap:!0},primary:s.text}),j&&e.jsx(i.Checkbox,{checked:s.isChecked,disabled:s.disabled,"data-testid":"CardMenu.check"})]},s.text)))})]})})})})}));exports.CardMenu=h;
 //# sourceMappingURL=cardMenu.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"cardMenu.js","sources":["../../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { forwardRef } from 'react';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { List, ListItem, ListItemIcon, ListItemText, MenuItem, ClickAwayListener } from '@mui/material';\nimport { ~~Divider } from '../divider/divider';\nimport {~~ Icon } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { useCardMenu } from './hooks/useCardMenu';\nimport { PopperStyled } from './styled/popperStyled';\nimport { MenuListStyled } from './styled/menuListStyled';\nimport { DrawerStyled } from './styled/drawerStyled';\nexport const CardMenu = forwardRef(({ items, setItems, open, header, anchorRef, allowMultiselect, hasToggleSelection, onItemClick, onClose, sx, classes, placement, toggleLabel, rounded, }, ref) => {\n const { isMobile } = useWindowSize();\n const { isToggleChecked, onClickHandler, onToggleChange } = useCardMenu(items, allowMultiselect, setItems, onItemClick, onClose);\n return (_jsx(_Fragment, { children: isMobile ? (_jsxs(DrawerStyled, { open: open, onClose: onClose, anchor: \"bottom\", sx: sx, ref: ref, classes: classes, hasHeader: !!header, \"data-testid\": \"CardMenu\", children: [header && (_jsx(\"div\", { className: \"drawer-header\", \"data-testid\": \"CardMenu.header\", children: header })), _jsx(List, { children: items.map((item) => {\n return (_jsxs(React.Fragment, { children: [_jsxs(ListItem, { button: true, disabled: item.disabled, onClick: () => onClickHandler(item), \"data-testid\": \"CardMenu.item\", \"data-state\": item.disabled ? 'disabled' : undefined, children: [item.icon && (_jsx(ListItemIcon, { children: _jsx(Icon, { className: item.icon, fontSize: \"small\" }) })), _jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: item.text }), allowMultiselect && (_jsx(Checkbox, { checked: item.isChecked, disabled: item.disabled, \"data-testid\": \"CardMenu.check\" }))] }), _jsx(Divider, { variant: \"middle\" })] }, item.text));\n }) })] })) : (_jsx(PopperStyled, { open: open, anchorEl: anchorRef.current, placement: placement, ref: ref, rounded: rounded, \"data-testid\": \"CardMenu\", children: _jsx(ClickAwayListener, { onClickAway: onClose, children: _jsxs(MenuListStyled, { allowMultiselect: allowMultiselect, sx: sx, classes: classes, children: [header && (_jsxs(MenuItem, { className: \"menu-item-header\", \"data-testid\": \"CardMenu.header\", children: [_jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: header }), _jsx(ListItemIcon, { onClick: onClose, \"data-testid\": \"CardMenu.close\", children: _jsx(Icon, { className: \"ballotx\", fontSize: \"small\" }) })] })), header && _jsx(Divider, { variant: \"middle\", className: \"menu-item-divider\" }), allowMultiselect && hasToggleSelection && (_jsxs(MenuItem, { className: \"menu-select-all\", \"data-testid\": \"CardMenu.toggle\", children: [_jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: toggleLabel ? toggleLabel : 'Select all' }), _jsx(ToggleSwitch, { onChange: onToggleChange, checked: isToggleChecked, compact: true })] })), _jsx(\"div\", { className: \"menu-content-items\", children: items.map((item) => {\n return (_jsxs(MenuItem, { disabled: item.disabled, onClick: () => onClickHandler(item), \"data-testid\": \"CardMenu.item\", \"data-state\": item.disabled ? 'disabled' : undefined, children: [item.icon && (_jsx(ListItemIcon, { children: _jsx(Icon, { className: item.icon, fontSize: \"small\" }) })), _jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: item.text }), allowMultiselect && (_jsx(Checkbox, { checked: item.isChecked, disabled: item.disabled, \"data-testid\": \"CardMenu.check\" }))] }, item.text));\n }) })] }) }) })) }));\n});\n//# sourceMappingURL=cardMenu.js.map"],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","button","disabled","onClick","undefined","icon","ListItemIcon","Icon","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","jsxs","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"~~mfAYY~~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"}
1	+ {"version":3,"file":"cardMenu.js","sources":["../../../../src/components/cardMenu/cardMenu.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport React, { forwardRef } from 'react';\nimport useWindowSize from '../common/hook/useWindowSize';\nimport { List, ListItem, ListItemIcon, ListItemText, MenuItem, ClickAwayListener, Divider } from '@mui/material';\nimport { Icon } from '../icon';\nimport { Checkbox } from '../checkbox';\nimport { ToggleSwitch } from '../toggleSwitch';\nimport { useCardMenu } from './hooks/useCardMenu';\nimport { PopperStyled } from './styled/popperStyled';\nimport { MenuListStyled } from './styled/menuListStyled';\nimport { DrawerStyled } from './styled/drawerStyled';\nexport const CardMenu = forwardRef(({ items, setItems, open, header, anchorRef, allowMultiselect, hasToggleSelection, onItemClick, onClose, sx, classes, placement, toggleLabel, rounded, }, ref) => {\n const { isMobile } = useWindowSize();\n const { isToggleChecked, onClickHandler, onToggleChange } = useCardMenu(items, allowMultiselect, setItems, onItemClick, onClose);\n return (_jsx(_Fragment, { children: isMobile ? (_jsxs(DrawerStyled, { open: open, onClose: onClose, anchor: \"bottom\", sx: sx, ref: ref, classes: classes, hasHeader: !!header, \"data-testid\": \"CardMenu\", children: [header && (_jsx(\"div\", { className: \"drawer-header\", \"data-testid\": \"CardMenu.header\", children: header })), _jsx(List, { children: items.map((item) => {\n return (_jsxs(React.Fragment, { children: [_jsxs(ListItem, { button: true, disabled: item.disabled, onClick: () => onClickHandler(item), \"data-testid\": \"CardMenu.item\", \"data-state\": item.disabled ? 'disabled' : undefined, children: [item.icon && (_jsx(ListItemIcon, { children: _jsx(Icon, { className: item.icon, fontSize: \"small\" }) })), _jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: item.text }), allowMultiselect && (_jsx(Checkbox, { checked: item.isChecked, disabled: item.disabled, \"data-testid\": \"CardMenu.check\" }))] }), _jsx(Divider, { variant: \"middle\" })] }, item.text));\n }) })] })) : (_jsx(PopperStyled, { open: open, anchorEl: anchorRef.current, placement: placement, ref: ref, rounded: rounded, \"data-testid\": \"CardMenu\", children: _jsx(ClickAwayListener, { onClickAway: onClose, children: _jsxs(MenuListStyled, { allowMultiselect: allowMultiselect, sx: sx, classes: classes, children: [header && (_jsxs(MenuItem, { className: \"menu-item-header\", \"data-testid\": \"CardMenu.header\", children: [_jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: header }), _jsx(ListItemIcon, { onClick: onClose, \"data-testid\": \"CardMenu.close\", children: _jsx(Icon, { className: \"ballotx\", fontSize: \"small\" }) })] })), header && _jsx(Divider, { variant: \"middle\", className: \"menu-item-divider\" }), allowMultiselect && hasToggleSelection && (_jsxs(MenuItem, { className: \"menu-select-all\", \"data-testid\": \"CardMenu.toggle\", children: [_jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: toggleLabel ? toggleLabel : 'Select all' }), _jsx(ToggleSwitch, { onChange: onToggleChange, checked: isToggleChecked, compact: true })] })), _jsx(\"div\", { className: \"menu-content-items\", children: items.map((item) => {\n return (_jsxs(MenuItem, { disabled: item.disabled, onClick: () => onClickHandler(item), \"data-testid\": \"CardMenu.item\", \"data-state\": item.disabled ? 'disabled' : undefined, children: [item.icon && (_jsx(ListItemIcon, { children: _jsx(Icon, { className: item.icon, fontSize: \"small\" }) })), _jsx(ListItemText, { primaryTypographyProps: { noWrap: true }, primary: item.text }), allowMultiselect && (_jsx(Checkbox, { checked: item.isChecked, disabled: item.disabled, \"data-testid\": \"CardMenu.check\" }))] }, item.text));\n }) })] }) }) })) }));\n});\n//# sourceMappingURL=cardMenu.js.map"],"names":["CardMenu","forwardRef","items","setItems","open","header","anchorRef","allowMultiselect","hasToggleSelection","onItemClick","onClose","sx","classes","placement","toggleLabel","rounded","ref","isMobile","useWindowSize","isToggleChecked","onClickHandler","onToggleChange","useCardMenu","_jsx","jsx","_Fragment","children","_jsxs","DrawerStyled","anchor","hasHeader","className","List","map","item","React","Fragment","ListItem","button","disabled","onClick","undefined","icon","ListItemIcon","Icon","fontSize","ListItemText","primaryTypographyProps","noWrap","primary","text","Checkbox","checked","isChecked","Divider","variant","PopperStyled","anchorEl","current","ClickAwayListener","onClickAway","MenuListStyled","jsxs","MenuItem","ToggleSwitch","onChange","compact"],"mappings":"gdAWY,MAACA,EAAWC,EAAAA,YAAW,EAAGC,QAAOC,WAAUC,OAAMC,SAAQC,YAAWC,mBAAkBC,qBAAoBC,cAAaC,UAASC,KAAIC,UAASC,YAAWC,cAAaC,WAAYC,KACzL,MAAMC,SAAEA,GAAaC,EAAAA,WACfC,gBAAEA,EAAeC,eAAEA,EAAcC,eAAEA,GAAmBC,EAAAA,YAAYpB,EAAOK,EAAkBJ,EAAUM,EAAaC,GACxH,OAAQa,EAAIC,IAACC,WAAW,CAAEC,SAAUT,EAAYU,EAAAA,KAAMC,EAAYA,aAAE,CAAExB,KAAMA,EAAMM,QAASA,EAASmB,OAAQ,SAAUlB,GAAIA,EAAIK,IAAKA,EAAKJ,QAASA,EAASkB,YAAazB,EAAQ,cAAe,WAAYqB,SAAU,CAACrB,GAAWkB,MAAK,MAAO,CAAEQ,UAAW,gBAAiB,cAAe,kBAAmBL,SAAUrB,IAAYkB,MAAKS,EAAAA,KAAM,CAAEN,SAAUxB,EAAM+B,KAAKC,GACxUP,EAAAA,KAAMQ,EAAAA,QAAMC,SAAU,CAAEV,SAAU,CAACC,EAAAA,KAAMU,EAAAA,SAAU,CAAEC,QAAQ,EAAMC,SAAUL,EAAKK,SAAUC,QAAS,IAAMpB,EAAec,GAAO,cAAe,gBAAiB,aAAcA,EAAKK,SAAW,gBAAaE,EAAWf,SAAU,CAACQ,EAAKQ,MAASnB,EAAIC,IAACmB,EAAYA,aAAE,CAAEjB,SAAUH,EAAIC,IAACoB,EAAIA,KAAE,CAAEb,UAAWG,EAAKQ,KAAMG,SAAU,YAAgBtB,EAAAA,IAAKuB,EAAAA,aAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASf,EAAKgB,OAAS3C,GAAqBgB,EAAIC,IAAC2B,EAAQA,SAAE,CAAEC,QAASlB,EAAKmB,UAAWd,SAAUL,EAAKK,SAAU,cAAe,sBAA0BhB,EAAAA,IAAK+B,EAAOA,QAAE,CAAEC,QAAS,aAAgBrB,EAAKgB,aAC/kB3B,EAAIC,IAACgC,EAAYA,aAAE,CAAEpD,KAAMA,EAAMqD,SAAUnD,EAAUoD,QAAS7C,UAAWA,EAAWG,IAAKA,EAAKD,QAASA,EAAS,cAAe,WAAYW,SAAUH,EAAIC,IAACmC,EAAiBA,kBAAE,CAAEC,YAAalD,EAASgB,SAAUC,EAAAA,KAAMkC,EAAAA,eAAgB,CAAEtD,iBAAkBA,EAAkBI,GAAIA,EAAIC,QAASA,EAASc,SAAU,CAACrB,GAAWsB,EAAKmC,KAACC,EAAQA,SAAE,CAAEhC,UAAW,mBAAoB,cAAe,kBAAmBL,SAAU,CAACH,EAAIC,IAACsB,eAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAAS5C,IAAWkB,EAAIC,IAACmB,EAAYA,aAAE,CAAEH,QAAS9B,EAAS,cAAe,iBAAkBgB,SAAUH,EAAIC,IAACoB,EAAIA,KAAE,CAAEb,UAAW,UAAWc,SAAU,eAAoBxC,GAAUkB,EAAAA,IAAK+B,EAAAA,QAAS,CAAEC,QAAS,SAAUxB,UAAW,sBAAwBxB,GAAoBC,GAAuBmB,EAAAA,KAAMoC,EAAAA,SAAU,CAAEhC,UAAW,kBAAmB,cAAe,kBAAmBL,SAAU,CAACH,EAAAA,IAAKuB,EAAAA,aAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASnC,GAA4B,eAAiBS,EAAAA,IAAKyC,EAAAA,aAAc,CAAEC,SAAU5C,EAAgB+B,QAASjC,EAAiB+C,SAAS,OAAc3C,EAAAA,IAAK,MAAO,CAAEQ,UAAW,qBAAsBL,SAAUxB,EAAM+B,KAAKC,GAC1mCP,EAAKmC,KAACC,EAAQA,SAAE,CAAExB,SAAUL,EAAKK,SAAUC,QAAS,IAAMpB,EAAec,GAAO,cAAe,gBAAiB,aAAcA,EAAKK,SAAW,gBAAaE,EAAWf,SAAU,CAACQ,EAAKQ,MAASnB,EAAAA,IAAKoB,EAAAA,aAAc,CAAEjB,SAAUH,EAAIC,IAACoB,EAAIA,KAAE,CAAEb,UAAWG,EAAKQ,KAAMG,SAAU,YAAgBtB,EAAAA,IAAKuB,EAAAA,aAAc,CAAEC,uBAAwB,CAAEC,QAAQ,GAAQC,QAASf,EAAKgB,OAAS3C,GAAqBgB,EAAIC,IAAC2B,EAAQA,SAAE,CAAEC,QAASlB,EAAKmB,UAAWd,SAAUL,EAAKK,SAAU,cAAe,qBAAyBL,EAAKgB,kBAC7e"}

package/cjs/components/cardMenu/styled/menuListStyled.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const MenuListStyled: import("@emotion/styled").StyledComponent<import("@mui/material/MenuList").MenuListOwnProps & import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
     ref?: import("react").Ref<HTMLUListElement>;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "autoFocus" | "variant" | "dense" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "disablePadding" | "subheader"> & {
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "autoFocus" | "dense" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap" | "disablePadding" | "subheader"> & {
     theme?: import("@emotion/react").Theme;
 } & {
     theme?: any;

package/cjs/components/common/hook/useWindowSize.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),i=require("../../../design/skoda/components/breakpoints.theme.js");exports.default=function(){const n="undefined"!=typeof window,[t,o]=e.useState({width:n?1440:window.innerWidth,height:n?800:window.innerHeight,isMobile:!1});function r(){o({width:window.innerWidth,height:window.innerHeight,isMobile:window.innerWidth<i.customBreakpoints.values.md})}return e.useEffect((()=>(r(),window.addEventListener("resize",r),()=>{r(),window.removeEventListener("resize",r)})),[]),t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),i=require("../../../design/skoda/components/layout/breakpoints.theme.js");exports.default=function(){const n="undefined"!=typeof window,[t,o]=e.useState({width:n?1440:window.innerWidth,height:n?800:window.innerHeight,isMobile:!1});function r(){o({width:window.innerWidth,height:window.innerHeight,isMobile:window.innerWidth<i.customBreakpoints.values.md})}return e.useEffect((()=>(r(),window.addEventListener("resize",r),()=>{r(),window.removeEventListener("resize",r)})),[]),t};
 //# sourceMappingURL=useWindowSize.js.map

package/cjs/components/common/hook/useWindowSize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useWindowSize.js","sources":["../../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { customBreakpoints } from '../../../design/skoda/components/breakpoints.theme';\nexport default function useWindowSize() {\n const isSSR = typeof window !== 'undefined';\n const [windowSize, setWindowSize] = useState({\n width: isSSR ? 1440 : window.innerWidth,\n height: isSSR ? 800 : window.innerHeight,\n isMobile: false,\n });\n function changeWindowSize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n isMobile: window.innerWidth < customBreakpoints.values['md'] ? true : false,\n });\n }\n useEffect(() => {\n changeWindowSize();\n window.addEventListener('resize', changeWindowSize);\n return () => {\n changeWindowSize();\n window.removeEventListener('resize', changeWindowSize);\n };\n }, []);\n return windowSize;\n}\n//# sourceMappingURL=useWindowSize.js.map"],"names":["isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","customBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"~~8KAEe~~,WACX,MAAMA,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,WAAS,CACzCC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAEd,SAASC,IACLP,EAAc,CACVE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAAA,kBAAkBC,OAAW,IAElE,CASD,OARAC,EAAAA,WAAU,KACNH,IACAT,OAAOa,iBAAiB,SAAUJ,GAC3B,KACHA,IACAT,OAAOc,oBAAoB,SAAUL,EAAiB,IAE3D,IACIR,CACX"}
1	+ {"version":3,"file":"useWindowSize.js","sources":["../../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { customBreakpoints } from '../../../design/skoda/components/layout/breakpoints.theme';\nexport default function useWindowSize() {\n const isSSR = typeof window !== 'undefined';\n const [windowSize, setWindowSize] = useState({\n width: isSSR ? 1440 : window.innerWidth,\n height: isSSR ? 800 : window.innerHeight,\n isMobile: false,\n });\n function changeWindowSize() {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n isMobile: window.innerWidth < customBreakpoints.values['md'] ? true : false,\n });\n }\n useEffect(() => {\n changeWindowSize();\n window.addEventListener('resize', changeWindowSize);\n return () => {\n changeWindowSize();\n window.removeEventListener('resize', changeWindowSize);\n };\n }, []);\n return windowSize;\n}\n//# sourceMappingURL=useWindowSize.js.map"],"names":["isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","customBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"qLAEe,WACX,MAAMA,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,WAAS,CACzCC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAEd,SAASC,IACLP,EAAc,CACVE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAAA,kBAAkBC,OAAW,IAElE,CASD,OARAC,EAAAA,WAAU,KACNH,IACAT,OAAOa,iBAAiB,SAAUJ,GAC3B,KACHA,IACAT,OAAOc,oBAAoB,SAAUL,EAAiB,IAE3D,IACIR,CACX"}

package/cjs/components/common/styled/textFieldStyled.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField';
  */
 declare const TextFieldStyled: import("@emotion/styled").StyledComponent<{
     variant?: import("@mui/material/TextField").TextFieldVariants;
-} & Omit<import("@mui/material/TextField").StandardTextFieldProps | import("@mui/material/TextField").FilledTextFieldProps | import("@mui/material/TextField").OutlinedTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & (MuiTextFieldProps & {
+} & Omit<import("@mui/material/TextField").FilledTextFieldProps | import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & (MuiTextFieldProps & {
     isSelect?: boolean;
     disabled?: boolean;
     hasError?: boolean;

package/cjs/components/iconButton/index.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ export type IconButtonProps = MuiIconButtonProps & {
 };
 export declare const IconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: import("react").Ref<HTMLButtonElement>;
-}, "disabled" | "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableFocusRipple" | "size" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+}, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "color" | "tabIndex" | "action" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     component?: import("react").ElementType<any>;
 } & {
     variant?: 'filled' | 'outlined' | 'standard';

package/cjs/components/indicator/indicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"indicator.js","sources":["../../../../src/components/indicator/indicator.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { forwardRef } from 'react';\n/*\n @description Styled SkodaFlow Indicator component\n * @param props IndicatorProps\n * @returns React Functional Component\n /\nexport const Indicator = forwardRef((_a, ref) => {\n var { children, label, variant = 'positive' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n const text = label ? label : children;\n return (_jsx(IndicatorStyled, Object.assign({}, props, { ref: ref, className: \"disclamer\", variant: variant, \"data-testid\": \"Indicator\", children: text })));\n});\n/\n Indicator styling defintion\n */\nconst IndicatorStyled = styled.div `\r\n --flow-indicator-color: ${(props) => {\n switch (props.variant) {\n case 'alert':\n return flowColors.alert['main'];\n case 'warning':\n return flowColors.warning['main'];\n case 'positive':\n return flowColors.positive['main'];\n case 'neutral':\n return flowColors.onSurface.os200;\n default:\n return flowColors[props.variant] ? flowColors[props.variant] : props.variant;\n }\n}};\r\n color: ${flowColors.text.primary};\r\n font-weight: 300;\r\n line-height: 20px;\r\n letter-spacing: 0.2px;\r\n &::before {\r\n content: '';\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n margin-right: 8px;\r\n margin-top: -2px;\r\n display: inline-block;\r\n vertical-align: middle;\r\n background-color: var(--flow-indicator-color);\r\n }\r\n`;\n//# sourceMappingURL=indicator.js.map"],"names":["Indicator","forwardRef","_a","ref","children","label","variant","props","__rest","text","_jsx","jsx","IndicatorStyled","Object","assign","className","styled","div","flowColors","alert","warning","positive","onSurface","os200","primary"],"mappings":"kOAUY,MAACA,EAAYC,EAAUA,YAAC,CAACC,EAAIC,KACrC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAeJ,EAAIK,EAAQC,EAAMA,OAACN,EAAI,CAAC,WAAY,QAAS,YAC7F,MAAMO,EAAOJ,GAAgBD,EAC7B,OAAQM,EAAIC,IAACC,EAAiBC,OAAOC,OAAO,CAAA,EAAIP,EAAO,CAAEJ,IAAKA,EAAKY,UAAW,YAAaT,QAASA,EAAS,cAAe,YAAaF,SAAUK,IAAU,IAK3JG,EAAkBI,EAAAA,QAAOC,GAAI;4BACNV,IACzB,OAAQA,EAAMD,SACV,IAAK,QACD,OAAOY,EAAUA,WAACC,MAAY,KAClC,IAAK,UACD,OAAOD,EAAUA,WAACE,QAAc,KACpC,IAAK,WACD,OAAOF,EAAUA,WAACG,SAAe,KACrC,IAAK,UACD,OAAOH,EAAUA,WAACI,UAAUC,MAChC,QACI,OAAOL,EAAUA,WAACX,EAAMD,SAAWY,EAAAA,WAAWX,EAAMD,SAAWC,EAAMD,QAC5E;WAEMY,EAAUA,WAACT,KAAKe;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"indicator.js","sources":["../../../../src/components/indicator/indicator.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { forwardRef } from 'react';\n/*\n @description Styled SkodaFlow Indicator component\n * @param props IndicatorProps\n * @returns React Functional Component\n /\nexport const Indicator = forwardRef((_a, ref) => {\n var { children, label, variant = 'positive' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n const text = label ? label : children;\n return (_jsx(IndicatorStyled, Object.assign({}, props, { ref: ref, className: \"disclamer\", variant: variant, \"data-testid\": \"Indicator\", children: text })));\n});\n/\n Indicator styling defintion\n */\nconst IndicatorStyled = styled.div `\n --flow-indicator-color: ${(props) => {\n switch (props.variant) {\n case 'alert':\n return flowColors.alert['main'];\n case 'warning':\n return flowColors.warning['main'];\n case 'positive':\n return flowColors.positive['main'];\n case 'neutral':\n return flowColors.onSurface.os200;\n default:\n return flowColors[props.variant] ? flowColors[props.variant] : props.variant;\n }\n}};\n color: ${flowColors.text.primary};\n font-weight: 300;\n line-height: 20px;\n letter-spacing: 0.2px;\n &::before {\n content: '';\n width: 14px;\n height: 14px;\n border-radius: 50%;\n margin-right: 8px;\n margin-top: -2px;\n display: inline-block;\n vertical-align: middle;\n background-color: var(--flow-indicator-color);\n }\n`;\n//# sourceMappingURL=indicator.js.map"],"names":["Indicator","forwardRef","_a","ref","children","label","variant","props","__rest","text","_jsx","jsx","IndicatorStyled","Object","assign","className","styled","div","flowColors","alert","warning","positive","onSurface","os200","primary"],"mappings":"kOAUY,MAACA,EAAYC,EAAUA,YAAC,CAACC,EAAIC,KACrC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAeJ,EAAIK,EAAQC,EAAMA,OAACN,EAAI,CAAC,WAAY,QAAS,YAC7F,MAAMO,EAAOJ,GAAgBD,EAC7B,OAAQM,EAAIC,IAACC,EAAiBC,OAAOC,OAAO,CAAA,EAAIP,EAAO,CAAEJ,IAAKA,EAAKY,UAAW,YAAaT,QAASA,EAAS,cAAe,YAAaF,SAAUK,IAAU,IAK3JG,EAAkBI,EAAAA,QAAOC,GAAI;4BACNV,IACzB,OAAQA,EAAMD,SACV,IAAK,QACD,OAAOY,EAAUA,WAACC,MAAY,KAClC,IAAK,UACD,OAAOD,EAAUA,WAACE,QAAc,KACpC,IAAK,WACD,OAAOF,EAAUA,WAACG,SAAe,KACrC,IAAK,UACD,OAAOH,EAAUA,WAACI,UAAUC,MAChC,QACI,OAAOL,EAAUA,WAACX,EAAMD,SAAWY,EAAAA,WAAWX,EAAMD,SAAWC,EAAMD,QAC5E;WAEMY,EAAUA,WAACT,KAAKe;;;;;;;;;;;;;;;"}

package/cjs/components/label/label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"label.js","sources":["../../../../src/components/label/label.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { forwardRef, useEffect } from 'react';\n/*\n @description SkodaFlow Label component.\n * @param props LabelProps\n * @returns React Functional component\n /\nexport const Label = forwardRef((_a, ref) => {\n var { label, children } = _a, props = __rest(_a, [\"label\", \"children\"]);\n const text = label ? label : children;\n useEffect(() => { }, [props]);\n return (_jsx(LabelStyled, Object.assign({}, props, { ref: ref, \"data-testid\": \"Label\", children: text })));\n});\n/\n @description Label styling definition\n */\nconst LabelStyled = styled.span `\r\n font-size: 11px;\r\n line-height: 12px;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n font-weight: 900;\r\n margin: 0px 15px;\r\n white-space: nowrap;\r\n text-rendering: geometricPrecision;\r\n color: ${flowColors.onSurface.os500};\r\n`;\n//# sourceMappingURL=label.js.map"],"names":["Label","forwardRef","_a","ref","label","children","props","__rest","text","useEffect","_jsx","LabelStyled","Object","assign","styled","span","flowColors","onSurface","os500"],"mappings":"kOAUY,MAACA,EAAQC,EAAUA,YAAC,CAACC,EAAIC,KACjC,IAAIC,MAAEA,EAAKC,SAAEA,GAAaH,EAAII,EAAQC,EAAMA,OAACL,EAAI,CAAC,QAAS,aAC3D,MAAMM,EAAOJ,GAAgBC,EAE7B,OADAI,EAAAA,WAAU,QAAW,CAACH,IACdI,EAAAA,IAAKC,EAAaC,OAAOC,OAAO,CAAA,EAAIP,EAAO,CAAEH,IAAKA,EAAK,cAAe,QAASE,SAAUG,IAAU,IAKzGG,EAAcG,EAAAA,QAAOC,IAAK;;;;;;;;;WASrBC,EAAUA,WAACC,UAAUC;"}
1	+ {"version":3,"file":"label.js","sources":["../../../../src/components/label/label.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled from '@emotion/styled';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { forwardRef, useEffect } from 'react';\n/*\n @description SkodaFlow Label component.\n * @param props LabelProps\n * @returns React Functional component\n /\nexport const Label = forwardRef((_a, ref) => {\n var { label, children } = _a, props = __rest(_a, [\"label\", \"children\"]);\n const text = label ? label : children;\n useEffect(() => { }, [props]);\n return (_jsx(LabelStyled, Object.assign({}, props, { ref: ref, \"data-testid\": \"Label\", children: text })));\n});\n/\n @description Label styling definition\n */\nconst LabelStyled = styled.span `\n font-size: 11px;\n line-height: 12px;\n letter-spacing: 3px;\n text-transform: uppercase;\n font-weight: 900;\n margin: 0px 15px;\n white-space: nowrap;\n text-rendering: geometricPrecision;\n color: ${flowColors.onSurface.os500};\n`;\n//# sourceMappingURL=label.js.map"],"names":["Label","forwardRef","_a","ref","label","children","props","__rest","text","useEffect","_jsx","LabelStyled","Object","assign","styled","span","flowColors","onSurface","os500"],"mappings":"kOAUY,MAACA,EAAQC,EAAUA,YAAC,CAACC,EAAIC,KACjC,IAAIC,MAAEA,EAAKC,SAAEA,GAAaH,EAAII,EAAQC,EAAMA,OAACL,EAAI,CAAC,QAAS,aAC3D,MAAMM,EAAOJ,GAAgBC,EAE7B,OADAI,EAAAA,WAAU,QAAW,CAACH,IACdI,EAAAA,IAAKC,EAAaC,OAAOC,OAAO,CAAA,EAAIP,EAAO,CAAEH,IAAKA,EAAK,cAAe,QAASE,SAAUG,IAAU,IAKzGG,EAAcG,EAAAA,QAAOC,IAAK;;;;;;;;;WASrBC,EAAUA,WAACC,UAAUC;"}

package/cjs/components/labelFeature/labelFeature.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"labelFeature.js","sources":["../../../../src/components/labelFeature/labelFeature.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../label';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { VariantType } from '../../utils/enum';\n/*\n @description Styled SkodaFlow LabelFeature component.\n * @param props LabelFeatureProps\n * @returns React Function Component\n /\nexport const LabelFeature = forwardRef((_a, ref) => {\n var { children, label, variant = 'primary' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n return (_jsx(LabelFeatureStyled, Object.assign({}, props, { ref: ref, variant: variant, label: label, children: children })));\n});\n/\n @description LabelFeature styling defintion\n */\nconst LabelFeatureStyled = styled(Label) `\r\n --flow-label-color: ${(props) => {\n switch (props.variant) {\n case VariantType.PRIMARY:\n return flowColors.brand.tertiary;\n case VariantType.NEUTRAL:\n return flowColors.onSurface.os500;\n default:\n return flowColors[props.variant] ? flowColors[props.variant] : flowColors.brand.secondary;\n }\n}};\r\n color: ${flowColors.onSurface.os0};\r\n background-color: var(--flow-label-color);\r\n padding: 4px 8px 4px 10px;\r\n border-radius: 2px;\r\n display: inline;\r\n`;\n//# sourceMappingURL=labelFeature.js.map"],"names":["LabelFeature","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","LabelFeatureStyled","Object","assign","styled","Label","VariantType","PRIMARY","flowColors","brand","tertiary","NEUTRAL","onSurface","os500","secondary","os0"],"mappings":"kSAYY,MAACA,EAAeC,EAAUA,YAAC,CAACC,EAAIC,KACxC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,WAAcJ,EAAIK,EAAQC,EAAMA,OAACN,EAAI,CAAC,WAAY,QAAS,YAC5F,OAAQO,EAAAA,IAAKC,EAAoBC,OAAOC,OAAO,CAAE,EAAEL,EAAO,CAAEJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAAOD,SAAUA,IAAc,IAK5HM,EAAqBG,EAAAA,QAAOC,EAAKA,MAAE;wBAChBP,IACrB,OAAQA,EAAMD,SACV,KAAKS,EAAWA,YAACC,QACb,OAAOC,EAAUA,WAACC,MAAMC,SAC5B,KAAKJ,EAAWA,YAACK,QACb,OAAOH,EAAUA,WAACI,UAAUC,MAChC,QACI,OAAOL,aAAWV,EAAMD,SAAWW,EAAUA,WAACV,EAAMD,SAAWW,EAAAA,WAAWC,MAAMK,UACvF;WAEMN,EAAUA,WAACI,UAAUG;;;;;"}
1	+ {"version":3,"file":"labelFeature.js","sources":["../../../../src/components/labelFeature/labelFeature.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../label';\nimport { flowColors } from '../../design/skoda/palette.theme';\nimport { VariantType } from '../../utils/enum';\n/*\n @description Styled SkodaFlow LabelFeature component.\n * @param props LabelFeatureProps\n * @returns React Function Component\n /\nexport const LabelFeature = forwardRef((_a, ref) => {\n var { children, label, variant = 'primary' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n return (_jsx(LabelFeatureStyled, Object.assign({}, props, { ref: ref, variant: variant, label: label, children: children })));\n});\n/\n @description LabelFeature styling defintion\n */\nconst LabelFeatureStyled = styled(Label) `\n --flow-label-color: ${(props) => {\n switch (props.variant) {\n case VariantType.PRIMARY:\n return flowColors.brand.tertiary;\n case VariantType.NEUTRAL:\n return flowColors.onSurface.os500;\n default:\n return flowColors[props.variant] ? flowColors[props.variant] : flowColors.brand.secondary;\n }\n}};\n color: ${flowColors.onSurface.os0};\n background-color: var(--flow-label-color);\n padding: 4px 8px 4px 10px;\n border-radius: 2px;\n display: inline;\n`;\n//# sourceMappingURL=labelFeature.js.map"],"names":["LabelFeature","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","LabelFeatureStyled","Object","assign","styled","Label","VariantType","PRIMARY","flowColors","brand","tertiary","NEUTRAL","onSurface","os500","secondary","os0"],"mappings":"kSAYY,MAACA,EAAeC,EAAUA,YAAC,CAACC,EAAIC,KACxC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,WAAcJ,EAAIK,EAAQC,EAAMA,OAACN,EAAI,CAAC,WAAY,QAAS,YAC5F,OAAQO,EAAAA,IAAKC,EAAoBC,OAAOC,OAAO,CAAE,EAAEL,EAAO,CAAEJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAAOD,SAAUA,IAAc,IAK5HM,EAAqBG,EAAAA,QAAOC,EAAKA,MAAE;wBAChBP,IACrB,OAAQA,EAAMD,SACV,KAAKS,EAAWA,YAACC,QACb,OAAOC,EAAUA,WAACC,MAAMC,SAC5B,KAAKJ,EAAWA,YAACK,QACb,OAAOH,EAAUA,WAACI,UAAUC,MAChC,QACI,OAAOL,aAAWV,EAAMD,SAAWW,EAAUA,WAACV,EAAMD,SAAWW,EAAAA,WAAWC,MAAMK,UACvF;WAEMN,EAAUA,WAACI,UAAUG;;;;;"}

package/cjs/components/labelStatus/labelStatus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"labelStatus.js","sources":["../../../../src/components/labelStatus/labelStatus.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../label';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/*\n @description Styled SkodaFlow LabelStatus component\n * @param props LabelStatusProps\n * @returns React Functional Component\n /\nexport const LabelStatus = forwardRef((_a, ref) => {\n var { children, label, variant = 'positive' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n return (_jsx(LabelStatusStyled, Object.assign({ className: 'labelStatus' }, props, { ref: ref, variant: variant, label: label, \"data-testid\": \"LabelStatus\", children: children })));\n});\n/\n LabelStatus styling defintion\n */\nconst LabelStatusStyled = styled(Label) `\r\n --flow-label-color: ${(props) => {\n switch (props.variant) {\n case 'alert':\n return flowColors.alert['main'];\n case 'warning':\n return flowColors.warning['main'];\n case 'positive':\n return flowColors.positive['main'];\n default:\n return flowColors[props.variant] ? flowColors[props.variant] : props.variant;\n }\n}};\r\n color: ${flowColors.text.primary};\r\n &::before {\r\n content: '';\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n margin-right: 8px;\r\n margin-top: -2px;\r\n display: inline-block;\r\n vertical-align: middle;\r\n background-color: var(--flow-label-color);\r\n }\r\n`;\n//# sourceMappingURL=labelStatus.js.map"],"names":["LabelStatus","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","jsx","LabelStatusStyled","Object","assign","className","styled","Label","flowColors","alert","warning","positive","text","primary"],"mappings":"iQAWY,MAACA,EAAcC,EAAUA,YAAC,CAACC,EAAIC,KACvC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAeJ,EAAIK,EAAQC,EAAMA,OAACN,EAAI,CAAC,WAAY,QAAS,YAC7F,OAAQO,EAAIC,IAACC,EAAmBC,OAAOC,OAAO,CAAEC,UAAW,eAAiBP,EAAO,CAAEJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAAO,cAAe,cAAeD,SAAUA,IAAc,IAKnLO,EAAoBI,EAAAA,QAAOC,EAAKA,MAAE;wBACfT,IACrB,OAAQA,EAAMD,SACV,IAAK,QACD,OAAOW,EAAUA,WAACC,MAAY,KAClC,IAAK,UACD,OAAOD,EAAUA,WAACE,QAAc,KACpC,IAAK,WACD,OAAOF,EAAUA,WAACG,SAAe,KACrC,QACI,OAAOH,EAAUA,WAACV,EAAMD,SAAWW,EAAAA,WAAWV,EAAMD,SAAWC,EAAMD,QAC5E;WAEMW,EAAUA,WAACI,KAAKC;;;;;;;;;;;;"}
1	+ {"version":3,"file":"labelStatus.js","sources":["../../../../src/components/labelStatus/labelStatus.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport { Label } from '../label';\nimport { flowColors } from '../../design/skoda/palette.theme';\n/*\n @description Styled SkodaFlow LabelStatus component\n * @param props LabelStatusProps\n * @returns React Functional Component\n /\nexport const LabelStatus = forwardRef((_a, ref) => {\n var { children, label, variant = 'positive' } = _a, props = __rest(_a, [\"children\", \"label\", \"variant\"]);\n return (_jsx(LabelStatusStyled, Object.assign({ className: 'labelStatus' }, props, { ref: ref, variant: variant, label: label, \"data-testid\": \"LabelStatus\", children: children })));\n});\n/\n LabelStatus styling defintion\n */\nconst LabelStatusStyled = styled(Label) `\n --flow-label-color: ${(props) => {\n switch (props.variant) {\n case 'alert':\n return flowColors.alert['main'];\n case 'warning':\n return flowColors.warning['main'];\n case 'positive':\n return flowColors.positive['main'];\n default:\n return flowColors[props.variant] ? flowColors[props.variant] : props.variant;\n }\n}};\n color: ${flowColors.text.primary};\n &::before {\n content: '';\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 8px;\n margin-top: -2px;\n display: inline-block;\n vertical-align: middle;\n background-color: var(--flow-label-color);\n }\n`;\n//# sourceMappingURL=labelStatus.js.map"],"names":["LabelStatus","forwardRef","_a","ref","children","label","variant","props","__rest","_jsx","jsx","LabelStatusStyled","Object","assign","className","styled","Label","flowColors","alert","warning","positive","text","primary"],"mappings":"iQAWY,MAACA,EAAcC,EAAUA,YAAC,CAACC,EAAIC,KACvC,IAAIC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,EAAU,YAAeJ,EAAIK,EAAQC,EAAMA,OAACN,EAAI,CAAC,WAAY,QAAS,YAC7F,OAAQO,EAAIC,IAACC,EAAmBC,OAAOC,OAAO,CAAEC,UAAW,eAAiBP,EAAO,CAAEJ,IAAKA,EAAKG,QAASA,EAASD,MAAOA,EAAO,cAAe,cAAeD,SAAUA,IAAc,IAKnLO,EAAoBI,EAAAA,QAAOC,EAAKA,MAAE;wBACfT,IACrB,OAAQA,EAAMD,SACV,IAAK,QACD,OAAOW,EAAUA,WAACC,MAAY,KAClC,IAAK,UACD,OAAOD,EAAUA,WAACE,QAAc,KACpC,IAAK,WACD,OAAOF,EAAUA,WAACG,SAAe,KACrC,QACI,OAAOH,EAAUA,WAACV,EAAMD,SAAWW,EAAAA,WAAWV,EAAMD,SAAWC,EAAMD,QAC5E;WAEMW,EAAUA,WAACI,KAAKC;;;;;;;;;;;;"}

package/cjs/components/mobileStepper/index.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1 1	export * from './mobileStepper';
2	+ export * from './mobileStepperButton';

package/cjs/components/mobileStepper/mobileStepper.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { FC, HTMLAttributes } from 'react';
 import { SxProps, Theme } from '@mui/material';
+import { FC, HTMLAttributes } from 'react';
 export interface MobileStepperProps extends HTMLAttributes<HTMLDivElement> {
     /**
      *  The number of steps.

package/cjs/components/mobileStepper/mobileStepper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),n=require("@mui/material/MobileStepper"),s=require("@mui/material"),a=require("../../design/skoda/palette.theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var i=o(n);const l=s.styled("div")((()=>{let e={};return e={"& .controllerContainer":{display:"flex",alignItems:"center",fontFamily:"SKODA Next",fontStyle:"normal",fontWeight:"400",fontSize:"16px",lineHeight:"16px","& .MuiButton-endIcon, .MuiButton-startIcon":{marginTop:"0px",fontWeight:"400",fontSize:"17px",lineHeight:"19px"}}},e}));exports.MobileStepper=n=>{var{steps:o,activeStep:c,variant:p,backButton:u,nextButton:d,prevButtonLabel:x,nextButtonLabel:m,LinearProgressProps:f,sx:h}=n,g=e.__rest(n,["steps","activeStep","variant","backButton","nextButton","prevButtonLabel","nextButtonLabel","LinearProgressProps","sx"]);const[S,b]=r.useState(c),j=(e,t)=>e>=0&&e<t,v={color:a.flowColors.onSurface.os900};S<=0&&(v.color=a.flowColors.disabled.primary);const B={color:a.flowColors.onSurface.os900};S>=o-1&&(B.color=a.flowColors.disabled.primary),r.useEffect((()=>{b(c)}),[c]);return t.jsx(l,{children:t.jsx("div",{children:t.jsx(i.default,Object.assign({},g,{steps:o,activeStep:S,variant:p,sx:{maxWidth:380,display:"flex",alignItems:"center",position:"static",fontWeight:"400",fontSize:"16px",lineHeight:"16px",letterSpacing:"0.02em"},backButton:t.jsx(t.Fragment,{children:(M=x,t.jsx(t.Fragment,{children:t.jsxs("div",{className:"controllerContainer","data-testid":"MobileStepper.prevBtn",style:v,onClick:()=>{j(S-1,o)&&b(S-1)},children:[t.jsx("span",{className:"MuiButton-startIcon",children:t.jsx(s.Icon,{fontSize:"small",style:v,className:"arrow-left"})}),t.jsx("span",{className:"arrowLabel",children:M})]})}))}),nextButton:t.jsx(t.Fragment,{children:(y=m,t.jsx(t.Fragment,{children:t.jsxs("div",{className:"controllerContainer","data-testid":"MobileStepper.nextBtn",style:B,onClick:()=>{j(S+1,o)&&b(S+1)},children:[t.jsx("span",{className:"arrowLabel",children:y}),t.jsx("span",{className:"MuiButton-endIcon",children:t.jsx(s.Icon,{fontSize:"small",style:B,className:"arrow-right"})})]})}))}),"data-testid":"MobileStepper"}))})});var y,M};
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material/MobileStepper"),i=require("react"),n=require("./mobileStepperButton.js");function a(e){return e&&e.__esModule?e:{default:e}}var s=a(r);exports.MobileStepper=r=>{var{steps:a,activeStep:o,variant:p,backButton:u,nextButton:l,prevButtonLabel:c,nextButtonLabel:b,LinearProgressProps:x,sx:d}=r,B=e.__rest(r,["steps","activeStep","variant","backButton","nextButton","prevButtonLabel","nextButtonLabel","LinearProgressProps","sx"]);const[S,v]=i.useState(o);return i.useEffect((()=>{v(o)}),[o]),t.jsx(s.default,Object.assign({},B,{steps:a,activeStep:S,variant:p,sx:{maxWidth:380,display:"flex",alignItems:"center",position:"static",fontWeight:"400",fontSize:"16px",lineHeight:"16px",letterSpacing:"0.02em"},backButton:t.jsx(n.MobileStepperButtonBack,{"data-testid":"MobileStepper.prevBtn",disabled:S<=0,onClick:()=>v((e=>e-1)),children:c}),nextButton:t.jsx(n.MobileStepperButtonNext,{"data-testid":"MobileStepper.nextBtn",disabled:S>=a-1,onClick:()=>v((e=>e+1)),children:b}),"data-testid":"MobileStepper"}))};
 //# sourceMappingURL=mobileStepper.js.map

package/cjs/components/mobileStepper/mobileStepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mobileStepper.js","sources":["../../../../src/components/mobileStepper/mobileStepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, ~~jsxs as _jsxs, Fragment as _Fragment~~ } from \"react/jsx-runtime\";\nimport ~~{ useEffect, useState } from 'react';\nimport~~ MuiMobileStepper from '@mui/material/MobileStepper';\nimport { ~~Icon~~, ~~styled~~ } from '~~@mui/material~~';\nimport { ~~flowColors~~ } from '~~../../design/skoda/palette.theme~~';\nexport const MobileStepper = (_a) => {\n var { steps, activeStep, variant, backButton, nextButton, prevButtonLabel, nextButtonLabel, LinearProgressProps, sx } = _a, props = __rest(_a, [\"steps\", \"activeStep\", \"variant\", \"backButton\", \"nextButton\", \"prevButtonLabel\", \"nextButtonLabel\", \"LinearProgressProps\", \"sx\"]);\n const [currentStep, setCurrentStep] = useState(activeStep);\n const isStepValid = (stepNumber, _steps) => {\n return stepNumber >= 0 && stepNumber < _steps ? true : false;\n };\n const colorp = {\n color: flowColors.onSurface.os900,\n };\n if (currentStep <= 0) {\n colorp.color = flowColors.disabled.primary;\n }\n const colorn = {\n color: flowColors.onSurface.os900,\n };\n if (currentStep >= steps - 1) {\n colorn.color = flowColors.disabled.primary;\n }\n // change current step on change of active step\n useEffect(() => {\n setCurrentStep(activeStep);\n }, [activeStep]);\n ~~const~~ ~~previousArrow =~~ (~~_prevButtonLabel) => (~~_jsx(_Fragment, { children: _jsxs(\"div\", { className: \"controllerContainer\", \"data-testid\": \"MobileStepper.prevBtn\", style: colorp, onClick: () => {\n isStepValid(currentStep - 1, steps) && setCurrentStep(currentStep - 1);\n }, children: [_jsx(\"span\", { className: 'MuiButton-startIcon', children: _jsx(Icon, { fontSize: 'small', style: colorp, className: 'arrow-left' }) }), _jsx(\"span\", { className: \"arrowLabel\", children: _prevButtonLabel })] }) }));\n const nextArrow = (_nextButtonLabel) => (_jsx(_Fragment, { children: _jsxs(\"div\", { className: \"controllerContainer\", \"data-testid\": \"MobileStepper.nextBtn\", style: colorn, onClick: () => {\n isStepValid(currentStep + 1, steps) && setCurrentStep(currentStep + 1);\n }, children: [_jsx(\"span\", { className: \"arrowLabel\", children: _nextButtonLabel }), _jsx(\"span\", { className: 'MuiButton-endIcon', children: _jsx(Icon, { fontSize: 'small', style: colorn, className: 'arrow-right' }) })] }) }));\n const mobileStepper = () => (_jsx(\"div\", { children: _jsx(MuiMobileStepper, Object.assign({}, props, { steps: steps, activeStep: currentStep, variant: variant, sx: {\n maxWidth: 380,\n display: 'flex',\n alignItems: 'center',\n position: 'static',\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '16px',\n letterSpacing: '0.02em',\n }, backButton: _jsx(~~_Fragment~~, { ~~children: previousArrow(prevButtonLabel) }), nextButton: _jsx(_Fragment, { children: nextArrow(nextButtonLabel) }),~~ \"data-testid\": \"MobileStepper\" ~~}))~~ ~~}));\n return~~ ~~_jsx(MobileStepperStyle~~, ~~{ children~~: ~~mobileStepper~~() ~~});\n};\nconst~~ ~~MobileStepperStyle = styled~~(~~'div')~~(() => ~~{\n let~~ ~~style~~ = ~~{};\n const~~ ~~SKODA_NEXT~~ = ~~'SKODA~~ ~~Next';\n style~~ = {\~~n '& .controllerContainer'~~: {\~~n display:~~ ~~'flex',\n alignItems~~: ~~'center',\n fontFamily:~~ ~~SKODA_NEXT,\n fontStyle:~~ ~~'normal',\n fontWeight:~~ ~~'400',\n fontSize:~~ ~~'16px',\n lineHeight~~: ~~'16px',\n '&~~ ~~.MuiButton-endIcon~~, ~~.MuiButton-startIcon'~~: ~~{\n marginTop:~~ ~~'0px',\n fontWeight:~~ ~~'400',\n fontSize~~: ~~'17px',\n lineHeight:~~ ~~'19px',\n~~ }~~,\n },\n }~~;\n ~~return style;\n~~});\n//# sourceMappingURL=mobileStepper.js.map"],"names":["~~MobileStepperStyle","styled","style","display","alignItems","fontFamily","fontStyle","fontWeight","fontSize","lineHeight","marginTop","~~_a","steps","activeStep","variant","backButton","nextButton","prevButtonLabel","nextButtonLabel","LinearProgressProps","sx","props","__rest","currentStep","setCurrentStep","useState","~~isStepValid~~","~~stepNumber~~","~~_steps~~","~~colorp~~","~~color~~","~~flowColors~~","~~onSurface~~","~~os900~~","~~disabled~~","~~primary~~","~~colorn~~","~~useEffect~~","~~_jsx~~","~~children~~","~~jsx","MuiMobileStepper","default","Object","assign","maxWidth","position","~~letterSpacing","~~_Fragment~~","~~_prevButtonLabel~~","~~_jsxs","className","~~onClick","~~Icon~~","~~Fragment~~","~~_nextButtonLabel~~"],"mappings":"~~yQAMY~~,MAwCNA,EAAqBC,EAAAA,OAAO,MAAPA,EAAc,KACrC,IAAIC,EAAQ,CAAA,EAmBZ,OAjBAA,EAAQ,CACJ,yBAA0B,CACtBC,QAAS,OACTC,WAAY,SACZC,WALW,aAMXC,UAAW,SACXC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZ,6CAA8C,CAC1CC,UAAW,MACXH,WAAY,MACZC,SAAU,OACVC,WAAY,UAIjBP,CAAK,0BA5DcS,IAC1B,IAAIC,MAAEA,EAAKC,WAAEA,EAAUC,QAAEA,EAAOC,WAAEA,EAAUC,WAAEA,EAAUC,gBAAEA,EAAeC,gBAAEA,EAAeC,oBAAEA,EAAmBC,GAAEA,GAAOT,EAAIU,EAAQC,EAAMA,OAACX,EAAI,CAAC,QAAS,aAAc,UAAW,aAAc,aAAc,kBAAmB,kBAAmB,sBAAuB,OAC3Q,MAAOY,EAAaC,GAAkBC,EAAQA,SAACZ,~~GACzCa~~,~~EAAc~~,~~CAACC,EAAYC,IACtBD,GAAc,GAAKA,EAAaC,EAErCC,EAAS,CACXC,MAAOC,~~EAAAA,~~WAAWC,UAAUC,OAE5BV,GAAe,IACfM,EAAOC,MAAQC,aAAWG,SAASC,SAEvC,MAAMC,EAAS,CACXN,MAAOC,EAAAA,WAAWC,UAAUC,OAE5BV,GAAeX,EAAQ,IACvBwB,EAAON,MAAQC,aAAWG,SAASC,SAGvCE,EAAAA,~~WAAU,~~KACNb~~,EAAeX,EAAW,GAC3B,CAACA,~~IAiBJ~~,~~OAAOyB~~,~~EAAAA,IAAKtC,EAAoB,CAAEuC,SAVLD,EAAAA,IAAK,MAAO,CAAEC,SAAUD,EAAIE,~~IAACC,EAAgBC,QAAEC,OAAOC,OAAO,~~CAAA~~,~~EAAIvB~~,EAAO,CAAET,MAAOA,EAAOC,WAAYU,EAAaT,QAASA,EAASM,GAAI,~~CACxJyB~~,SAAU,~~IACV1C~~,QAAS,OACTC,WAAY,~~SACZ0C~~,SAAU,~~SACVvC~~,WAAY,MACZC,SAAU,OACVC,WAAY,~~OACZsC~~,cAAe,~~UAChBhC~~,~~WAAYuB~~,~~MAAKU~~,~~EAAAA~~,~~SAAW~~,~~CAAET~~,~~UAflBU~~,~~EAe0ChC~~,~~EAfpBqB~~,~~EAAAA~~,~~IAAKU~~,~~EAAAA,SAAW,CAAET,SAAUW,OAAM,MAAO,CAAEC,UAAW,sBAAuB,cAAe,wBAAyBjD,MAAO2B,EAAQuB,~~QAAS,~~KAC9K1B~~,~~EAAYH~~,~~EAAc~~,~~EAAGX~~,~~IAAUY~~,~~EAAeD~~,~~EAAc~~,~~EAAE~~,~~EACvEgB,SAAU,CAACD,~~EAAAA,~~IAAK~~,~~OAAQ,CAAEa,UAAW,sBAAuBZ,SAAUD,~~EAAAA,~~IAAKe~~,~~EAAAA~~,~~KAAM~~,~~CAAE7C~~,~~SAAU~~,~~QAASN~~,~~MAAO2B~~,~~EAAQsB~~,UAAW,iBAAoBb,EAAAA,IAAK,OAAQ,CAAEa,UAAW,aAAcZ,SAAUU,YAa3HjC,WAAYsB,EAAIE,IAACQ,EAASM,SAAE,CAAEf,UAZjGgB,EAYqHrC,EAZ/FoB,EAAAA,IAAKU,EAAAA,SAAW,CAAET,SAAUW,OAAM,MAAO,CAAEC,UAAW,sBAAuB,cAAe,wBAAyBjD,MAAOkC,EAAQgB,QAAS,~~KAC1K1B~~,~~EAAYH~~,~~EAAc~~,~~EAAGX~~,~~IAAUY~~,~~EAAeD~~,~~EAAc~~,~~EAAE,EACvEgB,SAAU,CAACD,EAAAA,IAAK,OAAQ,CAAEa,UAAW,aAAcZ,SAAUgB,IAAqBjB,EAAAA,IAAK,OAAQ,CAAEa,UAAW,oBAAqBZ,SAAUD,EAAAA,IAAKe,EAAAA,KAAM,CAAE7C,SAAU,QAASN,MAAOkC,EAAQe,UAAW,0BAUnD,~~cAAe,~~uBATtJ,IAHHI,EAHIN,CAgBuC~~"}
1	+ {"version":3,"file":"mobileStepper.js","sources":["../../../../src/components/mobileStepper/mobileStepper.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport MuiMobileStepper from '@mui/material/MobileStepper';\nimport { useEffect, useState } from 'react';\nimport { MobileStepperButtonBack, MobileStepperButtonNext } from './mobileStepperButton';\nexport const MobileStepper = (_a) => {\n var { steps, activeStep, variant, backButton, nextButton, prevButtonLabel, nextButtonLabel, LinearProgressProps, sx } = _a, props = __rest(_a, [\"steps\", \"activeStep\", \"variant\", \"backButton\", \"nextButton\", \"prevButtonLabel\", \"nextButtonLabel\", \"LinearProgressProps\", \"sx\"]);\n const [currentStep, setCurrentStep] = useState(activeStep);\n // change current step on change of active step\n useEffect(() => {\n setCurrentStep(activeStep);\n }, [activeStep]);\n return (_jsx(MuiMobileStepper, Object.assign({}, props, { steps: steps, activeStep: currentStep, variant: variant, sx: {\n maxWidth: 380,\n display: 'flex',\n alignItems: 'center',\n position: 'static',\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '16px',\n letterSpacing: '0.02em',\n }, backButton: _jsx(MobileStepperButtonBack, { \"data-testid\": \"MobileStepper.prevBtn\", disabled: currentStep <= 0, onClick: () => setCurrentStep((prev) => prev - 1), children: prevButtonLabel }), nextButton: _jsx(MobileStepperButtonNext, { \"data-testid\": \"MobileStepper.nextBtn\", disabled: currentStep >= steps - 1, onClick: () => setCurrentStep((prev) => prev + 1), children: nextButtonLabel }), \"data-testid\": \"MobileStepper\" })));\n};\n//# sourceMappingURL=mobileStepper.js.map"],"names":["_a","steps","activeStep","variant","backButton","nextButton","prevButtonLabel","nextButtonLabel","LinearProgressProps","sx","props","__rest","currentStep","setCurrentStep","useState","useEffect","_jsx","jsx","MuiMobileStepper","default","Object","assign","maxWidth","display","alignItems","position","fontWeight","fontSize","lineHeight","letterSpacing","MobileStepperButtonBack","disabled","onClick","prev","children","MobileStepperButtonNext"],"mappings":"yPAK8BA,IAC1B,IAAIC,MAAEA,EAAKC,WAAEA,EAAUC,QAAEA,EAAOC,WAAEA,EAAUC,WAAEA,EAAUC,gBAAEA,EAAeC,gBAAEA,EAAeC,oBAAEA,EAAmBC,GAAEA,GAAOT,EAAIU,EAAQC,EAAMA,OAACX,EAAI,CAAC,QAAS,aAAc,UAAW,aAAc,aAAc,kBAAmB,kBAAmB,sBAAuB,OAC3Q,MAAOY,EAAaC,GAAkBC,EAAQA,SAACZ,GAK/C,OAHAa,EAAAA,WAAU,KACNF,EAAeX,EAAW,GAC3B,CAACA,IACIc,EAAIC,IAACC,EAAgBC,QAAEC,OAAOC,OAAO,CAAE,EAAEX,EAAO,CAAET,MAAOA,EAAOC,WAAYU,EAAaT,QAASA,EAASM,GAAI,CAC/Ga,SAAU,IACVC,QAAS,OACTC,WAAY,SACZC,SAAU,SACVC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,cAAe,UAChBzB,WAAYY,EAAIC,IAACa,0BAAyB,CAAE,cAAe,wBAAyBC,SAAUnB,GAAe,EAAGoB,QAAS,IAAMnB,GAAgBoB,GAASA,EAAO,IAAIC,SAAU5B,IAAoBD,WAAYW,EAAAA,IAAKmB,EAAAA,wBAAyB,CAAE,cAAe,wBAAyBJ,SAAUnB,GAAeX,EAAQ,EAAG+B,QAAS,IAAMnB,GAAgBoB,GAASA,EAAO,IAAIC,SAAU3B,IAAoB,cAAe,kBAAqB"}

package/cjs/components/mobileStepper/mobileStepperButton.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { ButtonProps } from '@mui/material';
+export declare const MobileStepperButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileStepperButtonNext: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileStepperButtonBack: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/components/mobileStepper/mobileStepperButton.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("../icon/icon.js");const r=t=>e.jsx(o,Object.assign({variant:"text",color:"secondary",disableFocusRipple:!0,disableRipple:!0,"data-testid":"MobileStepperButton"},t)),o=t.styled(t.Button)((({theme:e})=>({borderRadius:"none",padding:0,display:"flex",alignItems:"center",gap:8,fontStyle:"normal",fontWeight:"400",fontSize:"16px",lineHeight:"16px",height:"auto",color:e.palette.text.primary,"&:hover":{backgroundColor:"transparent"},"& .MuiIcon-root":{fontSize:"17px",lineHeight:"19px"},"&.Mui-disabled":{color:e.palette.disabled.primary}})));exports.MobileStepperButton=r,exports.MobileStepperButtonBack=t=>e.jsxs(r,Object.assign({},t,{children:[e.jsx(i.Icon,{fontSize:"small",className:"arrow-left"}),t.children]})),exports.MobileStepperButtonNext=t=>e.jsxs(r,Object.assign({},t,{children:[t.children,e.jsx(i.Icon,{fontSize:"small",className:"arrow-right"})]}));
2	+ //# sourceMappingURL=mobileStepperButton.js.map

package/cjs/components/mobileStepper/mobileStepperButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"mobileStepperButton.js","sources":["../../../../src/components/mobileStepper/mobileStepperButton.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Button, styled } from '@mui/material';\nimport { Icon } from '../icon';\nexport const MobileStepperButton = (props) => {\n return (_jsx(MobileStepperButtonStyled, Object.assign({ variant: \"text\", color: \"secondary\", disableFocusRipple: true, disableRipple: true, \"data-testid\": \"MobileStepperButton\" }, props)));\n};\nexport const MobileStepperButtonNext = (props) => (_jsxs(MobileStepperButton, Object.assign({}, props, { children: [props.children, _jsx(Icon, { fontSize: 'small', className: 'arrow-right' })] })));\nexport const MobileStepperButtonBack = (props) => (_jsxs(MobileStepperButton, Object.assign({}, props, { children: [_jsx(Icon, { fontSize: 'small', className: 'arrow-left' }), props.children] })));\nconst MobileStepperButtonStyled = styled(Button)(({ theme }) => ({\n borderRadius: 'none',\n padding: 0,\n display: 'flex',\n alignItems: 'center',\n gap: 8,\n fontStyle: 'normal',\n fontWeight: '400',\n fontSize: '16px',\n lineHeight: '16px',\n height: 'auto',\n color: theme.palette.text.primary,\n '&:hover': {\n backgroundColor: 'transparent',\n },\n '& .MuiIcon-root': {\n fontSize: '17px',\n lineHeight: '19px',\n },\n '&.Mui-disabled': {\n color: theme.palette.disabled.primary,\n },\n}));\n//# sourceMappingURL=mobileStepperButton.js.map"],"names":["MobileStepperButton","props","_jsx","MobileStepperButtonStyled","Object","assign","variant","color","disableFocusRipple","disableRipple","styled","Button","theme","borderRadius","padding","display","alignItems","gap","fontStyle","fontWeight","fontSize","lineHeight","height","palette","text","primary","backgroundColor","disabled","_jsxs","children","Icon","className","jsx"],"mappings":"wGAGY,MAACA,EAAuBC,GACxBC,EAAAA,IAAKC,EAA2BC,OAAOC,OAAO,CAAEC,QAAS,OAAQC,MAAO,YAAaC,oBAAoB,EAAMC,eAAe,EAAM,cAAe,uBAAyBR,IAIlLE,EAA4BO,EAAAA,OAAOC,EAAAA,OAAPD,EAAe,EAAGE,YAAa,CAC7DC,aAAc,OACdC,QAAS,EACTC,QAAS,OACTC,WAAY,SACZC,IAAK,EACLC,UAAW,SACXC,WAAY,MACZC,SAAU,OACVC,WAAY,OACZC,OAAQ,OACRf,MAAOK,EAAMW,QAAQC,KAAKC,QAC1B,UAAW,CACPC,gBAAiB,eAErB,kBAAmB,CACfN,SAAU,OACVC,WAAY,QAEhB,iBAAkB,CACdd,MAAOK,EAAMW,QAAQI,SAASF,2EArBExB,GAAW2B,EAAAA,KAAM5B,EAAqBI,OAAOC,OAAO,CAAE,EAAEJ,EAAO,CAAE4B,SAAU,CAAC3B,MAAK4B,EAAAA,KAAM,CAAEV,SAAU,QAASW,UAAW,eAAiB9B,EAAM4B,6CAD9I5B,GAAW2B,EAAAA,KAAM5B,EAAqBI,OAAOC,OAAO,CAAE,EAAEJ,EAAO,CAAE4B,SAAU,CAAC5B,EAAM4B,SAAU3B,EAAI8B,IAACF,OAAM,CAAEV,SAAU,QAASW,UAAW"}