@skodaflow/web-library 7.15.1 → 7.16.1

package/cjs/utils/ResponsiveType.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveType.js","sources":["../../../../src/utils/ResponsiveType.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nexport type ResponsiveType<V extends number | string> =\n  | V\n  | {\n      xl: V;\n      lg?: V;\n      md?: V;\n      sm?: V;\n      xs?: V;\n    };\n\nexport function useResponsiveProp<V extends string | number>(prop: ResponsiveType<V>) {\n  return useMemo(() => {\n    if (typeof prop === 'object') {\n      return {\n        xl: prop.xl,\n        lg: prop.lg ?? prop.xl,\n        md: prop.md ?? prop.lg ?? prop.xl,\n        sm: prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n        xs: prop.xs ?? prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n      };\n    }\n    if (prop === undefined) {\n      return undefined;\n    }\n    return {\n      xl: prop,\n      lg: prop,\n      md: prop,\n      sm: prop,\n      xs: prop,\n    };\n  }, [prop]);\n}\n"],"names":["prop","useMemo","xl","lg","_a","md","_c","_b","sm","_f","_e","_d","xs","_j","_h","_g","_k","undefined"],"mappings":"8DAYM,SAAuDA,GAC3D,OAAOC,EAAAA,SAAQ,6BACb,MAAoB,iBAATD,EACF,CACLE,GAAIF,EAAKE,GACTC,GAAW,UAAPH,EAAKG,UAAE,IAAAC,EAAAA,EAAIJ,EAAKE,GACpBG,GAAsB,QAAlBC,EAAO,QAAPC,EAAAP,EAAKK,UAAE,IAAAE,EAAAA,EAAIP,EAAKG,UAAE,IAAAG,EAAAA,EAAIN,EAAKE,GAC/BM,GAAiC,QAA7BC,UAAAC,EAAO,UAAPV,EAAKQ,UAAE,IAAAG,EAAAA,EAAIX,EAAKK,kBAAML,EAAKG,UAAE,IAAAM,EAAAA,EAAIT,EAAKE,GAC1CU,GAA4C,UAAX,QAA7BC,EAAkB,QAAlBC,EAAO,UAAPd,EAAKY,UAAE,IAAAG,EAAAA,EAAIf,EAAKQ,UAAE,IAAAM,EAAAA,EAAId,EAAKK,UAAE,IAAAQ,EAAAA,EAAIb,EAAKG,UAAE,IAAAa,EAAAA,EAAIhB,EAAKE,SAG5Ce,IAATjB,EAGG,CACLE,GAAIF,EACJG,GAAIH,EACJK,GAAIL,EACJQ,GAAIR,EACJY,GAAIZ,QARN,CASC,GACA,CAACA,GACN"}
+{"version":3,"file":"ResponsiveType.js","sources":["../../../../src/utils/ResponsiveType.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nexport type ResponsiveType<V extends number | string> =\n  | V\n  | {\n      xl: V;\n      lg?: V;\n      md?: V;\n      sm?: V;\n      xs?: V;\n    };\n\nexport function useResponsiveProp<V extends string | number>(prop: ResponsiveType<V>) {\n  return useMemo(() => {\n    if (typeof prop === 'object') {\n      return {\n        xl: prop.xl,\n        lg: prop.lg ?? prop.xl,\n        md: prop.md ?? prop.lg ?? prop.xl,\n        sm: prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n        xs: prop.xs ?? prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n      };\n    }\n    if (prop === undefined) {\n      return undefined;\n    }\n    return {\n      xl: prop,\n      lg: prop,\n      md: prop,\n      sm: prop,\n      xs: prop,\n    };\n  }, [prop]);\n}\n"],"names":["prop","useMemo","xl","lg","_a","md","_c","_b","sm","_f","_e","_d","xs","_j","_h","_g","_k","undefined"],"mappings":"8DAYM,SAAuDA,GAC3D,OAAOC,EAAAA,QAAQ,6BACb,MAAoB,iBAATD,EACF,CACLE,GAAIF,EAAKE,GACTC,GAAW,UAAPH,EAAKG,UAAE,IAAAC,EAAAA,EAAIJ,EAAKE,GACpBG,GAAsB,QAAlBC,EAAO,QAAPC,EAAAP,EAAKK,UAAE,IAAAE,EAAAA,EAAIP,EAAKG,UAAE,IAAAG,EAAAA,EAAIN,EAAKE,GAC/BM,GAAiC,QAA7BC,UAAAC,EAAO,UAAPV,EAAKQ,UAAE,IAAAG,EAAAA,EAAIX,EAAKK,kBAAML,EAAKG,UAAE,IAAAM,EAAAA,EAAIT,EAAKE,GAC1CU,GAA4C,UAAX,QAA7BC,EAAkB,QAAlBC,EAAO,UAAPd,EAAKY,UAAE,IAAAG,EAAAA,EAAIf,EAAKQ,UAAE,IAAAM,EAAAA,EAAId,EAAKK,UAAE,IAAAQ,EAAAA,EAAIb,EAAKG,UAAE,IAAAa,EAAAA,EAAIhB,EAAKE,SAG5Ce,IAATjB,EAGG,CACLE,GAAIF,EACJG,GAAIH,EACJK,GAAIL,EACJQ,GAAIR,EACJY,GAAIZ,QARN,GAUC,CAACA,GACN"}

package/cjs/utils/useClosure/useClosure.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.useClosure=s=>{const[l,u]=e.useState(null!=s&&s),a=e.useCallback((()=>u(!l)),[l,u]),n=e.useCallback((()=>u(!0)),[u]),r=e.useCallback((()=>u(!1)),[u]);return{isOpen:l,setOpen:u,onToggle:a,onOpen:n,onClose:r}};
+"use strict";var e=require("react");exports.useClosure=s=>{const[l,u]=e.useState(null!=s&&s),a=e.useCallback(()=>u(!l),[l,u]),n=e.useCallback(()=>u(!0),[u]),r=e.useCallback(()=>u(!1),[u]);return{isOpen:l,setOpen:u,onToggle:a,onOpen:n,onClose:r}};
 //# sourceMappingURL=useClosure.js.map

package/cjs/utils/useClosure/useClosure.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClosure.js","sources":["../../../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/**\n * @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.\n * @param {boolean} initiallyOpen - default isOpen value\n * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`\n */\nexport const useClosure = (initiallyOpen?: boolean) => {\n  const [isOpen, setOpen] = useState(initiallyOpen ?? false);\n\n  const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n  const onOpen = useCallback(() => setOpen(true), [setOpen]);\n  const onClose = useCallback(() => setOpen(false), [setOpen]);\n\n  return {\n    isOpen,\n    setOpen,\n    onToggle,\n    onOpen,\n    onClose,\n  };\n};\n"],"names":["initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"uDAO2BA,IACzB,MAAOC,EAAQC,GAAWC,WAASH,SAAAA,GAE7BI,EAAWC,EAAAA,aAAY,IAAMH,GAASD,IAAS,CAACA,EAAQC,IACxDI,EAASD,EAAAA,aAAY,IAAMH,GAAQ,IAAO,CAACA,IAC3CK,EAAUF,EAAAA,aAAY,IAAMH,GAAQ,IAAQ,CAACA,IAEnD,MAAO,CACLD,SACAC,UACAE,WACAE,SACAC,UACD"}
+{"version":3,"file":"useClosure.js","sources":["../../../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/**\n * @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.\n * @param {boolean} initiallyOpen - default isOpen value\n * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`\n */\nexport const useClosure = (initiallyOpen?: boolean) => {\n  const [isOpen, setOpen] = useState(initiallyOpen ?? false);\n\n  const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n  const onOpen = useCallback(() => setOpen(true), [setOpen]);\n  const onClose = useCallback(() => setOpen(false), [setOpen]);\n\n  return {\n    isOpen,\n    setOpen,\n    onToggle,\n    onOpen,\n    onClose,\n  };\n};\n"],"names":["initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"uDAO2BA,IACzB,MAAOC,EAAQC,GAAWC,WAASH,SAAAA,GAE7BI,EAAWC,EAAAA,YAAY,IAAMH,GAASD,GAAS,CAACA,EAAQC,IACxDI,EAASD,EAAAA,YAAY,IAAMH,GAAQ,GAAO,CAACA,IAC3CK,EAAUF,EAAAA,YAAY,IAAMH,GAAQ,GAAQ,CAACA,IAEnD,MAAO,CACLD,SACAC,UACAE,WACAE,SACAC"}

package/cjs/utils/useDebounce/useDebounce.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.default=function(t,r,u={instantClear:!1}){const[n,s]=e.useState(t),a=e.useRef(null);return e.useEffect((()=>(!t&&u.instantClear?s(t):a.current=setTimeout((()=>{s(t)}),r),()=>{a.current&&clearTimeout(a.current)})),[t,r,u.instantClear]),n};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.default=function(t,r,u={instantClear:!1}){const[n,s]=e.useState(t),a=e.useRef(null);return e.useEffect(()=>(!t&&u.instantClear?s(t):a.current=setTimeout(()=>{s(t)},r),()=>{a.current&&clearTimeout(a.current)}),[t,r,u.instantClear]),n};
 //# sourceMappingURL=useDebounce.js.map

package/cjs/utils/useDebounce/useDebounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.js","sources":["../../../../../src/utils/useDebounce/useDebounce.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/**\n * Returns value after a specified time period has passed without any further changes\n *\n * @param {T} value - value to be debounced\n * @param {number} delay - wait time before updating debounce value\n * @param {object} options - set of options to tweak behavior\n * @param {boolean} options.instantClear - with !value, instantly update debouncedValue\n * @returns {T} debouncedValue\n */\nexport default function useDebounce<T>(\n  value: T,\n  delay: number,\n  options: { instantClear: boolean } = { instantClear: false },\n): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  const timeout = useRef<NodeJS.Timeout | null>(null);\n\n  useEffect(() => {\n    if (!value && options.instantClear) {\n      setDebouncedValue(value);\n    } else {\n      timeout.current = setTimeout(() => {\n        setDebouncedValue(value);\n      }, delay);\n    }\n\n    return () => {\n      if (timeout.current) {\n        clearTimeout(timeout.current);\n      }\n    };\n  }, [value, delay, options.instantClear]);\n\n  return debouncedValue;\n}\n"],"names":["value","delay","options","instantClear","debouncedValue","setDebouncedValue","useState","timeout","useRef","useEffect","current","setTimeout","clearTimeout"],"mappings":"2GAWc,SACZA,EACAC,EACAC,EAAqC,CAAEC,cAAc,IAErD,MAAOC,EAAgBC,GAAqBC,EAAAA,SAASN,GAC/CO,EAAUC,EAAAA,OAA8B,MAkB9C,OAhBAC,EAAAA,WAAU,MACHT,GAASE,EAAQC,aACpBE,EAAkBL,GAElBO,EAAQG,QAAUC,YAAW,KAC3BN,EAAkBL,EAAM,GACvBC,GAGE,KACDM,EAAQG,SACVE,aAAaL,EAAQG,QACvB,IAED,CAACV,EAAOC,EAAOC,EAAQC,eAEnBC,CACT"}
+{"version":3,"file":"useDebounce.js","sources":["../../../../../src/utils/useDebounce/useDebounce.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/**\n * Returns value after a specified time period has passed without any further changes\n *\n * @param {T} value - value to be debounced\n * @param {number} delay - wait time before updating debounce value\n * @param {object} options - set of options to tweak behavior\n * @param {boolean} options.instantClear - with !value, instantly update debouncedValue\n * @returns {T} debouncedValue\n */\nexport default function useDebounce<T>(\n  value: T,\n  delay: number,\n  options: { instantClear: boolean } = { instantClear: false },\n): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  const timeout = useRef<NodeJS.Timeout | null>(null);\n\n  useEffect(() => {\n    if (!value && options.instantClear) {\n      setDebouncedValue(value);\n    } else {\n      timeout.current = setTimeout(() => {\n        setDebouncedValue(value);\n      }, delay);\n    }\n\n    return () => {\n      if (timeout.current) {\n        clearTimeout(timeout.current);\n      }\n    };\n  }, [value, delay, options.instantClear]);\n\n  return debouncedValue;\n}\n"],"names":["value","delay","options","instantClear","debouncedValue","setDebouncedValue","useState","timeout","useRef","useEffect","current","setTimeout","clearTimeout"],"mappings":"2GAWc,SACZA,EACAC,EACAC,EAAqC,CAAEC,cAAc,IAErD,MAAOC,EAAgBC,GAAqBC,EAAAA,SAASN,GAC/CO,EAAUC,EAAAA,OAA8B,MAkB9C,OAhBAC,EAAAA,UAAU,MACHT,GAASE,EAAQC,aACpBE,EAAkBL,GAElBO,EAAQG,QAAUC,WAAW,KAC3BN,EAAkBL,IACjBC,GAGE,KACDM,EAAQG,SACVE,aAAaL,EAAQG,WAGxB,CAACV,EAAOC,EAAOC,EAAQC,eAEnBC,CACT"}

package/cjs/utils/useElementScrollable/useElementScrollable.d.ts

@@ -2,11 +2,12 @@
  * Monitors an element for scroll.
  *
  * @param axis - horizontal/vertical scroll to monitor @default y
+ * @param callback - optional callback
  * @returns The hook returns an object containing:
  *   - {boolean} isScrollable - A boolean indicating if the element is scrollable.
  *   - {Function} elementRef - A callback ref function to be assigned to the element being monitored.
  */
-export declare function useElementScrollable(axis?: 'x' | 'y'): {
+export declare function useElementScrollable(axis?: 'x' | 'y', callback?: (el: HTMLElement) => void): {
     isScrollable: boolean;
     elementRef: (element: HTMLElement) => void;
 };

package/cjs/utils/useElementScrollable/useElementScrollable.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.useElementScrollable=function(t="y"){const[s,l]=e.useState(!1);return{isScrollable:s,elementRef:e.useCallback((e=>{const s=new ResizeObserver((()=>{l("y"===t?e.offsetHeight<e.scrollHeight:e.offsetWidth<e.scrollWidth)}));null!==e?s.observe(e):s.disconnect()}),[])}};
+"use strict";var e=require("react");exports.useElementScrollable=function(t="y",l){const[s,r]=e.useState(!1);return{isScrollable:s,elementRef:e.useCallback(e=>{const s=new ResizeObserver(()=>{r("y"===t?e.offsetHeight<e.scrollHeight:e.offsetWidth<e.scrollWidth),null==l||l(e)});null!==e?s.observe(e):s.disconnect()},[])}};
 //# sourceMappingURL=useElementScrollable.js.map

package/cjs/utils/useElementScrollable/useElementScrollable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useElementScrollable.js","sources":["../../../../../src/utils/useElementScrollable/useElementScrollable.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/**\n * Monitors an element for scroll.\n *\n * @param axis - horizontal/vertical scroll to monitor @default y\n * @returns The hook returns an object containing:\n *   - {boolean} isScrollable - A boolean indicating if the element is scrollable.\n *   - {Function} elementRef - A callback ref function to be assigned to the element being monitored.\n */\nexport function useElementScrollable(axis: 'x' | 'y' = 'y') {\n  const [isScrollable, setIsScrollable] = useState<boolean>(false);\n\n  // monitor overflow while resizing\n  const elementRef = useCallback((element: HTMLElement) => {\n    const resizeObserver = new ResizeObserver(() => {\n      setIsScrollable(\n        axis === 'y' ? element.offsetHeight < element.scrollHeight : element.offsetWidth < element.scrollWidth,\n      );\n    });\n\n    if (element !== null) {\n      resizeObserver.observe(element);\n    } else {\n      resizeObserver.disconnect();\n    }\n  }, []);\n\n  return { isScrollable, elementRef };\n}\n"],"names":["axis","isScrollable","setIsScrollable","useState","elementRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","offsetWidth","scrollWidth","observe","disconnect"],"mappings":"iEAUM,SAA+BA,EAAkB,KACrD,MAAOC,EAAcC,GAAmBC,EAAAA,UAAkB,GAiB1D,MAAO,CAAEF,eAAcG,WAdJC,eAAaC,IAC9B,MAAMC,EAAiB,IAAIC,gBAAe,KACxCN,EACW,MAATF,EAAeM,EAAQG,aAAeH,EAAQI,aAAeJ,EAAQK,YAAcL,EAAQM,YAC5F,IAGa,OAAZN,EACFC,EAAeM,QAAQP,GAEvBC,EAAeO,YACjB,GACC,IAGL"}
+{"version":3,"file":"useElementScrollable.js","sources":["../../../../../src/utils/useElementScrollable/useElementScrollable.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/**\n * Monitors an element for scroll.\n *\n * @param axis - horizontal/vertical scroll to monitor @default y\n * @param callback - optional callback\n * @returns The hook returns an object containing:\n *   - {boolean} isScrollable - A boolean indicating if the element is scrollable.\n *   - {Function} elementRef - A callback ref function to be assigned to the element being monitored.\n */\nexport function useElementScrollable(axis: 'x' | 'y' = 'y', callback?: (el: HTMLElement) => void) {\n  const [isScrollable, setIsScrollable] = useState<boolean>(false);\n\n  // monitor overflow while resizing\n  const elementRef = useCallback((element: HTMLElement) => {\n    const resizeObserver = new ResizeObserver(() => {\n      setIsScrollable(\n        axis === 'y' ? element.offsetHeight < element.scrollHeight : element.offsetWidth < element.scrollWidth,\n      );\n      callback?.(element);\n    });\n\n    if (element !== null) {\n      resizeObserver.observe(element);\n    } else {\n      resizeObserver.disconnect();\n    }\n  }, []);\n\n  return { isScrollable, elementRef };\n}\n"],"names":["axis","callback","isScrollable","setIsScrollable","useState","elementRef","useCallback","element","resizeObserver","ResizeObserver","offsetHeight","scrollHeight","offsetWidth","scrollWidth","observe","disconnect"],"mappings":"0EAWqCA,EAAkB,IAAKC,GAC1D,MAAOC,EAAcC,GAAmBC,EAAAA,UAAkB,GAkB1D,MAAO,CAAEF,eAAcG,WAfJC,cAAaC,IAC9B,MAAMC,EAAiB,IAAIC,eAAe,KACxCN,EACW,MAATH,EAAeO,EAAQG,aAAeH,EAAQI,aAAeJ,EAAQK,YAAcL,EAAQM,aAE7FZ,SAAAA,EAAWM,KAGG,OAAZA,EACFC,EAAeM,QAAQP,GAEvBC,EAAeO,cAEhB,IAGL"}

package/cjs/utils/useKeyboardShortcut/useKeyboardShortcut.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.default=function(t,r=[]){e.useEffect((()=>{const e=e=>{Object.entries(t).forEach((([t,r])=>{e.key===t&&r&&r()}))};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[...r])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.default=function(t,r=[]){e.useEffect(()=>{const e=e=>{Object.entries(t).forEach(([t,r])=>{e.key===t&&r&&r()})};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[...r])};
 //# sourceMappingURL=useKeyboardShortcut.js.map

package/cjs/utils/useKeyboardShortcut/useKeyboardShortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardShortcut.js","sources":["../../../../../src/utils/useKeyboardShortcut/useKeyboardShortcut.ts"],"sourcesContent":["import { DependencyList, useEffect } from 'react';\n\n/**\n * Monitor press of the key on the keyboard and do action assigned to it\n *\n * @param {object} keys_and_actions - object containing keys and assigned actions to them,\n *  e.g. {Escape: handleClose}\n * @param {array} deps - useEffect dependencies\n */\nexport default function useKeyboardShortcut(\n  keys_and_actions: { [key: string]: () => void },\n  deps: DependencyList = [],\n) {\n  useEffect(() => {\n    const downHandler = (e: KeyboardEvent): void => {\n      // iterate through all keys and assigned actions\n      Object.entries(keys_and_actions).forEach(([key, action]) => {\n        // if key is pressed, trigger action\n        if (e.key === key && action) {\n          action();\n        }\n      });\n    };\n\n    window.addEventListener('keydown', downHandler);\n    // cleanup\n    return () => {\n      window.removeEventListener('keydown', downHandler);\n    };\n  }, [...deps]);\n}\n"],"names":["keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"2GASc,SACZA,EACAC,EAAuB,IAEvBC,EAAAA,WAAU,KACR,MAAMC,EAAeC,IAEnBC,OAAOC,QAAQN,GAAkBO,SAAQ,EAAEC,EAAKC,MAE1CL,EAAEI,MAAQA,GAAOC,GACnBA,GACF,GACA,EAKJ,OAFAC,OAAOC,iBAAiB,UAAWR,GAE5B,KACLO,OAAOE,oBAAoB,UAAWT,EAAY,CACnD,GACA,IAAIF,GACT"}
+{"version":3,"file":"useKeyboardShortcut.js","sources":["../../../../../src/utils/useKeyboardShortcut/useKeyboardShortcut.ts"],"sourcesContent":["import { DependencyList, useEffect } from 'react';\n\n/**\n * Monitor press of the key on the keyboard and do action assigned to it\n *\n * @param {object} keys_and_actions - object containing keys and assigned actions to them,\n *  e.g. {Escape: handleClose}\n * @param {array} deps - useEffect dependencies\n */\nexport default function useKeyboardShortcut(\n  keys_and_actions: { [key: string]: () => void },\n  deps: DependencyList = [],\n) {\n  useEffect(() => {\n    const downHandler = (e: KeyboardEvent): void => {\n      // iterate through all keys and assigned actions\n      Object.entries(keys_and_actions).forEach(([key, action]) => {\n        // if key is pressed, trigger action\n        if (e.key === key && action) {\n          action();\n        }\n      });\n    };\n\n    window.addEventListener('keydown', downHandler);\n    // cleanup\n    return () => {\n      window.removeEventListener('keydown', downHandler);\n    };\n  }, [...deps]);\n}\n"],"names":["keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"2GASc,SACZA,EACAC,EAAuB,IAEvBC,EAAAA,UAAU,KACR,MAAMC,EAAeC,IAEnBC,OAAOC,QAAQN,GAAkBO,QAAQ,EAAEC,EAAKC,MAE1CL,EAAEI,MAAQA,GAAOC,GACnBA,OAON,OAFAC,OAAOC,iBAAiB,UAAWR,GAE5B,KACLO,OAAOE,oBAAoB,UAAWT,KAEvC,IAAIF,GACT"}

package/cjs/utils/utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.js","sources":["../../../../src/utils/utilities.ts"],"sourcesContent":["import { createElement, JSX } from 'react';\n\n/**\n * This method is needed if we need to trunc text inside an HTML element.\n * We get all the nodes inside of it and trunc its content accordingly.\n * @param text\n * @param maxChar\n */\nfunction handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element | string {\n  const isHtml = RegExp.prototype.test.bind(/(<([^>]+)>)/i);\n  if (isHtml(text)) {\n    const parser = new DOMParser();\n    const docChildren = parser.parseFromString(text, 'text/html').body;\n    const editNodes = (\n      nodeList: NodeListOf<ChildNode>,\n      idx = 0,\n      remainingCharacters = maxChar,\n    ): NodeListOf<ChildNode> => {\n      const node = nodeList.item(idx);\n      if (node !== null) {\n        if (remainingCharacters <= 0) {\n          return nodeList;\n        }\n        node.textContent = handleMaxChars(node.textContent, remainingCharacters);\n\n        return editNodes(nodeList, idx + 1, remainingCharacters - node.textContent.length);\n      } else return nodeList;\n    };\n\n    editNodes(docChildren.childNodes.item(0).childNodes);\n\n    return createElement('div', {\n      dangerouslySetInnerHTML: {\n        __html: docChildren.innerHTML.toString(),\n      },\n    });\n  }\n\n  return handleMaxChars(text, maxChar);\n}\n\nfunction handleMaxChars(text: string, maxChar: number) {\n  return text.length > maxChar ? `${text.substring(0, maxChar)}...` : text;\n}\n\nfunction opacityLayerSwitchLightStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nfunction opacityLayerSwitchDarkStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nexport { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };\n\nexport const ternaryCondition = (props: unknown, value: unknown, trueValue: unknown, falseValue: unknown): string => {\n  if (props === value) {\n    return trueValue as string;\n  } else {\n    return falseValue as string;\n  }\n};\n"],"names":["handleMaxChars","text","maxChar","length","substring","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","childNodes","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","property","returnProps","props","value","trueValue","falseValue"],"mappings":"oCAyCA,SAASA,EAAeC,EAAcC,GACpC,OAAOD,EAAKE,OAASD,EAAU,GAAGD,EAAKG,UAAU,EAAGF,QAAgBD,CACtE,uDAnCA,SAA8BA,EAAcC,GAE1C,GADeG,OAAOC,UAAUC,KAAKC,KAAK,eACtCC,CAAOR,GAAO,CAChB,MACMS,GADS,IAAIC,WACQC,gBAAgBX,EAAM,aAAaY,KACxDC,EAAY,CAChBC,EACAC,EAAM,EACNC,EAAsBf,KAEtB,MAAMgB,EAAOH,EAASI,KAAKH,GAC3B,OAAa,OAATE,EACED,GAAuB,EAClBF,GAETG,EAAKE,YAAcpB,EAAekB,EAAKE,YAAaH,GAE7CH,EAAUC,EAAUC,EAAM,EAAGC,EAAsBC,EAAKE,YAAYjB,SAC/DY,CAAQ,EAKxB,OAFAD,EAAUJ,EAAYW,WAAWF,KAAK,GAAGE,YAElCC,EAAAA,cAAc,MAAO,CAC1BC,wBAAyB,CACvBC,OAAQd,EAAYe,UAAUC,aAGpC,CAEA,OAAO1B,EAAeC,EAAMC,EAC9B,0CAkBA,SAAyCyB,EAAmBC,GAC1D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,qFACZ,IAAK,YACH,MAAO,GAAGA,oFACZ,IAAK,YACH,MAAO,GAAGA,qFACZ,QACE,MAAO,GAEb,2CAvBA,SAA0CD,EAAmBC,GAC3D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,iGACZ,IAAK,YACH,MAAO,GAAGA,gGACZ,IAAK,YACH,MAAO,GAAGA,iGACZ,QACE,MAAO,GAEb,2BAegC,CAACC,EAAgBC,EAAgBC,EAAoBC,IAC/EH,IAAUC,EACLC,EAEAC"}
+{"version":3,"file":"utilities.js","sources":["../../../../src/utils/utilities.ts"],"sourcesContent":["import { createElement, JSX } from 'react';\n\n/**\n * This method is needed if we need to trunc text inside an HTML element.\n * We get all the nodes inside of it and trunc its content accordingly.\n * @param text\n * @param maxChar\n */\nfunction handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element | string {\n  const isHtml = RegExp.prototype.test.bind(/(<([^>]+)>)/i);\n  if (isHtml(text)) {\n    const parser = new DOMParser();\n    const docChildren = parser.parseFromString(text, 'text/html').body;\n    const editNodes = (\n      nodeList: NodeListOf<ChildNode>,\n      idx = 0,\n      remainingCharacters = maxChar,\n    ): NodeListOf<ChildNode> => {\n      const node = nodeList.item(idx);\n      if (node !== null) {\n        if (remainingCharacters <= 0) {\n          return nodeList;\n        }\n        node.textContent = handleMaxChars(node.textContent, remainingCharacters);\n\n        return editNodes(nodeList, idx + 1, remainingCharacters - node.textContent.length);\n      } else return nodeList;\n    };\n\n    editNodes(docChildren.childNodes.item(0).childNodes);\n\n    return createElement('div', {\n      dangerouslySetInnerHTML: {\n        __html: docChildren.innerHTML.toString(),\n      },\n    });\n  }\n\n  return handleMaxChars(text, maxChar);\n}\n\nfunction handleMaxChars(text: string, maxChar: number) {\n  return text.length > maxChar ? `${text.substring(0, maxChar)}...` : text;\n}\n\nfunction opacityLayerSwitchLightStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nfunction opacityLayerSwitchDarkStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nexport { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };\n\nexport const ternaryCondition = (props: unknown, value: unknown, trueValue: unknown, falseValue: unknown): string => {\n  if (props === value) {\n    return trueValue as string;\n  } else {\n    return falseValue as string;\n  }\n};\n"],"names":["handleMaxChars","text","maxChar","length","substring","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","childNodes","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","property","returnProps","props","value","trueValue","falseValue"],"mappings":"oCAyCA,SAASA,EAAeC,EAAcC,GACpC,OAAOD,EAAKE,OAASD,EAAU,GAAGD,EAAKG,UAAU,EAAGF,QAAgBD,CACtE,uDAnCA,SAA8BA,EAAcC,GAE1C,GADeG,OAAOC,UAAUC,KAAKC,KAAK,eACtCC,CAAOR,GAAO,CAChB,MACMS,GADS,IAAIC,WACQC,gBAAgBX,EAAM,aAAaY,KACxDC,EAAY,CAChBC,EACAC,EAAM,EACNC,EAAsBf,KAEtB,MAAMgB,EAAOH,EAASI,KAAKH,GAC3B,OAAa,OAATE,EACED,GAAuB,EAClBF,GAETG,EAAKE,YAAcpB,EAAekB,EAAKE,YAAaH,GAE7CH,EAAUC,EAAUC,EAAM,EAAGC,EAAsBC,EAAKE,YAAYjB,SAC/DY,GAKhB,OAFAD,EAAUJ,EAAYW,WAAWF,KAAK,GAAGE,YAElCC,EAAAA,cAAc,MAAO,CAC1BC,wBAAyB,CACvBC,OAAQd,EAAYe,UAAUC,aAGpC,CAEA,OAAO1B,EAAeC,EAAMC,EAC9B,0CAkBA,SAAyCyB,EAAmBC,GAC1D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,qFACZ,IAAK,YACH,MAAO,GAAGA,oFACZ,IAAK,YACH,MAAO,GAAGA,qFACZ,QACE,MAAO,GAEb,2CAvBA,SAA0CD,EAAmBC,GAC3D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,iGACZ,IAAK,YACH,MAAO,GAAGA,gGACZ,IAAK,YACH,MAAO,GAAGA,iGACZ,QACE,MAAO,GAEb,2BAegC,CAACC,EAAgBC,EAAgBC,EAAoBC,IAC/EH,IAAUC,EACLC,EAEAC"}

package/components/accordion/accordion.js

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

package/components/accordion/accordion.js.map

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

package/components/advancedTable/agGrid.d.ts

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

package/components/advancedTable/agGrid.js

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

package/components/advancedTable/agGrid.js.map

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

package/components/advancedTable/agGridIcons.d.ts

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

package/components/advancedTable/agGridIcons.js

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

package/components/advancedTable/agGridIcons.js.map

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

package/components/advancedTable/agGridSkodaTheme.d.ts

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

package/components/advancedTable/agGridSkodaTheme.js

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

package/components/advancedTable/agGridSkodaTheme.js.map

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

package/components/advancedTable/agGridVariables.d.ts

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

package/components/advancedTable/agGridVariables.js

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

package/components/advancedTable/agGridVariables.js.map

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

package/components/advancedTable/index.d.ts

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

package/components/alert/Alert.js.map

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

package/components/alert/AlertButton.js

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

package/components/alert/AlertButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertButton.js","sources":["../../../src/components/alert/AlertButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface AlertButtonProps extends ButtonProps {}\n\n/**\n * AlertButton is a proxy component to <Button variant=\"text\" color=\"white\" size=\"small\" />\n */\nexport const AlertButton: React.FC<AlertButtonProps> = forwardRef((props, ref) => {\n  return <Button ref={ref} variant=\"text\" color=\"white\" size=\"small\" {...props} />;\n});\n"],"names":["AlertButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"kHAQO,MAAMA,EAA0CC,GAAW,CAACC,EAAOC,IACjEC,EAACC,EAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,QAAQC,KAAK,SAAYR"}
+{"version":3,"file":"AlertButton.js","sources":["../../../src/components/alert/AlertButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@mui/material';\n\nexport interface AlertButtonProps extends ButtonProps {}\n\n/**\n * AlertButton is a proxy component to <Button variant=\"text\" color=\"white\" size=\"small\" />\n */\nexport const AlertButton: React.FC<AlertButtonProps> = forwardRef((props, ref) => {\n  return <Button ref={ref} variant=\"text\" color=\"white\" size=\"small\" {...props} />;\n});\n"],"names":["AlertButton","forwardRef","props","ref","_jsx","Button","Object","assign","variant","color","size"],"mappings":"kHAQO,MAAMA,EAA0CC,EAAW,CAACC,EAAOC,IACjEC,EAACC,EAAMC,OAAAC,OAAA,CAACJ,IAAKA,EAAKK,QAAQ,OAAOC,MAAM,QAAQC,KAAK,SAAYR"}

package/components/alert/AlertNotificationButton.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Button as o}from"@mui/material";const e=t(((t,e)=>r(o,Object.assign({ref:e,variant:"text",color:"secondary",size:"small"},t))));export{e as AlertNotificationButton};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Button as o}from"@mui/material";const e=t((t,e)=>r(o,Object.assign({ref:e,variant:"text",color:"secondary",size:"small"},t)));export{e as AlertNotificationButton};
 //# sourceMappingURL=AlertNotificationButton.js.map

package/components/alert/AlertNotificationButton.js.map

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

package/components/backdrop/backdrop.js

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

package/components/backdrop/backdrop.js.map

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

package/components/banner/BannerButton.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Button as t}from"@mui/material";const e=o(((o,e)=>r(t,Object.assign({ref:e,variant:"outlined",color:"secondary",size:"small"},o))));export{e as BannerButton};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Button as t}from"@mui/material";const e=o((o,e)=>r(t,Object.assign({ref:e,variant:"outlined",color:"secondary",size:"small"},o)));export{e as BannerButton};
 //# sourceMappingURL=BannerButton.js.map

package/components/banner/BannerButton.js.map

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

package/components/banner/BannerDismissButton.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Button as o}from"@mui/material";const e=t(((t,e)=>r(o,Object.assign({ref:e,variant:"text",color:"secondary",size:"small"},t))));export{e as BannerDismissButton};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{Button as o}from"@mui/material";const e=t((t,e)=>r(o,Object.assign({ref:e,variant:"text",color:"secondary",size:"small"},t)));export{e as BannerDismissButton};
 //# sourceMappingURL=BannerDismissButton.js.map

package/components/banner/BannerDismissButton.js.map

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

package/components/banner/banner.js

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