@laerdal/life-react-components 5.0.6-dev.2 → 5.0.6

package/dist/Image/ImageWithFallbacks.d.ts

@@ -1,21 +1,21 @@
-import React from 'react';
-export interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'> {
-    fallbacks?: string;
-    src: string;
-    alt?: string;
-    loader?: boolean;
-}
-type ImageWithFallbacksState = {
-    src: string;
-    fallbackIndex: number;
-    fallbacks: string[];
-    loaded: boolean;
-};
-declare class ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {
-    constructor(props: ImageWithFallbacksProps);
-    componentDidUpdate(prevProps: ImageWithFallbacksProps): void;
-    onError(): void;
-    onLoad(): void;
-    render(): React.JSX.Element;
-}
-export default ImageWithFallbacks;
+import React from 'react';
+export interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'> {
+    fallbacks?: string;
+    src: string;
+    alt?: string;
+    loader?: boolean;
+}
+type ImageWithFallbacksState = {
+    src: string;
+    fallbackIndex: number;
+    fallbacks: string[];
+    loaded: boolean;
+};
+declare class ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {
+    constructor(props: ImageWithFallbacksProps);
+    componentDidUpdate(prevProps: ImageWithFallbacksProps): void;
+    onError(): void;
+    onLoad(): void;
+    render(): React.JSX.Element;
+}
+export default ImageWithFallbacks;

package/dist/Image/ImageWithFallbacks.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageWithFallbacks.js","names":["LoadingIndicator","React","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ImageWithFallbacks","_React$Component","_inherits","_super","_createSuper","props","_this$props$fallbacks","_this$props$fallbacks2","_this","_classCallCheck","call","state","src","fallbackIndex","fallbacks","split","loaded","_createClass","key","value","componentDidUpdate","prevProps","_this$props$fallbacks3","_this$props$fallbacks4","setState","onError","length","onLoad","_objectSpread","render","_this2","_this$props","alt","loader","loading","rest","_objectWithoutProperties","_excluded","children","onChange","id","Component","_defineProperty","_pt","string","isRequired","bool"],"sources":["../../src/Image/ImageWithFallbacks.tsx"],"sourcesContent":["import { LoadingIndicator } from '..';\r\nimport React from 'react';\r\n\r\nexport interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'>{\r\n  fallbacks?: string;\r\n  src: string;\r\n  alt?: string;\r\n  loader?: boolean;\r\n}\r\n\r\ntype ImageWithFallbacksState = {\r\n  src: string;\r\n  fallbackIndex: number;\r\n  fallbacks: string[];\r\n  loaded: boolean;\r\n};\r\n\r\nclass ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {\r\n  constructor(props: ImageWithFallbacksProps) {\r\n    super(props);\r\n    this.state = {\r\n      src: props.src,\r\n      fallbackIndex: 0,\r\n      fallbacks: this.props.fallbacks?.split('|') ?? [],\r\n      loaded: false,\r\n    };\r\n  }\r\n  componentDidUpdate(prevProps: ImageWithFallbacksProps) {\r\n    if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {\r\n      this.setState({\r\n        src: this.props.src,\r\n        fallbackIndex: 0,\r\n        fallbacks: this.props.fallbacks?.split('|') ?? [],\r\n        loaded: false,\r\n      });\r\n    }\r\n  }\r\n  onError() {\r\n    if (this.state.fallbackIndex > this.state.fallbacks.length) {\r\n      return;\r\n    }\r\n    this.setState({\r\n      src: this.state.fallbacks[this.state.fallbackIndex],\r\n      fallbackIndex: this.state.fallbackIndex + 1,\r\n      fallbacks: this.state.fallbacks,\r\n    });\r\n  }\r\n  onLoad() {\r\n    this.setState({ ...this.state, loaded: true });\r\n  }\r\n  render() {\r\n    const {src, alt, fallbacks, loader, loading, ...rest} = this.props;\r\n    return (\r\n      <>\r\n        <img src={this.state.src}\r\n             onError={() => this.onError()}\r\n             onChange={() => this.onLoad()}\r\n             onLoad={() => this.onLoad()}\r\n             alt={this.props.alt}\r\n             {...rest}/>\r\n        {this.props.loader && !this.state.loaded && <LoadingIndicator id=\"imgWithFallbackLoadingIndicator\"></LoadingIndicator>}\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ImageWithFallbacks;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ImageWithFallbacks.js","names":["LoadingIndicator","React","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ImageWithFallbacks","_React$Component","_inherits","_super","_createSuper","props","_this$props$fallbacks","_this$props$fallbacks2","_this","_classCallCheck","call","state","src","fallbackIndex","fallbacks","split","loaded","_createClass","key","value","componentDidUpdate","prevProps","_this$props$fallbacks3","_this$props$fallbacks4","setState","onError","length","onLoad","_objectSpread","render","_this2","_this$props","alt","loader","loading","rest","_objectWithoutProperties","_excluded","children","onChange","id","Component","_defineProperty","_pt","string","isRequired","bool"],"sources":["../../src/Image/ImageWithFallbacks.tsx"],"sourcesContent":["import { LoadingIndicator } from '..';\nimport React from 'react';\n\nexport interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'>{\n  fallbacks?: string;\n  src: string;\n  alt?: string;\n  loader?: boolean;\n}\n\ntype ImageWithFallbacksState = {\n  src: string;\n  fallbackIndex: number;\n  fallbacks: string[];\n  loaded: boolean;\n};\n\nclass ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {\n  constructor(props: ImageWithFallbacksProps) {\n    super(props);\n    this.state = {\n      src: props.src,\n      fallbackIndex: 0,\n      fallbacks: this.props.fallbacks?.split('|') ?? [],\n      loaded: false,\n    };\n  }\n  componentDidUpdate(prevProps: ImageWithFallbacksProps) {\n    if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {\n      this.setState({\n        src: this.props.src,\n        fallbackIndex: 0,\n        fallbacks: this.props.fallbacks?.split('|') ?? [],\n        loaded: false,\n      });\n    }\n  }\n  onError() {\n    if (this.state.fallbackIndex > this.state.fallbacks.length) {\n      return;\n    }\n    this.setState({\n      src: this.state.fallbacks[this.state.fallbackIndex],\n      fallbackIndex: this.state.fallbackIndex + 1,\n      fallbacks: this.state.fallbacks,\n    });\n  }\n  onLoad() {\n    this.setState({ ...this.state, loaded: true });\n  }\n  render() {\n    const {src, alt, fallbacks, loader, loading, ...rest} = this.props;\n    return (\n      <>\n        <img src={this.state.src}\n             onError={() => this.onError()}\n             onChange={() => this.onLoad()}\n             onLoad={() => this.onLoad()}\n             alt={this.props.alt}\n             {...rest}/>\n        {this.props.loader && !this.state.loaded && <LoadingIndicator id=\"imgWithFallbackLoadingIndicator\"></LoadingIndicator>}\n      </>\n    );\n  }\n}\n\nexport default ImageWithFallbacks;\n"],"mappings":"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","ignoreList":[]}

package/dist/Image/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_ImageWithFallbacks","_interopRequireDefault","require"],"sources":["../../src/Image/index.tsx"],"sourcesContent":["import ImageWithFallbacks from './ImageWithFallbacks';\r\n\r\nexport { ImageWithFallbacks };\r\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_ImageWithFallbacks","_interopRequireDefault","require"],"sources":["../../src/Image/index.tsx"],"sourcesContent":["import ImageWithFallbacks from './ImageWithFallbacks';\n\nexport { ImageWithFallbacks };\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/Image/index.d.ts

@@ -1,2 +1,2 @@
-import ImageWithFallbacks from './ImageWithFallbacks';
-export { ImageWithFallbacks };
+import ImageWithFallbacks from './ImageWithFallbacks';
+export { ImageWithFallbacks };

package/dist/Image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ImageWithFallbacks"],"sources":["../../src/Image/index.tsx"],"sourcesContent":["import ImageWithFallbacks from './ImageWithFallbacks';\r\n\r\nexport { ImageWithFallbacks };\r\n"],"mappings":"AAAA,OAAOA,kBAAkB,MAAM,sBAAsB;AAErD,SAASA,kBAAkB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ImageWithFallbacks"],"sources":["../../src/Image/index.tsx"],"sourcesContent":["import ImageWithFallbacks from './ImageWithFallbacks';\n\nexport { ImageWithFallbacks };\n"],"mappings":"AAAA,OAAOA,kBAAkB,MAAM,sBAAsB;AAErD,SAASA,kBAAkB","ignoreList":[]}

package/dist/InputFields/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_icons","_styles","_types","_typography","_common","_jsxRuntime","_excluded","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledCheckBox","styled","div","_taggedTemplateLiteral2","props","margin","concat","COLORS","getColor","theme","$selected","$invalid","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","ComponentLStyling","focusStyles","exports","Checkbox","forwardRef","_ref","ref","_size","id","selected","select","label","invalid","iconPointerEventsTransparent","disabled","size","semiSelected","children","readOnly","tabIndexVal","dataTestId","className","rest","_objectWithoutProperties2","onKeyPress","keyCode","handleClick","stopPropagation","Size","Medium","cls","jsxs","tabIndex","onClick","onKeyDown","onMouseDown","defaultOnMouseDownHandler","jsx","SystemIcons","CheckboxOn","CheckboxSemi","CheckboxOff","htmlFor","_default"],"sources":["../../src/InputFields/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SystemIcons} from '../icons';\r\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {Size} from '../types';\r\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling} from '../styles/typography';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport { CheckboxProps } from './types';\r\n\r\nexport const StyledCheckBox = styled.div<{ disabled?: boolean; $invalid?: boolean; $selected?: boolean; margin?: string }>`\r\n  display: flex;\r\n  width: 100%;\r\n  min-height: 48px;\r\n  min-width: 48px;\r\n\r\n  ${props => (props.margin ? `margin: ${props.margin};` : '')}\r\n  cursor: pointer;\r\n\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n\r\n  .pointerTransparent {\r\n    pointer-events: none;\r\n  }\r\n\r\n  .checkbox-icon {\r\n    margin: 6px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-sizing: border-box;\r\n    height: 36px;\r\n    min-width: 36px;\r\n    border-radius: 50%;\r\n\r\n    svg {\r\n      color: ${props => (props.$selected ? COLORS.getColor('primary_500', props.theme) : props.$invalid ? COLORS.getColor('critical_400', props.theme) : COLORS.getColor('neutral_600', props.theme))};\r\n    }\r\n  }\r\n\r\n  .checkbox-label {\r\n    user-select: none;\r\n    cursor: inherit;\r\n  }\r\n\r\n  &.small {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 14px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 12px;\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):hover {\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):active {\r\n    .checkbox-icon {\r\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n  &.readonly {\r\n    cursor: inherit;\r\n\r\n    .checkbox-icon,\r\n    .checkbox-label {\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n\r\n    .checkbox-icon,\r\n    .checkbox-label {\r\n      pointer-events: none;\r\n    }\r\n\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n\r\n    .checkbox-icon svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.dropdown-hover:not(.disabled) {\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Checkbox = React.forwardRef<HTMLDivElement, CheckboxProps>(({\r\n                                                            id,\r\n                                                            selected,\r\n                                                            select,\r\n                                                            label,\r\n                                                            invalid,\r\n                                                            iconPointerEventsTransparent,\r\n                                                            disabled,\r\n                                                            margin,\r\n                                                            size,\r\n                                                            semiSelected,\r\n                                                            children,\r\n                                                            readOnly,\r\n                                                            tabIndexVal,\r\n                                                            dataTestId,\r\n                                                            className,\r\n                                                            ...rest\r\n                                                          }, ref) => {\r\n  const onKeyPress = (e: any) => {\r\n    if (e.keyCode === 13 && !disabled && !readOnly) {\r\n      select && select(!selected);\r\n    }\r\n  };\r\n\r\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\r\n    if (disabled || readOnly) {\r\n      return;\r\n    }\r\n    if(select){\r\n      e?.stopPropagation();\r\n      select(!selected);\r\n    }\r\n  };\r\n\r\n  size = size ?? Size.Medium;\r\n\r\n  const cls = `${size} ${className || ''} ${disabled ? ' disabled' : ''} ${readOnly ? ' readonly' : ''}`;\r\n\r\n  return (\r\n    <StyledCheckBox key={id}\r\n                    ref={ref}\r\n                    disabled={disabled}\r\n                    className={cls}\r\n                    aria-checked={selected}\r\n                    $selected={selected}\r\n                    tabIndex={disabled || readOnly ? -1 : (tabIndexVal ? tabIndexVal : 0)}\r\n                    $invalid={invalid}\r\n                    margin={margin}\r\n                    onClick={handleClick}\r\n                    onKeyDown={onKeyPress}\r\n                    onMouseDown={defaultOnMouseDownHandler}\r\n                    {...rest}>\r\n      <div id={id} data-testid={dataTestId} className={'checkbox-icon'}>\r\n        {\r\n          selected\r\n            ? <SystemIcons.CheckboxOn className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n            : semiSelected\r\n              ? <SystemIcons.CheckboxSemi className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n              : <SystemIcons.CheckboxOff className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n        }\r\n      </div>\r\n      {\r\n        label &&\r\n        (\r\n          <label className={'checkbox-label'}\r\n                 htmlFor={id}>\r\n            {label}\r\n          </label>\r\n        )\r\n      }\r\n      {\r\n        !label &&\r\n        <label className={'checkbox-label'}\r\n               htmlFor={id}>\r\n          {children}\r\n        </label>\r\n      }\r\n    </StyledCheckBox>\r\n  );\r\n});\r\n\r\nexport default Checkbox;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Checkbox.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_icons","_styles","_types","_typography","_common","_jsxRuntime","_excluded","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledCheckBox","styled","div","_taggedTemplateLiteral2","props","margin","concat","COLORS","getColor","theme","$selected","$invalid","ComponentSStyling","ComponentTextStyle","Regular","ComponentMStyling","ComponentLStyling","focusStyles","exports","Checkbox","forwardRef","_ref","ref","_size","id","selected","select","label","invalid","iconPointerEventsTransparent","disabled","size","semiSelected","children","readOnly","tabIndexVal","dataTestId","className","rest","_objectWithoutProperties2","onKeyPress","keyCode","handleClick","stopPropagation","Size","Medium","cls","jsxs","tabIndex","onClick","onKeyDown","onMouseDown","defaultOnMouseDownHandler","jsx","SystemIcons","CheckboxOn","CheckboxSemi","CheckboxOff","htmlFor","_default"],"sources":["../../src/InputFields/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {SystemIcons} from '../icons';\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {Size} from '../types';\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling} from '../styles/typography';\nimport {defaultOnMouseDownHandler} from '../common';\nimport { CheckboxProps } from './types';\n\nexport const StyledCheckBox = styled.div<{ disabled?: boolean; $invalid?: boolean; $selected?: boolean; margin?: string }>`\n  display: flex;\n  width: 100%;\n  min-height: 48px;\n  min-width: 48px;\n\n  ${props => (props.margin ? `margin: ${props.margin};` : '')}\n  cursor: pointer;\n\n  color: ${props => COLORS.getColor('black', props.theme)};\n\n  .pointerTransparent {\n    pointer-events: none;\n  }\n\n  .checkbox-icon {\n    margin: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    height: 36px;\n    min-width: 36px;\n    border-radius: 50%;\n\n    svg {\n      color: ${props => (props.$selected ? COLORS.getColor('primary_500', props.theme) : props.$invalid ? COLORS.getColor('critical_400', props.theme) : COLORS.getColor('neutral_600', props.theme))};\n    }\n  }\n\n  .checkbox-label {\n    user-select: none;\n    cursor: inherit;\n  }\n\n  &.small {\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n    .checkbox-label {\n      padding-top: 14px;\n    }\n  }\n\n  &.medium {\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n    .checkbox-label {\n      padding-top: 12px;\n    }\n  }\n\n  &.large {\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n    .checkbox-label {\n      padding-top: 12px;\n    }\n  }\n\n  &:not(.disabled):not(.readonly):focus {\n    ${focusStyles}\n  }\n\n  &:not(.disabled):not(.readonly):hover {\n    .checkbox-icon {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n\n      svg {\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\n      }\n    }\n  }\n\n  &:not(.disabled):not(.readonly):active {\n    .checkbox-icon {\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\n\n      svg {\n        color: ${props => COLORS.getColor('primary_800', props.theme)};\n      }\n    }\n  }\n\n  &.readonly {\n    cursor: inherit;\n\n    .checkbox-icon,\n    .checkbox-label {\n      pointer-events: none;\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\n\n    .checkbox-icon,\n    .checkbox-label {\n      pointer-events: none;\n    }\n\n    .checkbox-icon {\n      background-color: ${props => COLORS.getColor('white', props.theme)};\n    }\n\n    .checkbox-icon svg {\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\n    }\n  }\n\n  &.dropdown-hover:not(.disabled) {\n    .checkbox-icon {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n\n      svg {\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\n      }\n    }\n  }\n`;\n\nconst Checkbox = React.forwardRef<HTMLDivElement, CheckboxProps>(({\n                                                            id,\n                                                            selected,\n                                                            select,\n                                                            label,\n                                                            invalid,\n                                                            iconPointerEventsTransparent,\n                                                            disabled,\n                                                            margin,\n                                                            size,\n                                                            semiSelected,\n                                                            children,\n                                                            readOnly,\n                                                            tabIndexVal,\n                                                            dataTestId,\n                                                            className,\n                                                            ...rest\n                                                          }, ref) => {\n  const onKeyPress = (e: any) => {\n    if (e.keyCode === 13 && !disabled && !readOnly) {\n      select && select(!selected);\n    }\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (disabled || readOnly) {\n      return;\n    }\n    if(select){\n      e?.stopPropagation();\n      select(!selected);\n    }\n  };\n\n  size = size ?? Size.Medium;\n\n  const cls = `${size} ${className || ''} ${disabled ? ' disabled' : ''} ${readOnly ? ' readonly' : ''}`;\n\n  return (\n    <StyledCheckBox key={id}\n                    ref={ref}\n                    disabled={disabled}\n                    className={cls}\n                    aria-checked={selected}\n                    $selected={selected}\n                    tabIndex={disabled || readOnly ? -1 : (tabIndexVal ? tabIndexVal : 0)}\n                    $invalid={invalid}\n                    margin={margin}\n                    onClick={handleClick}\n                    onKeyDown={onKeyPress}\n                    onMouseDown={defaultOnMouseDownHandler}\n                    {...rest}>\n      <div id={id} data-testid={dataTestId} className={'checkbox-icon'}>\n        {\n          selected\n            ? <SystemIcons.CheckboxOn className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\n            : semiSelected\n              ? <SystemIcons.CheckboxSemi className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\n              : <SystemIcons.CheckboxOff className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\n        }\n      </div>\n      {\n        label &&\n        (\n          <label className={'checkbox-label'}\n                 htmlFor={id}>\n            {label}\n          </label>\n        )\n      }\n      {\n        !label &&\n        <label className={'checkbox-label'}\n               htmlFor={id}>\n          {children}\n        </label>\n      }\n    </StyledCheckBox>\n  );\n});\n\nexport default Checkbox;\n"],"mappings":"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","ignoreList":[]}

package/dist/InputFields/Checkbox.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { CheckboxProps } from './types';
-export declare const StyledCheckBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    disabled?: boolean | undefined;
-    $invalid?: boolean | undefined;
-    $selected?: boolean | undefined;
-    margin?: string | undefined;
-}>> & string;
-declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLDivElement>>;
-export default Checkbox;
+import * as React from 'react';
+import { CheckboxProps } from './types';
+export declare const StyledCheckBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    disabled?: boolean | undefined;
+    $invalid?: boolean | undefined;
+    $selected?: boolean | undefined;
+    margin?: string | undefined;
+}>> & string;
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLDivElement>>;
+export default Checkbox;

package/dist/InputFields/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["React","styled","SystemIcons","COLORS","ComponentTextStyle","focusStyles","Size","ComponentLStyling","ComponentMStyling","ComponentSStyling","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","StyledCheckBox","div","_templateObject","_taggedTemplateLiteral","props","margin","concat","getColor","theme","$selected","$invalid","Regular","Checkbox","forwardRef","_ref","ref","_size","id","selected","select","label","invalid","iconPointerEventsTransparent","disabled","size","semiSelected","children","readOnly","tabIndexVal","dataTestId","className","rest","_objectWithoutProperties","_excluded","onKeyPress","e","keyCode","handleClick","stopPropagation","Medium","cls","_objectSpread","tabIndex","onClick","onKeyDown","onMouseDown","CheckboxOn","CheckboxSemi","CheckboxOff","htmlFor"],"sources":["../../src/InputFields/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SystemIcons} from '../icons';\r\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\r\nimport {Size} from '../types';\r\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling} from '../styles/typography';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport { CheckboxProps } from './types';\r\n\r\nexport const StyledCheckBox = styled.div<{ disabled?: boolean; $invalid?: boolean; $selected?: boolean; margin?: string }>`\r\n  display: flex;\r\n  width: 100%;\r\n  min-height: 48px;\r\n  min-width: 48px;\r\n\r\n  ${props => (props.margin ? `margin: ${props.margin};` : '')}\r\n  cursor: pointer;\r\n\r\n  color: ${props => COLORS.getColor('black', props.theme)};\r\n\r\n  .pointerTransparent {\r\n    pointer-events: none;\r\n  }\r\n\r\n  .checkbox-icon {\r\n    margin: 6px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-sizing: border-box;\r\n    height: 36px;\r\n    min-width: 36px;\r\n    border-radius: 50%;\r\n\r\n    svg {\r\n      color: ${props => (props.$selected ? COLORS.getColor('primary_500', props.theme) : props.$invalid ? COLORS.getColor('critical_400', props.theme) : COLORS.getColor('neutral_600', props.theme))};\r\n    }\r\n  }\r\n\r\n  .checkbox-label {\r\n    user-select: none;\r\n    cursor: inherit;\r\n  }\r\n\r\n  &.small {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 14px;\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 12px;\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\r\n    .checkbox-label {\r\n      padding-top: 12px;\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):hover {\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n  &:not(.disabled):not(.readonly):active {\r\n    .checkbox-icon {\r\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      }\r\n    }\r\n  }\r\n\r\n  &.readonly {\r\n    cursor: inherit;\r\n\r\n    .checkbox-icon,\r\n    .checkbox-label {\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n\r\n    .checkbox-icon,\r\n    .checkbox-label {\r\n      pointer-events: none;\r\n    }\r\n\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n    }\r\n\r\n    .checkbox-icon svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.dropdown-hover:not(.disabled) {\r\n    .checkbox-icon {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n      svg {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Checkbox = React.forwardRef<HTMLDivElement, CheckboxProps>(({\r\n                                                            id,\r\n                                                            selected,\r\n                                                            select,\r\n                                                            label,\r\n                                                            invalid,\r\n                                                            iconPointerEventsTransparent,\r\n                                                            disabled,\r\n                                                            margin,\r\n                                                            size,\r\n                                                            semiSelected,\r\n                                                            children,\r\n                                                            readOnly,\r\n                                                            tabIndexVal,\r\n                                                            dataTestId,\r\n                                                            className,\r\n                                                            ...rest\r\n                                                          }, ref) => {\r\n  const onKeyPress = (e: any) => {\r\n    if (e.keyCode === 13 && !disabled && !readOnly) {\r\n      select && select(!selected);\r\n    }\r\n  };\r\n\r\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\r\n    if (disabled || readOnly) {\r\n      return;\r\n    }\r\n    if(select){\r\n      e?.stopPropagation();\r\n      select(!selected);\r\n    }\r\n  };\r\n\r\n  size = size ?? Size.Medium;\r\n\r\n  const cls = `${size} ${className || ''} ${disabled ? ' disabled' : ''} ${readOnly ? ' readonly' : ''}`;\r\n\r\n  return (\r\n    <StyledCheckBox key={id}\r\n                    ref={ref}\r\n                    disabled={disabled}\r\n                    className={cls}\r\n                    aria-checked={selected}\r\n                    $selected={selected}\r\n                    tabIndex={disabled || readOnly ? -1 : (tabIndexVal ? tabIndexVal : 0)}\r\n                    $invalid={invalid}\r\n                    margin={margin}\r\n                    onClick={handleClick}\r\n                    onKeyDown={onKeyPress}\r\n                    onMouseDown={defaultOnMouseDownHandler}\r\n                    {...rest}>\r\n      <div id={id} data-testid={dataTestId} className={'checkbox-icon'}>\r\n        {\r\n          selected\r\n            ? <SystemIcons.CheckboxOn className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n            : semiSelected\r\n              ? <SystemIcons.CheckboxSemi className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n              : <SystemIcons.CheckboxOff className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\r\n        }\r\n      </div>\r\n      {\r\n        label &&\r\n        (\r\n          <label className={'checkbox-label'}\r\n                 htmlFor={id}>\r\n            {label}\r\n          </label>\r\n        )\r\n      }\r\n      {\r\n        !label &&\r\n        <label className={'checkbox-label'}\r\n               htmlFor={id}>\r\n          {children}\r\n        </label>\r\n      }\r\n    </StyledCheckBox>\r\n  );\r\n});\r\n\r\nexport default Checkbox;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Checkbox.js","names":["React","styled","SystemIcons","COLORS","ComponentTextStyle","focusStyles","Size","ComponentLStyling","ComponentMStyling","ComponentSStyling","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","StyledCheckBox","div","_templateObject","_taggedTemplateLiteral","props","margin","concat","getColor","theme","$selected","$invalid","Regular","Checkbox","forwardRef","_ref","ref","_size","id","selected","select","label","invalid","iconPointerEventsTransparent","disabled","size","semiSelected","children","readOnly","tabIndexVal","dataTestId","className","rest","_objectWithoutProperties","_excluded","onKeyPress","e","keyCode","handleClick","stopPropagation","Medium","cls","_objectSpread","tabIndex","onClick","onKeyDown","onMouseDown","CheckboxOn","CheckboxSemi","CheckboxOff","htmlFor"],"sources":["../../src/InputFields/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {SystemIcons} from '../icons';\nimport {COLORS, ComponentTextStyle, focusStyles} from '../styles';\nimport {Size} from '../types';\nimport {ComponentLStyling, ComponentMStyling, ComponentSStyling} from '../styles/typography';\nimport {defaultOnMouseDownHandler} from '../common';\nimport { CheckboxProps } from './types';\n\nexport const StyledCheckBox = styled.div<{ disabled?: boolean; $invalid?: boolean; $selected?: boolean; margin?: string }>`\n  display: flex;\n  width: 100%;\n  min-height: 48px;\n  min-width: 48px;\n\n  ${props => (props.margin ? `margin: ${props.margin};` : '')}\n  cursor: pointer;\n\n  color: ${props => COLORS.getColor('black', props.theme)};\n\n  .pointerTransparent {\n    pointer-events: none;\n  }\n\n  .checkbox-icon {\n    margin: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    height: 36px;\n    min-width: 36px;\n    border-radius: 50%;\n\n    svg {\n      color: ${props => (props.$selected ? COLORS.getColor('primary_500', props.theme) : props.$invalid ? COLORS.getColor('critical_400', props.theme) : COLORS.getColor('neutral_600', props.theme))};\n    }\n  }\n\n  .checkbox-label {\n    user-select: none;\n    cursor: inherit;\n  }\n\n  &.small {\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n    .checkbox-label {\n      padding-top: 14px;\n    }\n  }\n\n  &.medium {\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n    .checkbox-label {\n      padding-top: 12px;\n    }\n  }\n\n  &.large {\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('black', props.theme))}\n    .checkbox-label {\n      padding-top: 12px;\n    }\n  }\n\n  &:not(.disabled):not(.readonly):focus {\n    ${focusStyles}\n  }\n\n  &:not(.disabled):not(.readonly):hover {\n    .checkbox-icon {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n\n      svg {\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\n      }\n    }\n  }\n\n  &:not(.disabled):not(.readonly):active {\n    .checkbox-icon {\n      background: ${props => COLORS.getColor('primary_100', props.theme)};\n\n      svg {\n        color: ${props => COLORS.getColor('primary_800', props.theme)};\n      }\n    }\n  }\n\n  &.readonly {\n    cursor: inherit;\n\n    .checkbox-icon,\n    .checkbox-label {\n      pointer-events: none;\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\n\n    .checkbox-icon,\n    .checkbox-label {\n      pointer-events: none;\n    }\n\n    .checkbox-icon {\n      background-color: ${props => COLORS.getColor('white', props.theme)};\n    }\n\n    .checkbox-icon svg {\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\n    }\n  }\n\n  &.dropdown-hover:not(.disabled) {\n    .checkbox-icon {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n\n      svg {\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\n      }\n    }\n  }\n`;\n\nconst Checkbox = React.forwardRef<HTMLDivElement, CheckboxProps>(({\n                                                            id,\n                                                            selected,\n                                                            select,\n                                                            label,\n                                                            invalid,\n                                                            iconPointerEventsTransparent,\n                                                            disabled,\n                                                            margin,\n                                                            size,\n                                                            semiSelected,\n                                                            children,\n                                                            readOnly,\n                                                            tabIndexVal,\n                                                            dataTestId,\n                                                            className,\n                                                            ...rest\n                                                          }, ref) => {\n  const onKeyPress = (e: any) => {\n    if (e.keyCode === 13 && !disabled && !readOnly) {\n      select && select(!selected);\n    }\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (disabled || readOnly) {\n      return;\n    }\n    if(select){\n      e?.stopPropagation();\n      select(!selected);\n    }\n  };\n\n  size = size ?? Size.Medium;\n\n  const cls = `${size} ${className || ''} ${disabled ? ' disabled' : ''} ${readOnly ? ' readonly' : ''}`;\n\n  return (\n    <StyledCheckBox key={id}\n                    ref={ref}\n                    disabled={disabled}\n                    className={cls}\n                    aria-checked={selected}\n                    $selected={selected}\n                    tabIndex={disabled || readOnly ? -1 : (tabIndexVal ? tabIndexVal : 0)}\n                    $invalid={invalid}\n                    margin={margin}\n                    onClick={handleClick}\n                    onKeyDown={onKeyPress}\n                    onMouseDown={defaultOnMouseDownHandler}\n                    {...rest}>\n      <div id={id} data-testid={dataTestId} className={'checkbox-icon'}>\n        {\n          selected\n            ? <SystemIcons.CheckboxOn className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\n            : semiSelected\n              ? <SystemIcons.CheckboxSemi className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\n              : <SystemIcons.CheckboxOff className={iconPointerEventsTransparent ? 'pointerTransparent' : ''} size=\"24px\"/>\n        }\n      </div>\n      {\n        label &&\n        (\n          <label className={'checkbox-label'}\n                 htmlFor={id}>\n            {label}\n          </label>\n        )\n      }\n      {\n        !label &&\n        <label className={'checkbox-label'}\n               htmlFor={id}>\n          {children}\n        </label>\n      }\n    </StyledCheckBox>\n  );\n});\n\nexport default Checkbox;\n"],"mappings":"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","ignoreList":[]}

package/dist/InputFields/DatepickerField.cjs

@@ -30,11 +30,11 @@ var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["disabled", "readOnly", "onChange", "invalid", "value", "validationMessage", "dateFormat", "autoComplete", "placeholder", "required", "yearPicker", "yearsBeforeCurrentDate", "yearsAfterCurrentDate", "margin", "overflowTooltipPosition", "onBlur", "showQuarterYearPicker", "id", "dataTestId"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-/**
- * Import react libraries.
+/**
+ * Import react libraries.
  */
-/**
- * Import third-party libraries.
+/**
+ * Import third-party libraries.
  */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -43,20 +43,20 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 _dayjs["default"].extend(_advancedFormat["default"]);
 _dayjs["default"].extend(_quarterOfYear["default"]);
 
-/**
- * Import custom components.
+/**
+ * Import custom components.
  */
 
-/**
- * Import custom styles.
+/**
+ * Import custom styles.
  */
 
-/**
- * Add custom types.
+/**
+ * Add custom types.
  */
 
-/**
- * Add custom styles.
+/**
+ * Add custom styles.
  */
 var DatePickerContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  .react-datepicker-popper {\n    z-index: ", ";\n  }\n\n  .react-datepicker-popper[data-placement^=bottom] {\n    padding-top: 0px;\n  }\n\n  \n  .react-datepicker-popper[data-placement^=top] {\n    padding-bottom: 0px;\n  }\n\n  > div {\n    display: block;\n\n    ", "\n    .react-datepicker {\n      box-sizing: border-box;\n      box-shadow: 0px 2px 4px rgb(0 0 0 / 15%);\n      border: 1px solid #e5e5e5;\n    }\n    .react-datepicker__input-container{\n      z-index: 0;\n    }\n\n    .react-datepicker__navigation {\n      line-height: normal;\n      text-indent: inherit;\n      border: none;\n      border-radius: 4px;\n      height: 48px;\n      width: 48px;\n      outline: none;\n      margin: 0px;\n      color: transparent;\n\n      &:hover {\n        background: ", ";\n\n        &.react-datepicker__navigation--previous::before {\n          background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M15.1975 4.46474C15.5885 4.85478 15.5893 5.48794 15.1993 5.87895L8.92124 12.1727L15.1993 18.4665C15.5893 18.8575 15.5885 19.4907 15.1975 19.8807C14.8065 20.2708 14.1734 20.27 13.7833 19.879L6.8008 12.879C6.41145 12.4886 6.41145 11.8568 6.8008 11.4665L13.7833 4.46651C14.1734 4.0755 14.8065 4.0747 15.1975 4.46474Z' fill='%23215369' /%3E%3C/svg%3E\");\n        }\n\n        &.react-datepicker__navigation--next::before {\n          background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M9.24214 19.8807C8.85113 19.4907 8.85034 18.8575 9.24038 18.4665L15.5184 12.1727L9.24037 5.87895C8.85034 5.48794 8.85113 4.85478 9.24214 4.46474C9.63315 4.0747 10.2663 4.07549 10.6564 4.46651L17.6389 11.4665C18.0282 11.8568 18.0282 12.4886 17.6389 12.879L10.6564 19.879C10.2663 20.27 9.63316 20.2708 9.24214 19.8807Z' fill='%23215369' /%3E%3C/svg%3E\");\n        }\n      }\n\n      &:focus {\n        ", "\n        &.react-datepicker__navigation--next::before {\n          background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M9.24214 19.8807C8.85113 19.4907 8.85034 18.8575 9.24038 18.4665L15.5184 12.1727L9.24037 5.87895C8.85034 5.48794 8.85113 4.85478 9.24214 4.46474C9.63315 4.0747 10.2663 4.07549 10.6564 4.46651L17.6389 11.4665C18.0282 11.8568 18.0282 12.4886 17.6389 12.879L10.6564 19.879C10.2663 20.27 9.63316 20.2708 9.24214 19.8807Z' fill='%23163746' /%3E%3C/svg%3E\");\n        }\n\n        &.react-datepicker__navigation--previous::before {\n          background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M15.1975 4.46474C15.5885 4.85478 15.5893 5.48794 15.1993 5.87895L8.92124 12.1727L15.1993 18.4665C15.5893 18.8575 15.5885 19.4907 15.1975 19.8807C14.8065 20.2708 14.1734 20.27 13.7833 19.879L6.8008 12.879C6.41145 12.4886 6.41145 11.8568 6.8008 11.4665L13.7833 4.46651C14.1734 4.0755 14.8065 4.0747 15.1975 4.46474Z' fill='%23163746' /%3E%3C/svg%3E\");\n        }\n      }\n\n      &::before {\n        text-align: center;\n        display: inline-block;\n        content: '';\n        height: 32px;\n        width: 32px;\n        vertical-align: middle;\n      }\n\n      &.react-datepicker__navigation--next::before {\n        background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M9.24214 19.8807C8.85113 19.4907 8.85034 18.8575 9.24038 18.4665L15.5184 12.1727L9.24037 5.87895C8.85034 5.48794 8.85113 4.85478 9.24214 4.46474C9.63315 4.0747 10.2663 4.07549 10.6564 4.46651L17.6389 11.4665C18.0282 11.8568 18.0282 12.4886 17.6389 12.879L10.6564 19.879C10.2663 20.27 9.63316 20.2708 9.24214 19.8807Z' fill='%23666666' /%3E%3C/svg%3E\");\n      }\n\n      &.react-datepicker__navigation--previous::before {\n        background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M15.1975 4.46474C15.5885 4.85478 15.5893 5.48794 15.1993 5.87895L8.92124 12.1727L15.1993 18.4665C15.5893 18.8575 15.5885 19.4907 15.1975 19.8807C14.8065 20.2708 14.1734 20.27 13.7833 19.879L6.8008 12.879C6.41145 12.4886 6.41145 11.8568 6.8008 11.4665L13.7833 4.46651C14.1734 4.0755 14.8065 4.0747 15.1975 4.46474Z' fill='%23666666' /%3E%3C/svg%3E\");\n      }\n    }\n\n    .react-datepicker__month-container,\n    .react-datepicker__year--container {\n      width: 336px;\n    }\n\n    .react-datepicker__month {\n      margin: 0px;\n    }\n\n    .react-datepicker__triangle {\n      left: 50% !important;\n      display: none;\n    }\n\n    .react-datepicker-popper[data-placement^='bottom'] {\n      margin-top: 0;\n    }\n\n    .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle {\n      border-bottom-color: ", ";\n    }\n\n    .react-datepicker__header {\n      border-bottom: 1px solid ", ";\n      background: ", ";\n      height: ", ";\n      padding-top: 0px;\n    }\n\n    .react-datepicker-year-header {\n      height: 48px;\n      line-height: 48px !important;\n      align-items: center;\n\n      ", "\n    }\n\n    .react-datepicker__current-month {\n      height: 48px;\n      display: inline-flex;\n      align-items: center;\n      margin-right: 5px;\n\n      ", "\n    }\n\n    .react-datepicker__year {\n      max-height: 300px;\n      overflow-y: scroll;\n\n      ", "\n    }\n\n    .react-datepicker__quarter-wrapper{\n      width: 100%;\n      display: flex;\n      align-content: space-evenly;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 20px;\n    }\n\n    .react-datepicker__year-wrapper {\n      max-width: 100%;\n      justify-content: space-around;\n    }\n\n    .react-datepicker__navigation-icon {\n      display: none;\n    }\n\n    .react-datepicker__day-name {\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      height: 48px;\n      margin: 0px;\n      width: 48px;\n\n      ", "\n    }\n\n    \n\n    .react-datepicker__year-text {\n      background: ", ";\n      border: none;\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      margin-top: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n\n      ", "\n      &.react-datepicker__year-text--disabled {\n        display: none;\n      }\n\n      &.react-datepicker__day--keyboard-selected {\n        color: ", ";\n        background: ", ";\n        font-weight: 400;\n        border: none;\n      }\n\n      &:hover {\n        color: ", ";\n        background: ", ";\n      }\n\n      &:focus {\n        ", "\n      }\n\n      &.react-datepicker__year-text--selected {\n        color: ", " !important;\n        background: ", " !important;\n      }\n    }\n\n    .react-datepicker__day, .react-datepicker__quarter-text {\n      background: ", ";\n      border: none;\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      flex-grow: 1;\n      height: 40px;\n      width: 40px;\n      margin: 4px;\n\n      ", "\n      &.react-datepicker__day--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected {\n        color: ", ";\n        background: ", ";\n        flex-grow: 1;\n        font-weight: 400;\n        border: none;\n      }\n\n      &.react-datepicker__quarter--selected {\n        color: ", " !important;\n        flex-grow: 1;\n        background: ", " !important;\n      }\n\n      &:hover {\n        color: ", ";\n        background: ", ";\n      }\n\n      &:focus {\n        ", "\n      }\n\n      &.react-datepicker__day--selected {\n        color: ", " !important;\n        background: ", " !important;\n      }\n\n      &.react-datepicker__day--today {\n        border-radius: 0.3rem;\n        color: ", ";\n        background: ", ";\n\n        &:hover {\n          color: ", ";\n          background: ", ";\n        }\n\n        &:focus {\n          ", "\n        }\n      }\n    }\n  }\n"])), _styles.Z_INDEXES.dropdown, function (props) {
   return props.$margin ? "margin: ".concat(props.$margin, ";") : '';
@@ -205,8 +205,8 @@ var DatepickerField = /*#__PURE__*/_react["default"].forwardRef(function (_ref,
       return val.year() + ', Q' + val.quarter();
     } else return (0, _dayjs["default"])(value).format(dateFormat ? dateFormat : 'MMMM Do, YYYY');
   };
-  /**
-   * Format the date in a specific way.
+  /**
+   * Format the date in a specific way.
    */
   _react["default"].useEffect(function () {
     if (value) inputRef.current.value = getFormattedValue();

package/dist/InputFields/DatepickerField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatepickerField.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_reactDatepicker","_enGB","_dayjs","_advancedFormat","_quarterOfYear","_colors","_icons","_DatepickerFieldHeader","_styles","_TooltipOverflow","_styling","_common","_types","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","dayjs","extend","advancedFormat","quarterOfYear","DatePickerContainer","styled","div","_taggedTemplateLiteral2","Z_INDEXES","dropdown","props","$margin","concat","COLORS","getColor","theme","focusStyles","$yearPicker","ComponentSStyling","ComponentTextStyle","Bold","scrollBarStyling","Size","Small","ComponentMStyling","Regular","IconWrapper","focus","DatepickerRow","StyledInputFieldStyling","InputFieldStyling","quarterComponentsClassPrefix","DatepickerField","React","forwardRef","_ref","ref","disabled","readOnly","onChange","invalid","value","validationMessage","dateFormat","autoComplete","placeholder","required","yearPicker","yearsBeforeCurrentDate","yearsAfterCurrentDate","margin","overflowTooltipPosition","onBlur","showQuarterYearPicker","id","dataTestId","rest","_objectWithoutProperties2","useTheme","inputRef","useFocusVisibleRef","datepickerRef","useRef","focusedQuarterRef","_React$useState","useState","_React$useState2","_slicedToArray2","activeMonthPage","setActiveMonthPage","_React$useState3","_React$useState4","yearPickerMode","setYearPickerMode","_React$useState5","_React$useState6","openAt","setOpenAt","_React$useState7","_React$useState8","open","setOpen","getFormattedValue","val","year","quarter","format","useEffect","current","getQuarterItem","classname","document","getElementsByClassName","_selectedDate$parentE","selectedDate","dropdownParent","parentElement","scrollTop","offsetTop","offsetHeight","wrapper","handler","event","key","currentQ","click","previousQ","tabIndex","nextQ","addEventListener","selectedQuarter","innerText","includes","setAttribute","firstQuarter","removeEventListener","useImperativeHandle","handleCalendarClose","_inputRef$current","blur","handleCalendarOpen","maxDate","Date","setFullYear","getFullYear","minDate","itemsNumber","Math","round","handleKeyDown","handleBlur","currentTarget","contains","relatedTarget","iconSize","jsxs","Fragment","children","jsx","$quarterPicker","onCalendarOpen","onCalendarClose","onKeyDown","onClickOutside","newDate","setMonth","locale","en","undefined","showYearPicker","yearItemNumber","selected","openToDate","preventOpenOnFocus","shouldCloseOnSelect","renderCustomHeader","params","createElement","DatepickerFieldHeader","customHeaderCount","customInput","InputWrapper","$disabled","$readOnly","type","name","className","onFocus","_inputRef$current2","setSelectionRange","$extraRightPadding","$suppressReadOnlyStyles","SystemIcons","Calendar","size","position","input","withArrow","maxWidth","align","ErrorMessage","TechnicalWarning","color","propTypes","_propTypes","instanceOf","func","bool","string","number","oneOf","_default","exports"],"sources":["../../src/InputFields/DatepickerField.tsx"],"sourcesContent":["/**\r\n * Import react libraries.\r\n */\r\nimport React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled, { useTheme } from 'styled-components';\r\nimport DatePicker, { ReactDatePickerCustomHeaderProps } from 'react-datepicker';\r\nimport en from 'date-fns/locale/en-GB';\r\nimport dayjs from 'dayjs';\r\nimport advancedFormat  from 'dayjs/plugin/advancedFormat';\r\nimport quarterOfYear from \"dayjs/plugin/quarterOfYear\";\r\n\r\ndayjs.extend(advancedFormat);\r\ndayjs.extend(quarterOfYear);\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport COLORS from '../styles/colors';\r\nimport {SystemIcons} from '../icons';\r\nimport {DatepickerFieldHeader} from './DatepickerFieldHeader';\r\nimport {ComponentTextStyle, focusStyles, scrollBarStyling} from '../styles';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ErrorMessage, InputFieldStyling, InputWrapper} from './styling';\r\nimport 'react-datepicker/dist/react-datepicker.css';\r\nimport {ComponentMStyling, ComponentSStyling} from '../styles';\r\nimport {Z_INDEXES} from '../styles';\r\nimport {useFocusVisibleRef} from '../common';\r\nimport {Size, Testable} from '../types';\r\n\r\n/**\r\n * Add custom types.\r\n */\r\nexport type DatepickerFieldProps = Testable & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'size' | 'onBlur'> & {\r\n  /** Optional. Selected date. Defaults to current date */\r\n  value?: Date;\r\n  /** Optional. Handler to be called when selected date was changed. */\r\n  onChange?: (date: Date) => void;\r\n  /** Optional. Handler to be called when control is losing focus. */\r\n  onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;\r\n  /** Optional. Quarter picker mode. If set, then user can not select a particular date, but quarter of the year.\r\n   * 1st day of the quarter will be set as value.\r\n   */\r\n  showQuarterYearPicker?: boolean;\r\n  /** Optional. If set, then input field will be shown in 'invalid' state */\r\n  invalid?: boolean;\r\n  /** Optional. Format in which date will be shown in the input field. Defaults to 'MMMM Do, yyyy'. \r\n   * For quarter picker will be shown in 'YYYY, qqq' format.\r\n   */\r\n  dateFormat?: string;\r\n  /** Optional. Validation message to be shown under the input field */\r\n  validationMessage?: string;\r\n  /** Optional. Value for 'autocomplete' attribute of input field tag. */\r\n  autoComplete?: string;\r\n  /** Optional. Placeholder text to be shown when no value is selected. */\r\n  placeholder?: string;\r\n  /** Optional. If set, then user will be able to open year selector by clicking on the month in the dropdown. */\r\n  yearPicker?: boolean;\r\n  /** Optional. How many years before current year will be available in the year selector mode. */\r\n  yearsBeforeCurrentDate?: number;\r\n  /** Optional. How many years after current year will be available in the year selector mode. */\r\n  yearsAfterCurrentDate?: number;\r\n  /** Optional. Margin value to be set to the dropdown container. */\r\n  margin?: string;\r\n  /** Optional. Position where to show tooltip in case of closed datepicker and value overflowing the input field. */\r\n  overflowTooltipPosition?: 'top' | 'bottom';\r\n};\r\n\r\n/**\r\n * Add custom styles.\r\n */\r\nconst DatePickerContainer = styled.div<{ $yearPicker: boolean; $margin: string; $quarterPicker?: boolean }>`\r\n  .react-datepicker-popper {\r\n    z-index: ${Z_INDEXES.dropdown};\r\n  }\r\n\r\n  .react-datepicker-popper[data-placement^=bottom] {\r\n    padding-top: 0px;\r\n  }\r\n\r\n  \r\n  .react-datepicker-popper[data-placement^=top] {\r\n    padding-bottom: 0px;\r\n  }\r\n\r\n  > div {\r\n    display: block;\r\n\r\n    ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\r\n    .react-datepicker {\r\n      box-sizing: border-box;\r\n      box-shadow: 0px 2px 4px rgb(0 0 0 / 15%);\r\n      border: 1px solid #e5e5e5;\r\n    }\r\n    .react-datepicker__input-container{\r\n      z-index: 0;\r\n    }\r\n\r\n    .react-datepicker__navigation {\r\n      line-height: normal;\r\n      text-indent: inherit;\r\n      border: none;\r\n      border-radius: 4px;\r\n      height: 48px;\r\n      width: 48px;\r\n      outline: none;\r\n      margin: 0px;\r\n      color: transparent;\r\n\r\n      &:hover {\r\n        background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n\r\n        &.react-datepicker__navigation--previous::before {\r\n          background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M15.1975 4.46474C15.5885 4.85478 15.5893 5.48794 15.1993 5.87895L8.92124 12.1727L15.1993 18.4665C15.5893 18.8575 15.5885 19.4907 15.1975 19.8807C14.8065 20.2708 14.1734 20.27 13.7833 19.879L6.8008 12.879C6.41145 12.4886 6.41145 11.8568 6.8008 11.4665L13.7833 4.46651C14.1734 4.0755 14.8065 4.0747 15.1975 4.46474Z' fill='%23215369' /%3E%3C/svg%3E\");\r\n        }\r\n\r\n        &.react-datepicker__navigation--next::before {\r\n          background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M9.24214 19.8807C8.85113 19.4907 8.85034 18.8575 9.24038 18.4665L15.5184 12.1727L9.24037 5.87895C8.85034 5.48794 8.85113 4.85478 9.24214 4.46474C9.63315 4.0747 10.2663 4.07549 10.6564 4.46651L17.6389 11.4665C18.0282 11.8568 18.0282 12.4886 17.6389 12.879L10.6564 19.879C10.2663 20.27 9.63316 20.2708 9.24214 19.8807Z' fill='%23215369' /%3E%3C/svg%3E\");\r\n        }\r\n      }\r\n\r\n      &:focus {\r\n        ${focusStyles}\r\n        &.react-datepicker__navigation--next::before {\r\n          background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M9.24214 19.8807C8.85113 19.4907 8.85034 18.8575 9.24038 18.4665L15.5184 12.1727L9.24037 5.87895C8.85034 5.48794 8.85113 4.85478 9.24214 4.46474C9.63315 4.0747 10.2663 4.07549 10.6564 4.46651L17.6389 11.4665C18.0282 11.8568 18.0282 12.4886 17.6389 12.879L10.6564 19.879C10.2663 20.27 9.63316 20.2708 9.24214 19.8807Z' fill='%23163746' /%3E%3C/svg%3E\");\r\n        }\r\n\r\n        &.react-datepicker__navigation--previous::before {\r\n          background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M15.1975 4.46474C15.5885 4.85478 15.5893 5.48794 15.1993 5.87895L8.92124 12.1727L15.1993 18.4665C15.5893 18.8575 15.5885 19.4907 15.1975 19.8807C14.8065 20.2708 14.1734 20.27 13.7833 19.879L6.8008 12.879C6.41145 12.4886 6.41145 11.8568 6.8008 11.4665L13.7833 4.46651C14.1734 4.0755 14.8065 4.0747 15.1975 4.46474Z' fill='%23163746' /%3E%3C/svg%3E\");\r\n        }\r\n      }\r\n\r\n      &::before {\r\n        text-align: center;\r\n        display: inline-block;\r\n        content: '';\r\n        height: 32px;\r\n        width: 32px;\r\n        vertical-align: middle;\r\n      }\r\n\r\n      &.react-datepicker__navigation--next::before {\r\n        background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M9.24214 19.8807C8.85113 19.4907 8.85034 18.8575 9.24038 18.4665L15.5184 12.1727L9.24037 5.87895C8.85034 5.48794 8.85113 4.85478 9.24214 4.46474C9.63315 4.0747 10.2663 4.07549 10.6564 4.46651L17.6389 11.4665C18.0282 11.8568 18.0282 12.4886 17.6389 12.879L10.6564 19.879C10.2663 20.27 9.63316 20.2708 9.24214 19.8807Z' fill='%23666666' /%3E%3C/svg%3E\");\r\n      }\r\n\r\n      &.react-datepicker__navigation--previous::before {\r\n        background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M15.1975 4.46474C15.5885 4.85478 15.5893 5.48794 15.1993 5.87895L8.92124 12.1727L15.1993 18.4665C15.5893 18.8575 15.5885 19.4907 15.1975 19.8807C14.8065 20.2708 14.1734 20.27 13.7833 19.879L6.8008 12.879C6.41145 12.4886 6.41145 11.8568 6.8008 11.4665L13.7833 4.46651C14.1734 4.0755 14.8065 4.0747 15.1975 4.46474Z' fill='%23666666' /%3E%3C/svg%3E\");\r\n      }\r\n    }\r\n\r\n    .react-datepicker__month-container,\r\n    .react-datepicker__year--container {\r\n      width: 336px;\r\n    }\r\n\r\n    .react-datepicker__month {\r\n      margin: 0px;\r\n    }\r\n\r\n    .react-datepicker__triangle {\r\n      left: 50% !important;\r\n      display: none;\r\n    }\r\n\r\n    .react-datepicker-popper[data-placement^='bottom'] {\r\n      margin-top: 0;\r\n    }\r\n\r\n    .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle {\r\n      border-bottom-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    }\r\n\r\n    .react-datepicker__header {\r\n      border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n      background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n      height: ${(props) => (!props.$yearPicker ? '96px' : '54px')};\r\n      padding-top: 0px;\r\n    }\r\n\r\n    .react-datepicker-year-header {\r\n      height: 48px;\r\n      line-height: 48px !important;\r\n      align-items: center;\r\n\r\n      ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n\r\n    .react-datepicker__current-month {\r\n      height: 48px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      margin-right: 5px;\r\n\r\n      ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n\r\n    .react-datepicker__year {\r\n      max-height: 300px;\r\n      overflow-y: scroll;\r\n\r\n      ${scrollBarStyling(Size.Small)}\r\n    }\r\n\r\n    .react-datepicker__quarter-wrapper{\r\n      width: 100%;\r\n      display: flex;\r\n      align-content: space-evenly;\r\n      flex-wrap: wrap;\r\n      align-items: center;\r\n      gap: 20px;\r\n    }\r\n\r\n    .react-datepicker__year-wrapper {\r\n      max-width: 100%;\r\n      justify-content: space-around;\r\n    }\r\n\r\n    .react-datepicker__navigation-icon {\r\n      display: none;\r\n    }\r\n\r\n    .react-datepicker__day-name {\r\n      display: inline-flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      height: 48px;\r\n      margin: 0px;\r\n      width: 48px;\r\n\r\n      ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    }\r\n\r\n    \r\n\r\n    .react-datepicker__year-text {\r\n      background: ${props => COLORS.getColor('white', props.theme)};\r\n      border: none;\r\n      display: inline-flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      margin-top: 20px;\r\n      padding-top: 10px;\r\n      padding-bottom: 10px;\r\n\r\n      ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n      &.react-datepicker__year-text--disabled {\r\n        display: none;\r\n      }\r\n\r\n      &.react-datepicker__day--keyboard-selected {\r\n        color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n        background: ${props => COLORS.getColor('white', props.theme)};\r\n        font-weight: 400;\r\n        border: none;\r\n      }\r\n\r\n      &:hover {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n        background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      }\r\n\r\n      &:focus {\r\n        ${focusStyles}\r\n      }\r\n\r\n      &.react-datepicker__year-text--selected {\r\n        color: ${props => COLORS.getColor('white', props.theme)} !important;\r\n        background: ${props => COLORS.getColor('primary_500', props.theme)} !important;\r\n      }\r\n    }\r\n\r\n    .react-datepicker__day, .react-datepicker__quarter-text {\r\n      background: ${props => COLORS.getColor('white', props.theme)};\r\n      border: none;\r\n      display: inline-flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      flex-grow: 1;\r\n      height: 40px;\r\n      width: 40px;\r\n      margin: 4px;\r\n\r\n      ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n      &.react-datepicker__day--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected {\r\n        color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n        background: ${props => COLORS.getColor('white', props.theme)};\r\n        flex-grow: 1;\r\n        font-weight: 400;\r\n        border: none;\r\n      }\r\n\r\n      &.react-datepicker__quarter--selected {\r\n        color: ${props => COLORS.getColor('white', props.theme)} !important;\r\n        flex-grow: 1;\r\n        background: ${props => COLORS.getColor('primary_500', props.theme)} !important;\r\n      }\r\n\r\n      &:hover {\r\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n        background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      }\r\n\r\n      &:focus {\r\n        ${focusStyles}\r\n      }\r\n\r\n      &.react-datepicker__day--selected {\r\n        color: ${props => COLORS.getColor('white', props.theme)} !important;\r\n        background: ${props => COLORS.getColor('primary_500', props.theme)} !important;\r\n      }\r\n\r\n      &.react-datepicker__day--today {\r\n        border-radius: 0.3rem;\r\n        color: ${props => COLORS.getColor('neutral_700', props.theme)};\r\n        background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n        &:hover {\r\n          color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n          background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n        }\r\n\r\n        &:focus {\r\n          ${focusStyles}\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst IconWrapper = styled.div`\r\n  pointer-events: none;\r\n  position: absolute;\r\n  left: 16px;\r\n  width: 24px;\r\n  height: 24px;\r\n  z-index: ${+Z_INDEXES.focus + 1};\r\n`;\r\n\r\nconst DatepickerRow = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n`;\r\n\r\nconst StyledInputFieldStyling = styled(InputFieldStyling)`\r\n  padding-left: 48px !important;\r\n  \r\n  &::placeholder {\r\n    color: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n  }\r\n\r\n  &:focus:not(.focus-visible) {\r\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_300', props.theme)};\r\n  }\r\n\r\n  &:hover {\r\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_200', props.theme)};\r\n\r\n    ::placeholder {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n\r\n    cursor: pointer;\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:active,\r\n  &.open {\r\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_300', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n\r\n    ::placeholder {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n  \r\n  &:disabled {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  & ~ ${IconWrapper}{\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  }\r\n\r\n  &:hover ~ ${IconWrapper} {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:active ~ ${IconWrapper}, &.open ~ ${IconWrapper} {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &[tabindex='-1'] ~ ${IconWrapper} {\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n  }\r\n`;\r\n\r\nconst quarterComponentsClassPrefix = 'react-datepicker__quarter-';\r\n\r\nconst DatepickerField = React.forwardRef<HTMLInputElement, DatepickerFieldProps>(({\r\n                                            disabled,\r\n                                            readOnly,\r\n                                            onChange,\r\n                                            invalid,\r\n                                            value,\r\n                                            validationMessage,\r\n                                            dateFormat,\r\n                                            autoComplete,\r\n                                            placeholder,\r\n                                            required,\r\n                                            yearPicker,\r\n                                            yearsBeforeCurrentDate,\r\n                                            yearsAfterCurrentDate,\r\n                                            margin,\r\n                                            overflowTooltipPosition,\r\n                                            onBlur,\r\n                                            showQuarterYearPicker,\r\n                                            id,\r\n                                            dataTestId,\r\n                                            ...rest\r\n                                          }: DatepickerFieldProps, ref) => {\r\n  // Globally used variables within the component\r\n  const theme = useTheme();\r\n  const inputRef = useFocusVisibleRef();\r\n  const datepickerRef = React.useRef<any>(null);\r\n  const focusedQuarterRef = React.useRef<number>(1);\r\n  const [activeMonthPage, setActiveMonthPage] = React.useState<number>(-1);\r\n  const [yearPickerMode, setYearPickerMode] = React.useState<boolean>(false);\r\n  const [openAt, setOpenAt] = React.useState<Date | null>(null);\r\n  // 'open' flag is used only for tracking current state of the dropdown,\r\n  // for explicitly opening/closing the picker we are using 'datepickerRef.current.setOpen'\r\n  const [open, setOpen] = React.useState<boolean>(false);\r\n\r\n  const getFormattedValue = () => {\r\n    if(showQuarterYearPicker)\r\n    {\r\n      const val = dayjs(value);\r\n      return val.year() + ', Q' + val.quarter();\r\n    }\r\n    else \r\n      return dayjs(value).format(dateFormat ? dateFormat : 'MMMM Do, YYYY');\r\n  }\r\n  /**\r\n   * Format the date in a specific way.\r\n   */\r\n  React.useEffect(() => {\r\n    if (value) inputRef.current.value = getFormattedValue();\r\n  }, [value]);\r\n\r\n  function getQuarterItem(classname: string) : HTMLElement {\r\n    return document.getElementsByClassName(quarterComponentsClassPrefix + classname)[0] as HTMLElement;\r\n  }\r\n\r\n  React.useEffect(() => {\r\n    if (yearPickerMode) {\r\n      //unfortunately, since there are no refs, and year pickers is rendered not by our code, but by 'react-datepicker'\r\n      //we have to touch DOM directly\r\n      const selectedDate = document.getElementsByClassName('react-datepicker__year-text--selected')[0] as HTMLElement;\r\n      const dropdownParent = selectedDate?.parentElement?.parentElement;\r\n      if (selectedDate && dropdownParent) dropdownParent.scrollTop = selectedDate.offsetTop - 2 * selectedDate.offsetHeight;\r\n    }\r\n  }, [yearPickerMode]);\r\n\r\n  React.useEffect(() => {\r\n    if(showQuarterYearPicker && open)\r\n    {\r\n      const wrapper = getQuarterItem('wrapper');\r\n      const handler = (event: KeyboardEvent) => {\r\n        switch(event.key)\r\n        {\r\n          case ' ':\r\n          case 'Enter':\r\n            const currentQ = getQuarterItem(focusedQuarterRef.current + '');\r\n            currentQ.click();\r\n            break;\r\n\r\n          case 'ArrowLeft':\r\n            if(focusedQuarterRef.current > 1)\r\n            {\r\n              const currentQ = getQuarterItem(focusedQuarterRef.current + '');\r\n              const previousQ = getQuarterItem((focusedQuarterRef.current - 1) + '');\r\n              if(previousQ)\r\n              {\r\n                currentQ.tabIndex = -1;\r\n                previousQ.tabIndex = 0;\r\n                previousQ.focus();\r\n                focusedQuarterRef.current = focusedQuarterRef.current - 1;\r\n              }\r\n            }\r\n            break;\r\n\r\n          case 'ArrowRight':\r\n            if(focusedQuarterRef.current < 4)\r\n            {\r\n              const currentQ = getQuarterItem(focusedQuarterRef.current + '');\r\n              const nextQ = getQuarterItem((focusedQuarterRef.current + 1) + '');\r\n              if(nextQ)\r\n              {\r\n                currentQ.tabIndex = -1;\r\n                nextQ.tabIndex = 0;\r\n                nextQ.focus();\r\n                focusedQuarterRef.current = focusedQuarterRef.current + 1;\r\n              }\r\n            }\r\n            break;\r\n        }\r\n      };\r\n\r\n      wrapper.addEventListener('keydown', handler);\r\n      //unfortunately since there are no efs, and quarter picker is rendered not by our code, but by 'react-datepicker'\r\n      //we have to touch DOM directly\r\n      \r\n      const selectedQuarter = getQuarterItem('-selected');\r\n      if(selectedQuarter) {\r\n        for (let i = 1; i < 5; i++) {\r\n          if(selectedQuarter.innerText.includes('Q' + i)) {\r\n            focusedQuarterRef.current = i;\r\n            break;\r\n          }\r\n        }\r\n        selectedQuarter.setAttribute(\"tabIndex\", \"0\");\r\n      }\r\n      else\r\n      {\r\n        const firstQuarter = getQuarterItem('1');\r\n        if(firstQuarter) {\r\n          focusedQuarterRef.current = 1;\r\n          firstQuarter.setAttribute(\"tabIndex\", \"0\");\r\n        }\r\n      }\r\n\r\n      return () => {\r\n        wrapper.removeEventListener('keydown', handler);\r\n      };\r\n    }\r\n  }, [showQuarterYearPicker, open]);\r\n\r\n  //we have to manually reopen the calendar when needed, to guarantee that datepicker will show selected date after year selection\r\n  //otherwise after year selection datepicker will show January month of the selected year\r\n  React.useEffect(() => {\r\n    if (openAt) {\r\n      datepickerRef.current.setOpen(true);\r\n      //setOpenAt(null);\r\n    }\r\n  }, [openAt]);\r\n\r\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n  const handleCalendarClose = () => {\r\n    inputRef.current?.blur();\r\n    setOpen(false);\r\n  };\r\n\r\n  const handleCalendarOpen = () => {\r\n    if (openAt) setOpenAt(null);\r\n    setOpen(true);\r\n  };\r\n\r\n  let maxDate = new Date(value && new Date(value) > new Date() ? new Date(value) : new Date());\r\n  maxDate.setFullYear(maxDate.getFullYear() + (yearsAfterCurrentDate ?? 50));\r\n\r\n  //itemsNumber - controls number of year select options generated in the dropdown\r\n  //items related to dates higher than 'maxDate' will be hidden, thus to avoid creating hundreds of invisible divs, we divide by 5\r\n  let minDate = new Date(value && new Date(value) < new Date() ? new Date(value) : new Date());\r\n  const itemsNumber = Math.round((minDate.getFullYear() - (yearsBeforeCurrentDate ?? 15)) / 5);\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key === 'Escape' || e.key === 'Esc')\r\n      datepickerRef.current.setOpen(false);\r\n  };\r\n\r\n  const handleBlur = (e: React.FocusEvent<HTMLDivElement>) => {\r\n    // @ts-ignore\r\n    if (!e.currentTarget.contains(e.relatedTarget)) {\r\n      onBlur && onBlur(e);\r\n    }\r\n  };\r\n  const iconSize = 24;\r\n\r\n  return (\r\n    <>\r\n      {/* Let's render the input itself */}\r\n      <DatePickerContainer $quarterPicker={showQuarterYearPicker} data-testid={dataTestId} $yearPicker={yearPickerMode} $margin={margin || ''} onBlur={handleBlur}>\r\n        <DatePicker\r\n          ref={datepickerRef}\r\n          onCalendarOpen={handleCalendarOpen}\r\n          onCalendarClose={handleCalendarClose}\r\n          onKeyDown={handleKeyDown}\r\n          id={id}\r\n          onClickOutside={() => datepickerRef.current.setOpen(false)}\r\n\r\n          onChange={(e: any) => {\r\n            if (onChange) {\r\n              if (yearPickerMode) {\r\n                const newDate = new Date();\r\n                newDate.setFullYear(e.getFullYear());\r\n                newDate.setMonth(activeMonthPage);\r\n                setOpenAt(newDate);\r\n              } else onChange(e);\r\n            }\r\n            if (yearPickerMode) setYearPickerMode(false);\r\n          }}\r\n          disabled={disabled || readOnly}\r\n          locale={en}\r\n          showQuarterYearPicker={showQuarterYearPicker}\r\n          dateFormat={showQuarterYearPicker ? \"yyyy, QQQ\" : undefined}\r\n          showYearPicker={yearPickerMode}\r\n          //we manipulate 'yearItemNumber' and 'maxDate' to guarantee number of year select options shown before and after selected year\r\n          yearItemNumber={yearPickerMode ? itemsNumber : undefined}\r\n          maxDate={yearPickerMode ? maxDate : undefined}\r\n          selected={value}\r\n          openToDate={openAt ?? undefined}\r\n          preventOpenOnFocus={true}\r\n          shouldCloseOnSelect={true}\r\n          renderCustomHeader={\r\n            yearPicker\r\n              ? (params: ReactDatePickerCustomHeaderProps) =>\r\n                React.createElement(\r\n                  DatepickerFieldHeader,\r\n                  {\r\n                    ...params,\r\n                    setActiveMonthPage,\r\n                    customHeaderCount: 0,\r\n                    yearPickerMode: yearPickerMode,\r\n                    setYearPickerMode: setYearPickerMode,\r\n                  },\r\n                  null,\r\n                )\r\n              : undefined\r\n          }\r\n          customInput={\r\n            <InputWrapper $disabled={disabled} $readOnly={readOnly}>\r\n              <DatepickerRow>\r\n                  <StyledInputFieldStyling\r\n                    ref={inputRef}\r\n                    type=\"text\"\r\n                    name=\"datepicker\"\r\n                    onKeyDown={(e) => e.key === 'Enter' && datepickerRef.current.setOpen(true)}\r\n                    className={(invalid ? 'invalid' : '' + (open ? ' open' : ''))}\r\n                    tabIndex={disabled || readOnly ? -1 : 0}\r\n                    onFocus={(e) => inputRef.current?.setSelectionRange(0, 0)}\r\n                    autoComplete={autoComplete}\r\n                    placeholder={placeholder}\r\n                    $extraRightPadding={iconSize}\r\n                    disabled={disabled}\r\n                    readOnly={true}\r\n                    $suppressReadOnlyStyles={!readOnly}\r\n                    required={required}\r\n                    {...rest}\r\n                  />\r\n                  <IconWrapper>\r\n                    <SystemIcons.Calendar size=\"24\"/>\r\n                  </IconWrapper>\r\n                </DatepickerRow>\r\n              {!open && <TooltipOverflow position={overflowTooltipPosition} input={inputRef} withArrow={true} maxWidth=\"100%\" size={Size.Small} align='end'>\r\n                {getFormattedValue()}\r\n              </TooltipOverflow>}\r\n            </InputWrapper>\r\n          }\r\n        />\r\n      </DatePickerContainer>\r\n\r\n      {/* If there is an error, let's render the error */}\r\n      {validationMessage && (\r\n        <ErrorMessage>\r\n          <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)}/>\r\n          <span>{validationMessage}</span>\r\n        </ErrorMessage>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nexport default DatepickerField;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DatepickerField.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_reactDatepicker","_enGB","_dayjs","_advancedFormat","_quarterOfYear","_colors","_icons","_DatepickerFieldHeader","_styles","_TooltipOverflow","_styling","_common","_types","_jsxRuntime","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","dayjs","extend","advancedFormat","quarterOfYear","DatePickerContainer","styled","div","_taggedTemplateLiteral2","Z_INDEXES","dropdown","props","$margin","concat","COLORS","getColor","theme","focusStyles","$yearPicker","ComponentSStyling","ComponentTextStyle","Bold","scrollBarStyling","Size","Small","ComponentMStyling","Regular","IconWrapper","focus","DatepickerRow","StyledInputFieldStyling","InputFieldStyling","quarterComponentsClassPrefix","DatepickerField","React","forwardRef","_ref","ref","disabled","readOnly","onChange","invalid","value","validationMessage","dateFormat","autoComplete","placeholder","required","yearPicker","yearsBeforeCurrentDate","yearsAfterCurrentDate","margin","overflowTooltipPosition","onBlur","showQuarterYearPicker","id","dataTestId","rest","_objectWithoutProperties2","useTheme","inputRef","useFocusVisibleRef","datepickerRef","useRef","focusedQuarterRef","_React$useState","useState","_React$useState2","_slicedToArray2","activeMonthPage","setActiveMonthPage","_React$useState3","_React$useState4","yearPickerMode","setYearPickerMode","_React$useState5","_React$useState6","openAt","setOpenAt","_React$useState7","_React$useState8","open","setOpen","getFormattedValue","val","year","quarter","format","useEffect","current","getQuarterItem","classname","document","getElementsByClassName","_selectedDate$parentE","selectedDate","dropdownParent","parentElement","scrollTop","offsetTop","offsetHeight","wrapper","handler","event","key","currentQ","click","previousQ","tabIndex","nextQ","addEventListener","selectedQuarter","innerText","includes","setAttribute","firstQuarter","removeEventListener","useImperativeHandle","handleCalendarClose","_inputRef$current","blur","handleCalendarOpen","maxDate","Date","setFullYear","getFullYear","minDate","itemsNumber","Math","round","handleKeyDown","handleBlur","currentTarget","contains","relatedTarget","iconSize","jsxs","Fragment","children","jsx","$quarterPicker","onCalendarOpen","onCalendarClose","onKeyDown","onClickOutside","newDate","setMonth","locale","en","undefined","showYearPicker","yearItemNumber","selected","openToDate","preventOpenOnFocus","shouldCloseOnSelect","renderCustomHeader","params","createElement","DatepickerFieldHeader","customHeaderCount","customInput","InputWrapper","$disabled","$readOnly","type","name","className","onFocus","_inputRef$current2","setSelectionRange","$extraRightPadding","$suppressReadOnlyStyles","SystemIcons","Calendar","size","position","input","withArrow","maxWidth","align","ErrorMessage","TechnicalWarning","color","propTypes","_propTypes","instanceOf","func","bool","string","number","oneOf","_default","exports"],"sources":["../../src/InputFields/DatepickerField.tsx"],"sourcesContent":["/**\n * Import react libraries.\n */\nimport React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled, { useTheme } from 'styled-components';\nimport DatePicker, { ReactDatePickerCustomHeaderProps } from 'react-datepicker';\nimport en from 'date-fns/locale/en-GB';\nimport dayjs from 'dayjs';\nimport advancedFormat  from 'dayjs/plugin/advancedFormat';\nimport quarterOfYear from \"dayjs/plugin/quarterOfYear\";\n\ndayjs.extend(advancedFormat);\ndayjs.extend(quarterOfYear);\n\n/**\n * Import custom components.\n */\nimport COLORS from '../styles/colors';\nimport {SystemIcons} from '../icons';\nimport {DatepickerFieldHeader} from './DatepickerFieldHeader';\nimport {ComponentTextStyle, focusStyles, scrollBarStyling} from '../styles';\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\n\n/**\n * Import custom styles.\n */\nimport {ErrorMessage, InputFieldStyling, InputWrapper} from './styling';\nimport 'react-datepicker/dist/react-datepicker.css';\nimport {ComponentMStyling, ComponentSStyling} from '../styles';\nimport {Z_INDEXES} from '../styles';\nimport {useFocusVisibleRef} from '../common';\nimport {Size, Testable} from '../types';\n\n/**\n * Add custom types.\n */\nexport type DatepickerFieldProps = Testable & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'size' | 'onBlur'> & {\n  /** Optional. Selected date. Defaults to current date */\n  value?: Date;\n  /** Optional. Handler to be called when selected date was changed. */\n  onChange?: (date: Date) => void;\n  /** Optional. Handler to be called when control is losing focus. */\n  onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;\n  /** Optional. Quarter picker mode. If set, then user can not select a particular date, but quarter of the year.\n   * 1st day of the quarter will be set as value.\n   */\n  showQuarterYearPicker?: boolean;\n  /** Optional. If set, then input field will be shown in 'invalid' state */\n  invalid?: boolean;\n  /** Optional. Format in which date will be shown in the input field. Defaults to 'MMMM Do, yyyy'. \n   * For quarter picker will be shown in 'YYYY, qqq' format.\n   */\n  dateFormat?: string;\n  /** Optional. Validation message to be shown under the input field */\n  validationMessage?: string;\n  /** Optional. Value for 'autocomplete' attribute of input field tag. */\n  autoComplete?: string;\n  /** Optional. Placeholder text to be shown when no value is selected. */\n  placeholder?: string;\n  /** Optional. If set, then user will be able to open year selector by clicking on the month in the dropdown. */\n  yearPicker?: boolean;\n  /** Optional. How many years before current year will be available in the year selector mode. */\n  yearsBeforeCurrentDate?: number;\n  /** Optional. How many years after current year will be available in the year selector mode. */\n  yearsAfterCurrentDate?: number;\n  /** Optional. Margin value to be set to the dropdown container. */\n  margin?: string;\n  /** Optional. Position where to show tooltip in case of closed datepicker and value overflowing the input field. */\n  overflowTooltipPosition?: 'top' | 'bottom';\n};\n\n/**\n * Add custom styles.\n */\nconst DatePickerContainer = styled.div<{ $yearPicker: boolean; $margin: string; $quarterPicker?: boolean }>`\n  .react-datepicker-popper {\n    z-index: ${Z_INDEXES.dropdown};\n  }\n\n  .react-datepicker-popper[data-placement^=bottom] {\n    padding-top: 0px;\n  }\n\n  \n  .react-datepicker-popper[data-placement^=top] {\n    padding-bottom: 0px;\n  }\n\n  > div {\n    display: block;\n\n    ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\n    .react-datepicker {\n      box-sizing: border-box;\n      box-shadow: 0px 2px 4px rgb(0 0 0 / 15%);\n      border: 1px solid #e5e5e5;\n    }\n    .react-datepicker__input-container{\n      z-index: 0;\n    }\n\n    .react-datepicker__navigation {\n      line-height: normal;\n      text-indent: inherit;\n      border: none;\n      border-radius: 4px;\n      height: 48px;\n      width: 48px;\n      outline: none;\n      margin: 0px;\n      color: transparent;\n\n      &:hover {\n        background: ${props => COLORS.getColor('primary_20', props.theme)};\n\n        &.react-datepicker__navigation--previous::before {\n          background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M15.1975 4.46474C15.5885 4.85478 15.5893 5.48794 15.1993 5.87895L8.92124 12.1727L15.1993 18.4665C15.5893 18.8575 15.5885 19.4907 15.1975 19.8807C14.8065 20.2708 14.1734 20.27 13.7833 19.879L6.8008 12.879C6.41145 12.4886 6.41145 11.8568 6.8008 11.4665L13.7833 4.46651C14.1734 4.0755 14.8065 4.0747 15.1975 4.46474Z' fill='%23215369' /%3E%3C/svg%3E\");\n        }\n\n        &.react-datepicker__navigation--next::before {\n          background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M9.24214 19.8807C8.85113 19.4907 8.85034 18.8575 9.24038 18.4665L15.5184 12.1727L9.24037 5.87895C8.85034 5.48794 8.85113 4.85478 9.24214 4.46474C9.63315 4.0747 10.2663 4.07549 10.6564 4.46651L17.6389 11.4665C18.0282 11.8568 18.0282 12.4886 17.6389 12.879L10.6564 19.879C10.2663 20.27 9.63316 20.2708 9.24214 19.8807Z' fill='%23215369' /%3E%3C/svg%3E\");\n        }\n      }\n\n      &:focus {\n        ${focusStyles}\n        &.react-datepicker__navigation--next::before {\n          background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M9.24214 19.8807C8.85113 19.4907 8.85034 18.8575 9.24038 18.4665L15.5184 12.1727L9.24037 5.87895C8.85034 5.48794 8.85113 4.85478 9.24214 4.46474C9.63315 4.0747 10.2663 4.07549 10.6564 4.46651L17.6389 11.4665C18.0282 11.8568 18.0282 12.4886 17.6389 12.879L10.6564 19.879C10.2663 20.27 9.63316 20.2708 9.24214 19.8807Z' fill='%23163746' /%3E%3C/svg%3E\");\n        }\n\n        &.react-datepicker__navigation--previous::before {\n          background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M15.1975 4.46474C15.5885 4.85478 15.5893 5.48794 15.1993 5.87895L8.92124 12.1727L15.1993 18.4665C15.5893 18.8575 15.5885 19.4907 15.1975 19.8807C14.8065 20.2708 14.1734 20.27 13.7833 19.879L6.8008 12.879C6.41145 12.4886 6.41145 11.8568 6.8008 11.4665L13.7833 4.46651C14.1734 4.0755 14.8065 4.0747 15.1975 4.46474Z' fill='%23163746' /%3E%3C/svg%3E\");\n        }\n      }\n\n      &::before {\n        text-align: center;\n        display: inline-block;\n        content: '';\n        height: 32px;\n        width: 32px;\n        vertical-align: middle;\n      }\n\n      &.react-datepicker__navigation--next::before {\n        background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M9.24214 19.8807C8.85113 19.4907 8.85034 18.8575 9.24038 18.4665L15.5184 12.1727L9.24037 5.87895C8.85034 5.48794 8.85113 4.85478 9.24214 4.46474C9.63315 4.0747 10.2663 4.07549 10.6564 4.46651L17.6389 11.4665C18.0282 11.8568 18.0282 12.4886 17.6389 12.879L10.6564 19.879C10.2663 20.27 9.63316 20.2708 9.24214 19.8807Z' fill='%23666666' /%3E%3C/svg%3E\");\n      }\n\n      &.react-datepicker__navigation--previous::before {\n        background-image: url(\"data:image/svg+xml,%3Csvg style='width: 32px; height: 32px;' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M15.1975 4.46474C15.5885 4.85478 15.5893 5.48794 15.1993 5.87895L8.92124 12.1727L15.1993 18.4665C15.5893 18.8575 15.5885 19.4907 15.1975 19.8807C14.8065 20.2708 14.1734 20.27 13.7833 19.879L6.8008 12.879C6.41145 12.4886 6.41145 11.8568 6.8008 11.4665L13.7833 4.46651C14.1734 4.0755 14.8065 4.0747 15.1975 4.46474Z' fill='%23666666' /%3E%3C/svg%3E\");\n      }\n    }\n\n    .react-datepicker__month-container,\n    .react-datepicker__year--container {\n      width: 336px;\n    }\n\n    .react-datepicker__month {\n      margin: 0px;\n    }\n\n    .react-datepicker__triangle {\n      left: 50% !important;\n      display: none;\n    }\n\n    .react-datepicker-popper[data-placement^='bottom'] {\n      margin-top: 0;\n    }\n\n    .react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle {\n      border-bottom-color: ${props => COLORS.getColor('neutral_20', props.theme)};\n    }\n\n    .react-datepicker__header {\n      border-bottom: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n      background: ${props => COLORS.getColor('neutral_20', props.theme)};\n      height: ${(props) => (!props.$yearPicker ? '96px' : '54px')};\n      padding-top: 0px;\n    }\n\n    .react-datepicker-year-header {\n      height: 48px;\n      line-height: 48px !important;\n      align-items: center;\n\n      ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\n    }\n\n    .react-datepicker__current-month {\n      height: 48px;\n      display: inline-flex;\n      align-items: center;\n      margin-right: 5px;\n\n      ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\n    }\n\n    .react-datepicker__year {\n      max-height: 300px;\n      overflow-y: scroll;\n\n      ${scrollBarStyling(Size.Small)}\n    }\n\n    .react-datepicker__quarter-wrapper{\n      width: 100%;\n      display: flex;\n      align-content: space-evenly;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 20px;\n    }\n\n    .react-datepicker__year-wrapper {\n      max-width: 100%;\n      justify-content: space-around;\n    }\n\n    .react-datepicker__navigation-icon {\n      display: none;\n    }\n\n    .react-datepicker__day-name {\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      height: 48px;\n      margin: 0px;\n      width: 48px;\n\n      ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n    }\n\n    \n\n    .react-datepicker__year-text {\n      background: ${props => COLORS.getColor('white', props.theme)};\n      border: none;\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      margin-top: 20px;\n      padding-top: 10px;\n      padding-bottom: 10px;\n\n      ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n      &.react-datepicker__year-text--disabled {\n        display: none;\n      }\n\n      &.react-datepicker__day--keyboard-selected {\n        color: ${props => COLORS.getColor('neutral_600', props.theme)};\n        background: ${props => COLORS.getColor('white', props.theme)};\n        font-weight: 400;\n        border: none;\n      }\n\n      &:hover {\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\n        background: ${props => COLORS.getColor('primary_20', props.theme)};\n      }\n\n      &:focus {\n        ${focusStyles}\n      }\n\n      &.react-datepicker__year-text--selected {\n        color: ${props => COLORS.getColor('white', props.theme)} !important;\n        background: ${props => COLORS.getColor('primary_500', props.theme)} !important;\n      }\n    }\n\n    .react-datepicker__day, .react-datepicker__quarter-text {\n      background: ${props => COLORS.getColor('white', props.theme)};\n      border: none;\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      flex-grow: 1;\n      height: 40px;\n      width: 40px;\n      margin: 4px;\n\n      ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\n      &.react-datepicker__day--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected {\n        color: ${props => COLORS.getColor('neutral_600', props.theme)};\n        background: ${props => COLORS.getColor('white', props.theme)};\n        flex-grow: 1;\n        font-weight: 400;\n        border: none;\n      }\n\n      &.react-datepicker__quarter--selected {\n        color: ${props => COLORS.getColor('white', props.theme)} !important;\n        flex-grow: 1;\n        background: ${props => COLORS.getColor('primary_500', props.theme)} !important;\n      }\n\n      &:hover {\n        color: ${props => COLORS.getColor('primary_700', props.theme)};\n        background: ${props => COLORS.getColor('primary_20', props.theme)};\n      }\n\n      &:focus {\n        ${focusStyles}\n      }\n\n      &.react-datepicker__day--selected {\n        color: ${props => COLORS.getColor('white', props.theme)} !important;\n        background: ${props => COLORS.getColor('primary_500', props.theme)} !important;\n      }\n\n      &.react-datepicker__day--today {\n        border-radius: 0.3rem;\n        color: ${props => COLORS.getColor('neutral_700', props.theme)};\n        background: ${props => COLORS.getColor('neutral_100', props.theme)};\n\n        &:hover {\n          color: ${props => COLORS.getColor('primary_700', props.theme)};\n          background: ${props => COLORS.getColor('primary_20', props.theme)};\n        }\n\n        &:focus {\n          ${focusStyles}\n        }\n      }\n    }\n  }\n`;\n\nconst IconWrapper = styled.div`\n  pointer-events: none;\n  position: absolute;\n  left: 16px;\n  width: 24px;\n  height: 24px;\n  z-index: ${+Z_INDEXES.focus + 1};\n`;\n\nconst DatepickerRow = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nconst StyledInputFieldStyling = styled(InputFieldStyling)`\n  padding-left: 48px !important;\n  \n  &::placeholder {\n    color: ${props => COLORS.getColor('neutral_500', props.theme)};\n  }\n\n  &:focus:not(.focus-visible) {\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_300', props.theme)};\n  }\n\n  &:hover {\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_200', props.theme)};\n\n    ::placeholder {\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\n    }\n\n    cursor: pointer;\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\n  }\n\n  &:active,\n  &.open {\n    box-shadow: inset 0px 0px 0px 2px ${props => COLORS.getColor('primary_300', props.theme)};\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\n\n    ::placeholder {\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\n    }\n  }\n  \n  &:disabled {\n    background-color: ${props => COLORS.getColor('white', props.theme)};\n  }\n\n  & ~ ${IconWrapper}{\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\n  }\n\n  &:hover ~ ${IconWrapper} {\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\n  }\n\n  &:active ~ ${IconWrapper}, &.open ~ ${IconWrapper} {\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n  &[tabindex='-1'] ~ ${IconWrapper} {\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\n  }\n`;\n\nconst quarterComponentsClassPrefix = 'react-datepicker__quarter-';\n\nconst DatepickerField = React.forwardRef<HTMLInputElement, DatepickerFieldProps>(({\n                                            disabled,\n                                            readOnly,\n                                            onChange,\n                                            invalid,\n                                            value,\n                                            validationMessage,\n                                            dateFormat,\n                                            autoComplete,\n                                            placeholder,\n                                            required,\n                                            yearPicker,\n                                            yearsBeforeCurrentDate,\n                                            yearsAfterCurrentDate,\n                                            margin,\n                                            overflowTooltipPosition,\n                                            onBlur,\n                                            showQuarterYearPicker,\n                                            id,\n                                            dataTestId,\n                                            ...rest\n                                          }: DatepickerFieldProps, ref) => {\n  // Globally used variables within the component\n  const theme = useTheme();\n  const inputRef = useFocusVisibleRef();\n  const datepickerRef = React.useRef<any>(null);\n  const focusedQuarterRef = React.useRef<number>(1);\n  const [activeMonthPage, setActiveMonthPage] = React.useState<number>(-1);\n  const [yearPickerMode, setYearPickerMode] = React.useState<boolean>(false);\n  const [openAt, setOpenAt] = React.useState<Date | null>(null);\n  // 'open' flag is used only for tracking current state of the dropdown,\n  // for explicitly opening/closing the picker we are using 'datepickerRef.current.setOpen'\n  const [open, setOpen] = React.useState<boolean>(false);\n\n  const getFormattedValue = () => {\n    if(showQuarterYearPicker)\n    {\n      const val = dayjs(value);\n      return val.year() + ', Q' + val.quarter();\n    }\n    else \n      return dayjs(value).format(dateFormat ? dateFormat : 'MMMM Do, YYYY');\n  }\n  /**\n   * Format the date in a specific way.\n   */\n  React.useEffect(() => {\n    if (value) inputRef.current.value = getFormattedValue();\n  }, [value]);\n\n  function getQuarterItem(classname: string) : HTMLElement {\n    return document.getElementsByClassName(quarterComponentsClassPrefix + classname)[0] as HTMLElement;\n  }\n\n  React.useEffect(() => {\n    if (yearPickerMode) {\n      //unfortunately, since there are no refs, and year pickers is rendered not by our code, but by 'react-datepicker'\n      //we have to touch DOM directly\n      const selectedDate = document.getElementsByClassName('react-datepicker__year-text--selected')[0] as HTMLElement;\n      const dropdownParent = selectedDate?.parentElement?.parentElement;\n      if (selectedDate && dropdownParent) dropdownParent.scrollTop = selectedDate.offsetTop - 2 * selectedDate.offsetHeight;\n    }\n  }, [yearPickerMode]);\n\n  React.useEffect(() => {\n    if(showQuarterYearPicker && open)\n    {\n      const wrapper = getQuarterItem('wrapper');\n      const handler = (event: KeyboardEvent) => {\n        switch(event.key)\n        {\n          case ' ':\n          case 'Enter':\n            const currentQ = getQuarterItem(focusedQuarterRef.current + '');\n            currentQ.click();\n            break;\n\n          case 'ArrowLeft':\n            if(focusedQuarterRef.current > 1)\n            {\n              const currentQ = getQuarterItem(focusedQuarterRef.current + '');\n              const previousQ = getQuarterItem((focusedQuarterRef.current - 1) + '');\n              if(previousQ)\n              {\n                currentQ.tabIndex = -1;\n                previousQ.tabIndex = 0;\n                previousQ.focus();\n                focusedQuarterRef.current = focusedQuarterRef.current - 1;\n              }\n            }\n            break;\n\n          case 'ArrowRight':\n            if(focusedQuarterRef.current < 4)\n            {\n              const currentQ = getQuarterItem(focusedQuarterRef.current + '');\n              const nextQ = getQuarterItem((focusedQuarterRef.current + 1) + '');\n              if(nextQ)\n              {\n                currentQ.tabIndex = -1;\n                nextQ.tabIndex = 0;\n                nextQ.focus();\n                focusedQuarterRef.current = focusedQuarterRef.current + 1;\n              }\n            }\n            break;\n        }\n      };\n\n      wrapper.addEventListener('keydown', handler);\n      //unfortunately since there are no efs, and quarter picker is rendered not by our code, but by 'react-datepicker'\n      //we have to touch DOM directly\n      \n      const selectedQuarter = getQuarterItem('-selected');\n      if(selectedQuarter) {\n        for (let i = 1; i < 5; i++) {\n          if(selectedQuarter.innerText.includes('Q' + i)) {\n            focusedQuarterRef.current = i;\n            break;\n          }\n        }\n        selectedQuarter.setAttribute(\"tabIndex\", \"0\");\n      }\n      else\n      {\n        const firstQuarter = getQuarterItem('1');\n        if(firstQuarter) {\n          focusedQuarterRef.current = 1;\n          firstQuarter.setAttribute(\"tabIndex\", \"0\");\n        }\n      }\n\n      return () => {\n        wrapper.removeEventListener('keydown', handler);\n      };\n    }\n  }, [showQuarterYearPicker, open]);\n\n  //we have to manually reopen the calendar when needed, to guarantee that datepicker will show selected date after year selection\n  //otherwise after year selection datepicker will show January month of the selected year\n  React.useEffect(() => {\n    if (openAt) {\n      datepickerRef.current.setOpen(true);\n      //setOpenAt(null);\n    }\n  }, [openAt]);\n\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n  const handleCalendarClose = () => {\n    inputRef.current?.blur();\n    setOpen(false);\n  };\n\n  const handleCalendarOpen = () => {\n    if (openAt) setOpenAt(null);\n    setOpen(true);\n  };\n\n  let maxDate = new Date(value && new Date(value) > new Date() ? new Date(value) : new Date());\n  maxDate.setFullYear(maxDate.getFullYear() + (yearsAfterCurrentDate ?? 50));\n\n  //itemsNumber - controls number of year select options generated in the dropdown\n  //items related to dates higher than 'maxDate' will be hidden, thus to avoid creating hundreds of invisible divs, we divide by 5\n  let minDate = new Date(value && new Date(value) < new Date() ? new Date(value) : new Date());\n  const itemsNumber = Math.round((minDate.getFullYear() - (yearsBeforeCurrentDate ?? 15)) / 5);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Escape' || e.key === 'Esc')\n      datepickerRef.current.setOpen(false);\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLDivElement>) => {\n    // @ts-ignore\n    if (!e.currentTarget.contains(e.relatedTarget)) {\n      onBlur && onBlur(e);\n    }\n  };\n  const iconSize = 24;\n\n  return (\n    <>\n      {/* Let's render the input itself */}\n      <DatePickerContainer $quarterPicker={showQuarterYearPicker} data-testid={dataTestId} $yearPicker={yearPickerMode} $margin={margin || ''} onBlur={handleBlur}>\n        <DatePicker\n          ref={datepickerRef}\n          onCalendarOpen={handleCalendarOpen}\n          onCalendarClose={handleCalendarClose}\n          onKeyDown={handleKeyDown}\n          id={id}\n          onClickOutside={() => datepickerRef.current.setOpen(false)}\n\n          onChange={(e: any) => {\n            if (onChange) {\n              if (yearPickerMode) {\n                const newDate = new Date();\n                newDate.setFullYear(e.getFullYear());\n                newDate.setMonth(activeMonthPage);\n                setOpenAt(newDate);\n              } else onChange(e);\n            }\n            if (yearPickerMode) setYearPickerMode(false);\n          }}\n          disabled={disabled || readOnly}\n          locale={en}\n          showQuarterYearPicker={showQuarterYearPicker}\n          dateFormat={showQuarterYearPicker ? \"yyyy, QQQ\" : undefined}\n          showYearPicker={yearPickerMode}\n          //we manipulate 'yearItemNumber' and 'maxDate' to guarantee number of year select options shown before and after selected year\n          yearItemNumber={yearPickerMode ? itemsNumber : undefined}\n          maxDate={yearPickerMode ? maxDate : undefined}\n          selected={value}\n          openToDate={openAt ?? undefined}\n          preventOpenOnFocus={true}\n          shouldCloseOnSelect={true}\n          renderCustomHeader={\n            yearPicker\n              ? (params: ReactDatePickerCustomHeaderProps) =>\n                React.createElement(\n                  DatepickerFieldHeader,\n                  {\n                    ...params,\n                    setActiveMonthPage,\n                    customHeaderCount: 0,\n                    yearPickerMode: yearPickerMode,\n                    setYearPickerMode: setYearPickerMode,\n                  },\n                  null,\n                )\n              : undefined\n          }\n          customInput={\n            <InputWrapper $disabled={disabled} $readOnly={readOnly}>\n              <DatepickerRow>\n                  <StyledInputFieldStyling\n                    ref={inputRef}\n                    type=\"text\"\n                    name=\"datepicker\"\n                    onKeyDown={(e) => e.key === 'Enter' && datepickerRef.current.setOpen(true)}\n                    className={(invalid ? 'invalid' : '' + (open ? ' open' : ''))}\n                    tabIndex={disabled || readOnly ? -1 : 0}\n                    onFocus={(e) => inputRef.current?.setSelectionRange(0, 0)}\n                    autoComplete={autoComplete}\n                    placeholder={placeholder}\n                    $extraRightPadding={iconSize}\n                    disabled={disabled}\n                    readOnly={true}\n                    $suppressReadOnlyStyles={!readOnly}\n                    required={required}\n                    {...rest}\n                  />\n                  <IconWrapper>\n                    <SystemIcons.Calendar size=\"24\"/>\n                  </IconWrapper>\n                </DatepickerRow>\n              {!open && <TooltipOverflow position={overflowTooltipPosition} input={inputRef} withArrow={true} maxWidth=\"100%\" size={Size.Small} align='end'>\n                {getFormattedValue()}\n              </TooltipOverflow>}\n            </InputWrapper>\n          }\n        />\n      </DatePickerContainer>\n\n      {/* If there is an error, let's render the error */}\n      {validationMessage && (\n        <ErrorMessage>\n          <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)}/>\n          <span>{validationMessage}</span>\n        </ErrorMessage>\n      )}\n    </>\n  );\n});\n\nexport default DatepickerField;\n"],"mappings":"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","ignoreList":[]}