@skodaflow/web-library 7.13.0 → 7.14.0

package/components/chip/chipImage/chipImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipImage.js","sources":["../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":[null],"names":["ChipImage","forwardRef","props","ref","onBlur","children","label","disabled","variant","imageUrl","imageAlt","isChecked","onChange","name","id","Date","now","_focusVisibled","_setFocusVisible","useState","_checkboxComponent","useRef","_onChangeTrigger","evt","_onBlurHandler","useCallback","e","_onClickHandler","current","click","_onFocusVisibleHandler","ImageComponent","_a","_ref","_onChange","componentProps","__rest","_jsxs","Object","assign","_jsx","type","value","checked","readOnly","src","alt","ChipFocusVisibleStyled","focusVisible","ChipImageStyled","component","onClick","className","onFocusVisible","color","styled","MuiChip","theme","width","whiteSpace","backgroundColor","palette","surface","primary","borderRadius","height","display","flexDirection","alignItems","justifyContent","padding","overflow","span","onSurface","os600","brand","quarternary","brandHover","boxShadow","div","flexGrow","textAlign","fontSize","lineHeight","fontWeight","os800","objectFit","marginBottom"],"mappings":"4PAyDa,MAAAA,EAAYC,GAA2C,CAACC,EAAOC,KAC1E,MAAMC,OACJA,EAAMC,SACNA,EAAQC,MACRA,EAAKC,SACLA,EAAQC,QACRA,EAAU,QAAOC,SACjBA,EAAQC,SACRA,EAAQC,UACRA,EAASC,SACTA,EAAQC,KACRA,EAAIC,GACJA,EAAK,cAAcC,KAAKC,SACtBd,GACGe,EAAgBC,GAAoBC,GAAS,GAC9CC,EAAqBC,IAErBC,EAAoBC,IACpBX,GACFA,EAASW,GAAMZ,IAIba,EAAiBC,GACpBC,IACCR,GAAiB,GACbd,GACFA,EAAOsB,KAGX,CAACtB,IAGGuB,EAAkBF,GAAY,KAC9BL,GACFA,EAAmBQ,QAAQC,UAE5B,IAEGC,EAAyBL,GAAY,KACzCP,GAAiB,EAAK,GACrB,IAEGa,EAAiB9B,GACrB,CAAC+B,EAA4CC,SAA1CrB,SAAUsB,GAASF,EAAKG,EAAcC,EAAAJ,EAAxC,cAAqD,OACpDK,EAAS,MAAAC,OAAAC,OAAA,CAAA,EAAAJ,EAAgB,CAAAhC,IAAK8B,EAC5B5B,SAAA,CAAAmC,EAAA,QAAA,CACErC,IAAKiB,EACLR,SAAUU,EACVmB,KAAK,WACL3B,GAAIA,EACJD,KAAMA,EACN6B,MAAO5B,EACP6B,QAAShC,EACTiC,UAAQ,IAEVJ,EAAA,MAAA,CAAKK,IAAKpC,EAAUqC,IAAKpC,IACzB8B,EAAA,MAAA,CAAAnC,SACEmC,EAAO,OAAA,CAAAnC,SAAAA,GAAYC,SAEjB,IAIV,OACEkC,EAACO,EAAsB,CAACC,aAAc/B,EAAgBT,QAASA,EAAOH,SACpEmC,EAACS,GACC9C,IAAKA,EACL+C,UAAWnB,EACXzB,MAAOA,EACPC,SAAUA,EACV4C,QAASxB,EACTyB,UAAWzC,EAAY,cAAgB,GACvC0C,eAAgBvB,EAChB1B,OAAQoB,EACRhB,QAAS,SACT8C,MAAO3C,EAAY,UAAY,aAEV,IAOvBsC,EAAkBM,EAAOC,EAAPD,EAEtB,EAAGE,YAAa,CAChB,QAAS,CACPC,MAAO,OACPC,WAAY,YAEd,iBAAkB,CAChBC,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCC,aAAc,MACdC,OAAQ,OACRP,MAAO,QACPQ,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,aAChBC,QAAS,gBACTC,SAAU,SACV,UAAW,CACTC,KAAM,CACJlB,MAAOG,EAAMI,QAAQY,UAAUC,QAGnC,gBAAiB,CACfd,gBAAiBH,EAAMI,QAAQc,MAAMC,YACrCJ,KAAM,CACJlB,MAAOG,EAAMI,QAAQc,MAAMZ,SAE7B,UAAW,CACTS,KAAM,CACJlB,MAAOG,EAAMI,QAAQgB,WAAWd,WAItC,iBAAkB,CAChBH,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCS,KAAM,CACJlB,MAAOG,EAAMI,QAAQtD,SAASwD,UAGlC,WAAY,CACVe,UAAW,QAEb,YAAa,CACXZ,QAAS,QAEXa,IAAK,CACHb,QAAS,OACTc,SAAU,GAEZR,KAAM,CACJN,QAAS,cACTE,WAAY,SACZC,eAAgB,SAChBY,UAAW,SACXC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZ9B,MAAOG,EAAMI,QAAQY,UAAUY,MAC/B3B,MAAO,OACPY,QAAS,UAEX,QAAS,CACPZ,MAAO,OACPO,OAAQ,OACRqB,UAAW,QACXC,aAAc"}
+{"version":3,"file":"chipImage.js","sources":["../../../../src/components/chip/chipImage/chipImage.tsx"],"sourcesContent":["import React, { useCallback, useState, useRef, forwardRef, HTMLAttributes } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled } from '@mui/material';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n\n/**\n * @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\nexport interface ChipImageProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /**\n   * The label referenced to the text field.\n   */\n  label?: string;\n  /**\n   * Disabled, not clickable chip.\n   */\n  disabled?: boolean;\n  /**\n   * Image of a chip to display.\n   */\n  component?: any;\n  /**\n   * Variant of a chip.\n   */\n  variant?: 'image' | 'multiselect';\n  /**\n   * The url of the image.\n   */\n  imageUrl: string;\n  /**\n   * The alt attribute of the image.\n   */\n  imageAlt: string;\n  /**\n   * State of the chip image. If true the chip image is checked.\n   */\n  isChecked?: boolean;\n  /**\n   * Event triggered whenever the chip image is clicked.\n   */\n  onChange?(e: React.ChangeEvent<HTMLInputElement>, checked: boolean): void;\n  /**\n   * Name attribute of the component.\n   */\n  name?: string;\n  /**\n   * id attribute of the component, defaults to chip-image-{current UNIX date}.\n   */\n  id?: string;\n\n  debug?: boolean;\n}\n\n/**\n * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n */\nexport const ChipImage = forwardRef<HTMLDivElement, ChipImageProps>((props, ref) => {\n  const {\n    onBlur,\n    children,\n    label,\n    disabled,\n    variant = 'image',\n    imageUrl,\n    imageAlt,\n    isChecked,\n    onChange,\n    name,\n    id = `chip-image-${Date.now()}`,\n  } = props;\n  const [_focusVisibled, _setFocusVisible] = useState(false);\n  const _checkboxComponent = useRef<HTMLInputElement>();\n\n  const _onChangeTrigger = (evt: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) {\n      onChange(evt, !isChecked);\n    }\n  };\n\n  const _onBlurHandler = useCallback(\n    (e: React.FocusEvent<HTMLDivElement>) => {\n      _setFocusVisible(false);\n      if (onBlur) {\n        onBlur(e);\n      }\n    },\n    [onBlur],\n  );\n\n  const _onClickHandler = useCallback(() => {\n    if (_checkboxComponent) {\n      _checkboxComponent.current.click();\n    }\n  }, []);\n\n  const _onFocusVisibleHandler = useCallback(() => {\n    _setFocusVisible(true);\n  }, []);\n\n  const ImageComponent = forwardRef<HTMLDivElement, ChipImageProps>(\n    ({ onChange: _onChange, ...componentProps }, _ref) => (\n      <div {...componentProps} ref={_ref as any}>\n        <input\n          ref={_checkboxComponent}\n          onChange={_onChangeTrigger}\n          type=\"checkbox\"\n          id={id}\n          name={name}\n          value={id}\n          checked={isChecked}\n          readOnly\n        />\n        <img src={imageUrl} alt={imageAlt} />\n        <div>\n          <span>{children || label}</span>\n        </div>\n      </div>\n    ),\n  );\n\n  return (\n    <ChipFocusVisibleStyled focusVisible={_focusVisibled} variant={variant}>\n      <ChipImageStyled\n        ref={ref}\n        component={ImageComponent as any}\n        label={label}\n        disabled={disabled}\n        onClick={_onClickHandler}\n        className={isChecked ? 'Mui-checked' : ''}\n        onFocusVisible={_onFocusVisibleHandler}\n        onBlur={_onBlurHandler}\n        variant={'filled'}\n        color={isChecked ? 'primary' : 'default'}\n      />\n    </ChipFocusVisibleStyled>\n  );\n});\n\n/**\n * @description Chip styling definition based on props\n */\nconst ChipImageStyled = styled(MuiChip)<\n  MuiChipProps & { onFocusVisible?: React.FocusEventHandler<any>; component?: any }\n>(({ theme }) => ({\n  '& div': {\n    width: '100%',\n    whiteSpace: 'pre-wrap',\n  },\n  '&.MuiChip-root': {\n    backgroundColor: theme.palette.surface.primary,\n    borderRadius: '4px',\n    height: 'auto',\n    width: '120px',\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    padding: '11px 0 13px 0',\n    overflow: 'hidden',\n    '&:hover': {\n      span: {\n        color: theme.palette.onSurface.os600,\n      },\n    },\n    '&.Mui-checked': {\n      backgroundColor: theme.palette.brand.quarternary,\n      span: {\n        color: theme.palette.brand.primary,\n      },\n      '&:hover': {\n        span: {\n          color: theme.palette.brandHover.primary,\n        },\n      },\n    },\n    '&.Mui-disabled': {\n      backgroundColor: theme.palette.surface.primary,\n      span: {\n        color: theme.palette.disabled.primary,\n      },\n    },\n    '&:active': {\n      boxShadow: 'none',\n    },\n    '& > input': {\n      display: 'none',\n    },\n    div: {\n      display: 'flex',\n      flexGrow: 1,\n    },\n    span: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      textAlign: 'center',\n      fontSize: '14px',\n      lineHeight: '16px',\n      fontWeight: '400',\n      color: theme.palette.onSurface.os800,\n      width: '100%',\n      padding: '0 10px',\n    },\n    '& img': {\n      width: '100%',\n      height: '68px',\n      objectFit: 'cover',\n      marginBottom: '2px',\n    },\n  },\n}));\n"],"names":["ChipImage","forwardRef","props","ref","onBlur","children","label","disabled","variant","imageUrl","imageAlt","isChecked","onChange","name","id","Date","now","_focusVisibled","_setFocusVisible","useState","_checkboxComponent","useRef","_onChangeTrigger","evt","_onBlurHandler","useCallback","e","_onClickHandler","current","click","_onFocusVisibleHandler","ImageComponent","_a","_ref","_onChange","componentProps","__rest","_jsxs","Object","assign","_jsx","type","value","checked","readOnly","src","alt","ChipFocusVisibleStyled","focusVisible","ChipImageStyled","component","onClick","className","onFocusVisible","color","styled","MuiChip","theme","width","whiteSpace","backgroundColor","palette","surface","primary","borderRadius","height","display","flexDirection","alignItems","justifyContent","padding","overflow","span","onSurface","os600","brand","quarternary","brandHover","boxShadow","div","flexGrow","textAlign","fontSize","lineHeight","fontWeight","os800","objectFit","marginBottom"],"mappings":"4PAyDa,MAAAA,EAAYC,GAA2C,CAACC,EAAOC,KAC1E,MAAMC,OACJA,EAAMC,SACNA,EAAQC,MACRA,EAAKC,SACLA,EAAQC,QACRA,EAAU,QAAOC,SACjBA,EAAQC,SACRA,EAAQC,UACRA,EAASC,SACTA,EAAQC,KACRA,EAAIC,GACJA,EAAK,cAAcC,KAAKC,SACtBd,GACGe,EAAgBC,GAAoBC,GAAS,GAC9CC,EAAqBC,IAErBC,EAAoBC,IACpBX,GACFA,EAASW,GAAMZ,IAIba,EAAiBC,GACpBC,IACCR,GAAiB,GACbd,GACFA,EAAOsB,KAGX,CAACtB,IAGGuB,EAAkBF,GAAY,KAC9BL,GACFA,EAAmBQ,QAAQC,UAE5B,IAEGC,EAAyBL,GAAY,KACzCP,GAAiB,EAAK,GACrB,IAEGa,EAAiB9B,GACrB,CAAC+B,EAA4CC,SAA1CrB,SAAUsB,GAASF,EAAKG,EAAcC,EAAAJ,EAAxC,cAAqD,OACpDK,EAAS,MAAAC,OAAAC,OAAA,CAAA,EAAAJ,EAAgB,CAAAhC,IAAK8B,EAC5B5B,SAAA,CAAAmC,EAAA,QAAA,CACErC,IAAKiB,EACLR,SAAUU,EACVmB,KAAK,WACL3B,GAAIA,EACJD,KAAMA,EACN6B,MAAO5B,EACP6B,QAAShC,EACTiC,UAAQ,IAEVJ,EAAA,MAAA,CAAKK,IAAKpC,EAAUqC,IAAKpC,IACzB8B,EAAA,MAAA,CAAAnC,SACEmC,EAAO,OAAA,CAAAnC,SAAAA,GAAYC,SAEjB,IAIV,OACEkC,EAACO,EAAsB,CAACC,aAAc/B,EAAgBT,QAASA,EAAOH,SACpEmC,EAACS,GACC9C,IAAKA,EACL+C,UAAWnB,EACXzB,MAAOA,EACPC,SAAUA,EACV4C,QAASxB,EACTyB,UAAWzC,EAAY,cAAgB,GACvC0C,eAAgBvB,EAChB1B,OAAQoB,EACRhB,QAAS,SACT8C,MAAO3C,EAAY,UAAY,aAEV,IAOvBsC,EAAkBM,EAAOC,EAAPD,EAEtB,EAAGE,YAAa,CAChB,QAAS,CACPC,MAAO,OACPC,WAAY,YAEd,iBAAkB,CAChBC,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCC,aAAc,MACdC,OAAQ,OACRP,MAAO,QACPQ,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,aAChBC,QAAS,gBACTC,SAAU,SACV,UAAW,CACTC,KAAM,CACJlB,MAAOG,EAAMI,QAAQY,UAAUC,QAGnC,gBAAiB,CACfd,gBAAiBH,EAAMI,QAAQc,MAAMC,YACrCJ,KAAM,CACJlB,MAAOG,EAAMI,QAAQc,MAAMZ,SAE7B,UAAW,CACTS,KAAM,CACJlB,MAAOG,EAAMI,QAAQgB,WAAWd,WAItC,iBAAkB,CAChBH,gBAAiBH,EAAMI,QAAQC,QAAQC,QACvCS,KAAM,CACJlB,MAAOG,EAAMI,QAAQtD,SAASwD,UAGlC,WAAY,CACVe,UAAW,QAEb,YAAa,CACXZ,QAAS,QAEXa,IAAK,CACHb,QAAS,OACTc,SAAU,GAEZR,KAAM,CACJN,QAAS,cACTE,WAAY,SACZC,eAAgB,SAChBY,UAAW,SACXC,SAAU,OACVC,WAAY,OACZC,WAAY,MACZ9B,MAAOG,EAAMI,QAAQY,UAAUY,MAC/B3B,MAAO,OACPY,QAAS,UAEX,QAAS,CACPZ,MAAO,OACPO,OAAQ,OACRqB,UAAW,QACXC,aAAc"}

package/components/chip/chipMultiselect/multiSelectChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"multiSelectChip.js","sources":["../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":[null],"names":["MultiSelectChip","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","state","length","_jsx","className","children","Icon","color","name","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"gaA4Ca,MAAAA,EAAkBC,GAC7B,CAACC,EAA8CC,KAA9C,IAAAC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,KAAEA,GAAIL,EAAKM,EAArCC,EAAAP,EAAA,CAAA,UAAA,QAAA,WAAA,SACC,MAAOQ,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,IAClCG,EAAQC,GAAaJ,GAAS,GAE/BK,EAAsBC,GACzBC,IACCA,EAAEC,kBAEFZ,EAAMa,UAAUC,SAAS,GAAG,GAE9B,CAACd,EAAMa,YAGHE,EAAQC,GAAQ,IAElBC,eACGpB,EACAG,EAAMa,UAAUK,MAAMC,OAAS,GAC9BC,EAAA,OAAA,CAAMC,UAAU,iBACdD,EAAO,OAAA,CAAAE,SAAAtB,EAAMa,UAAUK,MAAMC,WAG/BnB,EAAMa,UAAUK,MAAMC,OAAS,GAC/BC,EAACG,EAAI,CAACC,MAAM,UAAUC,KAAK,QAAQC,SAAS,QAAQC,QAASlB,KACzDW,EAACG,EAAK,CAAAC,MAAM,UAAUC,KAAK,eAAeJ,UAAWd,EAAS,SAAW,GAAImB,SAAS,cAG/F,CAACnB,EAAQV,EAAOY,EAAqBT,EAAMa,UAAUK,MAAMC,SAExDS,EAASlB,GACZC,IACCR,GAAgB,GACZH,EAAM4B,QAAQ5B,EAAM4B,OAAOjB,EAAE,GAEnC,CAACX,IAGG6B,EAAkBnB,GAAY,KAClCF,GAAWsB,IAAUA,IACrBxB,GAAawB,IAAUA,GAAK,GAC3B,IAEGC,EAAkBrB,GAAY,KAClCF,GAAU,GACVF,GAAY,EAAM,GACjB,IAEG0B,EAAwBtB,GAAY,KACxCP,GAAgB,EAAK,GACpB,IAEH,OACEiB,cACEA,EAACa,GAAkBC,YAAaH,EAC9BT,SAAAL,EAAA,OAAA,CAAAK,SAAA,CACEF,kBACEA,EAACe,GAAuBC,aAAclC,EAAeN,QAASA,EAAO0B,SACnEF,EAACiB,EAAqB,CACpBhB,UAAuB,WAAZzB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACTG,KAAMA,EAAOqB,EAACG,EAAI,CAACE,KAAM1B,SAAWuC,EACpCzC,MAAOkB,EACPjB,SAAUA,EACV6B,QAASE,EACTL,MAAOnB,GAAYL,EAAMa,UAAUK,MAAMC,OAAS,UAAY,UAC9DoB,eAAgBP,EAChBJ,OAAQA,EACRY,MAAOxC,EAAMa,UAAUK,MAAMC,oBACjB,GAAGnB,EAAMa,UAAUK,MAAMC,2BACrCZ,OAAQA,QAKda,EAACqB,EAAa,CACZ3C,SAAUA,EACVS,OAAQA,EACRmC,MAAO1C,EAAM0C,MACbC,QAAS3C,EAAM2C,QACfC,mBAAmB,EACnBC,qBAAsB7C,EAAM6C,qBAC5BC,WAAY9C,EAAM8C,WAClBjC,UAAWb,EAAMa,UACjBkC,MAAO,IACPC,UAAW,GACXxC,UAAWA,EACXyC,YAAajD,EAAMiD,oBAIxB,IAQHZ,EAAwBa,EAAOC,EAAS,CAC5CC,kBAAoBC,GAAkB,WAATA,GADDH,EAM5B,EAAGI,YACH,MAAMC,EAAaD,EAAME,QA8BzB,IAAIC,EAAQ,CACV,kBAAmB,CACjBjC,MAAO,UACPkC,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB,QAGrB,aAAc,CACZtC,MAAO,WAET,WAAY,CACVA,MAAO+B,EAAWQ,UAAUC,IAC5BC,aAAc,MACdC,gBAAiBX,EAAWY,MAAMC,QAClCC,SAAU,OACVC,OAAQ,OACRC,QAAS,cACTC,WAAY,SACZC,eAAgB,SAChB/C,SAAU,OACVgD,WAAY,OACZC,WAAY,MACZC,OAAQ,QACRC,QAAS,UAMb,OAFApB,EAAaqB,OAAAC,OAAAD,OAAAC,OAAA,GAAAtB,GA5DM,CAAE,GA8DdA,CAAK"}
+{"version":3,"file":"multiSelectChip.js","sources":["../../../../src/components/chip/chipMultiselect/multiSelectChip.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useMemo, useState } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled, ClickAwayListener } from '@mui/material';\nimport { Icon, IconNameProp } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\nimport { FlowMenuProps } from '../../menu';\nimport MenuContainer from '../../common/menuContainer';\n\n/**\n * @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\nexport interface MultiSelectChipProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Omit<FlowMenuProps, 'setIsOpen' | 'variant'> {\n  /**\n   * The label referenced to the text field\n   */\n  label?: string;\n\n  /**\n   * Disabled, not clickable chip\n   */\n  disabled?: boolean;\n\n  /**\n   * Icon name. For example \"check\". If no prefix is defined, default SKODA icon font is used\n   */\n  icon?: IconNameProp;\n\n  /**\n   * Variant of chip defines different look and style\n   */\n  variant?: 'solid' | 'transparent' | 'shadow';\n\n  /**\n   * The toggle label displayed when groupToggleSelection is true. Default is \"Select All\".\n   */\n  toggleLabel?: string;\n}\n\n/**\n * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n */\nexport const MultiSelectChip = forwardRef<HTMLDivElement, MultiSelectChipProps>(\n  ({ variant, label, disabled, icon, ...props }, ref) => {\n    const [focusVisibled, setFocusVisible] = useState(false);\n    const [selected, setSelected] = useState(false);\n    const [isOpen, setIsOpen] = useState(false);\n\n    const onClickCloseHandler = useCallback(\n      (e) => {\n        e.stopPropagation();\n\n        props.reactHook.setState([]);\n      },\n      [props.reactHook],\n    );\n\n    const Count = useMemo(() => {\n      return (\n        <>\n          {label}\n          {props.reactHook.state.length > 0 && (\n            <span className=\"count\">\n              <span>{props.reactHook.state.length}</span>\n            </span>\n          )}\n          {(props.reactHook.state.length > 0 && (\n            <Icon color=\"inherit\" name=\"close\" fontSize=\"small\" onClick={onClickCloseHandler} />\n          )) || <Icon color=\"inherit\" name=\"chevron-down\" className={isOpen ? 'isOpen' : ''} fontSize=\"small\" />}\n        </>\n      );\n    }, [isOpen, label, onClickCloseHandler, props.reactHook.state.length]);\n\n    const onBlur = useCallback(\n      (e: any) => {\n        setFocusVisible(false);\n        if (props.onBlur) props.onBlur(e);\n      },\n      [props],\n    );\n\n    const onSelectHandler = useCallback(() => {\n      setIsOpen((curr) => !curr);\n      setSelected((curr) => !curr);\n    }, []);\n\n    const handleClickAway = useCallback(() => {\n      setIsOpen(false);\n      setSelected(false);\n    }, []);\n\n    const onFocusVisibleHandler = useCallback(() => {\n      setFocusVisible(true);\n    }, []);\n\n    return (\n      <>\n        <ClickAwayListener onClickAway={handleClickAway}>\n          <span>\n            <div>\n              <ChipFocusVisibleStyled focusVisible={focusVisibled} variant={variant}>\n                <MultiSelectChipStyled\n                  className={variant === 'shadow' && 'MuiChip-shadow'}\n                  ref={ref}\n                  variant={'filled'}\n                  icon={icon ? <Icon name={icon} /> : undefined}\n                  label={Count}\n                  disabled={disabled}\n                  onClick={onSelectHandler}\n                  color={selected || props.reactHook.state.length ? 'primary' : 'default'}\n                  onFocusVisible={onFocusVisibleHandler}\n                  onBlur={onBlur}\n                  count={props.reactHook.state.length}\n                  aria-label={`${props.reactHook.state.length} elements selected`}\n                  isOpen={isOpen}\n                />\n              </ChipFocusVisibleStyled>\n            </div>\n\n            <MenuContainer\n              disabled={disabled}\n              isOpen={isOpen}\n              items={props.items}\n              hasIcon={props.hasIcon}\n              multipleSelection={true}\n              groupToggleSelection={props.groupToggleSelection}\n              groupLabel={props.groupLabel}\n              reactHook={props.reactHook}\n              width={182}\n              marginTop={14}\n              setIsOpen={setIsOpen}\n              toggleLabel={props.toggleLabel}\n            />\n          </span>\n        </ClickAwayListener>\n      </>\n    );\n  },\n);\n\n/**\n * @description Chip styling definition based on props\n */\nconst MultiSelectChipStyled = styled(MuiChip, {\n  shouldForwardProp: (prop) => prop !== 'isOpen',\n})<\n  MuiChipProps & { count: number; isOpen: boolean } & {\n    onFocusVisible: React.FocusEventHandler<any>;\n  }\n>(({ theme }) => {\n  const flowColors = theme.palette;\n\n  const stateStyle = {};\n\n  // if (count > 0) {\n  // \tstateStyle = {\n  // \t\t'&.MuiChip-root': {\n  // \t\t\tbackgroundColor: flowColors.brand.quarternary,\n  // \t\t\tcolor: flowColors.brand.primary,\n  // \t\t\t'& .MuiIcon-root': {\n  // \t\t\t\tcolor: flowColors.brand.primary,\n  // \t\t\t},\n  // \t\t\t'&: hover': {\n  // \t\t\t\tcolor: flowColors.brandHover.primary,\n  // \t\t\t\t'& .MuiIcon-root': {\n  // \t\t\t\t\tcolor: flowColors.brandHover.primary,\n  // \t\t\t\t},\n  // \t\t\t\t'& .count': {\n  // \t\t\t\t\tbackgroundColor: flowColors.brandHover.primary,\n  // \t\t\t\t},\n  // \t\t\t},\n  // \t\t\t'&.Mui-disabled': {\n  // \t\t\t\tbackgroundColor: flowColors.transparent.primary,\n  // \t\t\t},\n  // \t\t},\n  // \t};\n  // } else {\n  // \tstateStyle = {};\n  // }\n\n  let style = {\n    '& .chevron-down': {\n      color: 'inherit',\n      marginLeft: '8px',\n      transform: 'rotate(0deg)',\n      top: '4px',\n      transition: 'transform 0.6s',\n      '&.isOpen': {\n        transform: 'rotate(180deg) translateY(2px)',\n        transformOrigin: '50%',\n      },\n    },\n    '& .ballotx': {\n      color: 'inherit',\n    },\n    '& .count': {\n      color: flowColors.onSurface.os0,\n      borderRadius: '50%',\n      backgroundColor: flowColors.brand.primary,\n      minWidth: '20px',\n      height: '20px',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      fontSize: '14px',\n      lineHeight: '16px',\n      fontWeight: '700',\n      margin: '0 8px',\n      padding: '0 4px',\n    },\n  };\n\n  style = { ...style, ...stateStyle };\n\n  return style;\n});\n"],"names":["MultiSelectChip","forwardRef","_a","ref","variant","label","disabled","icon","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","isOpen","setIsOpen","onClickCloseHandler","useCallback","e","stopPropagation","reactHook","setState","Count","useMemo","_jsxs","state","length","_jsx","className","children","Icon","color","name","fontSize","onClick","onBlur","onSelectHandler","curr","handleClickAway","onFocusVisibleHandler","ClickAwayListener","onClickAway","ChipFocusVisibleStyled","focusVisible","MultiSelectChipStyled","undefined","onFocusVisible","count","MenuContainer","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","width","marginTop","toggleLabel","styled","MuiChip","shouldForwardProp","prop","theme","flowColors","palette","style","marginLeft","transform","top","transition","transformOrigin","onSurface","os0","borderRadius","backgroundColor","brand","primary","minWidth","height","display","alignItems","justifyContent","lineHeight","fontWeight","margin","padding","Object","assign"],"mappings":"gaA4Ca,MAAAA,EAAkBC,GAC7B,CAACC,EAA8CC,KAA9C,IAAAC,QAAEA,EAAOC,MAAEA,EAAKC,SAAEA,EAAQC,KAAEA,GAAIL,EAAKM,EAArCC,EAAAP,EAAA,CAAA,UAAA,QAAA,WAAA,SACC,MAAOQ,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,IAClCG,EAAQC,GAAaJ,GAAS,GAE/BK,EAAsBC,GACzBC,IACCA,EAAEC,kBAEFZ,EAAMa,UAAUC,SAAS,GAAG,GAE9B,CAACd,EAAMa,YAGHE,EAAQC,GAAQ,IAElBC,eACGpB,EACAG,EAAMa,UAAUK,MAAMC,OAAS,GAC9BC,EAAA,OAAA,CAAMC,UAAU,iBACdD,EAAO,OAAA,CAAAE,SAAAtB,EAAMa,UAAUK,MAAMC,WAG/BnB,EAAMa,UAAUK,MAAMC,OAAS,GAC/BC,EAACG,EAAI,CAACC,MAAM,UAAUC,KAAK,QAAQC,SAAS,QAAQC,QAASlB,KACzDW,EAACG,EAAK,CAAAC,MAAM,UAAUC,KAAK,eAAeJ,UAAWd,EAAS,SAAW,GAAImB,SAAS,cAG/F,CAACnB,EAAQV,EAAOY,EAAqBT,EAAMa,UAAUK,MAAMC,SAExDS,EAASlB,GACZC,IACCR,GAAgB,GACZH,EAAM4B,QAAQ5B,EAAM4B,OAAOjB,EAAE,GAEnC,CAACX,IAGG6B,EAAkBnB,GAAY,KAClCF,GAAWsB,IAAUA,IACrBxB,GAAawB,IAAUA,GAAK,GAC3B,IAEGC,EAAkBrB,GAAY,KAClCF,GAAU,GACVF,GAAY,EAAM,GACjB,IAEG0B,EAAwBtB,GAAY,KACxCP,GAAgB,EAAK,GACpB,IAEH,OACEiB,cACEA,EAACa,GAAkBC,YAAaH,EAC9BT,SAAAL,EAAA,OAAA,CAAAK,SAAA,CACEF,kBACEA,EAACe,GAAuBC,aAAclC,EAAeN,QAASA,EAAO0B,SACnEF,EAACiB,EAAqB,CACpBhB,UAAuB,WAAZzB,GAAwB,iBACnCD,IAAKA,EACLC,QAAS,SACTG,KAAMA,EAAOqB,EAACG,EAAI,CAACE,KAAM1B,SAAWuC,EACpCzC,MAAOkB,EACPjB,SAAUA,EACV6B,QAASE,EACTL,MAAOnB,GAAYL,EAAMa,UAAUK,MAAMC,OAAS,UAAY,UAC9DoB,eAAgBP,EAChBJ,OAAQA,EACRY,MAAOxC,EAAMa,UAAUK,MAAMC,oBACjB,GAAGnB,EAAMa,UAAUK,MAAMC,2BACrCZ,OAAQA,QAKda,EAACqB,EAAa,CACZ3C,SAAUA,EACVS,OAAQA,EACRmC,MAAO1C,EAAM0C,MACbC,QAAS3C,EAAM2C,QACfC,mBAAmB,EACnBC,qBAAsB7C,EAAM6C,qBAC5BC,WAAY9C,EAAM8C,WAClBjC,UAAWb,EAAMa,UACjBkC,MAAO,IACPC,UAAW,GACXxC,UAAWA,EACXyC,YAAajD,EAAMiD,oBAIxB,IAQHZ,EAAwBa,EAAOC,EAAS,CAC5CC,kBAAoBC,GAAkB,WAATA,GADDH,EAM5B,EAAGI,YACH,MAAMC,EAAaD,EAAME,QA8BzB,IAAIC,EAAQ,CACV,kBAAmB,CACjBjC,MAAO,UACPkC,WAAY,MACZC,UAAW,eACXC,IAAK,MACLC,WAAY,iBACZ,WAAY,CACVF,UAAW,iCACXG,gBAAiB,QAGrB,aAAc,CACZtC,MAAO,WAET,WAAY,CACVA,MAAO+B,EAAWQ,UAAUC,IAC5BC,aAAc,MACdC,gBAAiBX,EAAWY,MAAMC,QAClCC,SAAU,OACVC,OAAQ,OACRC,QAAS,cACTC,WAAY,SACZC,eAAgB,SAChB/C,SAAU,OACVgD,WAAY,OACZC,WAAY,MACZC,OAAQ,QACRC,QAAS,UAMb,OAFApB,EAAaqB,OAAAC,OAAAD,OAAAC,OAAA,GAAAtB,GA5DM,CAAE,GA8DdA,CAAK"}

package/components/chip/regular/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sources":["../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":[null],"names":["Chip","_a","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","ChipStyled","className","Icon","name","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur","styled","MuiChip"],"mappings":"qSA2Ca,MAAAA,EAAuBC,IAAA,IAAAC,QAClCA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,WACRA,GAAa,EAAKC,KAClBA,EAAIC,gBACJA,GAAeN,EACZO,EAAKC,EAAAR,EAP0B,sEASlC,MAAOS,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,GACzCG,GAAU,KACRD,EAAYT,EAAW,GACtB,CAACA,IASJ,OACEW,EAACC,EAAsB,CAACf,QAASA,EAASgB,aAAcR,WACtDM,EAACG,GACCC,UAAuB,WAAZlB,GAAwB,iBACnCA,QAAS,SACTI,KAAMA,EAAOU,EAACK,EAAK,CAAAC,KAAMhB,EAAMc,UAAU,cAAcG,SAAS,eAAaC,EAC7ErB,MAAOA,EACPC,SAAUA,EACVqB,QAAUC,GAZC,CAACA,IAChBZ,GAAaD,GACbN,GAAmBA,EAAgBmB,GAAIb,EAAS,EAUMc,CAASD,GAC3DE,MAAOf,EAAW,UAAY,UAC9BgB,eAAgB,IAAMlB,GAAgB,GACtCmB,OAnBUJ,IACdf,GAAgB,GACZH,EAAMsB,QAAQtB,EAAMsB,OAAOJ,EAAE,KAmBR,EAOvBP,EAAaY,EAAOC,EAA0E"}
+{"version":3,"file":"chip.js","sources":["../../../../src/components/chip/regular/chip.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, useEffect, useState } from 'react';\nimport { ChipProps as MuiChipProps, Chip as MuiChip, styled } from '@mui/material';\nimport { Icon, IconNameProp } from '../../icon';\nimport ChipFocusVisibleStyled from '../chipFocusVisibleStyled';\n\n/**\n * @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\nexport interface ChipProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The label referenced to the text field\n   */\n  label?: string;\n\n  /**\n   * Disabled, not clickable chip\n   */\n  disabled?: boolean;\n\n  /**\n   * Boolean to display icon\n   */\n  icon?: IconNameProp;\n\n  /**\n   * Variant of chip defines different look and style\n   */\n  variant?: 'solid' | 'transparent' | 'shadow';\n  /**\n   * if true chips is checked\n   */\n  isSelected?: boolean;\n  /**\n   * onClick callback to handle the chip state\n   */\n  onClickCallback?: (e: React.MouseEvent<HTMLDivElement>, selected: boolean) => void;\n}\n\n/**\n * @deprecated This component is deprecated. Use themed Chip Component from @mui/material instead.\n */\nexport const Chip: FC<ChipProps> = ({\n  variant,\n  label,\n  disabled,\n  isSelected = false,\n  icon,\n  onClickCallback,\n  ...props\n}) => {\n  const [focusVisibled, setFocusVisible] = useState(false);\n  const [selected, setSelected] = useState(false);\n  useEffect(() => {\n    setSelected(isSelected);\n  }, [isSelected]);\n  const onBlur = (e: any) => {\n    setFocusVisible(false);\n    if (props.onBlur) props.onBlur(e);\n  };\n  const onSelect = (e: React.MouseEvent<HTMLDivElement>) => {\n    setSelected(!selected);\n    onClickCallback && onClickCallback(e, !selected);\n  };\n  return (\n    <ChipFocusVisibleStyled variant={variant} focusVisible={focusVisibled}>\n      <ChipStyled\n        className={variant === 'shadow' && 'MuiChip-shadow'}\n        variant={'filled'}\n        icon={icon ? <Icon name={icon} className=\"beforeLabel\" fontSize=\"small\" /> : undefined}\n        label={label}\n        disabled={disabled}\n        onClick={(e: React.MouseEvent<HTMLDivElement>) => onSelect(e)}\n        color={selected ? 'primary' : 'default'}\n        onFocusVisible={() => setFocusVisible(true)}\n        onBlur={onBlur}\n      />\n    </ChipFocusVisibleStyled>\n  );\n};\n\n/**\n * @description Chip styling defintion based on props\n */\nconst ChipStyled = styled(MuiChip)<MuiChipProps & { onFocusVisible?: React.FocusEventHandler<any> }>``;\n"],"names":["Chip","_a","variant","label","disabled","isSelected","icon","onClickCallback","props","__rest","focusVisibled","setFocusVisible","useState","selected","setSelected","useEffect","_jsx","ChipFocusVisibleStyled","focusVisible","ChipStyled","className","Icon","name","fontSize","undefined","onClick","e","onSelect","color","onFocusVisible","onBlur","styled","MuiChip"],"mappings":"qSA2Ca,MAAAA,EAAuBC,IAAA,IAAAC,QAClCA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,WACRA,GAAa,EAAKC,KAClBA,EAAIC,gBACJA,GAAeN,EACZO,EAAKC,EAAAR,EAP0B,sEASlC,MAAOS,EAAeC,GAAmBC,GAAS,IAC3CC,EAAUC,GAAeF,GAAS,GACzCG,GAAU,KACRD,EAAYT,EAAW,GACtB,CAACA,IASJ,OACEW,EAACC,EAAsB,CAACf,QAASA,EAASgB,aAAcR,WACtDM,EAACG,GACCC,UAAuB,WAAZlB,GAAwB,iBACnCA,QAAS,SACTI,KAAMA,EAAOU,EAACK,EAAK,CAAAC,KAAMhB,EAAMc,UAAU,cAAcG,SAAS,eAAaC,EAC7ErB,MAAOA,EACPC,SAAUA,EACVqB,QAAUC,GAZC,CAACA,IAChBZ,GAAaD,GACbN,GAAmBA,EAAgBmB,GAAIb,EAAS,EAUMc,CAASD,GAC3DE,MAAOf,EAAW,UAAY,UAC9BgB,eAAgB,IAAMlB,GAAgB,GACtCmB,OAnBUJ,IACdf,GAAgB,GACZH,EAAMsB,QAAQtB,EAAMsB,OAAOJ,EAAE,KAmBR,EAOvBP,EAAaY,EAAOC,EAA0E"}

package/components/closeDialogButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":[null],"names":["CloseDialogButton","props","_jsx","IconButton","Object","assign","size","children","CloseIcon"],"mappings":"2IASa,MAAAA,EAAqBC,GAE9BC,EAACC,EAAsBC,OAAAC,OAAA,CAAA,aAAA,eAAeC,KAAK,UAAaL,EACtD,CAAAM,SAAAL,EAACM,EAAY,CAAA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/closeDialogButton/index.tsx"],"sourcesContent":["import { IconButton, IconButtonProps } from '@mui/material';\nimport { CloseIcon } from '../icon/stroke/CloseIcon';\nimport React from 'react';\n\nexport type CloseDialogButtonProps = IconButtonProps;\n\n/**\n * @deprecated Use <DialogTitle onClose={fn} /> instead\n */\nexport const CloseDialogButton = (props: CloseDialogButtonProps) => {\n  return (\n    <IconButton aria-label=\"Close dialog\" size=\"medium\" {...props}>\n      <CloseIcon />\n    </IconButton>\n  );\n};\n"],"names":["CloseDialogButton","props","_jsx","IconButton","Object","assign","size","children","CloseIcon"],"mappings":"2IASa,MAAAA,EAAqBC,GAE9BC,EAACC,EAAsBC,OAAAC,OAAA,CAAA,aAAA,eAAeC,KAAK,UAAaL,EACtD,CAAAM,SAAAL,EAACM,EAAY,CAAA"}

package/components/common/helperText.js.map

@@ -1 +1 @@
-{"version":3,"file":"helperText.js","sources":["../../../src/components/common/helperText.tsx"],"sourcesContent":[null],"names":["HelperText","helpText","maxChars","currentValue","type","_jsx","HelperTextContent","textLeft","textRight","toString","length","undefined"],"mappings":"sHAsBA,MAAMA,EAAa,EAAGC,WAAUC,WAAUC,eAAcC,UAEpDC,EAACC,EACC,CAAAC,SAAUN,EACVO,UACW,WAATJ,GAAqBF,GAAYA,EAAW,EAAI,GAAGC,EAAaM,WAAWC,YAAYR,SAAaS"}
+{"version":3,"file":"helperText.js","sources":["../../../src/components/common/helperText.tsx"],"sourcesContent":["import React from 'react';\nimport { HelperTextContent } from '../helperTextContent';\n\nexport interface HelperTextProps {\n  /**\n   * The value of the helper text\n   */\n  helpText?: string;\n  /**\n   * The max number of chars available in the text area. Max chars will be disabled when type = 'number'.\n   */\n  maxChars?: number;\n  /**\n   * Current value of the helper text.\n   */\n  currentValue: string;\n  /**\n   * Type of the input element. It should be 'text' or 'number'. Default is 'text'.\n   */\n  type?: 'number' | 'text';\n}\n\nconst HelperText = ({ helpText, maxChars, currentValue, type }: HelperTextProps) => {\n  return (\n    <HelperTextContent\n      textLeft={helpText}\n      textRight={\n        type !== 'number' && maxChars && maxChars > 0 ? `${currentValue.toString().length} / ${maxChars}` : undefined\n      }\n    />\n  );\n};\n\nexport default HelperText;\n"],"names":["HelperText","helpText","maxChars","currentValue","type","_jsx","HelperTextContent","textLeft","textRight","toString","length","undefined"],"mappings":"sHAsBA,MAAMA,EAAa,EAAGC,WAAUC,WAAUC,eAAcC,UAEpDC,EAACC,EACC,CAAAC,SAAUN,EACVO,UACW,WAATJ,GAAqBF,GAAYA,EAAW,EAAI,GAAGC,EAAaM,WAAWC,YAAYR,SAAaS"}

package/components/common/hook/backdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.js","sources":["../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":[null],"names":["useBackdrop","openBackdrop","setOpenBackdrop","useState","handleCloseBackdrop","handleOpenBackdrop","handleToggleBackdrop"],"mappings":"iCAEM,MAAAA,EAAc,KAClB,MAAOC,EAAcC,GAAmBC,GAAS,GAUjD,MAAO,CACLF,eACAC,kBACAE,oBAZ0B,KAC1BF,GAAgB,EAAM,EAYtBG,mBAVyB,KACzBH,GAAgB,EAAK,EAUrBI,qBAR2B,KAC3BJ,GAAiBD,EAAa,EAQ/B"}
+{"version":3,"file":"backdrop.js","sources":["../../../../src/components/common/hook/backdrop.tsx"],"sourcesContent":["import { useState } from 'react';\n\nconst useBackdrop = () => {\n  const [openBackdrop, setOpenBackdrop] = useState(false);\n  const handleCloseBackdrop = () => {\n    setOpenBackdrop(false);\n  };\n  const handleOpenBackdrop = () => {\n    setOpenBackdrop(true);\n  };\n  const handleToggleBackdrop = () => {\n    setOpenBackdrop(!openBackdrop);\n  };\n  return {\n    openBackdrop,\n    setOpenBackdrop,\n    handleCloseBackdrop,\n    handleOpenBackdrop,\n    handleToggleBackdrop,\n  };\n};\nexport default useBackdrop;\n"],"names":["useBackdrop","openBackdrop","setOpenBackdrop","useState","handleCloseBackdrop","handleOpenBackdrop","handleToggleBackdrop"],"mappings":"iCAEM,MAAAA,EAAc,KAClB,MAAOC,EAAcC,GAAmBC,GAAS,GAUjD,MAAO,CACLF,eACAC,kBACAE,oBAZ0B,KAC1BF,GAAgB,EAAM,EAYtBG,mBAVyB,KACzBH,GAAgB,EAAK,EAUrBI,qBAR2B,KAC3BJ,GAAiBD,EAAa,EAQ/B"}

package/components/common/hook/useWindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.js","sources":["../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":[null],"names":["useWindowSize","isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","flowBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"iIAGc,SAAUA,IACtB,MAAMC,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,EAAS,CAC3CC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAGZ,SAASC,IACPP,EAAc,CACZE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAgBC,OAAW,KAc7D,OAVAC,GAAU,KACRH,IACAT,OAAOa,iBAAiB,SAAUJ,GAE3B,KACLA,IACAT,OAAOc,oBAAoB,SAAUL,EAAiB,IAEvD,IAEIR,CACT"}
+{"version":3,"file":"useWindowSize.js","sources":["../../../../src/components/common/hook/useWindowSize.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { flowBreakpoints } from '../../../materialui/theme/theme.breakpoints';\n\nexport default function useWindowSize() {\n  const isSSR = typeof window !== 'undefined';\n  const [windowSize, setWindowSize] = useState({\n    width: isSSR ? 1440 : window.innerWidth,\n    height: isSSR ? 800 : window.innerHeight,\n    isMobile: false,\n  });\n\n  function changeWindowSize() {\n    setWindowSize({\n      width: window.innerWidth,\n      height: window.innerHeight,\n      isMobile: window.innerWidth < flowBreakpoints.values['md'],\n    });\n  }\n\n  useEffect(() => {\n    changeWindowSize();\n    window.addEventListener('resize', changeWindowSize);\n\n    return () => {\n      changeWindowSize();\n      window.removeEventListener('resize', changeWindowSize);\n    };\n  }, []);\n\n  return windowSize;\n}\n"],"names":["useWindowSize","isSSR","window","windowSize","setWindowSize","useState","width","innerWidth","height","innerHeight","isMobile","changeWindowSize","flowBreakpoints","values","useEffect","addEventListener","removeEventListener"],"mappings":"iIAGc,SAAUA,IACtB,MAAMC,EAA0B,oBAAXC,QACdC,EAAYC,GAAiBC,EAAS,CAC3CC,MAAOL,EAAQ,KAAOC,OAAOK,WAC7BC,OAAQP,EAAQ,IAAMC,OAAOO,YAC7BC,UAAU,IAGZ,SAASC,IACPP,EAAc,CACZE,MAAOJ,OAAOK,WACdC,OAAQN,OAAOO,YACfC,SAAUR,OAAOK,WAAaK,EAAgBC,OAAW,KAc7D,OAVAC,GAAU,KACRH,IACAT,OAAOa,iBAAiB,SAAUJ,GAE3B,KACLA,IACAT,OAAOc,oBAAoB,SAAUL,EAAiB,IAEvD,IAEIR,CACT"}

package/components/common/imageComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"imageComponent.js","sources":["../../../src/components/common/imageComponent.tsx"],"sourcesContent":[null],"names":["ImageComponent","image","alt","fallbackImage","height","width","imgError","setImgError","useState","setImageError","useCallback","_jsx","src","onError"],"mappings":"0FAwBA,MAAMA,EAAiB,EAAGC,QAAOC,MAAKC,gBAAeC,SAAQC,YAC3D,MAAOC,EAAUC,GAAeC,GAAS,GAEnCC,EAAgBC,GAAY,IAAMH,GAAY,IAAO,IAE3D,OAGSI,EAAA,MAHJL,EAGI,CAAKM,IAAKT,EAAeD,IAAKA,GAF9B,CAAKU,IAAKX,EAAOG,OAAQA,EAAQC,MAAOA,EAAOH,IAAKA,EAAKW,QAASJ"}
+{"version":3,"file":"imageComponent.js","sources":["../../../src/components/common/imageComponent.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\n\ninterface ImageComponentProps {\n  /**\n   * The source of the image.\n   */\n  image: string;\n  /**\n   * The alt description of the image.\n   */\n  alt?: string;\n  /**\n   * The height of the image.\n   */\n  height?: string;\n  /**\n   * The width of the image.\n   */\n  width?: string;\n  /**\n   * The source of the onError image.\n   */\n  fallbackImage?: string;\n}\nconst ImageComponent = ({ image, alt, fallbackImage, height, width }: ImageComponentProps) => {\n  const [imgError, setImgError] = useState(false);\n\n  const setImageError = useCallback(() => setImgError(true), []);\n\n  if (!imgError) {\n    return <img src={image} height={height} width={width} alt={alt} onError={setImageError} />;\n  } else {\n    return <img src={fallbackImage} alt={alt} />;\n  }\n};\n\nexport default ImageComponent;\n"],"names":["ImageComponent","image","alt","fallbackImage","height","width","imgError","setImgError","useState","setImageError","useCallback","_jsx","src","onError"],"mappings":"0FAwBA,MAAMA,EAAiB,EAAGC,QAAOC,MAAKC,gBAAeC,SAAQC,YAC3D,MAAOC,EAAUC,GAAeC,GAAS,GAEnCC,EAAgBC,GAAY,IAAMH,GAAY,IAAO,IAE3D,OAGSI,EAAA,MAHJL,EAGI,CAAKM,IAAKT,EAAeD,IAAKA,GAF9B,CAAKU,IAAKX,EAAOG,OAAQA,EAAQC,MAAOA,EAAOH,IAAKA,EAAKW,QAASJ"}

package/components/common/menuContainer.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import{styled as t}from"@mui/system";import{Menu as s}from"../menu/menu.js";import{MenuEmpty as o}from"./menuEmpty.js";const n=t=>{var{setIsOpen:n,isEmptyMenu:r}=t,p=e(t,["setIsOpen","isEmptyMenu"]);return i(l,{marginTop:p.marginTop+"px",width:p.fullWidth?"100%":p.width+"px",isOpen:p.isOpen,disabled:p.disabled,children:r?i(o,{children:p.children}):i(s,{items:p.items,hasIcon:p.hasIcon,multipleSelection:p.multipleSelection,groupToggleSelection:p.groupToggleSelection,groupLabel:p.groupLabel,reactHook:p.reactHook,setIsOpen:n,toggleLabel:p.toggleLabel})})},l=t("div")((i=>{var{theme:t}=i,s=e(i,["theme"]);let o={};return o={width:s.width,marginTop:s.marginTop,transition:"0.3s ease-out",display:"inline-block",position:"absolute",zIndex:"10"},o=s.isOpen&&!s.disabled?Object.assign(Object.assign({},o),{visibility:"visible",opacity:"100%"}):Object.assign(Object.assign({},o),{visibility:"hidden",opacity:"0%"}),o}));export{n as default};
+import{__rest as e}from"tslib";import{jsx as i}from"react/jsx-runtime";import{styled as t}from"@mui/material/styles";import{Menu as s}from"../menu/menu.js";import{MenuEmpty as o}from"./menuEmpty.js";const n=t=>{var{setIsOpen:n,isEmptyMenu:r}=t,a=e(t,["setIsOpen","isEmptyMenu"]);return i(l,{marginTop:a.marginTop+"px",width:a.fullWidth?"100%":a.width+"px",isOpen:a.isOpen,disabled:a.disabled,children:r?i(o,{children:a.children}):i(s,{items:a.items,hasIcon:a.hasIcon,multipleSelection:a.multipleSelection,groupToggleSelection:a.groupToggleSelection,groupLabel:a.groupLabel,reactHook:a.reactHook,setIsOpen:n,toggleLabel:a.toggleLabel})})},l=t("div")((i=>{var{theme:t}=i,s=e(i,["theme"]);let o={};return o={width:s.width,marginTop:s.marginTop,transition:"0.3s ease-out",display:"inline-block",position:"absolute",zIndex:"10"},o=s.isOpen&&!s.disabled?Object.assign(Object.assign({},o),{visibility:"visible",opacity:"100%"}):Object.assign(Object.assign({},o),{visibility:"hidden",opacity:"0%"}),o}));export{n as default};
 //# sourceMappingURL=menuContainer.js.map

package/components/common/menuContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuContainer.js","sources":["../../../src/components/common/menuContainer.tsx"],"sourcesContent":[null],"names":["MenuContainer","_a","setIsOpen","isEmptyMenu","props","__rest","_jsx","StyledDiv","marginTop","width","fullWidth","isOpen","disabled","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel","styled","theme","args","styles","transition","display","position","zIndex","Object","assign","visibility","opacity"],"mappings":"8LAuBA,MAAMA,EAA+CC,QAAAC,UAAEA,EAASC,YAAEA,GAAWF,EAAKG,EAAKC,EAAAJ,EAAlC,6BACnD,OACEK,EAACC,EACC,CAAAC,UAAWJ,EAAMI,UAAY,KAC7BC,MAAOL,EAAMM,UAAY,OAASN,EAAMK,MAAQ,KAChDE,OAAQP,EAAMO,OACdC,SAAUR,EAAMQ,SAEfC,SAAAV,EACCG,EAACQ,EAAW,CAAAD,SAAAT,EAAMS,WAElBP,EAACS,EAAI,CACHC,MAAOZ,EAAMY,MACbC,QAASb,EAAMa,QACfC,kBAAmBd,EAAMc,kBACzBC,qBAAsBf,EAAMe,qBAC5BC,WAAYhB,EAAMgB,WAClBC,UAAWjB,EAAMiB,UACjBnB,UAAWA,EACXoB,YAAalB,EAAMkB,eAGb,EAIVf,EAAYgB,EAAO,MAAPA,EAKdtB,IAAA,IAAAuB,MAAEA,GAAgBvB,EAANwB,EAAIpB,EAAAJ,EAAhB,WACF,IAAIyB,EAAS,CAAE,EAiBf,OAfAA,EAAS,CACPjB,MAAOgB,EAAKhB,MACZD,UAAWiB,EAAKjB,UAChBmB,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRJ,EADED,EAAKd,SAAWc,EAAKb,SACjBmB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,SAAUC,QAAS,OAGhDR,CAAM"}
+{"version":3,"file":"menuContainer.js","sources":["../../../src/components/common/menuContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Menu, MenuReactUseStateHook, MenuItems } from '../menu';\nimport MenuEmpty from './menuEmpty';\n\nexport interface MenuContainerProps {\n  disabled?: boolean;\n  items?: MenuItems;\n  hasIcon?: boolean;\n  multipleSelection?: boolean;\n  groupLabel?: string;\n  reactHook?: MenuReactUseStateHook;\n  groupToggleSelection?: boolean;\n  isOpen?: boolean;\n  marginTop?: number;\n  width?: number;\n  fullWidth?: boolean;\n  setIsOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n  isEmptyMenu?: boolean;\n  toggleLabel?: string;\n  children?: React.ReactNode;\n}\n\nconst MenuContainer: React.FC<MenuContainerProps> = ({ setIsOpen, isEmptyMenu, ...props }) => {\n  return (\n    <StyledDiv\n      marginTop={props.marginTop + 'px'}\n      width={props.fullWidth ? '100%' : props.width + 'px'}\n      isOpen={props.isOpen}\n      disabled={props.disabled}\n    >\n      {isEmptyMenu ? (\n        <MenuEmpty>{props.children}</MenuEmpty>\n      ) : (\n        <Menu\n          items={props.items}\n          hasIcon={props.hasIcon}\n          multipleSelection={props.multipleSelection}\n          groupToggleSelection={props.groupToggleSelection}\n          groupLabel={props.groupLabel}\n          reactHook={props.reactHook}\n          setIsOpen={setIsOpen}\n          toggleLabel={props.toggleLabel}\n        />\n      )}\n    </StyledDiv>\n  );\n};\n\nconst StyledDiv = styled('div')<{\n  marginTop?: string;\n  isOpen: boolean;\n  disabled: boolean;\n  width?: string;\n}>(({ theme, ...args }) => {\n  let styles = {};\n\n  styles = {\n    width: args.width,\n    marginTop: args.marginTop,\n    transition: '0.3s ease-out',\n    display: 'inline-block',\n    position: 'absolute',\n    zIndex: '10',\n  };\n\n  if (args.isOpen && !args.disabled) {\n    styles = { ...styles, visibility: 'visible', opacity: '100%' };\n  } else {\n    styles = { ...styles, visibility: 'hidden', opacity: '0%' };\n  }\n\n  return styles;\n});\n\nexport default MenuContainer;\n"],"names":["MenuContainer","_a","setIsOpen","isEmptyMenu","props","__rest","_jsx","StyledDiv","marginTop","width","fullWidth","isOpen","disabled","children","MenuEmpty","Menu","items","hasIcon","multipleSelection","groupToggleSelection","groupLabel","reactHook","toggleLabel","styled","theme","args","styles","transition","display","position","zIndex","Object","assign","visibility","opacity"],"mappings":"uMAuBA,MAAMA,EAA+CC,QAAAC,UAAEA,EAASC,YAAEA,GAAWF,EAAKG,EAAKC,EAAAJ,EAAlC,6BACnD,OACEK,EAACC,EACC,CAAAC,UAAWJ,EAAMI,UAAY,KAC7BC,MAAOL,EAAMM,UAAY,OAASN,EAAMK,MAAQ,KAChDE,OAAQP,EAAMO,OACdC,SAAUR,EAAMQ,SAEfC,SAAAV,EACCG,EAACQ,EAAW,CAAAD,SAAAT,EAAMS,WAElBP,EAACS,EAAI,CACHC,MAAOZ,EAAMY,MACbC,QAASb,EAAMa,QACfC,kBAAmBd,EAAMc,kBACzBC,qBAAsBf,EAAMe,qBAC5BC,WAAYhB,EAAMgB,WAClBC,UAAWjB,EAAMiB,UACjBnB,UAAWA,EACXoB,YAAalB,EAAMkB,eAGb,EAIVf,EAAYgB,EAAO,MAAPA,EAKdtB,IAAA,IAAAuB,MAAEA,GAAgBvB,EAANwB,EAAIpB,EAAAJ,EAAhB,WACF,IAAIyB,EAAS,CAAE,EAiBf,OAfAA,EAAS,CACPjB,MAAOgB,EAAKhB,MACZD,UAAWiB,EAAKjB,UAChBmB,WAAY,gBACZC,QAAS,eACTC,SAAU,WACVC,OAAQ,MAIRJ,EADED,EAAKd,SAAWc,EAAKb,SACjBmB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,UAAWC,QAAS,SAEhDH,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQN,GAAM,CAAEO,WAAY,SAAUC,QAAS,OAGhDR,CAAM"}

package/components/common/menuEmpty.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuEmpty.js","sources":["../../../src/components/common/menuEmpty.tsx"],"sourcesContent":[null],"names":["MenuEmpty","forwardRef","_a","ref","props","__rest","_jsx","PaperStyled","Object","assign","children","styled","MuiPaper","styles","height","padding"],"mappings":"4JAgBa,MAAAA,EAAYC,GAA2C,CAACC,EAAcC,SAATC,EAAKC,EAAAH,EAAV,IACnE,OACEI,EAACC,EAAWC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAD,IAAKA,WAC1BC,EAAMM,WACK,IAMZH,EAAcI,EAAOC,EAAPD,EAA0B,KAC5C,IAAIE,EAAS,CAAE,EASf,OAJAA,iCACKA,GAAM,CACT,sBANsC,CACtCC,OAAQ,OACRC,QAAS,cAMJF,CAAM"}
+{"version":3,"file":"menuEmpty.js","sources":["../../../src/components/common/menuEmpty.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { styled, Paper as MuiPaper } from '@mui/material';\n\n/**\n * @interface MenuEmtpyProps\n * @description Base definition of SkodaFlow Menu independent on core implementation.\n * Properties are inherited from HTML Div element\n */\nexport interface MenuEmptyProps extends HTMLAttributes<HTMLDivElement> {}\n/**\n * @description SkodaFlow Menu component.\n * Properties are inherited from HTML Div element.\n * @param props PaperProps\n * @returns React Functional Component\n */\n\nexport const MenuEmpty = forwardRef<HTMLDivElement, MenuEmptyProps>(({ ...props }, ref) => {\n  return (\n    <PaperStyled {...props} ref={ref}>\n      {props.children}\n    </PaperStyled>\n  );\n});\n/**\n * @description Menu styling defintion based on props\n */\nconst PaperStyled = styled(MuiPaper)<unknown>(() => {\n  let styles = {};\n  const itemStyles: React.CSSProperties = {\n    height: '48px',\n    padding: '0px 24px',\n  };\n  styles = {\n    ...styles,\n    '& .MuiMenuItem-root': itemStyles,\n  };\n  return styles;\n});\n\nexport default MenuEmpty;\n"],"names":["MenuEmpty","forwardRef","_a","ref","props","__rest","_jsx","PaperStyled","Object","assign","children","styled","MuiPaper","styles","height","padding"],"mappings":"4JAgBa,MAAAA,EAAYC,GAA2C,CAACC,EAAcC,SAATC,EAAKC,EAAAH,EAAV,IACnE,OACEI,EAACC,EAAWC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAD,IAAKA,WAC1BC,EAAMM,WACK,IAMZH,EAAcI,EAAOC,EAAPD,EAA0B,KAC5C,IAAIE,EAAS,CAAE,EASf,OAJAA,iCACKA,GAAM,CACT,sBANsC,CACtCC,OAAQ,OACRC,QAAS,cAMJF,CAAM"}

package/components/common/resizableSliderInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizableSliderInput.js","sources":["../../../src/components/common/resizableSliderInput.tsx"],"sourcesContent":[null],"names":["ResizableSliderInput","value","values","onChange","onBlur","isCurrencyInFront","textDescription","labelText","className","id","thumb","disabled","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","clickCounter","setClickCounter","useState","lostFocus","setLostFocus","background","setBackground","inputRef","useRef","onChangeHandler","useCallback","e","onClickHandler","curr","onBlurHandler","getFormattedString","num","toFixed","replace","getInputValue","useEffect","current","style","width","length","_jsxs","SliderValuesStyled","onMouseEnter","onMouseLeave","children","_jsx","htmlFor","ref","onClick","styled","shouldForwardProp","prop","theme","palette","surface","primary","display","padding","borderRadius","minWidth","fontWeight","fontSize","color","onSurface","os700","flexDirection","paddingTop","paddingRight"],"mappings":"sKAmBM,MAAAA,EAAuB,EAC3BC,MAAOC,EACPC,WACAC,SACAC,oBACAC,kBAAkB,GAClBC,YAAY,GACZC,YAAY,GACZC,KAAK,GACLC,SAAQ,EACRC,YAAW,EACXC,qBAAqB,IACrBC,mBAAmB,IACnBC,6BAEA,MAAOC,EAAcC,GAAmBC,EAAS,IAC1CC,EAAWC,GAAgBF,GAAS,IACpCG,EAAYC,GAAiBJ,EAAS,SAEvCK,EAAWC,EAAgC,MAE3CC,EAAkBC,GACrBC,IACCV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBhB,EAASuB,EAAGhB,EAAM,GAEpB,CAACP,EAAUO,IAGPiB,EAAiBF,GAAY,KACjCT,GAAiBY,GAASA,EAAO,IACjCT,GAAa,KAAM,IACnBE,EAAc,OAAO,GACpB,IAEGQ,EAA2DJ,GAAaC,IAC5EV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBE,EAAc,SACdjB,SAAAA,EAASsB,EAAGhB,EAAM,GACjB,IAEGoB,EAAqBL,GACxBM,GACKjB,EAA+BiB,EAAIC,UAAUC,QAAQ,wBAAyBrB,GAC3EmB,EACJC,QAAQ,GACRC,QAAQ,IAAKpB,GACboB,QAAQ,wBAAyBrB,IAEtC,CAACC,EAAkBC,EAAwBF,IAGvCsB,EAAgBT,GAAY,IACX,IAAjBV,EAA2B,GAC3BG,IAA0B,IAAbhB,EAAsB4B,EAAmB,GACtDZ,EAAkBY,GAAoB5B,QACnCA,EAAgBA,EAAS,IAC/B,CAACa,EAAce,EAAoBZ,EAAWhB,IAkBjD,OARAiC,GAAU,MAGJjC,GAAU,IAAMA,KAAQoB,EAASc,QAAQC,MAAMC,MAAQ,OAC/BhB,EAASc,QAAQC,MAAMC,MAA/CxB,EAAuDgB,GAAoB5B,GAAQqC,OAAS,EAAI,KAChET,GAAoB5B,GAAQqC,OAAS,IAAI,GAC5E,CAACxB,EAAce,EAAoBI,EAAepB,EAAwBZ,IAG3EsC,EAACC,EACC,CAAAjC,UAAU,qBACVH,kBAAmBA,EACnBe,WAAYA,EACZsB,aArBwB,KAC1BrB,EAAc,OAAO,EAqBnBsB,aAlBwB,KAC1BzB,GAAaG,EAAc,QAAQ,EAmBjCuB,SAAA,CAAAC,EAAA,QAAA,CAAOC,QAASrC,EAAKmC,SAAArC,IACrBiC,EAAA,MAAA,CAAAI,SAAA,CACGtC,GAAmBkC,oBAAOlC,EAAe,OAC1CuC,EAAA,QAAA,CACEpC,GAAIA,EACJsC,IAAKzB,EACLrB,MAAOiC,IACP9B,OAAQyB,EACRmB,QAASrB,EACTxB,SAAUqB,EACVhB,UAAWA,EACXG,SAAUA,SAGK,EAGnB8B,EAAqBQ,EAAO,MAAO,CACvCC,kBAAoBC,GAAkB,sBAATA,GADJF,EAEyC,EAAGG,QAAO/C,wBACrE,CACLe,WAAYgC,EAAMC,QAAQC,QAAQC,QAClCC,QAAS,eACTC,QAAS,WACTC,aAAc,MACdC,SAAU,OACV,uBAAwB,CACtBC,WAAY,KAEd,gBAAiB,CACfC,SAAU,OACVC,MAAOV,EAAMC,QAAQU,UAAUC,OAEjC,UAAW,CACTR,QAAS,cACTS,cAAe5D,EAAoB,MAAQ,cAC3C,YAAa,CACX6D,WAAY,OAEd,WAAY,CACVC,aAAc9D,EAAoB,MAAQ"}
+{"version":3,"file":"resizableSliderInput.js","sources":["../../../src/components/common/resizableSliderInput.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { styled } from '@mui/material';\n\nexport interface ResizableSliderInputInterface {\n  value: string | number;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>, thumb?: number) => void;\n  onBlur?: (e: React.ChangeEvent<HTMLInputElement>, thumb?: number) => void;\n  id?: string;\n  disabled?: boolean;\n  textDescription?: string;\n  labelText?: string;\n  className?: string;\n  thumb?: number;\n  isCurrencyInFront?: boolean;\n  thousandsSeparator?: '.' | ',' | ' ';\n  decimalSeparator?: '.' | ',';\n  hiddenDecimalSeparator?: boolean;\n}\n\nconst ResizableSliderInput = ({\n  value: values,\n  onChange,\n  onBlur,\n  isCurrencyInFront,\n  textDescription = '',\n  labelText = '',\n  className = '',\n  id = '',\n  thumb = -1,\n  disabled = false,\n  thousandsSeparator = '.',\n  decimalSeparator = '.',\n  hiddenDecimalSeparator,\n}: ResizableSliderInputInterface) => {\n  const [clickCounter, setClickCounter] = useState(0);\n  const [lostFocus, setLostFocus] = useState(true);\n  const [background, setBackground] = useState('light');\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const onChangeHandler = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setClickCounter(() => 2);\n      setLostFocus(() => false);\n      onChange(e, thumb);\n    },\n    [onChange, thumb],\n  );\n\n  const onClickHandler = useCallback(() => {\n    setClickCounter((curr) => curr + 1);\n    setLostFocus(() => false);\n    setBackground('dark');\n  }, []);\n\n  const onBlurHandler: React.FocusEventHandler<HTMLInputElement> = useCallback((e) => {\n    setClickCounter(() => 0);\n    setLostFocus(() => true);\n    setBackground('light');\n    onBlur?.(e, thumb);\n  }, []);\n\n  const getFormattedString = useCallback(\n    (num: number) => {\n      if (hiddenDecimalSeparator) return num.toFixed().replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n      return num\n        .toFixed(2)\n        .replace('.', decimalSeparator)\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, thousandsSeparator);\n    },\n    [decimalSeparator, hiddenDecimalSeparator, thousandsSeparator],\n  );\n\n  const getInputValue = useCallback(() => {\n    if (clickCounter === 1) return '';\n    if (lostFocus && values === -1) return getFormattedString(0);\n    if (lostFocus) return getFormattedString(+values);\n    return values !== -1 ? values : '';\n  }, [clickCounter, getFormattedString, lostFocus, values]);\n\n  const onMouseEnterHandler = () => {\n    setBackground('dark');\n  };\n\n  const onMouseLeaveHandler = () => {\n    lostFocus && setBackground('light');\n  };\n\n  useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    if (values <= 0 || !values) inputRef.current.style.width = '4ch';\n    if (hiddenDecimalSeparator) inputRef.current.style.width = getFormattedString(+values).length + 1 + 'ch';\n    else inputRef.current.style.width = getFormattedString(+values).length + 'ch';\n  }, [clickCounter, getFormattedString, getInputValue, hiddenDecimalSeparator, values]);\n\n  return (\n    <SliderValuesStyled\n      className=\"single-value-input\"\n      isCurrencyInFront={isCurrencyInFront}\n      background={background}\n      onMouseEnter={onMouseEnterHandler}\n      onMouseLeave={onMouseLeaveHandler}\n    >\n      <label htmlFor={id}>{labelText}</label>\n      <div>\n        {textDescription && <span>{textDescription} </span>}\n        <input\n          id={id}\n          ref={inputRef}\n          value={getInputValue()}\n          onBlur={onBlurHandler}\n          onClick={onClickHandler}\n          onChange={onChangeHandler}\n          className={className}\n          disabled={disabled}\n        />\n      </div>\n    </SliderValuesStyled>\n  );\n};\nconst SliderValuesStyled = styled('div', {\n  shouldForwardProp: (prop) => prop !== 'isCurrencyInFront',\n})<{ theme?: any; background: string; isCurrencyInFront: boolean }>(({ theme, isCurrencyInFront }) => {\n  return {\n    background: theme.palette.surface.primary,\n    display: 'inline-block',\n    padding: '4px 12px',\n    borderRadius: '4px',\n    minWidth: '60px',\n    '& span, label, input': {\n      fontWeight: 500,\n    },\n    '& span, input': {\n      fontSize: '14px',\n      color: theme.palette.onSurface.os700,\n    },\n    '& > div': {\n      display: 'inline-flex',\n      flexDirection: isCurrencyInFront ? 'row' : 'row-reverse',\n      '& > input': {\n        paddingTop: '2px',\n      },\n      '& > span': {\n        paddingRight: isCurrencyInFront ? '2px' : '0px',\n      },\n    },\n  };\n});\n\nexport default ResizableSliderInput;\n"],"names":["ResizableSliderInput","value","values","onChange","onBlur","isCurrencyInFront","textDescription","labelText","className","id","thumb","disabled","thousandsSeparator","decimalSeparator","hiddenDecimalSeparator","clickCounter","setClickCounter","useState","lostFocus","setLostFocus","background","setBackground","inputRef","useRef","onChangeHandler","useCallback","e","onClickHandler","curr","onBlurHandler","getFormattedString","num","toFixed","replace","getInputValue","useEffect","current","style","width","length","_jsxs","SliderValuesStyled","onMouseEnter","onMouseLeave","children","_jsx","htmlFor","ref","onClick","styled","shouldForwardProp","prop","theme","palette","surface","primary","display","padding","borderRadius","minWidth","fontWeight","fontSize","color","onSurface","os700","flexDirection","paddingTop","paddingRight"],"mappings":"sKAmBM,MAAAA,EAAuB,EAC3BC,MAAOC,EACPC,WACAC,SACAC,oBACAC,kBAAkB,GAClBC,YAAY,GACZC,YAAY,GACZC,KAAK,GACLC,SAAQ,EACRC,YAAW,EACXC,qBAAqB,IACrBC,mBAAmB,IACnBC,6BAEA,MAAOC,EAAcC,GAAmBC,EAAS,IAC1CC,EAAWC,GAAgBF,GAAS,IACpCG,EAAYC,GAAiBJ,EAAS,SAEvCK,EAAWC,EAAgC,MAE3CC,EAAkBC,GACrBC,IACCV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBhB,EAASuB,EAAGhB,EAAM,GAEpB,CAACP,EAAUO,IAGPiB,EAAiBF,GAAY,KACjCT,GAAiBY,GAASA,EAAO,IACjCT,GAAa,KAAM,IACnBE,EAAc,OAAO,GACpB,IAEGQ,EAA2DJ,GAAaC,IAC5EV,GAAgB,IAAM,IACtBG,GAAa,KAAM,IACnBE,EAAc,SACdjB,SAAAA,EAASsB,EAAGhB,EAAM,GACjB,IAEGoB,EAAqBL,GACxBM,GACKjB,EAA+BiB,EAAIC,UAAUC,QAAQ,wBAAyBrB,GAC3EmB,EACJC,QAAQ,GACRC,QAAQ,IAAKpB,GACboB,QAAQ,wBAAyBrB,IAEtC,CAACC,EAAkBC,EAAwBF,IAGvCsB,EAAgBT,GAAY,IACX,IAAjBV,EAA2B,GAC3BG,IAA0B,IAAbhB,EAAsB4B,EAAmB,GACtDZ,EAAkBY,GAAoB5B,QACnCA,EAAgBA,EAAS,IAC/B,CAACa,EAAce,EAAoBZ,EAAWhB,IAkBjD,OARAiC,GAAU,MAGJjC,GAAU,IAAMA,KAAQoB,EAASc,QAAQC,MAAMC,MAAQ,OAC/BhB,EAASc,QAAQC,MAAMC,MAA/CxB,EAAuDgB,GAAoB5B,GAAQqC,OAAS,EAAI,KAChET,GAAoB5B,GAAQqC,OAAS,IAAI,GAC5E,CAACxB,EAAce,EAAoBI,EAAepB,EAAwBZ,IAG3EsC,EAACC,EACC,CAAAjC,UAAU,qBACVH,kBAAmBA,EACnBe,WAAYA,EACZsB,aArBwB,KAC1BrB,EAAc,OAAO,EAqBnBsB,aAlBwB,KAC1BzB,GAAaG,EAAc,QAAQ,EAmBjCuB,SAAA,CAAAC,EAAA,QAAA,CAAOC,QAASrC,EAAKmC,SAAArC,IACrBiC,EAAA,MAAA,CAAAI,SAAA,CACGtC,GAAmBkC,oBAAOlC,EAAe,OAC1CuC,EAAA,QAAA,CACEpC,GAAIA,EACJsC,IAAKzB,EACLrB,MAAOiC,IACP9B,OAAQyB,EACRmB,QAASrB,EACTxB,SAAUqB,EACVhB,UAAWA,EACXG,SAAUA,SAGK,EAGnB8B,EAAqBQ,EAAO,MAAO,CACvCC,kBAAoBC,GAAkB,sBAATA,GADJF,EAEyC,EAAGG,QAAO/C,wBACrE,CACLe,WAAYgC,EAAMC,QAAQC,QAAQC,QAClCC,QAAS,eACTC,QAAS,WACTC,aAAc,MACdC,SAAU,OACV,uBAAwB,CACtBC,WAAY,KAEd,gBAAiB,CACfC,SAAU,OACVC,MAAOV,EAAMC,QAAQU,UAAUC,OAEjC,UAAW,CACTR,QAAS,cACTS,cAAe5D,EAAoB,MAAQ,cAC3C,YAAa,CACX6D,WAAY,OAEd,WAAY,CACVC,aAAc9D,EAAoB,MAAQ"}

package/components/common/styled/buttonFocusVisibleStyled.d.ts

@@ -1,4 +1,4 @@
-declare const ButtonFocusVisibleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+declare const ButtonFocusVisibleStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     focusVisible: boolean;
     isNavigationVariant: boolean;
     fullWidth?: boolean;

package/components/common/styled/buttonFocusVisibleStyled.js

@@ -1,2 +1,2 @@
-import{styled as i}from"@mui/system";const o=i("div")((({theme:i,focusVisible:o,isNavigationVariant:t,fullWidth:a})=>({display:"inline-flex",padding:1,borderRadius:t?4:50,transition:"none",boxShadow:o?`0 0 0 2px ${i.palette.onSurface.os900}`:void 0,width:a?"100%":null})));export{o as default};
+import{styled as i}from"@mui/material/styles";const a=i("div")((({theme:i,focusVisible:a,isNavigationVariant:t,fullWidth:e})=>({display:"inline-flex",padding:1,borderRadius:t?4:50,transition:"none",boxShadow:a?`0 0 0 2px ${i.palette.onSurface.os900}`:void 0,width:e?"100%":null})));export{a as default};
 //# sourceMappingURL=buttonFocusVisibleStyled.js.map

package/components/common/styled/buttonFocusVisibleStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonFocusVisibleStyled.js","sources":["../../../../src/components/common/styled/buttonFocusVisibleStyled.tsx"],"sourcesContent":[null],"names":["ButtonFocusVisibleStyled","styled","theme","focusVisible","isNavigationVariant","fullWidth","display","padding","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined","width"],"mappings":"qCAEA,MAAMA,EAA2BC,EAAO,MAAPA,EAI9B,EAAGC,QAAOC,eAAcC,sBAAqBC,gBACvC,CACLC,QAAS,cACTC,QAAS,EACTC,aAAcJ,EAAsB,EAAI,GACxCK,WAAY,OACZC,UAAWP,EAAe,aAAaD,EAAMS,QAAQC,UAAUC,aAAUC,EACzEC,MAAOV,EAAY,OAAS"}
+{"version":3,"file":"buttonFocusVisibleStyled.js","sources":["../../../../src/components/common/styled/buttonFocusVisibleStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nconst ButtonFocusVisibleStyled = styled('div')<{\n  focusVisible: boolean;\n  isNavigationVariant: boolean;\n  fullWidth?: boolean;\n}>(({ theme, focusVisible, isNavigationVariant, fullWidth }) => {\n  return {\n    display: 'inline-flex',\n    padding: 1,\n    borderRadius: isNavigationVariant ? 4 : 50,\n    transition: 'none',\n    boxShadow: focusVisible ? `0 0 0 2px ${theme.palette.onSurface.os900}` : undefined,\n    width: fullWidth ? '100%' : null,\n  };\n});\n\nexport default ButtonFocusVisibleStyled;\n"],"names":["ButtonFocusVisibleStyled","styled","theme","focusVisible","isNavigationVariant","fullWidth","display","padding","borderRadius","transition","boxShadow","palette","onSurface","os900","undefined","width"],"mappings":"8CAEA,MAAMA,EAA2BC,EAAO,MAAPA,EAI9B,EAAGC,QAAOC,eAAcC,sBAAqBC,gBACvC,CACLC,QAAS,cACTC,QAAS,EACTC,aAAcJ,EAAsB,EAAI,GACxCK,WAAY,OACZC,UAAWP,EAAe,aAAaD,EAAMS,QAAQC,UAAUC,aAAUC,EACzEC,MAAOV,EAAY,OAAS"}

package/components/common/styled/formControlLabelStyled.d.ts

@@ -1,5 +1,5 @@
 import { FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material';
-declare const FormControlLabelStyled: import("@emotion/styled").StyledComponent<MuiFormControlLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+declare const FormControlLabelStyled: import("@emotion/styled").StyledComponent<MuiFormControlLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     error?: boolean;
     theme?: any;
 }, {}, {}>;

package/components/common/styled/formControlLabelStyled.js

@@ -1,2 +1,2 @@
-import{styled as r}from"@mui/system";import{FormControlLabel as o}from"@mui/material";const e=r(o,{shouldForwardProp:r=>"error"!==r})((({theme:r,error:o})=>({color:o?r.palette.alert.main:void 0})));export{e as default};
+import{styled as r}from"@mui/material/styles";import{FormControlLabel as o}from"@mui/material";const e=r(o,{shouldForwardProp:r=>"error"!==r})((({theme:r,error:o})=>({color:o?r.palette.alert.main:void 0})));export{e as default};
 //# sourceMappingURL=formControlLabelStyled.js.map

package/components/common/styled/formControlLabelStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"formControlLabelStyled.js","sources":["../../../../src/components/common/styled/formControlLabelStyled.tsx"],"sourcesContent":[null],"names":["FormControlLabelStyled","styled","MuiFormControlLabel","shouldForwardProp","prop","theme","error","color","palette","alert","undefined"],"mappings":"sFAMA,MAAMA,EAAyBC,EAAOC,EAAqB,CACzDC,kBAAoBC,GAAkB,UAATA,GADAH,EAEiC,EAAGI,QAAOC,YACjE,CACLC,MAAOD,EAAQD,EAAMG,QAAQC,MAAY,UAAIC"}
+{"version":3,"file":"formControlLabelStyled.js","sources":["../../../../src/components/common/styled/formControlLabelStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport {\n  FormControlLabelProps as MuiFormControlLabelProps,\n  FormControlLabel as MuiFormControlLabel,\n} from '@mui/material';\n\nconst FormControlLabelStyled = styled(MuiFormControlLabel, {\n  shouldForwardProp: (prop) => prop !== 'error',\n})<MuiFormControlLabelProps & { error?: boolean; theme?: any }>(({ theme, error }) => {\n  return {\n    color: error ? theme.palette.alert['main'] : undefined,\n  };\n});\n\nexport default FormControlLabelStyled;\n"],"names":["FormControlLabelStyled","styled","MuiFormControlLabel","shouldForwardProp","prop","theme","error","color","palette","alert","undefined"],"mappings":"+FAMA,MAAMA,EAAyBC,EAAOC,EAAqB,CACzDC,kBAAoBC,GAAkB,UAATA,GADAH,EAEiC,EAAGI,QAAOC,YACjE,CACLC,MAAOD,EAAQD,EAAMG,QAAQC,MAAY,UAAIC"}

package/components/common/styled/helperTextContainerStyled.d.ts

@@ -1,4 +1,4 @@
-declare const HelperTextContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+declare const HelperTextContainerStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     theme?: any;
     disabled?: boolean;
     hasError?: boolean;

package/components/common/styled/sliderValuesStyled.d.ts

@@ -1,4 +1,4 @@
-declare const SliderValuesStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme> & {
+declare const SliderValuesStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     theme?: any;
     disabled?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/common/styled/sliderValuesStyled.js

@@ -1,2 +1,2 @@
-import{styled as e}from"@mui/system";const o=e("div")((({theme:e,disabled:o})=>{const t=e.palette.disabled.primary;return{color:o?t:e.palette.onSurface.os700,fontSize:"14px",fontWeight:"normal",lineHeight:"20px","& input":{outline:"none",border:"0px",background:"transparent",color:o?t:e.palette.onSurface.os700,paddingTop:"0 !important"},"& span":{color:o?t:e.palette.onSurface.os700},"& .range-values":{display:"flex","& .middle-side":{flexGrow:1}},"& label":{display:"block",color:o?t:e.palette.onSurface.os500,fontSize:"12px",lineHeight:"16px"}}}));export{o as default};
+import{styled as e}from"@mui/material/styles";const o=e("div")((({theme:e,disabled:o})=>{const t=e.palette.disabled.primary;return{color:o?t:e.palette.onSurface.os700,fontSize:"14px",fontWeight:"normal",lineHeight:"20px","& input":{outline:"none",border:"0px",background:"transparent",color:o?t:e.palette.onSurface.os700,paddingTop:"0 !important"},"& span":{color:o?t:e.palette.onSurface.os700},"& .range-values":{display:"flex","& .middle-side":{flexGrow:1}},"& label":{display:"block",color:o?t:e.palette.onSurface.os500,fontSize:"12px",lineHeight:"16px"}}}));export{o as default};
 //# sourceMappingURL=sliderValuesStyled.js.map

package/components/common/styled/sliderValuesStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"sliderValuesStyled.js","sources":["../../../../src/components/common/styled/sliderValuesStyled.tsx"],"sourcesContent":[null],"names":["SliderValuesStyled","styled","theme","disabled","colorDisabled","palette","primary","color","onSurface","os700","fontSize","fontWeight","lineHeight","outline","border","background","paddingTop","display","flexGrow","os500"],"mappings":"qCAEA,MAAMA,EAAqBC,EAAO,MAAPA,EAAmD,EAAGC,QAAOC,eACtF,MAAMC,EAAgBF,EAAMG,QAAQF,SAASG,QAC7C,MAAO,CACLC,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DC,SAAU,OACVC,WAAY,SACZC,WAAY,OACZ,UAAW,CACTC,QAAS,OACTC,OAAQ,MACRC,WAAY,cACZR,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DO,WAAY,gBAEd,SAAU,CACRT,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,OAE5D,kBAAmB,CACjBQ,QAAS,OACT,iBAAkB,CAChBC,SAAU,IAGd,UAAW,CACTD,QAAS,QACTV,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUW,MAC1DT,SAAU,OACVE,WAAY,QAEf"}
+{"version":3,"file":"sliderValuesStyled.js","sources":["../../../../src/components/common/styled/sliderValuesStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nconst SliderValuesStyled = styled('div')<{ theme?: any; disabled?: boolean }>(({ theme, disabled }) => {\n  const colorDisabled = theme.palette.disabled.primary;\n  return {\n    color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n    fontSize: '14px',\n    fontWeight: 'normal',\n    lineHeight: '20px',\n    '& input': {\n      outline: 'none',\n      border: '0px',\n      background: 'transparent',\n      color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n      paddingTop: '0 !important',\n    },\n    '& span': {\n      color: disabled ? colorDisabled : theme.palette.onSurface.os700,\n    },\n    '& .range-values': {\n      display: 'flex',\n      '& .middle-side': {\n        flexGrow: 1,\n      },\n    },\n    '& label': {\n      display: 'block',\n      color: disabled ? colorDisabled : theme.palette.onSurface.os500,\n      fontSize: '12px',\n      lineHeight: '16px',\n    },\n  };\n});\n\nexport default SliderValuesStyled;\n"],"names":["SliderValuesStyled","styled","theme","disabled","colorDisabled","palette","primary","color","onSurface","os700","fontSize","fontWeight","lineHeight","outline","border","background","paddingTop","display","flexGrow","os500"],"mappings":"8CAEA,MAAMA,EAAqBC,EAAO,MAAPA,EAAmD,EAAGC,QAAOC,eACtF,MAAMC,EAAgBF,EAAMG,QAAQF,SAASG,QAC7C,MAAO,CACLC,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DC,SAAU,OACVC,WAAY,SACZC,WAAY,OACZ,UAAW,CACTC,QAAS,OACTC,OAAQ,MACRC,WAAY,cACZR,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,MAC1DO,WAAY,gBAEd,SAAU,CACRT,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUC,OAE5D,kBAAmB,CACjBQ,QAAS,OACT,iBAAkB,CAChBC,SAAU,IAGd,UAAW,CACTD,QAAS,QACTV,MAAOJ,EAAWC,EAAgBF,EAAMG,QAAQG,UAAUW,MAC1DT,SAAU,OACVE,WAAY,QAEf"}

package/components/common/styled/textFieldStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"textFieldStyled.js","sources":["../../../../src/components/common/styled/textFieldStyled.tsx"],"sourcesContent":[null],"names":["TextFieldStyled","styled","MuiTextField","shouldForwardProp","prop","_a","theme","props","__rest","styles","focused","Object","assign","error","icon","placeholder","bottom","borderBottomColor","palette","alert","marginTop","height","transform","top","disabled"],"mappings":"qFAKA,MAAMA,EAAkBC,EAAOC,EAAc,CAC3CC,kBAAoBC,GACT,aAATA,GACS,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,mBAATA,GAPoBH,EAkBrBI,IAAA,IAAAC,MAAEA,GAAiBD,EAAPE,EAAKC,EAAAH,EAAjB,WACD,IAAII,EAAS,CAAE,EA4Ef,OA3EAA,EAAS,CAIR,EAEGF,EAAMG,UACRD,EAAME,OAAAC,OAAA,CAAA,EACDH,IAIHF,EAAMM,QACRJ,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OACRL,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OAASP,EAAMQ,cACvBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,wBAAuBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAClBH,EAAO,0BACV,CAAA,UAAW,CACTO,OAAQ,OAEV,cAAe,CACb,UAAW,CACTC,kBAAmBX,EAAMY,QAAQC,MAAY,SAInD,kDACKV,EAAO,qBAAmB,CAC7BW,UAAW,EACXC,OAAQ,UACRC,UAAW,kBACX,UAAW,CACTF,UAAW,QAEb,kBAAmB,CACjBG,IAAK,kBAEP,WAAY,CACVP,OAAQ,YAKZT,EAAMO,MAAQP,EAAMQ,cACtBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,mBAAkBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbH,EAAO,qBACV,CAAA,kBAAmB,CACjBc,IAAK,kBACL,cAAe,CACb,UAAW,CACTN,kBAAmBX,EAAMY,QAAQC,MAAY,aAQrDZ,EAAMiB,WACRf,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGAA,CAAM"}
+{"version":3,"file":"textFieldStyled.js","sources":["../../../../src/components/common/styled/textFieldStyled.tsx"],"sourcesContent":["import { TextField as MuiTextField, TextFieldProps as MuiTextFieldProps, styled } from '@mui/material';\n\n/**\n * @description TextInput styling definition based on props\n */\nconst TextFieldStyled = styled(MuiTextField, {\n  shouldForwardProp: (prop) =>\n    prop !== 'helpText' &&\n    prop !== 'maxChars' &&\n    prop !== 'hideBg' &&\n    prop !== 'hasError' &&\n    prop !== 'hovered' &&\n    prop !== 'textAreaHeight',\n})<\n  MuiTextFieldProps & {\n    isSelect?: boolean;\n    disabled?: boolean;\n    hasError?: boolean;\n    hideBg?: boolean;\n    icon?: string;\n    focused?: boolean;\n    hovered?: boolean;\n  }\n>(({ theme, ...props }) => {\n  let styles = {};\n  styles = {\n    // '&, & *': {\n    // \tboxSizing: 'content-box !important',\n    // },\n  };\n  //Change styles if the input is focused\n  if (props.focused) {\n    styles = {\n      ...styles,\n    };\n  }\n  //If the input has an error, change the color of the label text and color/size of border's input\n  if (props.error) {\n    styles = {\n      ...styles,\n    };\n  }\n  if (props.icon) {\n    styles = {\n      ...styles,\n    };\n  }\n  if (props.icon && !props.placeholder) {\n    styles = {\n      ...styles,\n      '& .MuiInput-underline': {\n        ...styles['& .MuiInput-underline'],\n        '&:after': {\n          bottom: '0px',\n        },\n        '&.Mui-error': {\n          '&:after': {\n            borderBottomColor: theme.palette.alert['main'],\n          },\n        },\n      },\n      '& .MuiInput-root': {\n        ...styles['& .MuiInput-root'],\n        marginTop: 0,\n        height: 'inherit',\n        transform: 'translateY(0px)',\n        '& input': {\n          marginTop: '20px',\n        },\n        '& .MuiIcon-root': {\n          top: '0px !important',\n        },\n        '&:before': {\n          bottom: '0px',\n        },\n      },\n    };\n  }\n  if (props.icon && props.placeholder) {\n    styles = {\n      ...styles,\n      '& .MuiInput-root': {\n        ...styles['& .MuiInput-root'],\n        '& .MuiIcon-root': {\n          top: '-4px !important',\n          '&.Mui-error': {\n            '&:after': {\n              borderBottomColor: theme.palette.alert['main'],\n            },\n          },\n        },\n      },\n    };\n  }\n  //Change styles if the input is disabled\n  if (props.disabled) {\n    styles = {\n      ...styles,\n    };\n  }\n  return styles;\n});\nexport default TextFieldStyled;\n"],"names":["TextFieldStyled","styled","MuiTextField","shouldForwardProp","prop","_a","theme","props","__rest","styles","focused","Object","assign","error","icon","placeholder","bottom","borderBottomColor","palette","alert","marginTop","height","transform","top","disabled"],"mappings":"qFAKA,MAAMA,EAAkBC,EAAOC,EAAc,CAC3CC,kBAAoBC,GACT,aAATA,GACS,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,mBAATA,GAPoBH,EAkBrBI,IAAA,IAAAC,MAAEA,GAAiBD,EAAPE,EAAKC,EAAAH,EAAjB,WACD,IAAII,EAAS,CAAE,EA4Ef,OA3EAA,EAAS,CAIR,EAEGF,EAAMG,UACRD,EAAME,OAAAC,OAAA,CAAA,EACDH,IAIHF,EAAMM,QACRJ,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OACRL,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OAASP,EAAMQ,cACvBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,wBAAuBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAClBH,EAAO,0BACV,CAAA,UAAW,CACTO,OAAQ,OAEV,cAAe,CACb,UAAW,CACTC,kBAAmBX,EAAMY,QAAQC,MAAY,SAInD,kDACKV,EAAO,qBAAmB,CAC7BW,UAAW,EACXC,OAAQ,UACRC,UAAW,kBACX,UAAW,CACTF,UAAW,QAEb,kBAAmB,CACjBG,IAAK,kBAEP,WAAY,CACVP,OAAQ,YAKZT,EAAMO,MAAQP,EAAMQ,cACtBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,mBAAkBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbH,EAAO,qBACV,CAAA,kBAAmB,CACjBc,IAAK,kBACL,cAAe,CACb,UAAW,CACTN,kBAAmBX,EAAMY,QAAQC,MAAY,aAQrDZ,EAAMiB,WACRf,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGAA,CAAM"}

package/components/controls/controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"controls.js","sources":["../../../src/components/controls/controls.tsx"],"sourcesContent":[null],"names":["Controller","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","Icon","fontSize","iconFontSize","name","iconStyle","styled","shouldForwardProp","prop","theme","args","controlsColor","ternaryCondition","controllerColor","palette","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","left","top","customHeight","borderColor","disabled"],"mappings":"oUAgDa,MAAAA,EAAaC,GAA0C,CAACC,EAAcC,SAATC,EAAKC,EAAAH,EAAV,IACnE,MAAMI,EAASC,EAAO,MAEhBC,EAAgBC,GACnBC,IACCN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,EAAE,GAExE,CAACN,IASH,OANAS,GAAU,KACRP,EAAOQ,QAAQC,iBAAiB,aAAcL,IAC5CA,EAAEM,gBAAgB,GAClB,GACD,CAACV,IAGFW,EAACC,EAAaC,OAAAC,OAAA,CAAA,EAAKhB,EAAO,CAAAD,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,aACrEC,SAAAN,EAAA,SAAA,CAAQd,IAAKG,EACXiB,SAAAN,EAACO,EAAI,CAACC,SAAUrB,EAAMsB,aAAcC,KAAMvB,EAAMkB,YAAaM,UAAWxB,EAAMwB,gBAElE,IAOdV,EAAgBW,EAAO,MAAO,CAClCC,kBAAoBC,GACT,gBAATA,GACS,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GATkBF,EAUiB3B,IAAA,IAAA8B,MAAEA,GAAgB9B,EAAN+B,EAAI5B,EAAAH,EAAhB,WACrC,MAAMgC,EAAgBC,EACpBF,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErB,IAAIC,EAAS,CAAE,EACf,MAKMC,EAAWxB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EALG,CAClBwB,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGE,CACdC,MAAOZ,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,QAC5DsB,OAAQb,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,QAC7DuB,aAAc,MACdC,gBAAiB,cACjBC,OAAQ,OACRC,SAAU,WACVC,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAC3EqB,OAAQ,UACR,kBAAmB,CACjBC,MAAOrB,EACLF,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErBhB,SAAUU,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,SAEjE,WAAY,CACV+B,UAAW,eAEb,UAAW,CACTP,gBAAiBlB,EAAMK,QAAQqB,YAAYjB,SAE7C,UAAW,CACT,UAAW,CACTkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,EACPF,EAAKG,gBACL,QACA,aAAaJ,EAAMK,QAAQC,QAAQC,WACnC,aAAaP,EAAMK,QAAQG,KAAKC,WAElCW,SAAU,WACVQ,KAAM,OACNC,IAAK,OACLZ,aAAc,UAqCpB,OAjCAP,EAAMvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDsB,GAAM,CACTM,QAASf,EAAK6B,aAAe7B,EAAK6B,aAAe,QAAU,aAC3D,WAAU3C,OAAAC,OAAA,CAAA,EACLuB,KAGHV,EAAKrB,aACP8B,EAAMvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDsB,GACH,CAAA,0CACKC,GAAW,CACdoB,YAAa/B,EAAMK,QAAQ2B,SAASvB,QACpCc,OAAQ,UACRF,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAatB,EAAMK,QAAQ2B,SAASvB,WAClG,WAAY,CACVgB,UAAW,YAEb,UAAW,CACTP,gBAAiB,eAEnB,UAAW,CACT,UAAW,CACTS,QAAS,SAGb,kBAAmB,CACjBH,MAAOxB,EAAMK,QAAQ2B,SAASvB,QAC9BhB,SAAUU,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,cAKhEgB,CAAM"}
+{"version":3,"file":"controls.js","sources":["../../../src/components/controls/controls.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { styled, Theme } from '@mui/material';\nimport { ControllerSize, IconsStyle, DarkLightOptions, ControlVariant } from '../../utils/types';\nimport { Icon, IconNameProp } from '../icon';\nimport { ternaryCondition } from '../../utils/utilities';\n\nexport interface ControlsProps extends HTMLAttributes<HTMLDivElement> {\n  /*\n   * the control's variant, can be standard or outline, default is standard\n   */\n  controlVariant?: ControlVariant;\n  /**\n   *  The color of control: white or black, default is white.\n   */\n  controllerColor?: DarkLightOptions;\n  /**\n   *  Icons style: regular or filled, default is regular.\n   */\n  iconStyle?: IconsStyle;\n  /**\n   *  Icons fontSize:\n   */\n  iconFontSize?: ControllerSize;\n  /**\n   *  Type of controls: next, previous, play, pause.\n   */\n  controlType?: IconNameProp;\n  /**\n   *  If true, the control is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   *  callback function on click\n   */\n  onClickCallback?: (payload: any) => void;\n  /*\n   * if needed, it's possible to specify a custom height value\n   */\n  customHeight?: string;\n}\n\n/**\n * @description SkodaFlow Controls component.\n * Properties are inherited from HTML Button Attribetes element.\n * @param props ControlsProps\n * @returns React Functional Component\n */\n\nexport const Controller = forwardRef<HTMLDivElement, ControlsProps>(({ ...props }, ref) => {\n  const btnRef = useRef(null);\n\n  const handleOnClick = useCallback(\n    (e: any) => {\n      props.onClickCallback && !props.isDisabled && props.onClickCallback(e);\n    },\n    [props],\n  );\n\n  useEffect(() => {\n    btnRef.current.addEventListener('mousedown', (e) => {\n      e.preventDefault();\n    });\n  }, [btnRef]);\n\n  return (\n    <ControlStyled {...props} ref={ref} onClick={() => handleOnClick(props.controlType)}>\n      <button ref={btnRef}>\n        <Icon fontSize={props.iconFontSize} name={props.controlType} iconStyle={props.iconStyle} />\n      </button>\n    </ControlStyled>\n  );\n});\n\n/**\n * @description Controls styling definition based on props\n */\nconst ControlStyled = styled('div', {\n  shouldForwardProp: (prop) =>\n    prop !== 'controlType' &&\n    prop !== 'controllerColor' &&\n    prop !== 'iconStyle' &&\n    prop !== 'iconFontSize' &&\n    prop !== 'controlVariant' &&\n    prop !== 'onClickCallback' &&\n    prop !== 'isDisabled' &&\n    prop !== 'customHeight',\n})<ControlsProps & { theme?: Theme }>(({ theme, ...args }) => {\n  const controlsColor = ternaryCondition(\n    args.controllerColor,\n    'light',\n    theme.palette.surface.tertiary,\n    theme.palette.text.primary,\n  );\n  let styles = {};\n  const flexDisplay = {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  };\n  const buttonSlyle = {\n    ...flexDisplay,\n    width: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'),\n    height: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'),\n    borderRadius: '50%',\n    backgroundColor: 'transparent',\n    border: 'none',\n    position: 'relative',\n    outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${controlsColor}`),\n    cursor: 'pointer',\n    '& .MuiIcon-root': {\n      color: ternaryCondition(\n        args.controllerColor,\n        'light',\n        theme.palette.surface.tertiary,\n        theme.palette.text.primary,\n      ),\n      fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n    },\n    '&:active': {\n      transform: 'scale(0.95)',\n    },\n    '&:hover': {\n      backgroundColor: theme.palette.transparent.primary,\n    },\n    '&:focus': {\n      '&:after': {\n        content: '\"\"',\n        display: 'block',\n        width: 'calc(100% + 6px)',\n        height: 'calc(100% + 6px)',\n        outline: ternaryCondition(\n          args.controllerColor,\n          'light',\n          `2px solid ${theme.palette.surface.tertiary}`,\n          `2px solid ${theme.palette.text.primary}`,\n        ),\n        position: 'absolute',\n        left: '-3px',\n        top: '-3px',\n        borderRadius: '50%',\n      },\n    },\n  };\n  styles = {\n    ...styles,\n    height: (args.customHeight ? args.customHeight : '100%') + '!important',\n    '& button': {\n      ...buttonSlyle,\n    },\n  };\n  if (args.isDisabled) {\n    styles = {\n      ...styles,\n      '& button': {\n        ...buttonSlyle,\n        borderColor: theme.palette.disabled.primary,\n        cursor: 'default',\n        outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${theme.palette.disabled.primary}`),\n        '&:active': {\n          transform: 'scale(1)',\n        },\n        '&:hover': {\n          backgroundColor: 'transparent',\n        },\n        '&:focus': {\n          '&:after': {\n            content: 'none',\n          },\n        },\n        '& .MuiIcon-root': {\n          color: theme.palette.disabled.primary,\n          fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n        },\n      },\n    };\n  }\n  return styles;\n});\n"],"names":["Controller","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","Icon","fontSize","iconFontSize","name","iconStyle","styled","shouldForwardProp","prop","theme","args","controlsColor","ternaryCondition","controllerColor","palette","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","left","top","customHeight","borderColor","disabled"],"mappings":"oUAgDa,MAAAA,EAAaC,GAA0C,CAACC,EAAcC,SAATC,EAAKC,EAAAH,EAAV,IACnE,MAAMI,EAASC,EAAO,MAEhBC,EAAgBC,GACnBC,IACCN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,EAAE,GAExE,CAACN,IASH,OANAS,GAAU,KACRP,EAAOQ,QAAQC,iBAAiB,aAAcL,IAC5CA,EAAEM,gBAAgB,GAClB,GACD,CAACV,IAGFW,EAACC,EAAaC,OAAAC,OAAA,CAAA,EAAKhB,EAAO,CAAAD,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,aACrEC,SAAAN,EAAA,SAAA,CAAQd,IAAKG,EACXiB,SAAAN,EAACO,EAAI,CAACC,SAAUrB,EAAMsB,aAAcC,KAAMvB,EAAMkB,YAAaM,UAAWxB,EAAMwB,gBAElE,IAOdV,EAAgBW,EAAO,MAAO,CAClCC,kBAAoBC,GACT,gBAATA,GACS,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GATkBF,EAUiB3B,IAAA,IAAA8B,MAAEA,GAAgB9B,EAAN+B,EAAI5B,EAAAH,EAAhB,WACrC,MAAMgC,EAAgBC,EACpBF,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErB,IAAIC,EAAS,CAAE,EACf,MAKMC,EAAWxB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EALG,CAClBwB,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGE,CACdC,MAAOZ,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,QAC5DsB,OAAQb,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,QAC7DuB,aAAc,MACdC,gBAAiB,cACjBC,OAAQ,OACRC,SAAU,WACVC,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAC3EqB,OAAQ,UACR,kBAAmB,CACjBC,MAAOrB,EACLF,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErBhB,SAAUU,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,SAEjE,WAAY,CACV+B,UAAW,eAEb,UAAW,CACTP,gBAAiBlB,EAAMK,QAAQqB,YAAYjB,SAE7C,UAAW,CACT,UAAW,CACTkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,EACPF,EAAKG,gBACL,QACA,aAAaJ,EAAMK,QAAQC,QAAQC,WACnC,aAAaP,EAAMK,QAAQG,KAAKC,WAElCW,SAAU,WACVQ,KAAM,OACNC,IAAK,OACLZ,aAAc,UAqCpB,OAjCAP,EAAMvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDsB,GAAM,CACTM,QAASf,EAAK6B,aAAe7B,EAAK6B,aAAe,QAAU,aAC3D,WAAU3C,OAAAC,OAAA,CAAA,EACLuB,KAGHV,EAAKrB,aACP8B,EAAMvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDsB,GACH,CAAA,0CACKC,GAAW,CACdoB,YAAa/B,EAAMK,QAAQ2B,SAASvB,QACpCc,OAAQ,UACRF,QAASlB,EAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAatB,EAAMK,QAAQ2B,SAASvB,WAClG,WAAY,CACVgB,UAAW,YAEb,UAAW,CACTP,gBAAiB,eAEnB,UAAW,CACT,UAAW,CACTS,QAAS,SAGb,kBAAmB,CACjBH,MAAOxB,EAAMK,QAAQ2B,SAASvB,QAC9BhB,SAAUU,EAAiBF,EAAKP,aAAc,QAAS,OAAQ,cAKhEgB,CAAM"}

package/components/customPickersActionBar/index.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"tslib";import{jsx as n,jsxs as o}from"react/jsx-runtime";import{DialogActions as e,Button as r}from"@mui/material";import{Stack as i}from"@mui/system";import{usePickersTranslations as c}from"@mui/x-date-pickers";const l=l=>{const{actions:a,onAccept:d,onCancel:m,onClear:s,onSetToday:u}=l,p=t(l,["actions","onAccept","onCancel","onClear","onSetToday"]),y=c();return(null==a?void 0:a.length)?n(e,Object.assign({},p,{children:o(i,{direction:"row",justifyContent:"space-between",children:[o(i,{direction:"row",children:[a.includes("clear")&&n(r,{variant:"text",color:"primary",onClick:s,children:y.clearButtonLabel}),a.includes("today")&&n(r,{variant:"text",color:"primary",onClick:u,children:y.todayButtonLabel})]}),o(i,{direction:"row",children:[a.includes("cancel")&&n(r,{variant:"text",color:"primary",onClick:m,children:y.cancelButtonLabel}),a.includes("accept")&&n(r,{variant:"text",color:"primary",onClick:d,children:y.okButtonLabel})]})]})})):null};export{l as CustomPickersActionBar};
+import{__rest as n}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{DialogActions as o,Stack as r,Button as c}from"@mui/material";import{usePickersTranslations as i}from"@mui/x-date-pickers";const l=l=>{const{actions:a,onAccept:d,onCancel:m,onClear:s,onSetToday:u}=l,p=n(l,["actions","onAccept","onCancel","onClear","onSetToday"]),h=i();return(null==a?void 0:a.length)?t(o,Object.assign({},p,{children:e(r,{direction:"row",justifyContent:"space-between",children:[e(r,{direction:"row",children:[a.includes("clear")&&t(c,{variant:"text",color:"primary",onClick:s,children:h.clearButtonLabel}),a.includes("today")&&t(c,{variant:"text",color:"primary",onClick:u,children:h.todayButtonLabel})]}),e(r,{direction:"row",children:[a.includes("cancel")&&t(c,{variant:"text",color:"primary",onClick:m,children:h.cancelButtonLabel}),a.includes("accept")&&t(c,{variant:"text",color:"primary",onClick:d,children:h.okButtonLabel})]})]})})):null};export{l as CustomPickersActionBar};
 //# sourceMappingURL=index.js.map

package/components/customPickersActionBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/customPickersActionBar/index.tsx"],"sourcesContent":[null],"names":["CustomPickersActionBar","props","actions","onAccept","onCancel","onClear","onSetToday","other","__rest","localeText","usePickersTranslations","length","_jsx","DialogActions","Object","assign","children","_jsxs","Stack","direction","justifyContent","includes","Button","variant","color","onClick","clearButtonLabel","todayButtonLabel","cancelButtonLabel","okButtonLabel"],"mappings":"4OAIa,MAAAA,EAA0BC,IACrC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,WAAEA,GAAyBL,EAAVM,EAAKC,EAAKP,EAAjE,CAAA,UAAA,WAAA,WAAA,UAAA,eACAQ,EAAaC,IAEnB,OAAKR,aAAA,EAAAA,EAASS,QAGZC,EAACC,EAAaC,OAAAC,OAAA,CAAA,EAAKR,EACjB,CAAAS,SAAAC,EAACC,EAAK,CAACC,UAAU,MAAMC,eAAe,gBAAeJ,SAAA,CACnDC,EAACC,EAAM,CAAAC,UAAU,gBACdjB,EAAQmB,SAAS,UAChBT,EAACU,EAAO,CAAAC,QAAQ,OAAOC,MAAM,UAAUC,QAASpB,EAAOW,SACpDP,EAAWiB,mBAGfxB,EAAQmB,SAAS,UAChBT,EAACU,EAAO,CAAAC,QAAQ,OAAOC,MAAM,UAAUC,QAASnB,EAC7CU,SAAAP,EAAWkB,sBAIlBV,EAACC,EAAK,CAACC,UAAU,MACdH,SAAA,CAAAd,EAAQmB,SAAS,WAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASrB,EAC7CY,SAAAP,EAAWmB,oBAGf1B,EAAQmB,SAAS,WAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAAStB,EAC7Ca,SAAAP,EAAWoB,yBAzBK,IA8BX"}
+{"version":3,"file":"index.js","sources":["../../../src/components/customPickersActionBar/index.tsx"],"sourcesContent":["import { Stack, Button, DialogActions } from '@mui/material';\nimport { PickersActionBarProps, usePickersTranslations } from '@mui/x-date-pickers';\n\nexport const CustomPickersActionBar = (props: PickersActionBarProps) => {\n  const { actions, onAccept, onCancel, onClear, onSetToday, ...other } = props;\n  const localeText = usePickersTranslations();\n\n  if (!actions?.length) return null;\n\n  return (\n    <DialogActions {...other}>\n      <Stack direction=\"row\" justifyContent=\"space-between\">\n        <Stack direction=\"row\">\n          {actions.includes('clear') && (\n            <Button variant=\"text\" color=\"primary\" onClick={onClear}>\n              {localeText.clearButtonLabel}\n            </Button>\n          )}\n          {actions.includes('today') && (\n            <Button variant=\"text\" color=\"primary\" onClick={onSetToday}>\n              {localeText.todayButtonLabel}\n            </Button>\n          )}\n        </Stack>\n        <Stack direction=\"row\">\n          {actions.includes('cancel') && (\n            <Button variant=\"text\" color=\"primary\" onClick={onCancel}>\n              {localeText.cancelButtonLabel}\n            </Button>\n          )}\n          {actions.includes('accept') && (\n            <Button variant=\"text\" color=\"primary\" onClick={onAccept}>\n              {localeText.okButtonLabel}\n            </Button>\n          )}\n        </Stack>\n      </Stack>\n    </DialogActions>\n  );\n};\n"],"names":["CustomPickersActionBar","props","actions","onAccept","onCancel","onClear","onSetToday","other","__rest","localeText","usePickersTranslations","length","_jsx","DialogActions","Object","assign","children","_jsxs","Stack","direction","justifyContent","includes","Button","variant","color","onClick","clearButtonLabel","todayButtonLabel","cancelButtonLabel","okButtonLabel"],"mappings":"mNAGa,MAAAA,EAA0BC,IACrC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,WAAEA,GAAyBL,EAAVM,EAAKC,EAAKP,EAAjE,CAAA,UAAA,WAAA,WAAA,UAAA,eACAQ,EAAaC,IAEnB,OAAKR,aAAA,EAAAA,EAASS,QAGZC,EAACC,EAAaC,OAAAC,OAAA,CAAA,EAAKR,EACjB,CAAAS,SAAAC,EAACC,EAAK,CAACC,UAAU,MAAMC,eAAe,gBAAeJ,SAAA,CACnDC,EAACC,EAAM,CAAAC,UAAU,gBACdjB,EAAQmB,SAAS,UAChBT,EAACU,EAAO,CAAAC,QAAQ,OAAOC,MAAM,UAAUC,QAASpB,EAAOW,SACpDP,EAAWiB,mBAGfxB,EAAQmB,SAAS,UAChBT,EAACU,EAAO,CAAAC,QAAQ,OAAOC,MAAM,UAAUC,QAASnB,EAC7CU,SAAAP,EAAWkB,sBAIlBV,EAACC,EAAK,CAACC,UAAU,MACdH,SAAA,CAAAd,EAAQmB,SAAS,WAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASrB,EAC7CY,SAAAP,EAAWmB,oBAGf1B,EAAQmB,SAAS,WAChBT,EAACU,EAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAAStB,EAC7Ca,SAAAP,EAAWoB,yBAzBK,IA8BX"}

package/components/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":[null],"names":["bordersByAnchors","bottom","borderTopLeftRadius","borderTopRightRadius","top","borderBottomLeftRadius","borderBottomRightRadius","left","right","Drawer","props","handleClose","hasRoundedBorders","anchor","rest","__rest","theme","useTheme","_jsx","MuiDrawer","Object","assign","dir","direction","onClose","PaperProps","sx"],"mappings":"4HAeA,MAAMA,EAAmB,CACvBC,OAAQ,CAAEC,oBAAqB,OAAQC,qBAAsB,QAC7DC,IAAK,CAAEC,uBAAwB,OAAQC,wBAAyB,QAChEC,KAAM,CAAEJ,qBAAsB,OAAQG,wBAAyB,QAC/DE,MAAO,CAAEN,oBAAqB,OAAQG,uBAAwB,SAGnDI,EAAUC,IACrB,MAAMC,YAAEA,EAAWC,kBAAEA,EAAiBC,OAAEA,GAAoBH,EAATI,EAASC,EAAAL,EAAtD,CAAA,cAAA,oBAAA,WACAM,EAAQC,IAEd,OACEC,EAACC,EAASC,OAAAC,OAAA,CACRC,IAAKN,EAAMO,UACXC,QAASb,EACTc,WAAY,CACVC,GAAEN,OAAAC,OAAA,CAAA,EACIT,GAAqBZ,EAAiBa,KAG9CA,OAAQA,GACJC,GACJ"}
+{"version":3,"file":"drawer.js","sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { Drawer as MuiDrawer, DrawerProps as MuiDrawerProps, useTheme } from '@mui/material';\n\nexport interface DrawerProps extends MuiDrawerProps {\n  /**\n   * @deprecated use PaperProps={{sx: { borderRadius: '16px' }}}\n   * If true the borders are rounded.\n   */\n  hasRoundedBorders?: boolean;\n  /**\n   * @deprecated use onClose instead\n   * Callback required when the drawer is closed.\n   */\n  handleClose?: (state: boolean) => void;\n}\n\nconst bordersByAnchors = {\n  bottom: { borderTopLeftRadius: '16px', borderTopRightRadius: '16px' },\n  top: { borderBottomLeftRadius: '16px', borderBottomRightRadius: '16px' },\n  left: { borderTopRightRadius: '16px', borderBottomRightRadius: '16px' },\n  right: { borderTopLeftRadius: '16px', borderBottomLeftRadius: '16px' },\n};\n\nexport const Drawer = (props: DrawerProps) => {\n  const { handleClose, hasRoundedBorders, anchor, ...rest } = props;\n  const theme = useTheme();\n\n  return (\n    <MuiDrawer\n      dir={theme.direction}\n      onClose={handleClose}\n      PaperProps={{\n        sx: {\n          ...(hasRoundedBorders && bordersByAnchors[anchor]),\n        },\n      }}\n      anchor={anchor}\n      {...rest}\n    />\n  );\n};\n"],"names":["bordersByAnchors","bottom","borderTopLeftRadius","borderTopRightRadius","top","borderBottomLeftRadius","borderBottomRightRadius","left","right","Drawer","props","handleClose","hasRoundedBorders","anchor","rest","__rest","theme","useTheme","_jsx","MuiDrawer","Object","assign","dir","direction","onClose","PaperProps","sx"],"mappings":"4HAeA,MAAMA,EAAmB,CACvBC,OAAQ,CAAEC,oBAAqB,OAAQC,qBAAsB,QAC7DC,IAAK,CAAEC,uBAAwB,OAAQC,wBAAyB,QAChEC,KAAM,CAAEJ,qBAAsB,OAAQG,wBAAyB,QAC/DE,MAAO,CAAEN,oBAAqB,OAAQG,uBAAwB,SAGnDI,EAAUC,IACrB,MAAMC,YAAEA,EAAWC,kBAAEA,EAAiBC,OAAEA,GAAoBH,EAATI,EAASC,EAAAL,EAAtD,CAAA,cAAA,oBAAA,WACAM,EAAQC,IAEd,OACEC,EAACC,EAASC,OAAAC,OAAA,CACRC,IAAKN,EAAMO,UACXC,QAASb,EACTc,WAAY,CACVC,GAAEN,OAAAC,OAAA,CAAA,EACIT,GAAqBZ,EAAiBa,KAG9CA,OAAQA,GACJC,GACJ"}

package/components/flag/flag.js.map

@@ -1 +1 @@
-{"version":3,"file":"flag.js","sources":["../../../src/components/flag/flag.tsx"],"sourcesContent":[null],"names":["Flag","forwardRef","_a","ref","flag","sx","width","widthProp","size","variant","disabled","rest","__rest","useMemo","_jsx","Box","Object","assign","component","includes","SquareFlags","Flags","flexShrink","border","borderColor","height","borderRadius","userSelect","opacity"],"mappings":"yPAkCa,MAAAA,EAA4BC,GACvC,CAACC,EAA+FC,SAA/FC,KAAEA,EAAIC,GAAEA,EAAIC,MAAOC,EAASC,KAAEA,EAAO,QAAOC,QAAEA,EAAU,SAAQC,SAAEA,GAAW,KAAUC,EAAvFC,EAAAV,EAAA,CAAA,OAAA,KAAA,QAAA,OAAA,UAAA,aAEC,MAAMI,EAAQO,GAAQ,KACpB,OAAQL,GACN,IAAK,QACH,OAAO,GACT,IAAK,SACH,OAAO,GACT,IAAK,QACH,OAAO,GACT,QACE,OAAOD,QAAAA,EAAa,MAEvB,CAACC,EAAMD,IAEV,OACEO,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,OACZC,WAAY,CAAC,SAAU,UAAUC,SAASV,GAAWW,EAAcC,GAAOjB,IAAS,MACnFC,GACEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAX,MAAO,GAAGA,MACVgB,WAAY,IAEZC,OAAQ,EACRC,YAAa,mBAET,CAAC,SAAU,UAAUL,SAASV,IAChCO,OAAAC,OAAA,CAAAQ,OAAQ,GAAGnB,OACK,WAAZG,EAAuB,CAAEiB,aAAc,GAAGpB,OAAc,CAAA,IAG1DI,GAAY,CACdiB,WAAY,OACZH,YAAa,oBACbI,QAAS,SAERvB,GAELF,IAAKA,GACDQ,GACJ"}
+{"version":3,"file":"flag.js","sources":["../../../src/components/flag/flag.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport * as Flags from 'country-flag-icons/react/3x2';\nimport * as SquareFlags from 'country-flag-icons/react/1x1';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FlagProps extends Omit<BoxProps, 'component'> {\n  /**\n   * Defines which flag to use.\n   */\n  flag: keyof typeof Flags;\n  /**\n   * The size of the flag\n   * @default small\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * The width of the flag\n   */\n  width?: number;\n  /**\n   * Variants\n   * @default circle\n   */\n  variant?: '3x2' | 'circle' | 'square';\n  /**\n   * Disabled state\n   * @default false\n   */\n  disabled?: boolean;\n}\n\n/**\n * Renders country flag icon\n */\nexport const Flag: React.FC<FlagProps> = forwardRef(\n  ({ flag, sx, width: widthProp, size = 'small', variant = 'circle', disabled = false, ...rest }, ref) => {\n    // obtain width of the flag from size and width property\n    const width = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return 24;\n        case 'medium':\n          return 44;\n        case 'large':\n          return 56;\n        default:\n          return widthProp ?? 24;\n      }\n    }, [size, widthProp]);\n\n    return (\n      <Box\n        data-testid=\"Flag\"\n        component={(['circle', 'square'].includes(variant) ? SquareFlags : Flags)[flag] || 'div'}\n        sx={{\n          width: `${width}px`,\n          flexShrink: '0',\n          // outline to improve accessibility\n          border: 1,\n          borderColor: 'onSurface.os500',\n          // 1:1 ratio\n          ...(['circle', 'square'].includes(variant) && {\n            height: `${width}px`,\n            ...(variant === 'circle' ? { borderRadius: `${width}px` } : {}),\n          }),\n          // disabled state\n          ...(disabled && {\n            userSelect: 'none',\n            borderColor: 'disabled.tertiary',\n            opacity: '0.65',\n          }),\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["Flag","forwardRef","_a","ref","flag","sx","width","widthProp","size","variant","disabled","rest","__rest","useMemo","_jsx","Box","Object","assign","component","includes","SquareFlags","Flags","flexShrink","border","borderColor","height","borderRadius","userSelect","opacity"],"mappings":"yPAkCa,MAAAA,EAA4BC,GACvC,CAACC,EAA+FC,SAA/FC,KAAEA,EAAIC,GAAEA,EAAIC,MAAOC,EAASC,KAAEA,EAAO,QAAOC,QAAEA,EAAU,SAAQC,SAAEA,GAAW,KAAUC,EAAvFC,EAAAV,EAAA,CAAA,OAAA,KAAA,QAAA,OAAA,UAAA,aAEC,MAAMI,EAAQO,GAAQ,KACpB,OAAQL,GACN,IAAK,QACH,OAAO,GACT,IAAK,SACH,OAAO,GACT,IAAK,QACH,OAAO,GACT,QACE,OAAOD,QAAAA,EAAa,MAEvB,CAACC,EAAMD,IAEV,OACEO,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,OACZC,WAAY,CAAC,SAAU,UAAUC,SAASV,GAAWW,EAAcC,GAAOjB,IAAS,MACnFC,GACEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAAX,MAAO,GAAGA,MACVgB,WAAY,IAEZC,OAAQ,EACRC,YAAa,mBAET,CAAC,SAAU,UAAUL,SAASV,IAChCO,OAAAC,OAAA,CAAAQ,OAAQ,GAAGnB,OACK,WAAZG,EAAuB,CAAEiB,aAAc,GAAGpB,OAAc,CAAA,IAG1DI,GAAY,CACdiB,WAAY,OACZH,YAAa,oBACbI,QAAS,SAERvB,GAELF,IAAKA,GACDQ,GACJ"}

package/components/focusring/focusring.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusring.js","sources":["../../../src/components/focusring/focusring.ts"],"sourcesContent":[null],"names":["getFocusRingBoxShadow","theme","palette","info","main","background","primary","getFocusRingStyle","smooth","border","focusSelector","Object","assign","content","display","position","borderRadius","inset","width","height","maxWidth","pointerEvents","boxShadow","transition","updateFocusRingStyle"],"mappings":"AAQM,MAAAA,EAAyBC,GAC7B,aAAaA,EAAMC,QAAQC,KAAKC,mBAAmBH,EAAMC,QAAQG,WAAWC,UAUxEC,EAAoB,CACxBN,EACAO,GAAkB,EAClBC,EAA0B,EAC1BC,EAAgB,sBACFC,OAAAC,OAAA,CAEd,CAACJ,EAAS,WAAa,IAAIE,YAAuBC,OAAAC,OAAA,CAChDC,QAAS,KACTC,QAAS,QACTC,SAAU,WACVC,aAAc,UAEdC,MAAyB,iBAAXR,EAAsBA,EAAS,IAAIA,EAAS,MAC1DS,MAAO,OACPC,OAAQ,OACRC,SAAU,OACVC,cAAe,OAEfC,UAAWd,EAAS,OAASR,EAAsBC,IAE/CO,GAAU,CACZe,WAAY,8BAGZf,GAAU,CAEZ,CAAC,IAAIE,YAAyB,CAC5BY,UAAWtB,EAAsBC,MAYjCuB,EAAuB,CAC3Bf,EAA0B,EAC1BD,GAAkB,EAClBE,EAAgB,uBACD,CACf,CAACF,EAAS,YAAc,IAAIE,YAAyB,CACnDO,MAAyB,iBAAXR,EAAsBA,EAAS,IAAIA,EAAS"}
+{"version":3,"file":"focusring.js","sources":["../../../src/components/focusring/focusring.ts"],"sourcesContent":["import { Theme, CSSObject } from '@mui/material';\n\n/**\n * BoxShadow style used by the Focus Ring\n *  boxShadow: theme => getFocusRingBoxShadow(theme);\n *\n * @param theme - @mui theme\n */\nconst getFocusRingBoxShadow = (theme: Theme) =>\n  `0 0 0 2px ${theme.palette.info.main}, 0 0 0 4px ${theme.palette.background.primary}`;\n\n/**\n * Style for interactive elements that should have blue & white ring around them once focused\n *\n * @param theme - @mui theme\n * @param smooth - controls smooth appearance of focusRing\n * @param border - component border to correctly place focusRing, can be used as string to directly manipulate inset\n * @param focusSelector - focus visible selector\n */\nconst getFocusRingStyle = (\n  theme: Theme,\n  smooth: boolean = true,\n  border: number | string = 0,\n  focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n  // pseudo-element outline, smooth generates :before element even without focus for the smooth appearance\n  [smooth ? '&:before' : `&${focusSelector}:before`]: {\n    content: '\"\"',\n    display: 'block',\n    position: 'absolute',\n    borderRadius: 'inherit',\n    // beware, inset must be boosted with the border on the parent element\n    inset: typeof border === 'string' ? border : `-${border + 2}px`,\n    width: 'auto',\n    height: 'auto',\n    maxWidth: 'none',\n    pointerEvents: 'none',\n    // hidden by default\n    boxShadow: smooth ? 'none' : getFocusRingBoxShadow(theme),\n    // smooth appearance\n    ...(smooth && {\n      transition: 'box-shadow 0.3s ease-out',\n    }),\n  },\n  ...(smooth && {\n    // show with @mui focus class\n    [`&${focusSelector}:before`]: {\n      boxShadow: getFocusRingBoxShadow(theme),\n    },\n  }),\n});\n\n/**\n * Any element applying border have to adjust position of ring to keep 2px space around element\n *\n * @param border - component border to correctly place focusRing, can be used as string to directly manipulate inset\n * @param smooth - controls smooth appearance of focusRing\n * @param focusSelector - focus visible selector\n */\nconst updateFocusRingStyle = (\n  border: number | string = 0,\n  smooth: boolean = true,\n  focusSelector = '.Mui-focusVisible',\n): CSSObject => ({\n  [smooth ? '&&:before' : `&${focusSelector}:before`]: {\n    inset: typeof border === 'string' ? border : `-${border + 2}px`,\n  },\n});\n\nexport { getFocusRingBoxShadow, getFocusRingStyle, updateFocusRingStyle };\n"],"names":["getFocusRingBoxShadow","theme","palette","info","main","background","primary","getFocusRingStyle","smooth","border","focusSelector","Object","assign","content","display","position","borderRadius","inset","width","height","maxWidth","pointerEvents","boxShadow","transition","updateFocusRingStyle"],"mappings":"AAQM,MAAAA,EAAyBC,GAC7B,aAAaA,EAAMC,QAAQC,KAAKC,mBAAmBH,EAAMC,QAAQG,WAAWC,UAUxEC,EAAoB,CACxBN,EACAO,GAAkB,EAClBC,EAA0B,EAC1BC,EAAgB,sBACFC,OAAAC,OAAA,CAEd,CAACJ,EAAS,WAAa,IAAIE,YAAuBC,OAAAC,OAAA,CAChDC,QAAS,KACTC,QAAS,QACTC,SAAU,WACVC,aAAc,UAEdC,MAAyB,iBAAXR,EAAsBA,EAAS,IAAIA,EAAS,MAC1DS,MAAO,OACPC,OAAQ,OACRC,SAAU,OACVC,cAAe,OAEfC,UAAWd,EAAS,OAASR,EAAsBC,IAE/CO,GAAU,CACZe,WAAY,8BAGZf,GAAU,CAEZ,CAAC,IAAIE,YAAyB,CAC5BY,UAAWtB,EAAsBC,MAYjCuB,EAAuB,CAC3Bf,EAA0B,EAC1BD,GAAkB,EAClBE,EAAgB,uBACD,CACf,CAACF,EAAS,YAAc,IAAIE,YAAyB,CACnDO,MAAyB,iBAAXR,EAAsBA,EAAS,IAAIA,EAAS"}

package/components/formMessage/formMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"formMessage.js","sources":["../../../src/components/formMessage/formMessage.tsx"],"sourcesContent":[null],"names":["FormMessage","forwardRef","_a","ref","children","variant","sx","iconProps","IconComponent","typographyProps","rest","__rest","_b","iconSx","restIcon","_c","typographySx","restTypography","color","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","ErrorMessageIcon","_jsxs","Box","Object","assign","role","display","width","alignItems","justifyContent","gap","textAlign","pb","_jsx","fontSize","mx","Typography","flexGrow","xs","lineHeight","fontWeight"],"mappings":"qbA8Ba,MAAAA,EAA0CC,GACrD,CAACC,EAAyFC,KAAzF,IAAAC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,GAAEA,EAAEC,UAAEA,EAASC,cAAEA,EAAaC,gBAAEA,GAAeP,EAAKQ,EAAIC,EAAAT,EAArF,2EACC,MAAMU,EAA8BL,GAAa,IAAzCD,GAAIO,KAAWC,EAAjBH,EAAAC,EAAA,CAAA,OACAG,EAA0CN,GAAmB,IAA3DH,GAAIU,KAAiBC,EAAvBN,EAAAI,EAAA,CAAA,QAECG,EAAOC,GAAwBC,GAAQ,KAC5C,OAAQf,GACN,IAAK,QACH,MAAO,CAAC,aAAcgB,GACxB,IAAK,UACH,MAAO,CAAC,eAAgBC,GAE1B,QACE,MAAO,CAAC,YAAaC,MAExB,CAAClB,IACEmB,EAAmBhB,GAAiBW,EAE1C,OACEM,EAACC,EAAGC,OAAAC,OAAA,CACFC,KAAK,QAAO,cACA,OAAM,YACR,YACVvB,GAAEqB,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OACPC,WAAY,aACZC,eAAgB,aAChBC,IAAK,EACLC,UAAW,OACXjB,MAAOA,EACPkB,GAAI,GACD9B,GAELH,IAAKA,GACDO,EAAI,CAAAN,SAAA,CAERiC,EAACb,EACCG,OAAAC,OAAA,CAAAtB,GACEqB,OAAAC,OAAA,CAAAU,SAAU,OAEVC,GAAI,OACD1B,IAEDC,IAENuB,EAACG,EACCb,OAAAC,OAAA,CAAAtB,GACEqB,OAAAC,OAAA,CAAAa,SAAU,IAEVH,SAAU,CAAEI,GAAI,QAChBC,WAAY,CAAED,GAAI,QAClBE,WAAY,CAAEF,GAAI,QACf1B,IAEDC,EAEH,CAAAb,SAAAA,QAEC"}
+{"version":3,"file":"formMessage.js","sources":["../../../src/components/formMessage/formMessage.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ElementType, forwardRef, useMemo } from 'react';\n\nexport interface FormMessageProps extends BoxProps<ElementType> {\n  /**\n   * Defines which variant of Banner component should be rendered\n   * @default error\n   */\n  variant?: 'info' | 'warning' | 'error';\n  /**\n   * Properties passed to indicator icon\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to wrapper of children\n   */\n  typographyProps?: TypographyProps;\n}\n\n/**\n * Message indicating form error or additional info.\n * Intended to be used in combination with <FormGroup />\n */\nexport const FormMessage: React.FC<FormMessageProps> = forwardRef(\n  ({ children, variant = 'error', sx, iconProps, IconComponent, typographyProps, ...rest }, ref) => {\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: typographySx, ...restTypography } = typographyProps || {};\n\n    const [color, IconVariantComponent] = useMemo(() => {\n      switch (variant) {\n        case 'error':\n          return ['error.main', WarningFilledIcon];\n        case 'warning':\n          return ['warning.main', CircleExclamationFilledIcon];\n        case 'info':\n        default:\n          return ['info.main', CircleInformationFilledIcon];\n      }\n    }, [variant]);\n    const ErrorMessageIcon = IconComponent || IconVariantComponent;\n\n    return (\n      <Box\n        role=\"alert\"\n        aria-atomic=\"true\"\n        aria-live=\"assertive\"\n        sx={{\n          display: 'flex',\n          width: '100%',\n          alignItems: 'flex-start',\n          justifyContent: 'flex-start',\n          gap: 1,\n          textAlign: 'left',\n          color: color,\n          pb: 1,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <ErrorMessageIcon\n          sx={{\n            fontSize: '20px',\n            // align with checkbox/radio (return to 24px width)\n            mx: '2px',\n            ...iconSx,\n          }}\n          {...restIcon}\n        />\n        <Typography\n          sx={{\n            flexGrow: '1',\n            // custom font according to Figma\n            fontSize: { xs: '14px' },\n            lineHeight: { xs: '20px' },\n            fontWeight: { xs: '400' },\n            ...typographySx,\n          }}\n          {...restTypography}\n        >\n          {children}\n        </Typography>\n      </Box>\n    );\n  },\n);\n"],"names":["FormMessage","forwardRef","_a","ref","children","variant","sx","iconProps","IconComponent","typographyProps","rest","__rest","_b","iconSx","restIcon","_c","typographySx","restTypography","color","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","ErrorMessageIcon","_jsxs","Box","Object","assign","role","display","width","alignItems","justifyContent","gap","textAlign","pb","_jsx","fontSize","mx","Typography","flexGrow","xs","lineHeight","fontWeight"],"mappings":"qbA8Ba,MAAAA,EAA0CC,GACrD,CAACC,EAAyFC,KAAzF,IAAAC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,GAAEA,EAAEC,UAAEA,EAASC,cAAEA,EAAaC,gBAAEA,GAAeP,EAAKQ,EAAIC,EAAAT,EAArF,2EACC,MAAMU,EAA8BL,GAAa,IAAzCD,GAAIO,KAAWC,EAAjBH,EAAAC,EAAA,CAAA,OACAG,EAA0CN,GAAmB,IAA3DH,GAAIU,KAAiBC,EAAvBN,EAAAI,EAAA,CAAA,QAECG,EAAOC,GAAwBC,GAAQ,KAC5C,OAAQf,GACN,IAAK,QACH,MAAO,CAAC,aAAcgB,GACxB,IAAK,UACH,MAAO,CAAC,eAAgBC,GAE1B,QACE,MAAO,CAAC,YAAaC,MAExB,CAAClB,IACEmB,EAAmBhB,GAAiBW,EAE1C,OACEM,EAACC,EAAGC,OAAAC,OAAA,CACFC,KAAK,QAAO,cACA,OAAM,YACR,YACVvB,GAAEqB,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OACPC,WAAY,aACZC,eAAgB,aAChBC,IAAK,EACLC,UAAW,OACXjB,MAAOA,EACPkB,GAAI,GACD9B,GAELH,IAAKA,GACDO,EAAI,CAAAN,SAAA,CAERiC,EAACb,EACCG,OAAAC,OAAA,CAAAtB,GACEqB,OAAAC,OAAA,CAAAU,SAAU,OAEVC,GAAI,OACD1B,IAEDC,IAENuB,EAACG,EACCb,OAAAC,OAAA,CAAAtB,GACEqB,OAAAC,OAAA,CAAAa,SAAU,IAEVH,SAAU,CAAEI,GAAI,QAChBC,WAAY,CAAED,GAAI,QAClBE,WAAY,CAAEF,GAAI,QACf1B,IAEDC,EAEH,CAAAb,SAAAA,QAEC"}

package/components/grid/grid.d.ts

@@ -1,112 +1,15 @@
-import { GridSize } from '@mui/material/Grid';
-import { Theme, GridDirection, GridSpacing } from '@mui/material';
-import { ResponsiveStyleValue, SxProps } from '@mui/system';
-import React, { HTMLAttributes, ReactNode } from 'react';
+import { GridProps as MuiGridProps } from '@mui/material';
+import React from 'react';
 /**
  * @interface GridProps
  * @description Base definition of SkodaFlow Grid independent on core implementation.
  * Properties are inherited from HTML Button element
  */
-export interface GridProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     *  The content of the component.
-     */
-    children?: ReactNode;
-    /**
-     *  Override or extend the styles applied to the component.
-     *  See CSS API below for more details.
-     */
-    classes?: object;
-    /**
-     *  The number of columns.
-     */
-    columns?: ResponsiveStyleValue<number>;
-    /**
-     *  The component used for the root node.
-     *  Either a string to use a HTML element or a component.
-     */
-    component?: string | ReactNode;
-    /**
-     *  If true, the component will have the flex container behavior.
-     *  You should be wrapping items with a container.
-     */
-    container?: boolean;
-    /**
-     *  Defines the flex-direction style property.
-     *  It is applied for all screen sizes.
-     * @default 'auto'
-     */
-    direction?: ResponsiveStyleValue<GridDirection>;
-    /**
-     *  If true, the component will have the flex item behavior.
-     *  You should be wrapping items with a container.
-     */
-    item?: boolean;
-    /**
-     *  Defines the number of grids the component is going to use.
-     *  It's applied for the lg breakpoint and wider screens if not overridden.
-     */
-    lg?: boolean | GridSize;
-    /**
-     *  Defines the number of grids the component is going to use.
-     *  It's applied for the md breakpoint and wider screens if not overridden.
-     */
-    md?: boolean | GridSize;
-    /**
-     *  Defines the number of grids the component is going to use.
-     *  It's applied for the sm breakpoint and wider screens if not overridden.
-     */
-    sm?: boolean | GridSize;
-    /**
-     *  The system prop that allows defining system overrides as well as additional CSS styles.
-     *  See the `sx` page for more details.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     *  Defines the number of grids the component is going to use.
-     *  It's applied for the xl breakpoint and wider screens.
-     */
-    xl?: boolean | GridSize;
-    /**
-     *  Defines the number of grids the component is going to use.
-     *  It's applied for all the screen sizes with the lowest priority.
-     */
-    xs?: boolean | GridSize;
-    /**
-     *  Defines the space between the type item components.
-     *  It can only be used on a type container component.
-     */
-    spacing?: ResponsiveStyleValue<GridSpacing>;
-    /**
-     *  Defines the horizontal space between the type item components.
-     *  It overrides the value of the spacing prop.
-     */
-    columnSpacing?: ResponsiveStyleValue<GridSpacing>;
-    /**
-     *  Defines the vertical space between the type item components.
-     * It overrides the value of the spacing prop.
-     * If the value provided is a string it will be used as exact amount for pixels spacing.
-     * If the value is a number it will be used as (value)*8px.
-     */
-    rowSpacing?: ResponsiveStyleValue<GridSpacing>;
-    /**
-     *  Defines the flex-wrap style property.
-     *  It's applied for all screen sizes.
-     */
-    wrap?: 'nowrap' | 'wrap-reverse' | 'wrap';
-    /**
-     *  If true, it sets min-width: 0 on the item.
-     *  Refer to the limitations section of the documentation to better understand the use case.
-     */
-    zeroMinWidth?: boolean;
+export interface GridProps extends MuiGridProps {
     /**
      *  Determine if grid is narrow.
      */
     narrow?: boolean;
-    /**
-     *  Determine the max-width of the container. The container width grows with the size of the screen. Set to false to disable maxWidth.
-     */
-    fixed?: boolean;
 }
 /**
  * @description SkodaFlow Grid component.

package/components/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../../src/components/grid/grid.tsx"],"sourcesContent":[null],"names":["Grid","_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"4GAyIa,MAAAA,EAA6BC,IAAA,IAAAC,OAAEA,GAAkBD,EAAPE,EAAKC,EAAAH,EAAlB,YACxC,OACEI,EAACC,EAAOC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAM,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ,WACC"}
+{"version":3,"file":"grid.js","sources":["../../../src/components/grid/grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from '@mui/material';\nimport React from 'react';\n\n/**\n * @interface GridProps\n * @description Base definition of SkodaFlow Grid independent on core implementation.\n * Properties are inherited from HTML Button element\n */\nexport interface GridProps extends MuiGridProps {\n  /**\n   *  Determine if grid is narrow.\n   */\n  narrow?: boolean;\n}\n\n/**\n * @description SkodaFlow Grid component.\n * @param props GridProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use Grid and Container components from @mui/material\n */\nexport const Grid: React.FC<GridProps> = ({ narrow, ...props }) => {\n  return (\n    <MuiGrid {...props} spacing={narrow ? '12px' : undefined}>\n      {props.children}\n    </MuiGrid>\n  );\n};\n"],"names":["Grid","_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"4GAqBa,MAAAA,EAA6BC,IAAA,IAAAC,OAAEA,GAAkBD,EAAPE,EAAKC,EAAAH,EAAlB,YACxC,OACEI,EAACC,EAAOC,OAAAC,OAAA,CAAA,EAAKL,EAAO,CAAAM,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ,WACC"}

package/components/helperTextContent/helperTextContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"helperTextContent.js","sources":["../../../src/components/helperTextContent/helperTextContent.tsx"],"sourcesContent":[null],"names":["HelperTextContent","forwardRef","_a","ref","children","sx","textLeft","textLeftProps","textRight","textRightProps","rest","__rest","_b","textLeftSx","restTextLeft","_c","textRightSx","restTextRight","_jsxs","Box","Object","assign","display","gap","justifyContent","alignItems","overflow","whiteSpace","textOverflow","component","_jsx","undefined"],"mappings":"wJA4Ba,MAAAA,EAAsDC,GACjE,CAACC,EAA+EC,KAA/E,IAAAC,SAAEA,EAAQC,GAAEA,EAAEC,SAAEA,EAAQC,cAAEA,EAAaC,UAAEA,EAASC,eAAEA,GAAyBP,EAANQ,EAAIC,EAAAT,EAA3E,2EACC,MAAMU,EAAsCL,GAAiB,IAArDF,GAAIQ,KAAeC,EAArBH,EAAAC,EAAA,CAAA,OACAG,EAAwCN,GAAkB,IAAxDJ,GAAIW,KAAgBC,EAAtBN,EAAAI,EAAA,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CACFhB,GACEe,OAAAC,OAAA,CAAAC,QAAS,OACTC,IAAK,OACLC,eAAgB,gBAChBC,WAAY,aAEZC,SAAU,UACVC,WAAY,UACZC,aAAc,WACXvB,GAELwB,UAAU,OACV1B,IAAKA,GACDO,EAEH,CAAAN,SAAA,CAAAA,EACAE,GACCwB,EAACX,iBACCd,GAAEe,OAAAC,OAAA,CAEAK,SAAU,UACVC,WAAY,UACZC,aAAc,WACXf,GAELgB,UAAU,QACNf,EAEH,CAAAV,SAAAE,KAGJE,GACCsB,EAACX,8BACkC,iBAAdX,EAAyB,sBAAsBA,SAAcuB,EAChF1B,kBACEsB,WAAY,UACTX,GAELa,UAAU,QACNZ,EAAa,CAAAb,SAEhBI,QAGD"}
+{"version":3,"file":"helperTextContent.js","sources":["../../../src/components/helperTextContent/helperTextContent.tsx"],"sourcesContent":["import React, { ReactNode, ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface HelperTextContentProps extends BoxProps<ElementType> {\n  /**\n   * Text on the left side\n   */\n  textLeft?: ReactNode;\n  /**\n   * Properties applied to text on the left side\n   */\n  textLeftProps?: BoxProps<ElementType>;\n  /**\n   * Text on the right side, expected to be characters count, e.g. '0 / 100'\n   * It is recommended to also provide aria-label.\n   */\n  textRight?: ReactNode;\n  /**\n   * Properties applied to text on the right side\n   */\n  textRightProps?: BoxProps<ElementType>;\n}\n\n/**\n * Advanced content for the Field's HelperText\n *\n *  <TextField helperText={<HelperTextContent textLeft='Helper text' textRight='0/100' />}>\n */\nexport const HelperTextContent: React.FC<HelperTextContentProps> = forwardRef(\n  ({ children, sx, textLeft, textLeftProps, textRight, textRightProps, ...rest }, ref) => {\n    const { sx: textLeftSx, ...restTextLeft } = textLeftProps || {};\n    const { sx: textRightSx, ...restTextRight } = textRightProps || {};\n\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          gap: '10px',\n          justifyContent: 'space-between',\n          alignItems: 'flex-start',\n          // inherit truncate text from helperText to pass it down\n          overflow: 'inherit',\n          whiteSpace: 'inherit',\n          textOverflow: 'inherit',\n          ...sx,\n        }}\n        component=\"span\"\n        ref={ref}\n        {...rest}\n      >\n        {children}\n        {textLeft && (\n          <Box\n            sx={{\n              // truncate text as helperText\n              overflow: 'inherit',\n              whiteSpace: 'inherit',\n              textOverflow: 'inherit',\n              ...textLeftSx,\n            }}\n            component=\"span\"\n            {...restTextLeft}\n          >\n            {textLeft}\n          </Box>\n        )}\n        {textRight && (\n          <Box\n            aria-label={typeof textRight === 'string' ? `Characters entered ${textRight}` : undefined}\n            sx={{\n              whiteSpace: 'nowrap',\n              ...textRightSx,\n            }}\n            component=\"span\"\n            {...restTextRight}\n          >\n            {textRight}\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"names":["HelperTextContent","forwardRef","_a","ref","children","sx","textLeft","textLeftProps","textRight","textRightProps","rest","__rest","_b","textLeftSx","restTextLeft","_c","textRightSx","restTextRight","_jsxs","Box","Object","assign","display","gap","justifyContent","alignItems","overflow","whiteSpace","textOverflow","component","_jsx","undefined"],"mappings":"wJA4Ba,MAAAA,EAAsDC,GACjE,CAACC,EAA+EC,KAA/E,IAAAC,SAAEA,EAAQC,GAAEA,EAAEC,SAAEA,EAAQC,cAAEA,EAAaC,UAAEA,EAASC,eAAEA,GAAyBP,EAANQ,EAAIC,EAAAT,EAA3E,2EACC,MAAMU,EAAsCL,GAAiB,IAArDF,GAAIQ,KAAeC,EAArBH,EAAAC,EAAA,CAAA,OACAG,EAAwCN,GAAkB,IAAxDJ,GAAIW,KAAgBC,EAAtBN,EAAAI,EAAA,CAAA,OAEN,OACEG,EAACC,EAAGC,OAAAC,OAAA,CACFhB,GACEe,OAAAC,OAAA,CAAAC,QAAS,OACTC,IAAK,OACLC,eAAgB,gBAChBC,WAAY,aAEZC,SAAU,UACVC,WAAY,UACZC,aAAc,WACXvB,GAELwB,UAAU,OACV1B,IAAKA,GACDO,EAEH,CAAAN,SAAA,CAAAA,EACAE,GACCwB,EAACX,iBACCd,GAAEe,OAAAC,OAAA,CAEAK,SAAU,UACVC,WAAY,UACZC,aAAc,WACXf,GAELgB,UAAU,QACNf,EAEH,CAAAV,SAAAE,KAGJE,GACCsB,EAACX,8BACkC,iBAAdX,EAAyB,sBAAsBA,SAAcuB,EAChF1B,kBACEsB,WAAY,UACTX,GAELa,UAAU,QACNZ,EAAa,CAAAb,SAEhBI,QAGD"}

package/components/icon/filled/AISuggestionFilledIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"AISuggestionFilledIcon.js","sources":["../../../../src/components/icon/filled/AISuggestionFilledIcon.tsx"],"sourcesContent":[null],"names":["AISuggestionFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"mHAMa,MAAAA,EAAiDC,GAAW,CAACC,EAAOC,IAE7EC,EAACC,EAAQC,OAAAC,OAAA,CAAAC,QAAQ,YAAYL,IAAKA,GAASD,EACzC,CAAAO,SAAAL,EAAA,OAAA,CACEM,SAAS,UACTC,EAAE"}
+{"version":3,"file":"AISuggestionFilledIcon.js","sources":["../../../../src/components/icon/filled/AISuggestionFilledIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { SvgIcon, SvgIconProps } from '@mui/material';\n\n/**\n * Flow brand exclusive icon\n */\nexport const AISuggestionFilledIcon: React.FC<SvgIconProps> = forwardRef((props, ref) => {\n  return (\n    <SvgIcon viewBox=\"2 2 20 20\" ref={ref} {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M10.7658 3.68269C10.6757 3.4391 10.3313 3.4391 10.2412 3.68269L8.47171 8.46718L3.68016 10.2411C3.43995 10.33 3.43995 10.67 3.68016 10.7589L8.47171 12.5328L10.2412 17.3173C10.3313 17.5609 10.6757 17.5609 10.7658 17.3173L12.5353 12.5328L17.3174 10.7624C17.5609 10.6723 17.5609 10.3277 17.3174 10.2376L12.5353 8.46718L10.7658 3.68269ZM17.1329 13.5913C17.0878 13.4696 16.9157 13.4696 16.8706 13.5913L15.9859 15.9836L13.5901 16.8706C13.47 16.915 13.47 17.085 13.5901 17.1294L15.9859 18.0164L16.8706 20.4087C16.9157 20.5304 17.0878 20.5304 17.1329 20.4087L18.0177 18.0164L20.4087 17.1312C20.5304 17.0861 20.5304 16.9139 20.4087 16.8688L18.0177 15.9836L17.1329 13.5913Z\"\n      />\n    </SvgIcon>\n  );\n});\n"],"names":["AISuggestionFilledIcon","forwardRef","props","ref","_jsx","SvgIcon","Object","assign","viewBox","children","fillRule","d"],"mappings":"mHAMa,MAAAA,EAAiDC,GAAW,CAACC,EAAOC,IAE7EC,EAACC,EAAQC,OAAAC,OAAA,CAAAC,QAAQ,YAAYL,IAAKA,GAASD,EACzC,CAAAO,SAAAL,EAAA,OAAA,CACEM,SAAS,UACTC,EAAE"}