@transferwise/components 46.140.1 → 46.142.0

package/build/common/circle/Circle.js

@@ -15,7 +15,9 @@ const MAP_ICON_SIZE = {
   40: 20,
   48: 24,
   56: 28,
-  72: 36
+  72: 36,
+  88: 44,
+  96: 48
 };
 /**
  * circle like components have custom typography styles for for default (Inter) font
@@ -29,7 +31,9 @@ const MAP_FONT_SIZE = {
   40: 18,
   48: 22,
   56: 26,
-  72: 30
+  72: 30,
+  88: 36,
+  96: 40
 };
 const Circle = /*#__PURE__*/React.forwardRef(function Circle({
   as: Element = 'div',

package/build/common/circle/Circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Circle.js","sources":["../../../src/common/circle/Circle.tsx"],"sourcesContent":["import { HTMLAttributes, forwardRef } from 'react';\nimport { clsx } from 'clsx';\nimport { useMedia } from '../hooks/useMedia';\nimport { Breakpoint } from '../propsValues/breakpoint';\n\nexport type ShapeSize = 16 | 24 | 32 | 40 | 48 | 56 | 72;\n\nexport type Props = {\n  /**\n   * Modify underlying element, `div` by default\n   */\n  as?: React.ElementType;\n  /**\n   * Set size of the circle in px, `48` by default\n   */\n  size?: ShapeSize;\n  /**\n   * When `true` will use the fixed size (`48px`) instead of the CSS spacing variable (`--size-*`)\n   * as those can be dynamic a at certain viewport sizes\n   */\n  fixedSize?: boolean;\n  enableBorder?: boolean;\n} & HTMLAttributes<HTMLDivElement>;\n\n/**\n * circle like components has custom sizes for icons\n */\nconst MAP_ICON_SIZE = {\n  16: 12,\n  24: 16,\n  32: 18,\n  40: 20,\n  48: 24,\n  56: 28,\n  72: 36,\n};\n\n/**\n * circle like components have custom typography styles for for default (Inter) font\n *\n * circle size : font size (px)\n */\nconst MAP_FONT_SIZE = {\n  16: 8,\n  24: 12,\n  32: 14,\n  40: 18,\n  48: 22,\n  56: 26,\n  72: 30,\n};\n\nconst Circle = forwardRef(function Circle(\n  {\n    as: Element = 'div',\n    children,\n    size = 48,\n    fixedSize = false,\n    enableBorder = false,\n    className,\n    style,\n    ...props\n  }: Props,\n  ref,\n) {\n  const isTinyViewport = useMedia(`(max-width: ${Breakpoint.ZOOM_400}px)`);\n  return (\n    <Element\n      {...props}\n      ref={ref}\n      style={{\n        '--circle-size': fixedSize ? `${size}px` : `var(--size-${size})`,\n        '--circle-icon-size':\n          isTinyViewport && !fixedSize\n            ? `${MAP_ICON_SIZE[size] / 2}px`\n            : `${MAP_ICON_SIZE[size]}px`,\n        '--circle-font-size': `${MAP_FONT_SIZE[size]}px`,\n        ...style,\n      }}\n      className={clsx(\n        'np-circle',\n        { 'np-circle-border': enableBorder },\n        'd-flex align-items-center justify-content-center',\n        className,\n      )}\n    >\n      {children}\n    </Element>\n  );\n});\n\nexport default Circle;\n"],"names":["MAP_ICON_SIZE","MAP_FONT_SIZE","Circle","forwardRef","as","Element","children","size","fixedSize","enableBorder","className","style","props","ref","isTinyViewport","useMedia","Breakpoint","ZOOM_400","_jsx","clsx"],"mappings":";;;;;;;;;;AA2BA,MAAMA,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED;;;;AAIG;AACH,MAAMC,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED,MAAMC,MAAM,gBAAGC,gBAAU,CAAC,SAASD,MAAMA,CACvC;EACEE,EAAE,EAAEC,OAAO,GAAG,KAAK;EACnBC,QAAQ;AACRC,EAAAA,IAAI,GAAG,EAAE;AACTC,EAAAA,SAAS,GAAG,KAAK;AACjBC,EAAAA,YAAY,GAAG,KAAK;EACpBC,SAAS;EACTC,KAAK;EACL,GAAGC;AAAK,CACF,EACRC,GAAG,EAAA;EAEH,MAAMC,cAAc,GAAGC,iBAAQ,CAAC,eAAeC,qBAAU,CAACC,QAAQ,CAAA,GAAA,CAAK,CAAC;EACxE,oBACEC,cAAA,CAACb,OAAO,EAAA;AAAA,IAAA,GACFO,KAAK;AACTC,IAAAA,GAAG,EAAEA,GAAI;AACTF,IAAAA,KAAK,EAAE;MACL,eAAe,EAAEH,SAAS,GAAG,CAAA,EAAGD,IAAI,CAAA,EAAA,CAAI,GAAG,CAAA,WAAA,EAAcA,IAAI,CAAA,CAAA,CAAG;MAChE,oBAAoB,EAClBO,cAAc,IAAI,CAACN,SAAS,GACxB,CAAA,EAAGR,aAAa,CAACO,IAAI,CAAC,GAAG,CAAC,IAAI,GAC9B,CAAA,EAAGP,aAAa,CAACO,IAAI,CAAC,CAAA,EAAA,CAAI;AAChC,MAAA,oBAAoB,EAAE,CAAA,EAAGN,aAAa,CAACM,IAAI,CAAC,CAAA,EAAA,CAAI;MAChD,GAAGI;KACH;AACFD,IAAAA,SAAS,EAAES,SAAI,CACb,WAAW,EACX;AAAE,MAAA,kBAAkB,EAAEV;KAAc,EACpC,kDAAkD,EAClDC,SAAS,CACT;AAAAJ,IAAAA,QAAA,EAEDA;AAAQ,GACF,CAAC;AAEd,CAAC;;;;"}
+{"version":3,"file":"Circle.js","sources":["../../../src/common/circle/Circle.tsx"],"sourcesContent":["import { HTMLAttributes, forwardRef } from 'react';\nimport { clsx } from 'clsx';\nimport { useMedia } from '../hooks/useMedia';\nimport { Breakpoint } from '../propsValues/breakpoint';\n\nexport type ShapeSize = 16 | 24 | 32 | 40 | 48 | 56 | 72 | 88 | 96;\n\nexport type Props = {\n  /**\n   * Modify underlying element, `div` by default\n   */\n  as?: React.ElementType;\n  /**\n   * Set size of the circle in px, `48` by default\n   */\n  size?: ShapeSize;\n  /**\n   * When `true` will use the fixed size (`48px`) instead of the CSS spacing variable (`--size-*`)\n   * as those can be dynamic a at certain viewport sizes\n   */\n  fixedSize?: boolean;\n  enableBorder?: boolean;\n} & HTMLAttributes<HTMLDivElement>;\n\n/**\n * circle like components has custom sizes for icons\n */\nconst MAP_ICON_SIZE = {\n  16: 12,\n  24: 16,\n  32: 18,\n  40: 20,\n  48: 24,\n  56: 28,\n  72: 36,\n  88: 44,\n  96: 48,\n};\n\n/**\n * circle like components have custom typography styles for for default (Inter) font\n *\n * circle size : font size (px)\n */\nconst MAP_FONT_SIZE = {\n  16: 8,\n  24: 12,\n  32: 14,\n  40: 18,\n  48: 22,\n  56: 26,\n  72: 30,\n  88: 36,\n  96: 40,\n};\n\nconst Circle = forwardRef(function Circle(\n  {\n    as: Element = 'div',\n    children,\n    size = 48,\n    fixedSize = false,\n    enableBorder = false,\n    className,\n    style,\n    ...props\n  }: Props,\n  ref,\n) {\n  const isTinyViewport = useMedia(`(max-width: ${Breakpoint.ZOOM_400}px)`);\n  return (\n    <Element\n      {...props}\n      ref={ref}\n      style={{\n        '--circle-size': fixedSize ? `${size}px` : `var(--size-${size})`,\n        '--circle-icon-size':\n          isTinyViewport && !fixedSize\n            ? `${MAP_ICON_SIZE[size] / 2}px`\n            : `${MAP_ICON_SIZE[size]}px`,\n        '--circle-font-size': `${MAP_FONT_SIZE[size]}px`,\n        ...style,\n      }}\n      className={clsx(\n        'np-circle',\n        { 'np-circle-border': enableBorder },\n        'd-flex align-items-center justify-content-center',\n        className,\n      )}\n    >\n      {children}\n    </Element>\n  );\n});\n\nexport default Circle;\n"],"names":["MAP_ICON_SIZE","MAP_FONT_SIZE","Circle","forwardRef","as","Element","children","size","fixedSize","enableBorder","className","style","props","ref","isTinyViewport","useMedia","Breakpoint","ZOOM_400","_jsx","clsx"],"mappings":";;;;;;;;;;AA2BA,MAAMA,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED;;;;AAIG;AACH,MAAMC,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED,MAAMC,MAAM,gBAAGC,gBAAU,CAAC,SAASD,MAAMA,CACvC;EACEE,EAAE,EAAEC,OAAO,GAAG,KAAK;EACnBC,QAAQ;AACRC,EAAAA,IAAI,GAAG,EAAE;AACTC,EAAAA,SAAS,GAAG,KAAK;AACjBC,EAAAA,YAAY,GAAG,KAAK;EACpBC,SAAS;EACTC,KAAK;EACL,GAAGC;AAAK,CACF,EACRC,GAAG,EAAA;EAEH,MAAMC,cAAc,GAAGC,iBAAQ,CAAC,eAAeC,qBAAU,CAACC,QAAQ,CAAA,GAAA,CAAK,CAAC;EACxE,oBACEC,cAAA,CAACb,OAAO,EAAA;AAAA,IAAA,GACFO,KAAK;AACTC,IAAAA,GAAG,EAAEA,GAAI;AACTF,IAAAA,KAAK,EAAE;MACL,eAAe,EAAEH,SAAS,GAAG,CAAA,EAAGD,IAAI,CAAA,EAAA,CAAI,GAAG,CAAA,WAAA,EAAcA,IAAI,CAAA,CAAA,CAAG;MAChE,oBAAoB,EAClBO,cAAc,IAAI,CAACN,SAAS,GACxB,CAAA,EAAGR,aAAa,CAACO,IAAI,CAAC,GAAG,CAAC,IAAI,GAC9B,CAAA,EAAGP,aAAa,CAACO,IAAI,CAAC,CAAA,EAAA,CAAI;AAChC,MAAA,oBAAoB,EAAE,CAAA,EAAGN,aAAa,CAACM,IAAI,CAAC,CAAA,EAAA,CAAI;MAChD,GAAGI;KACH;AACFD,IAAAA,SAAS,EAAES,SAAI,CACb,WAAW,EACX;AAAE,MAAA,kBAAkB,EAAEV;KAAc,EACpC,kDAAkD,EAClDC,SAAS,CACT;AAAAJ,IAAAA,QAAA,EAEDA;AAAQ,GACF,CAAC;AAEd,CAAC;;;;"}

package/build/common/circle/Circle.mjs

@@ -11,7 +11,9 @@ const MAP_ICON_SIZE = {
   40: 20,
   48: 24,
   56: 28,
-  72: 36
+  72: 36,
+  88: 44,
+  96: 48
 };
 /**
  * circle like components have custom typography styles for for default (Inter) font
@@ -25,7 +27,9 @@ const MAP_FONT_SIZE = {
   40: 18,
   48: 22,
   56: 26,
-  72: 30
+  72: 30,
+  88: 36,
+  96: 40
 };
 const Circle = /*#__PURE__*/forwardRef(function Circle({
   as: Element = 'div',

package/build/common/circle/Circle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Circle.mjs","sources":["../../../src/common/circle/Circle.tsx"],"sourcesContent":["import { HTMLAttributes, forwardRef } from 'react';\nimport { clsx } from 'clsx';\nimport { useMedia } from '../hooks/useMedia';\nimport { Breakpoint } from '../propsValues/breakpoint';\n\nexport type ShapeSize = 16 | 24 | 32 | 40 | 48 | 56 | 72;\n\nexport type Props = {\n  /**\n   * Modify underlying element, `div` by default\n   */\n  as?: React.ElementType;\n  /**\n   * Set size of the circle in px, `48` by default\n   */\n  size?: ShapeSize;\n  /**\n   * When `true` will use the fixed size (`48px`) instead of the CSS spacing variable (`--size-*`)\n   * as those can be dynamic a at certain viewport sizes\n   */\n  fixedSize?: boolean;\n  enableBorder?: boolean;\n} & HTMLAttributes<HTMLDivElement>;\n\n/**\n * circle like components has custom sizes for icons\n */\nconst MAP_ICON_SIZE = {\n  16: 12,\n  24: 16,\n  32: 18,\n  40: 20,\n  48: 24,\n  56: 28,\n  72: 36,\n};\n\n/**\n * circle like components have custom typography styles for for default (Inter) font\n *\n * circle size : font size (px)\n */\nconst MAP_FONT_SIZE = {\n  16: 8,\n  24: 12,\n  32: 14,\n  40: 18,\n  48: 22,\n  56: 26,\n  72: 30,\n};\n\nconst Circle = forwardRef(function Circle(\n  {\n    as: Element = 'div',\n    children,\n    size = 48,\n    fixedSize = false,\n    enableBorder = false,\n    className,\n    style,\n    ...props\n  }: Props,\n  ref,\n) {\n  const isTinyViewport = useMedia(`(max-width: ${Breakpoint.ZOOM_400}px)`);\n  return (\n    <Element\n      {...props}\n      ref={ref}\n      style={{\n        '--circle-size': fixedSize ? `${size}px` : `var(--size-${size})`,\n        '--circle-icon-size':\n          isTinyViewport && !fixedSize\n            ? `${MAP_ICON_SIZE[size] / 2}px`\n            : `${MAP_ICON_SIZE[size]}px`,\n        '--circle-font-size': `${MAP_FONT_SIZE[size]}px`,\n        ...style,\n      }}\n      className={clsx(\n        'np-circle',\n        { 'np-circle-border': enableBorder },\n        'd-flex align-items-center justify-content-center',\n        className,\n      )}\n    >\n      {children}\n    </Element>\n  );\n});\n\nexport default Circle;\n"],"names":["MAP_ICON_SIZE","MAP_FONT_SIZE","Circle","forwardRef","as","Element","children","size","fixedSize","enableBorder","className","style","props","ref","isTinyViewport","useMedia","Breakpoint","ZOOM_400","_jsx","clsx"],"mappings":";;;;;;AA2BA,MAAMA,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED;;;;AAIG;AACH,MAAMC,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED,MAAMC,MAAM,gBAAGC,UAAU,CAAC,SAASD,MAAMA,CACvC;EACEE,EAAE,EAAEC,OAAO,GAAG,KAAK;EACnBC,QAAQ;AACRC,EAAAA,IAAI,GAAG,EAAE;AACTC,EAAAA,SAAS,GAAG,KAAK;AACjBC,EAAAA,YAAY,GAAG,KAAK;EACpBC,SAAS;EACTC,KAAK;EACL,GAAGC;AAAK,CACF,EACRC,GAAG,EAAA;EAEH,MAAMC,cAAc,GAAGC,QAAQ,CAAC,eAAeC,UAAU,CAACC,QAAQ,CAAA,GAAA,CAAK,CAAC;EACxE,oBACEC,GAAA,CAACb,OAAO,EAAA;AAAA,IAAA,GACFO,KAAK;AACTC,IAAAA,GAAG,EAAEA,GAAI;AACTF,IAAAA,KAAK,EAAE;MACL,eAAe,EAAEH,SAAS,GAAG,CAAA,EAAGD,IAAI,CAAA,EAAA,CAAI,GAAG,CAAA,WAAA,EAAcA,IAAI,CAAA,CAAA,CAAG;MAChE,oBAAoB,EAClBO,cAAc,IAAI,CAACN,SAAS,GACxB,CAAA,EAAGR,aAAa,CAACO,IAAI,CAAC,GAAG,CAAC,IAAI,GAC9B,CAAA,EAAGP,aAAa,CAACO,IAAI,CAAC,CAAA,EAAA,CAAI;AAChC,MAAA,oBAAoB,EAAE,CAAA,EAAGN,aAAa,CAACM,IAAI,CAAC,CAAA,EAAA,CAAI;MAChD,GAAGI;KACH;AACFD,IAAAA,SAAS,EAAES,IAAI,CACb,WAAW,EACX;AAAE,MAAA,kBAAkB,EAAEV;KAAc,EACpC,kDAAkD,EAClDC,SAAS,CACT;AAAAJ,IAAAA,QAAA,EAEDA;AAAQ,GACF,CAAC;AAEd,CAAC;;;;"}
+{"version":3,"file":"Circle.mjs","sources":["../../../src/common/circle/Circle.tsx"],"sourcesContent":["import { HTMLAttributes, forwardRef } from 'react';\nimport { clsx } from 'clsx';\nimport { useMedia } from '../hooks/useMedia';\nimport { Breakpoint } from '../propsValues/breakpoint';\n\nexport type ShapeSize = 16 | 24 | 32 | 40 | 48 | 56 | 72 | 88 | 96;\n\nexport type Props = {\n  /**\n   * Modify underlying element, `div` by default\n   */\n  as?: React.ElementType;\n  /**\n   * Set size of the circle in px, `48` by default\n   */\n  size?: ShapeSize;\n  /**\n   * When `true` will use the fixed size (`48px`) instead of the CSS spacing variable (`--size-*`)\n   * as those can be dynamic a at certain viewport sizes\n   */\n  fixedSize?: boolean;\n  enableBorder?: boolean;\n} & HTMLAttributes<HTMLDivElement>;\n\n/**\n * circle like components has custom sizes for icons\n */\nconst MAP_ICON_SIZE = {\n  16: 12,\n  24: 16,\n  32: 18,\n  40: 20,\n  48: 24,\n  56: 28,\n  72: 36,\n  88: 44,\n  96: 48,\n};\n\n/**\n * circle like components have custom typography styles for for default (Inter) font\n *\n * circle size : font size (px)\n */\nconst MAP_FONT_SIZE = {\n  16: 8,\n  24: 12,\n  32: 14,\n  40: 18,\n  48: 22,\n  56: 26,\n  72: 30,\n  88: 36,\n  96: 40,\n};\n\nconst Circle = forwardRef(function Circle(\n  {\n    as: Element = 'div',\n    children,\n    size = 48,\n    fixedSize = false,\n    enableBorder = false,\n    className,\n    style,\n    ...props\n  }: Props,\n  ref,\n) {\n  const isTinyViewport = useMedia(`(max-width: ${Breakpoint.ZOOM_400}px)`);\n  return (\n    <Element\n      {...props}\n      ref={ref}\n      style={{\n        '--circle-size': fixedSize ? `${size}px` : `var(--size-${size})`,\n        '--circle-icon-size':\n          isTinyViewport && !fixedSize\n            ? `${MAP_ICON_SIZE[size] / 2}px`\n            : `${MAP_ICON_SIZE[size]}px`,\n        '--circle-font-size': `${MAP_FONT_SIZE[size]}px`,\n        ...style,\n      }}\n      className={clsx(\n        'np-circle',\n        { 'np-circle-border': enableBorder },\n        'd-flex align-items-center justify-content-center',\n        className,\n      )}\n    >\n      {children}\n    </Element>\n  );\n});\n\nexport default Circle;\n"],"names":["MAP_ICON_SIZE","MAP_FONT_SIZE","Circle","forwardRef","as","Element","children","size","fixedSize","enableBorder","className","style","props","ref","isTinyViewport","useMedia","Breakpoint","ZOOM_400","_jsx","clsx"],"mappings":";;;;;;AA2BA,MAAMA,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED;;;;AAIG;AACH,MAAMC,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED,MAAMC,MAAM,gBAAGC,UAAU,CAAC,SAASD,MAAMA,CACvC;EACEE,EAAE,EAAEC,OAAO,GAAG,KAAK;EACnBC,QAAQ;AACRC,EAAAA,IAAI,GAAG,EAAE;AACTC,EAAAA,SAAS,GAAG,KAAK;AACjBC,EAAAA,YAAY,GAAG,KAAK;EACpBC,SAAS;EACTC,KAAK;EACL,GAAGC;AAAK,CACF,EACRC,GAAG,EAAA;EAEH,MAAMC,cAAc,GAAGC,QAAQ,CAAC,eAAeC,UAAU,CAACC,QAAQ,CAAA,GAAA,CAAK,CAAC;EACxE,oBACEC,GAAA,CAACb,OAAO,EAAA;AAAA,IAAA,GACFO,KAAK;AACTC,IAAAA,GAAG,EAAEA,GAAI;AACTF,IAAAA,KAAK,EAAE;MACL,eAAe,EAAEH,SAAS,GAAG,CAAA,EAAGD,IAAI,CAAA,EAAA,CAAI,GAAG,CAAA,WAAA,EAAcA,IAAI,CAAA,CAAA,CAAG;MAChE,oBAAoB,EAClBO,cAAc,IAAI,CAACN,SAAS,GACxB,CAAA,EAAGR,aAAa,CAACO,IAAI,CAAC,GAAG,CAAC,IAAI,GAC9B,CAAA,EAAGP,aAAa,CAACO,IAAI,CAAC,CAAA,EAAA,CAAI;AAChC,MAAA,oBAAoB,EAAE,CAAA,EAAGN,aAAa,CAACM,IAAI,CAAC,CAAA,EAAA,CAAI;MAChD,GAAGI;KACH;AACFD,IAAAA,SAAS,EAAES,IAAI,CACb,WAAW,EACX;AAAE,MAAA,kBAAkB,EAAEV;KAAc,EACpC,kDAAkD,EAClDC,SAAS,CACT;AAAAJ,IAAAA,QAAA,EAEDA;AAAQ,GACF,CAAC;AAEd,CAAC;;;;"}

package/build/common/hooks/useHasIntersected/useHasIntersected.js

@@ -20,7 +20,11 @@ const useHasIntersected = ({
   elRef,
   loading = 'eager'
 }) => {
-  const [hasIntersected, setHasIntersected] = React.useState(false);
+  // Initialize as true if IntersectionObserver is not supported
+  // Note: We can't check elRef.current here as it may not be set yet on first render
+  const [hasIntersected, setHasIntersected] = React.useState(() => {
+    return typeof window === 'undefined' || !window.IntersectionObserver;
+  });
   const {
     current
   } = elRef || {};
@@ -41,9 +45,7 @@ const useHasIntersected = ({
     let observer;
     let didCancel = false;
     // Check if window is defined for SSR and Old browsers fallback
-    if (typeof window === 'undefined' || !window.IntersectionObserver || !isValidReference()) {
-      setHasIntersected(true);
-    } else if (current && !didCancel) {
+    if (typeof window !== 'undefined' && window.IntersectionObserver && isValidReference() && current && !didCancel) {
       observer = new IntersectionObserver(handleOnIntersect, ObserverParams);
       observer.observe(current);
     }

package/build/common/hooks/useHasIntersected/useHasIntersected.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHasIntersected.js","sources":["../../../../src/common/hooks/useHasIntersected/useHasIntersected.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst ObserverParams: IntersectionObserverInit = {\n  threshold: 0.1,\n};\n\n/**\n * useHasIntersected.\n * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.\n * Once the intersection has happened the hook will not return false even if the element gets out of the viewport.\n *\n * @param {object} params\n * @param {object} [params.elRef] - node object that contains a react reference to the element that needs to be observed.\n * @param {string} [params.loading = 'eager'] - string that contains the type of loading.\n * @param elRef.loading\n * @usage `const [hasIntersected] = useHasIntersected({imageRef,loading});`\n */\nexport const useHasIntersected = ({\n  elRef,\n  loading = 'eager',\n}: {\n  elRef: React.RefObject<HTMLElement>;\n  loading?: 'eager' | 'lazy';\n}) => {\n  const [hasIntersected, setHasIntersected] = useState(false);\n\n  const { current } = elRef || {};\n\n  const isValidReference = () => {\n    return elRef && current;\n  };\n\n  const handleOnIntersect: IntersectionObserverCallback = (entries, observer) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        setHasIntersected(true);\n\n        if (current) {\n          observer.unobserve(current);\n        }\n      }\n    });\n  };\n\n  useEffect(() => {\n    let observer: IntersectionObserver | undefined;\n    let didCancel = false;\n\n    // Check if window is defined for SSR and Old browsers fallback\n    if (typeof window === 'undefined' || !window.IntersectionObserver || !isValidReference()) {\n      setHasIntersected(true);\n    } else if (current && !didCancel) {\n      observer = new IntersectionObserver(handleOnIntersect, ObserverParams);\n      observer.observe(current);\n    }\n    return () => {\n      didCancel = true;\n      if (observer && current) {\n        observer.unobserve(current);\n      }\n    };\n  }, [elRef]);\n\n  if (loading === 'eager') {\n    return [false];\n  }\n\n  return [hasIntersected];\n};\n"],"names":["ObserverParams","threshold","useHasIntersected","elRef","loading","hasIntersected","setHasIntersected","useState","current","isValidReference","handleOnIntersect","entries","observer","forEach","entry","isIntersecting","unobserve","useEffect","didCancel","window","IntersectionObserver","observe"],"mappings":";;;;AAEA,MAAMA,cAAc,GAA6B;AAC/CC,EAAAA,SAAS,EAAE;CACZ;AAED;;;;;;;;;;AAUG;AACI,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,KAAK;AACLC,EAAAA,OAAO,GAAG;AAAO,CAIlB,KAAI;EACH,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;EAE3D,MAAM;AAAEC,IAAAA;AAAO,GAAE,GAAGL,KAAK,IAAI,EAAE;EAE/B,MAAMM,gBAAgB,GAAGA,MAAK;IAC5B,OAAON,KAAK,IAAIK,OAAO;EACzB,CAAC;AAED,EAAA,MAAME,iBAAiB,GAAiCA,CAACC,OAAO,EAAEC,QAAQ,KAAI;AAC5ED,IAAAA,OAAO,CAACE,OAAO,CAAEC,KAAK,IAAI;MACxB,IAAIA,KAAK,CAACC,cAAc,EAAE;QACxBT,iBAAiB,CAAC,IAAI,CAAC;AAEvB,QAAA,IAAIE,OAAO,EAAE;AACXI,UAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,QAAA;AACF,MAAA;AACF,IAAA,CAAC,CAAC;EACJ,CAAC;AAEDS,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAIL,QAA0C;IAC9C,IAAIM,SAAS,GAAG,KAAK;AAErB;AACA,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,IAAI,CAACA,MAAM,CAACC,oBAAoB,IAAI,CAACX,gBAAgB,EAAE,EAAE;MACxFH,iBAAiB,CAAC,IAAI,CAAC;AACzB,IAAA,CAAC,MAAM,IAAIE,OAAO,IAAI,CAACU,SAAS,EAAE;AAChCN,MAAAA,QAAQ,GAAG,IAAIQ,oBAAoB,CAACV,iBAAiB,EAAEV,cAAc,CAAC;AACtEY,MAAAA,QAAQ,CAACS,OAAO,CAACb,OAAO,CAAC;AAC3B,IAAA;AACA,IAAA,OAAO,MAAK;AACVU,MAAAA,SAAS,GAAG,IAAI;MAChB,IAAIN,QAAQ,IAAIJ,OAAO,EAAE;AACvBI,QAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,MAAA;IACF,CAAC;AACH,EAAA,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;EAEX,IAAIC,OAAO,KAAK,OAAO,EAAE;IACvB,OAAO,CAAC,KAAK,CAAC;AAChB,EAAA;EAEA,OAAO,CAACC,cAAc,CAAC;AACzB;;;;"}
+{"version":3,"file":"useHasIntersected.js","sources":["../../../../src/common/hooks/useHasIntersected/useHasIntersected.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst ObserverParams: IntersectionObserverInit = {\n  threshold: 0.1,\n};\n\n/**\n * useHasIntersected.\n * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.\n * Once the intersection has happened the hook will not return false even if the element gets out of the viewport.\n *\n * @param {object} params\n * @param {object} [params.elRef] - node object that contains a react reference to the element that needs to be observed.\n * @param {string} [params.loading = 'eager'] - string that contains the type of loading.\n * @param elRef.loading\n * @usage `const [hasIntersected] = useHasIntersected({imageRef,loading});`\n */\nexport const useHasIntersected = ({\n  elRef,\n  loading = 'eager',\n}: {\n  elRef: React.RefObject<HTMLElement>;\n  loading?: 'eager' | 'lazy';\n}) => {\n  // Initialize as true if IntersectionObserver is not supported\n  // Note: We can't check elRef.current here as it may not be set yet on first render\n  const [hasIntersected, setHasIntersected] = useState(() => {\n    return typeof window === 'undefined' || !window.IntersectionObserver;\n  });\n\n  const { current } = elRef || {};\n\n  const isValidReference = () => {\n    return elRef && current;\n  };\n\n  const handleOnIntersect: IntersectionObserverCallback = (entries, observer) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        setHasIntersected(true);\n\n        if (current) {\n          observer.unobserve(current);\n        }\n      }\n    });\n  };\n\n  useEffect(() => {\n    let observer: IntersectionObserver | undefined;\n    let didCancel = false;\n\n    // Check if window is defined for SSR and Old browsers fallback\n    if (\n      typeof window !== 'undefined' &&\n      window.IntersectionObserver &&\n      isValidReference() &&\n      current &&\n      !didCancel\n    ) {\n      observer = new IntersectionObserver(handleOnIntersect, ObserverParams);\n      observer.observe(current);\n    }\n    return () => {\n      didCancel = true;\n      if (observer && current) {\n        observer.unobserve(current);\n      }\n    };\n  }, [elRef]);\n\n  if (loading === 'eager') {\n    return [false];\n  }\n\n  return [hasIntersected];\n};\n"],"names":["ObserverParams","threshold","useHasIntersected","elRef","loading","hasIntersected","setHasIntersected","useState","window","IntersectionObserver","current","isValidReference","handleOnIntersect","entries","observer","forEach","entry","isIntersecting","unobserve","useEffect","didCancel","observe"],"mappings":";;;;AAEA,MAAMA,cAAc,GAA6B;AAC/CC,EAAAA,SAAS,EAAE;CACZ;AAED;;;;;;;;;;AAUG;AACI,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,KAAK;AACLC,EAAAA,OAAO,GAAG;AAAO,CAIlB,KAAI;AACH;AACA;EACA,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,cAAQ,CAAC,MAAK;IACxD,OAAO,OAAOC,MAAM,KAAK,WAAW,IAAI,CAACA,MAAM,CAACC,oBAAoB;AACtE,EAAA,CAAC,CAAC;EAEF,MAAM;AAAEC,IAAAA;AAAO,GAAE,GAAGP,KAAK,IAAI,EAAE;EAE/B,MAAMQ,gBAAgB,GAAGA,MAAK;IAC5B,OAAOR,KAAK,IAAIO,OAAO;EACzB,CAAC;AAED,EAAA,MAAME,iBAAiB,GAAiCA,CAACC,OAAO,EAAEC,QAAQ,KAAI;AAC5ED,IAAAA,OAAO,CAACE,OAAO,CAAEC,KAAK,IAAI;MACxB,IAAIA,KAAK,CAACC,cAAc,EAAE;QACxBX,iBAAiB,CAAC,IAAI,CAAC;AAEvB,QAAA,IAAII,OAAO,EAAE;AACXI,UAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,QAAA;AACF,MAAA;AACF,IAAA,CAAC,CAAC;EACJ,CAAC;AAEDS,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAIL,QAA0C;IAC9C,IAAIM,SAAS,GAAG,KAAK;AAErB;AACA,IAAA,IACE,OAAOZ,MAAM,KAAK,WAAW,IAC7BA,MAAM,CAACC,oBAAoB,IAC3BE,gBAAgB,EAAE,IAClBD,OAAO,IACP,CAACU,SAAS,EACV;AACAN,MAAAA,QAAQ,GAAG,IAAIL,oBAAoB,CAACG,iBAAiB,EAAEZ,cAAc,CAAC;AACtEc,MAAAA,QAAQ,CAACO,OAAO,CAACX,OAAO,CAAC;AAC3B,IAAA;AACA,IAAA,OAAO,MAAK;AACVU,MAAAA,SAAS,GAAG,IAAI;MAChB,IAAIN,QAAQ,IAAIJ,OAAO,EAAE;AACvBI,QAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,MAAA;IACF,CAAC;AACH,EAAA,CAAC,EAAE,CAACP,KAAK,CAAC,CAAC;EAEX,IAAIC,OAAO,KAAK,OAAO,EAAE;IACvB,OAAO,CAAC,KAAK,CAAC;AAChB,EAAA;EAEA,OAAO,CAACC,cAAc,CAAC;AACzB;;;;"}

package/build/common/hooks/useHasIntersected/useHasIntersected.mjs

@@ -18,7 +18,11 @@ const useHasIntersected = ({
   elRef,
   loading = 'eager'
 }) => {
-  const [hasIntersected, setHasIntersected] = useState(false);
+  // Initialize as true if IntersectionObserver is not supported
+  // Note: We can't check elRef.current here as it may not be set yet on first render
+  const [hasIntersected, setHasIntersected] = useState(() => {
+    return typeof window === 'undefined' || !window.IntersectionObserver;
+  });
   const {
     current
   } = elRef || {};
@@ -39,9 +43,7 @@ const useHasIntersected = ({
     let observer;
     let didCancel = false;
     // Check if window is defined for SSR and Old browsers fallback
-    if (typeof window === 'undefined' || !window.IntersectionObserver || !isValidReference()) {
-      setHasIntersected(true);
-    } else if (current && !didCancel) {
+    if (typeof window !== 'undefined' && window.IntersectionObserver && isValidReference() && current && !didCancel) {
       observer = new IntersectionObserver(handleOnIntersect, ObserverParams);
       observer.observe(current);
     }

package/build/common/hooks/useHasIntersected/useHasIntersected.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useHasIntersected.mjs","sources":["../../../../src/common/hooks/useHasIntersected/useHasIntersected.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst ObserverParams: IntersectionObserverInit = {\n  threshold: 0.1,\n};\n\n/**\n * useHasIntersected.\n * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.\n * Once the intersection has happened the hook will not return false even if the element gets out of the viewport.\n *\n * @param {object} params\n * @param {object} [params.elRef] - node object that contains a react reference to the element that needs to be observed.\n * @param {string} [params.loading = 'eager'] - string that contains the type of loading.\n * @param elRef.loading\n * @usage `const [hasIntersected] = useHasIntersected({imageRef,loading});`\n */\nexport const useHasIntersected = ({\n  elRef,\n  loading = 'eager',\n}: {\n  elRef: React.RefObject<HTMLElement>;\n  loading?: 'eager' | 'lazy';\n}) => {\n  const [hasIntersected, setHasIntersected] = useState(false);\n\n  const { current } = elRef || {};\n\n  const isValidReference = () => {\n    return elRef && current;\n  };\n\n  const handleOnIntersect: IntersectionObserverCallback = (entries, observer) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        setHasIntersected(true);\n\n        if (current) {\n          observer.unobserve(current);\n        }\n      }\n    });\n  };\n\n  useEffect(() => {\n    let observer: IntersectionObserver | undefined;\n    let didCancel = false;\n\n    // Check if window is defined for SSR and Old browsers fallback\n    if (typeof window === 'undefined' || !window.IntersectionObserver || !isValidReference()) {\n      setHasIntersected(true);\n    } else if (current && !didCancel) {\n      observer = new IntersectionObserver(handleOnIntersect, ObserverParams);\n      observer.observe(current);\n    }\n    return () => {\n      didCancel = true;\n      if (observer && current) {\n        observer.unobserve(current);\n      }\n    };\n  }, [elRef]);\n\n  if (loading === 'eager') {\n    return [false];\n  }\n\n  return [hasIntersected];\n};\n"],"names":["ObserverParams","threshold","useHasIntersected","elRef","loading","hasIntersected","setHasIntersected","useState","current","isValidReference","handleOnIntersect","entries","observer","forEach","entry","isIntersecting","unobserve","useEffect","didCancel","window","IntersectionObserver","observe"],"mappings":";;AAEA,MAAMA,cAAc,GAA6B;AAC/CC,EAAAA,SAAS,EAAE;CACZ;AAED;;;;;;;;;;AAUG;AACI,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,KAAK;AACLC,EAAAA,OAAO,GAAG;AAAO,CAIlB,KAAI;EACH,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;EAE3D,MAAM;AAAEC,IAAAA;AAAO,GAAE,GAAGL,KAAK,IAAI,EAAE;EAE/B,MAAMM,gBAAgB,GAAGA,MAAK;IAC5B,OAAON,KAAK,IAAIK,OAAO;EACzB,CAAC;AAED,EAAA,MAAME,iBAAiB,GAAiCA,CAACC,OAAO,EAAEC,QAAQ,KAAI;AAC5ED,IAAAA,OAAO,CAACE,OAAO,CAAEC,KAAK,IAAI;MACxB,IAAIA,KAAK,CAACC,cAAc,EAAE;QACxBT,iBAAiB,CAAC,IAAI,CAAC;AAEvB,QAAA,IAAIE,OAAO,EAAE;AACXI,UAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,QAAA;AACF,MAAA;AACF,IAAA,CAAC,CAAC;EACJ,CAAC;AAEDS,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIL,QAA0C;IAC9C,IAAIM,SAAS,GAAG,KAAK;AAErB;AACA,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,IAAI,CAACA,MAAM,CAACC,oBAAoB,IAAI,CAACX,gBAAgB,EAAE,EAAE;MACxFH,iBAAiB,CAAC,IAAI,CAAC;AACzB,IAAA,CAAC,MAAM,IAAIE,OAAO,IAAI,CAACU,SAAS,EAAE;AAChCN,MAAAA,QAAQ,GAAG,IAAIQ,oBAAoB,CAACV,iBAAiB,EAAEV,cAAc,CAAC;AACtEY,MAAAA,QAAQ,CAACS,OAAO,CAACb,OAAO,CAAC;AAC3B,IAAA;AACA,IAAA,OAAO,MAAK;AACVU,MAAAA,SAAS,GAAG,IAAI;MAChB,IAAIN,QAAQ,IAAIJ,OAAO,EAAE;AACvBI,QAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,MAAA;IACF,CAAC;AACH,EAAA,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;EAEX,IAAIC,OAAO,KAAK,OAAO,EAAE;IACvB,OAAO,CAAC,KAAK,CAAC;AAChB,EAAA;EAEA,OAAO,CAACC,cAAc,CAAC;AACzB;;;;"}
+{"version":3,"file":"useHasIntersected.mjs","sources":["../../../../src/common/hooks/useHasIntersected/useHasIntersected.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst ObserverParams: IntersectionObserverInit = {\n  threshold: 0.1,\n};\n\n/**\n * useHasIntersected.\n * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.\n * Once the intersection has happened the hook will not return false even if the element gets out of the viewport.\n *\n * @param {object} params\n * @param {object} [params.elRef] - node object that contains a react reference to the element that needs to be observed.\n * @param {string} [params.loading = 'eager'] - string that contains the type of loading.\n * @param elRef.loading\n * @usage `const [hasIntersected] = useHasIntersected({imageRef,loading});`\n */\nexport const useHasIntersected = ({\n  elRef,\n  loading = 'eager',\n}: {\n  elRef: React.RefObject<HTMLElement>;\n  loading?: 'eager' | 'lazy';\n}) => {\n  // Initialize as true if IntersectionObserver is not supported\n  // Note: We can't check elRef.current here as it may not be set yet on first render\n  const [hasIntersected, setHasIntersected] = useState(() => {\n    return typeof window === 'undefined' || !window.IntersectionObserver;\n  });\n\n  const { current } = elRef || {};\n\n  const isValidReference = () => {\n    return elRef && current;\n  };\n\n  const handleOnIntersect: IntersectionObserverCallback = (entries, observer) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        setHasIntersected(true);\n\n        if (current) {\n          observer.unobserve(current);\n        }\n      }\n    });\n  };\n\n  useEffect(() => {\n    let observer: IntersectionObserver | undefined;\n    let didCancel = false;\n\n    // Check if window is defined for SSR and Old browsers fallback\n    if (\n      typeof window !== 'undefined' &&\n      window.IntersectionObserver &&\n      isValidReference() &&\n      current &&\n      !didCancel\n    ) {\n      observer = new IntersectionObserver(handleOnIntersect, ObserverParams);\n      observer.observe(current);\n    }\n    return () => {\n      didCancel = true;\n      if (observer && current) {\n        observer.unobserve(current);\n      }\n    };\n  }, [elRef]);\n\n  if (loading === 'eager') {\n    return [false];\n  }\n\n  return [hasIntersected];\n};\n"],"names":["ObserverParams","threshold","useHasIntersected","elRef","loading","hasIntersected","setHasIntersected","useState","window","IntersectionObserver","current","isValidReference","handleOnIntersect","entries","observer","forEach","entry","isIntersecting","unobserve","useEffect","didCancel","observe"],"mappings":";;AAEA,MAAMA,cAAc,GAA6B;AAC/CC,EAAAA,SAAS,EAAE;CACZ;AAED;;;;;;;;;;AAUG;AACI,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,KAAK;AACLC,EAAAA,OAAO,GAAG;AAAO,CAIlB,KAAI;AACH;AACA;EACA,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,QAAQ,CAAC,MAAK;IACxD,OAAO,OAAOC,MAAM,KAAK,WAAW,IAAI,CAACA,MAAM,CAACC,oBAAoB;AACtE,EAAA,CAAC,CAAC;EAEF,MAAM;AAAEC,IAAAA;AAAO,GAAE,GAAGP,KAAK,IAAI,EAAE;EAE/B,MAAMQ,gBAAgB,GAAGA,MAAK;IAC5B,OAAOR,KAAK,IAAIO,OAAO;EACzB,CAAC;AAED,EAAA,MAAME,iBAAiB,GAAiCA,CAACC,OAAO,EAAEC,QAAQ,KAAI;AAC5ED,IAAAA,OAAO,CAACE,OAAO,CAAEC,KAAK,IAAI;MACxB,IAAIA,KAAK,CAACC,cAAc,EAAE;QACxBX,iBAAiB,CAAC,IAAI,CAAC;AAEvB,QAAA,IAAII,OAAO,EAAE;AACXI,UAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,QAAA;AACF,MAAA;AACF,IAAA,CAAC,CAAC;EACJ,CAAC;AAEDS,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIL,QAA0C;IAC9C,IAAIM,SAAS,GAAG,KAAK;AAErB;AACA,IAAA,IACE,OAAOZ,MAAM,KAAK,WAAW,IAC7BA,MAAM,CAACC,oBAAoB,IAC3BE,gBAAgB,EAAE,IAClBD,OAAO,IACP,CAACU,SAAS,EACV;AACAN,MAAAA,QAAQ,GAAG,IAAIL,oBAAoB,CAACG,iBAAiB,EAAEZ,cAAc,CAAC;AACtEc,MAAAA,QAAQ,CAACO,OAAO,CAACX,OAAO,CAAC;AAC3B,IAAA;AACA,IAAA,OAAO,MAAK;AACVU,MAAAA,SAAS,GAAG,IAAI;MAChB,IAAIN,QAAQ,IAAIJ,OAAO,EAAE;AACvBI,QAAAA,QAAQ,CAACI,SAAS,CAACR,OAAO,CAAC;AAC7B,MAAA;IACF,CAAC;AACH,EAAA,CAAC,EAAE,CAACP,KAAK,CAAC,CAAC;EAEX,IAAIC,OAAO,KAAK,OAAO,EAAE;IACvB,OAAO,CAAC,KAAK,CAAC;AAChB,EAAA;EAEA,OAAO,CAACC,cAAc,CAAC;AACzB;;;;"}

package/build/common/liveRegion/LiveRegion.js

@@ -52,10 +52,13 @@ const LiveRegion = ({
   const [shouldAnnounce, setShouldAnnounce] = React.useState(false);
   const announcementTrigger = announceOnChange ?? (typeof children === 'string' || typeof children === 'number' ? children : undefined);
   React.useEffect(() => {
-    setShouldAnnounce(false);
     if (ariaLive === 'off') {
       return;
     }
+    // Reset announcement state, then schedule new announcement
+    // This two-step process ensures screen readers re-announce the content
+    // eslint-disable-next-line react-hooks/set-state-in-effect -- Deliberately resetting state to force re-announcement for screen readers
+    setShouldAnnounce(false);
     const timeoutId = window.setTimeout(() => setShouldAnnounce(true), scheduleAnnouncement(ariaLive));
     return () => window.clearTimeout(timeoutId);
   }, [ariaLive, announcementTrigger]);

package/build/common/liveRegion/LiveRegion.js.map

@@ -1 +1 @@
-{"version":3,"file":"LiveRegion.js","sources":["../../../src/common/liveRegion/LiveRegion.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { WDS_LIVE_REGION_DELAY_MS } from '../constants';\n\nexport type AriaLive = 'off' | 'polite' | 'assertive';\n\ntype LivePoliteness = Exclude<AriaLive, 'off'>;\n\nconst LIVE_REGION_ROLE_BY_POLITENESS: Record<LivePoliteness, 'status' | 'alert'> = {\n  assertive: 'alert',\n  polite: 'status',\n};\n\nlet nextPoliteAnnouncementAt = 0;\nlet nextAssertiveAnnouncementAt = 0;\n\nconst getNextAnnouncementAt = (politeness: LivePoliteness): number => {\n  if (politeness === 'polite') {\n    return nextPoliteAnnouncementAt;\n  }\n\n  return nextAssertiveAnnouncementAt;\n};\n\nconst setNextAnnouncementAt = (politeness: LivePoliteness, value: number): void => {\n  if (politeness === 'polite') {\n    nextPoliteAnnouncementAt = value;\n    return;\n  }\n\n  nextAssertiveAnnouncementAt = value;\n};\n\nexport const resetLiveRegionAnnouncementQueue = (): void => {\n  nextPoliteAnnouncementAt = 0;\n  nextAssertiveAnnouncementAt = 0;\n};\n\nconst calcAnnouncementDelayMs = (politeness: LivePoliteness, now: number): number => {\n  return Math.max(now + WDS_LIVE_REGION_DELAY_MS, getNextAnnouncementAt(politeness)) - now;\n};\n\nconst scheduleAnnouncement = (politeness: LivePoliteness): number => {\n  const now = Date.now();\n  const delayMs = calcAnnouncementDelayMs(politeness, now);\n  setNextAnnouncementAt(politeness, now + delayMs + WDS_LIVE_REGION_DELAY_MS);\n  return delayMs;\n};\n\nexport interface LiveRegionProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'role' | 'aria-live' | 'aria-atomic'\n> {\n  /**\n   * Determines urgency: 'assertive' interrupts, 'polite' waits for idle, 'off' disables live region.\n   */\n  'aria-live': AriaLive;\n  /** Optional stable key that triggers a new announcement when it changes. */\n  announceOnChange?: string | number;\n  /** Test ID for testing tools */\n  'data-testid'?: string;\n  children?: ReactNode;\n}\n\n/**\n * Renders an ARIA live region with the correct implicit role.\n *\n * - `aria-live=\"polite\"` → `role=\"status\"`\n * - `aria-live=\"assertive\"` → `role=\"alert\"`\n * - `aria-live=\"off\"` → no live region (renders children unwrapped)\n *\n * The `role` prop is intentionally excluded from the public API\n * to prevent mismatches between `aria-live` and `role`.\n */\nexport const LiveRegion = ({\n  'aria-live': ariaLive,\n  announceOnChange,\n  children,\n  className,\n  ...props\n}: LiveRegionProps) => {\n  const [shouldAnnounce, setShouldAnnounce] = useState(false);\n  const announcementTrigger =\n    announceOnChange ??\n    (typeof children === 'string' || typeof children === 'number' ? children : undefined);\n\n  useEffect(() => {\n    setShouldAnnounce(false);\n\n    if (ariaLive === 'off') {\n      return;\n    }\n\n    const timeoutId = window.setTimeout(\n      () => setShouldAnnounce(true),\n      scheduleAnnouncement(ariaLive),\n    );\n\n    return () => window.clearTimeout(timeoutId);\n  }, [ariaLive, announcementTrigger]);\n\n  if (ariaLive === 'off') {\n    return <>{children}</>;\n  }\n\n  return (\n    <div\n      role={LIVE_REGION_ROLE_BY_POLITENESS[ariaLive]}\n      aria-live={ariaLive}\n      aria-atomic=\"true\"\n      className={`wds-LiveRegion ${className ?? ''}`}\n      {...props}\n    >\n      <div aria-hidden={shouldAnnounce ? undefined : 'true'}>{children}</div>\n    </div>\n  );\n};\n"],"names":["LIVE_REGION_ROLE_BY_POLITENESS","assertive","polite","nextPoliteAnnouncementAt","nextAssertiveAnnouncementAt","getNextAnnouncementAt","politeness","setNextAnnouncementAt","value","calcAnnouncementDelayMs","now","Math","max","WDS_LIVE_REGION_DELAY_MS","scheduleAnnouncement","Date","delayMs","LiveRegion","ariaLive","announceOnChange","children","className","props","shouldAnnounce","setShouldAnnounce","useState","announcementTrigger","undefined","useEffect","timeoutId","window","setTimeout","clearTimeout","_jsx","_Fragment","role"],"mappings":";;;;;;AASA,MAAMA,8BAA8B,GAA+C;AACjFC,EAAAA,SAAS,EAAE,OAAO;AAClBC,EAAAA,MAAM,EAAE;CACT;AAED,IAAIC,wBAAwB,GAAG,CAAC;AAChC,IAAIC,2BAA2B,GAAG,CAAC;AAEnC,MAAMC,qBAAqB,GAAIC,UAA0B,IAAY;EACnE,IAAIA,UAAU,KAAK,QAAQ,EAAE;AAC3B,IAAA,OAAOH,wBAAwB;AACjC,EAAA;AAEA,EAAA,OAAOC,2BAA2B;AACpC,CAAC;AAED,MAAMG,qBAAqB,GAAGA,CAACD,UAA0B,EAAEE,KAAa,KAAU;EAChF,IAAIF,UAAU,KAAK,QAAQ,EAAE;AAC3BH,IAAAA,wBAAwB,GAAGK,KAAK;AAChC,IAAA;AACF,EAAA;AAEAJ,EAAAA,2BAA2B,GAAGI,KAAK;AACrC,CAAC;AAOD,MAAMC,uBAAuB,GAAGA,CAACH,UAA0B,EAAEI,GAAW,KAAY;AAClF,EAAA,OAAOC,IAAI,CAACC,GAAG,CAACF,GAAG,GAAGG,kCAAwB,EAAER,qBAAqB,CAACC,UAAU,CAAC,CAAC,GAAGI,GAAG;AAC1F,CAAC;AAED,MAAMI,oBAAoB,GAAIR,UAA0B,IAAY;AAClE,EAAA,MAAMI,GAAG,GAAGK,IAAI,CAACL,GAAG,EAAE;AACtB,EAAA,MAAMM,OAAO,GAAGP,uBAAuB,CAACH,UAAU,EAAEI,GAAG,CAAC;EACxDH,qBAAqB,CAACD,UAAU,EAAEI,GAAG,GAAGM,OAAO,GAAGH,kCAAwB,CAAC;AAC3E,EAAA,OAAOG,OAAO;AAChB,CAAC;AAiBD;;;;;;;;;AASG;AACI,MAAMC,UAAU,GAAGA,CAAC;AACzB,EAAA,WAAW,EAAEC,QAAQ;EACrBC,gBAAgB;EAChBC,QAAQ;EACRC,SAAS;EACT,GAAGC;AAAK,CACQ,KAAI;EACpB,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;AAC3D,EAAA,MAAMC,mBAAmB,GACvBP,gBAAgB,KACf,OAAOC,QAAQ,KAAK,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGO,SAAS,CAAC;AAEvFC,EAAAA,eAAS,CAAC,MAAK;IACbJ,iBAAiB,CAAC,KAAK,CAAC;IAExB,IAAIN,QAAQ,KAAK,KAAK,EAAE;AACtB,MAAA;AACF,IAAA;AAEA,IAAA,MAAMW,SAAS,GAAGC,MAAM,CAACC,UAAU,CACjC,MAAMP,iBAAiB,CAAC,IAAI,CAAC,EAC7BV,oBAAoB,CAACI,QAAQ,CAAC,CAC/B;AAED,IAAA,OAAO,MAAMY,MAAM,CAACE,YAAY,CAACH,SAAS,CAAC;AAC7C,EAAA,CAAC,EAAE,CAACX,QAAQ,EAAEQ,mBAAmB,CAAC,CAAC;EAEnC,IAAIR,QAAQ,KAAK,KAAK,EAAE;IACtB,oBAAOe,cAAA,CAAAC,mBAAA,EAAA;AAAAd,MAAAA,QAAA,EAAGA;AAAQ,MAAI;AACxB,EAAA;AAEA,EAAA,oBACEa,cAAA,CAAA,KAAA,EAAA;AACEE,IAAAA,IAAI,EAAEnC,8BAA8B,CAACkB,QAAQ,CAAE;AAC/C,IAAA,WAAA,EAAWA,QAAS;AACpB,IAAA,aAAA,EAAY,MAAM;AAClBG,IAAAA,SAAS,EAAE,CAAA,eAAA,EAAkBA,SAAS,IAAI,EAAE,CAAA,CAAG;AAAA,IAAA,GAC3CC,KAAK;AAAAF,IAAAA,QAAA,eAETa,cAAA,CAAA,KAAA,EAAA;AAAK,MAAA,aAAA,EAAaV,cAAc,GAAGI,SAAS,GAAG,MAAO;AAAAP,MAAAA,QAAA,EAAEA;KAAc;AACxE,GAAK,CAAC;AAEV;;;;"}
+{"version":3,"file":"LiveRegion.js","sources":["../../../src/common/liveRegion/LiveRegion.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { WDS_LIVE_REGION_DELAY_MS } from '../constants';\n\nexport type AriaLive = 'off' | 'polite' | 'assertive';\n\ntype LivePoliteness = Exclude<AriaLive, 'off'>;\n\nconst LIVE_REGION_ROLE_BY_POLITENESS: Record<LivePoliteness, 'status' | 'alert'> = {\n  assertive: 'alert',\n  polite: 'status',\n};\n\nlet nextPoliteAnnouncementAt = 0;\nlet nextAssertiveAnnouncementAt = 0;\n\nconst getNextAnnouncementAt = (politeness: LivePoliteness): number => {\n  if (politeness === 'polite') {\n    return nextPoliteAnnouncementAt;\n  }\n\n  return nextAssertiveAnnouncementAt;\n};\n\nconst setNextAnnouncementAt = (politeness: LivePoliteness, value: number): void => {\n  if (politeness === 'polite') {\n    nextPoliteAnnouncementAt = value;\n    return;\n  }\n\n  nextAssertiveAnnouncementAt = value;\n};\n\nexport const resetLiveRegionAnnouncementQueue = (): void => {\n  nextPoliteAnnouncementAt = 0;\n  nextAssertiveAnnouncementAt = 0;\n};\n\nconst calcAnnouncementDelayMs = (politeness: LivePoliteness, now: number): number => {\n  return Math.max(now + WDS_LIVE_REGION_DELAY_MS, getNextAnnouncementAt(politeness)) - now;\n};\n\nconst scheduleAnnouncement = (politeness: LivePoliteness): number => {\n  const now = Date.now();\n  const delayMs = calcAnnouncementDelayMs(politeness, now);\n  setNextAnnouncementAt(politeness, now + delayMs + WDS_LIVE_REGION_DELAY_MS);\n  return delayMs;\n};\n\nexport interface LiveRegionProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'role' | 'aria-live' | 'aria-atomic'\n> {\n  /**\n   * Determines urgency: 'assertive' interrupts, 'polite' waits for idle, 'off' disables live region.\n   */\n  'aria-live': AriaLive;\n  /** Optional stable key that triggers a new announcement when it changes. */\n  announceOnChange?: string | number;\n  /** Test ID for testing tools */\n  'data-testid'?: string;\n  children?: ReactNode;\n}\n\n/**\n * Renders an ARIA live region with the correct implicit role.\n *\n * - `aria-live=\"polite\"` → `role=\"status\"`\n * - `aria-live=\"assertive\"` → `role=\"alert\"`\n * - `aria-live=\"off\"` → no live region (renders children unwrapped)\n *\n * The `role` prop is intentionally excluded from the public API\n * to prevent mismatches between `aria-live` and `role`.\n */\nexport const LiveRegion = ({\n  'aria-live': ariaLive,\n  announceOnChange,\n  children,\n  className,\n  ...props\n}: LiveRegionProps) => {\n  const [shouldAnnounce, setShouldAnnounce] = useState(false);\n  const announcementTrigger =\n    announceOnChange ??\n    (typeof children === 'string' || typeof children === 'number' ? children : undefined);\n\n  useEffect(() => {\n    if (ariaLive === 'off') {\n      return;\n    }\n\n    // Reset announcement state, then schedule new announcement\n    // This two-step process ensures screen readers re-announce the content\n    // eslint-disable-next-line react-hooks/set-state-in-effect -- Deliberately resetting state to force re-announcement for screen readers\n    setShouldAnnounce(false);\n\n    const timeoutId = window.setTimeout(\n      () => setShouldAnnounce(true),\n      scheduleAnnouncement(ariaLive),\n    );\n\n    return () => window.clearTimeout(timeoutId);\n  }, [ariaLive, announcementTrigger]);\n\n  if (ariaLive === 'off') {\n    return <>{children}</>;\n  }\n\n  return (\n    <div\n      role={LIVE_REGION_ROLE_BY_POLITENESS[ariaLive]}\n      aria-live={ariaLive}\n      aria-atomic=\"true\"\n      className={`wds-LiveRegion ${className ?? ''}`}\n      {...props}\n    >\n      <div aria-hidden={shouldAnnounce ? undefined : 'true'}>{children}</div>\n    </div>\n  );\n};\n"],"names":["LIVE_REGION_ROLE_BY_POLITENESS","assertive","polite","nextPoliteAnnouncementAt","nextAssertiveAnnouncementAt","getNextAnnouncementAt","politeness","setNextAnnouncementAt","value","calcAnnouncementDelayMs","now","Math","max","WDS_LIVE_REGION_DELAY_MS","scheduleAnnouncement","Date","delayMs","LiveRegion","ariaLive","announceOnChange","children","className","props","shouldAnnounce","setShouldAnnounce","useState","announcementTrigger","undefined","useEffect","timeoutId","window","setTimeout","clearTimeout","_jsx","_Fragment","role"],"mappings":"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"}

package/build/common/liveRegion/LiveRegion.mjs

@@ -50,10 +50,13 @@ const LiveRegion = ({
   const [shouldAnnounce, setShouldAnnounce] = useState(false);
   const announcementTrigger = announceOnChange ?? (typeof children === 'string' || typeof children === 'number' ? children : undefined);
   useEffect(() => {
-    setShouldAnnounce(false);
     if (ariaLive === 'off') {
       return;
     }
+    // Reset announcement state, then schedule new announcement
+    // This two-step process ensures screen readers re-announce the content
+    // eslint-disable-next-line react-hooks/set-state-in-effect -- Deliberately resetting state to force re-announcement for screen readers
+    setShouldAnnounce(false);
     const timeoutId = window.setTimeout(() => setShouldAnnounce(true), scheduleAnnouncement(ariaLive));
     return () => window.clearTimeout(timeoutId);
   }, [ariaLive, announcementTrigger]);

package/build/common/liveRegion/LiveRegion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LiveRegion.mjs","sources":["../../../src/common/liveRegion/LiveRegion.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { WDS_LIVE_REGION_DELAY_MS } from '../constants';\n\nexport type AriaLive = 'off' | 'polite' | 'assertive';\n\ntype LivePoliteness = Exclude<AriaLive, 'off'>;\n\nconst LIVE_REGION_ROLE_BY_POLITENESS: Record<LivePoliteness, 'status' | 'alert'> = {\n  assertive: 'alert',\n  polite: 'status',\n};\n\nlet nextPoliteAnnouncementAt = 0;\nlet nextAssertiveAnnouncementAt = 0;\n\nconst getNextAnnouncementAt = (politeness: LivePoliteness): number => {\n  if (politeness === 'polite') {\n    return nextPoliteAnnouncementAt;\n  }\n\n  return nextAssertiveAnnouncementAt;\n};\n\nconst setNextAnnouncementAt = (politeness: LivePoliteness, value: number): void => {\n  if (politeness === 'polite') {\n    nextPoliteAnnouncementAt = value;\n    return;\n  }\n\n  nextAssertiveAnnouncementAt = value;\n};\n\nexport const resetLiveRegionAnnouncementQueue = (): void => {\n  nextPoliteAnnouncementAt = 0;\n  nextAssertiveAnnouncementAt = 0;\n};\n\nconst calcAnnouncementDelayMs = (politeness: LivePoliteness, now: number): number => {\n  return Math.max(now + WDS_LIVE_REGION_DELAY_MS, getNextAnnouncementAt(politeness)) - now;\n};\n\nconst scheduleAnnouncement = (politeness: LivePoliteness): number => {\n  const now = Date.now();\n  const delayMs = calcAnnouncementDelayMs(politeness, now);\n  setNextAnnouncementAt(politeness, now + delayMs + WDS_LIVE_REGION_DELAY_MS);\n  return delayMs;\n};\n\nexport interface LiveRegionProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'role' | 'aria-live' | 'aria-atomic'\n> {\n  /**\n   * Determines urgency: 'assertive' interrupts, 'polite' waits for idle, 'off' disables live region.\n   */\n  'aria-live': AriaLive;\n  /** Optional stable key that triggers a new announcement when it changes. */\n  announceOnChange?: string | number;\n  /** Test ID for testing tools */\n  'data-testid'?: string;\n  children?: ReactNode;\n}\n\n/**\n * Renders an ARIA live region with the correct implicit role.\n *\n * - `aria-live=\"polite\"` → `role=\"status\"`\n * - `aria-live=\"assertive\"` → `role=\"alert\"`\n * - `aria-live=\"off\"` → no live region (renders children unwrapped)\n *\n * The `role` prop is intentionally excluded from the public API\n * to prevent mismatches between `aria-live` and `role`.\n */\nexport const LiveRegion = ({\n  'aria-live': ariaLive,\n  announceOnChange,\n  children,\n  className,\n  ...props\n}: LiveRegionProps) => {\n  const [shouldAnnounce, setShouldAnnounce] = useState(false);\n  const announcementTrigger =\n    announceOnChange ??\n    (typeof children === 'string' || typeof children === 'number' ? children : undefined);\n\n  useEffect(() => {\n    setShouldAnnounce(false);\n\n    if (ariaLive === 'off') {\n      return;\n    }\n\n    const timeoutId = window.setTimeout(\n      () => setShouldAnnounce(true),\n      scheduleAnnouncement(ariaLive),\n    );\n\n    return () => window.clearTimeout(timeoutId);\n  }, [ariaLive, announcementTrigger]);\n\n  if (ariaLive === 'off') {\n    return <>{children}</>;\n  }\n\n  return (\n    <div\n      role={LIVE_REGION_ROLE_BY_POLITENESS[ariaLive]}\n      aria-live={ariaLive}\n      aria-atomic=\"true\"\n      className={`wds-LiveRegion ${className ?? ''}`}\n      {...props}\n    >\n      <div aria-hidden={shouldAnnounce ? undefined : 'true'}>{children}</div>\n    </div>\n  );\n};\n"],"names":["LIVE_REGION_ROLE_BY_POLITENESS","assertive","polite","nextPoliteAnnouncementAt","nextAssertiveAnnouncementAt","getNextAnnouncementAt","politeness","setNextAnnouncementAt","value","calcAnnouncementDelayMs","now","Math","max","WDS_LIVE_REGION_DELAY_MS","scheduleAnnouncement","Date","delayMs","LiveRegion","ariaLive","announceOnChange","children","className","props","shouldAnnounce","setShouldAnnounce","useState","announcementTrigger","undefined","useEffect","timeoutId","window","setTimeout","clearTimeout","_jsx","_Fragment","role"],"mappings":";;;;AASA,MAAMA,8BAA8B,GAA+C;AACjFC,EAAAA,SAAS,EAAE,OAAO;AAClBC,EAAAA,MAAM,EAAE;CACT;AAED,IAAIC,wBAAwB,GAAG,CAAC;AAChC,IAAIC,2BAA2B,GAAG,CAAC;AAEnC,MAAMC,qBAAqB,GAAIC,UAA0B,IAAY;EACnE,IAAIA,UAAU,KAAK,QAAQ,EAAE;AAC3B,IAAA,OAAOH,wBAAwB;AACjC,EAAA;AAEA,EAAA,OAAOC,2BAA2B;AACpC,CAAC;AAED,MAAMG,qBAAqB,GAAGA,CAACD,UAA0B,EAAEE,KAAa,KAAU;EAChF,IAAIF,UAAU,KAAK,QAAQ,EAAE;AAC3BH,IAAAA,wBAAwB,GAAGK,KAAK;AAChC,IAAA;AACF,EAAA;AAEAJ,EAAAA,2BAA2B,GAAGI,KAAK;AACrC,CAAC;AAOD,MAAMC,uBAAuB,GAAGA,CAACH,UAA0B,EAAEI,GAAW,KAAY;AAClF,EAAA,OAAOC,IAAI,CAACC,GAAG,CAACF,GAAG,GAAGG,wBAAwB,EAAER,qBAAqB,CAACC,UAAU,CAAC,CAAC,GAAGI,GAAG;AAC1F,CAAC;AAED,MAAMI,oBAAoB,GAAIR,UAA0B,IAAY;AAClE,EAAA,MAAMI,GAAG,GAAGK,IAAI,CAACL,GAAG,EAAE;AACtB,EAAA,MAAMM,OAAO,GAAGP,uBAAuB,CAACH,UAAU,EAAEI,GAAG,CAAC;EACxDH,qBAAqB,CAACD,UAAU,EAAEI,GAAG,GAAGM,OAAO,GAAGH,wBAAwB,CAAC;AAC3E,EAAA,OAAOG,OAAO;AAChB,CAAC;AAiBD;;;;;;;;;AASG;AACI,MAAMC,UAAU,GAAGA,CAAC;AACzB,EAAA,WAAW,EAAEC,QAAQ;EACrBC,gBAAgB;EAChBC,QAAQ;EACRC,SAAS;EACT,GAAGC;AAAK,CACQ,KAAI;EACpB,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;AAC3D,EAAA,MAAMC,mBAAmB,GACvBP,gBAAgB,KACf,OAAOC,QAAQ,KAAK,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGO,SAAS,CAAC;AAEvFC,EAAAA,SAAS,CAAC,MAAK;IACbJ,iBAAiB,CAAC,KAAK,CAAC;IAExB,IAAIN,QAAQ,KAAK,KAAK,EAAE;AACtB,MAAA;AACF,IAAA;AAEA,IAAA,MAAMW,SAAS,GAAGC,MAAM,CAACC,UAAU,CACjC,MAAMP,iBAAiB,CAAC,IAAI,CAAC,EAC7BV,oBAAoB,CAACI,QAAQ,CAAC,CAC/B;AAED,IAAA,OAAO,MAAMY,MAAM,CAACE,YAAY,CAACH,SAAS,CAAC;AAC7C,EAAA,CAAC,EAAE,CAACX,QAAQ,EAAEQ,mBAAmB,CAAC,CAAC;EAEnC,IAAIR,QAAQ,KAAK,KAAK,EAAE;IACtB,oBAAOe,GAAA,CAAAC,QAAA,EAAA;AAAAd,MAAAA,QAAA,EAAGA;AAAQ,MAAI;AACxB,EAAA;AAEA,EAAA,oBACEa,GAAA,CAAA,KAAA,EAAA;AACEE,IAAAA,IAAI,EAAEnC,8BAA8B,CAACkB,QAAQ,CAAE;AAC/C,IAAA,WAAA,EAAWA,QAAS;AACpB,IAAA,aAAA,EAAY,MAAM;AAClBG,IAAAA,SAAS,EAAE,CAAA,eAAA,EAAkBA,SAAS,IAAI,EAAE,CAAA,CAAG;AAAA,IAAA,GAC3CC,KAAK;AAAAF,IAAAA,QAAA,eAETa,GAAA,CAAA,KAAA,EAAA;AAAK,MAAA,aAAA,EAAaV,cAAc,GAAGI,SAAS,GAAG,MAAO;AAAAP,MAAAA,QAAA,EAAEA;KAAc;AACxE,GAAK,CAAC;AAEV;;;;"}
+{"version":3,"file":"LiveRegion.mjs","sources":["../../../src/common/liveRegion/LiveRegion.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { WDS_LIVE_REGION_DELAY_MS } from '../constants';\n\nexport type AriaLive = 'off' | 'polite' | 'assertive';\n\ntype LivePoliteness = Exclude<AriaLive, 'off'>;\n\nconst LIVE_REGION_ROLE_BY_POLITENESS: Record<LivePoliteness, 'status' | 'alert'> = {\n  assertive: 'alert',\n  polite: 'status',\n};\n\nlet nextPoliteAnnouncementAt = 0;\nlet nextAssertiveAnnouncementAt = 0;\n\nconst getNextAnnouncementAt = (politeness: LivePoliteness): number => {\n  if (politeness === 'polite') {\n    return nextPoliteAnnouncementAt;\n  }\n\n  return nextAssertiveAnnouncementAt;\n};\n\nconst setNextAnnouncementAt = (politeness: LivePoliteness, value: number): void => {\n  if (politeness === 'polite') {\n    nextPoliteAnnouncementAt = value;\n    return;\n  }\n\n  nextAssertiveAnnouncementAt = value;\n};\n\nexport const resetLiveRegionAnnouncementQueue = (): void => {\n  nextPoliteAnnouncementAt = 0;\n  nextAssertiveAnnouncementAt = 0;\n};\n\nconst calcAnnouncementDelayMs = (politeness: LivePoliteness, now: number): number => {\n  return Math.max(now + WDS_LIVE_REGION_DELAY_MS, getNextAnnouncementAt(politeness)) - now;\n};\n\nconst scheduleAnnouncement = (politeness: LivePoliteness): number => {\n  const now = Date.now();\n  const delayMs = calcAnnouncementDelayMs(politeness, now);\n  setNextAnnouncementAt(politeness, now + delayMs + WDS_LIVE_REGION_DELAY_MS);\n  return delayMs;\n};\n\nexport interface LiveRegionProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'role' | 'aria-live' | 'aria-atomic'\n> {\n  /**\n   * Determines urgency: 'assertive' interrupts, 'polite' waits for idle, 'off' disables live region.\n   */\n  'aria-live': AriaLive;\n  /** Optional stable key that triggers a new announcement when it changes. */\n  announceOnChange?: string | number;\n  /** Test ID for testing tools */\n  'data-testid'?: string;\n  children?: ReactNode;\n}\n\n/**\n * Renders an ARIA live region with the correct implicit role.\n *\n * - `aria-live=\"polite\"` → `role=\"status\"`\n * - `aria-live=\"assertive\"` → `role=\"alert\"`\n * - `aria-live=\"off\"` → no live region (renders children unwrapped)\n *\n * The `role` prop is intentionally excluded from the public API\n * to prevent mismatches between `aria-live` and `role`.\n */\nexport const LiveRegion = ({\n  'aria-live': ariaLive,\n  announceOnChange,\n  children,\n  className,\n  ...props\n}: LiveRegionProps) => {\n  const [shouldAnnounce, setShouldAnnounce] = useState(false);\n  const announcementTrigger =\n    announceOnChange ??\n    (typeof children === 'string' || typeof children === 'number' ? children : undefined);\n\n  useEffect(() => {\n    if (ariaLive === 'off') {\n      return;\n    }\n\n    // Reset announcement state, then schedule new announcement\n    // This two-step process ensures screen readers re-announce the content\n    // eslint-disable-next-line react-hooks/set-state-in-effect -- Deliberately resetting state to force re-announcement for screen readers\n    setShouldAnnounce(false);\n\n    const timeoutId = window.setTimeout(\n      () => setShouldAnnounce(true),\n      scheduleAnnouncement(ariaLive),\n    );\n\n    return () => window.clearTimeout(timeoutId);\n  }, [ariaLive, announcementTrigger]);\n\n  if (ariaLive === 'off') {\n    return <>{children}</>;\n  }\n\n  return (\n    <div\n      role={LIVE_REGION_ROLE_BY_POLITENESS[ariaLive]}\n      aria-live={ariaLive}\n      aria-atomic=\"true\"\n      className={`wds-LiveRegion ${className ?? ''}`}\n      {...props}\n    >\n      <div aria-hidden={shouldAnnounce ? undefined : 'true'}>{children}</div>\n    </div>\n  );\n};\n"],"names":["LIVE_REGION_ROLE_BY_POLITENESS","assertive","polite","nextPoliteAnnouncementAt","nextAssertiveAnnouncementAt","getNextAnnouncementAt","politeness","setNextAnnouncementAt","value","calcAnnouncementDelayMs","now","Math","max","WDS_LIVE_REGION_DELAY_MS","scheduleAnnouncement","Date","delayMs","LiveRegion","ariaLive","announceOnChange","children","className","props","shouldAnnounce","setShouldAnnounce","useState","announcementTrigger","undefined","useEffect","timeoutId","window","setTimeout","clearTimeout","_jsx","_Fragment","role"],"mappings":";;;;AASA,MAAMA,8BAA8B,GAA+C;AACjFC,EAAAA,SAAS,EAAE,OAAO;AAClBC,EAAAA,MAAM,EAAE;CACT;AAED,IAAIC,wBAAwB,GAAG,CAAC;AAChC,IAAIC,2BAA2B,GAAG,CAAC;AAEnC,MAAMC,qBAAqB,GAAIC,UAA0B,IAAY;EACnE,IAAIA,UAAU,KAAK,QAAQ,EAAE;AAC3B,IAAA,OAAOH,wBAAwB;AACjC,EAAA;AAEA,EAAA,OAAOC,2BAA2B;AACpC,CAAC;AAED,MAAMG,qBAAqB,GAAGA,CAACD,UAA0B,EAAEE,KAAa,KAAU;EAChF,IAAIF,UAAU,KAAK,QAAQ,EAAE;AAC3BH,IAAAA,wBAAwB,GAAGK,KAAK;AAChC,IAAA;AACF,EAAA;AAEAJ,EAAAA,2BAA2B,GAAGI,KAAK;AACrC,CAAC;AAOD,MAAMC,uBAAuB,GAAGA,CAACH,UAA0B,EAAEI,GAAW,KAAY;AAClF,EAAA,OAAOC,IAAI,CAACC,GAAG,CAACF,GAAG,GAAGG,wBAAwB,EAAER,qBAAqB,CAACC,UAAU,CAAC,CAAC,GAAGI,GAAG;AAC1F,CAAC;AAED,MAAMI,oBAAoB,GAAIR,UAA0B,IAAY;AAClE,EAAA,MAAMI,GAAG,GAAGK,IAAI,CAACL,GAAG,EAAE;AACtB,EAAA,MAAMM,OAAO,GAAGP,uBAAuB,CAACH,UAAU,EAAEI,GAAG,CAAC;EACxDH,qBAAqB,CAACD,UAAU,EAAEI,GAAG,GAAGM,OAAO,GAAGH,wBAAwB,CAAC;AAC3E,EAAA,OAAOG,OAAO;AAChB,CAAC;AAiBD;;;;;;;;;AASG;AACI,MAAMC,UAAU,GAAGA,CAAC;AACzB,EAAA,WAAW,EAAEC,QAAQ;EACrBC,gBAAgB;EAChBC,QAAQ;EACRC,SAAS;EACT,GAAGC;AAAK,CACQ,KAAI;EACpB,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;AAC3D,EAAA,MAAMC,mBAAmB,GACvBP,gBAAgB,KACf,OAAOC,QAAQ,KAAK,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGO,SAAS,CAAC;AAEvFC,EAAAA,SAAS,CAAC,MAAK;IACb,IAAIV,QAAQ,KAAK,KAAK,EAAE;AACtB,MAAA;AACF,IAAA;AAEA;AACA;AACA;IACAM,iBAAiB,CAAC,KAAK,CAAC;AAExB,IAAA,MAAMK,SAAS,GAAGC,MAAM,CAACC,UAAU,CACjC,MAAMP,iBAAiB,CAAC,IAAI,CAAC,EAC7BV,oBAAoB,CAACI,QAAQ,CAAC,CAC/B;AAED,IAAA,OAAO,MAAMY,MAAM,CAACE,YAAY,CAACH,SAAS,CAAC;AAC7C,EAAA,CAAC,EAAE,CAACX,QAAQ,EAAEQ,mBAAmB,CAAC,CAAC;EAEnC,IAAIR,QAAQ,KAAK,KAAK,EAAE;IACtB,oBAAOe,GAAA,CAAAC,QAAA,EAAA;AAAAd,MAAAA,QAAA,EAAGA;AAAQ,MAAI;AACxB,EAAA;AAEA,EAAA,oBACEa,GAAA,CAAA,KAAA,EAAA;AACEE,IAAAA,IAAI,EAAEnC,8BAA8B,CAACkB,QAAQ,CAAE;AAC/C,IAAA,WAAA,EAAWA,QAAS;AACpB,IAAA,aAAA,EAAY,MAAM;AAClBG,IAAAA,SAAS,EAAE,CAAA,eAAA,EAAkBA,SAAS,IAAI,EAAE,CAAA,CAAG;AAAA,IAAA,GAC3CC,KAAK;AAAAF,IAAAA,QAAA,eAETa,GAAA,CAAA,KAAA,EAAA;AAAK,MAAA,aAAA,EAAaV,cAAc,GAAGI,SAAS,GAAG,MAAO;AAAAP,MAAAA,QAAA,EAAEA;KAAc;AACxE,GAAK,CAAC;AAEV;;;;"}

package/build/dateInput/DateInput.js

@@ -117,10 +117,10 @@ const DateInput = ({
   const monthYearOnly = mode === dateMode.DateMode.MONTH_YEAR;
   const monthBeforeDay = getFormatForLocale.MDY.has(locale);
   const yearFirst = getFormatForLocale.YMD.has(locale);
-  dayLabel ||= formatMessage(DateInput_messages.default.dayLabel);
-  monthLabel ||= formatMessage(DateInput_messages.default.monthLabel);
-  yearLabel ||= formatMessage(DateInput_messages.default.yearLabel);
-  placeholders = {
+  const resolvedDayLabel = dayLabel || formatMessage(DateInput_messages.default.dayLabel);
+  const resolvedMonthLabel = monthLabel || formatMessage(DateInput_messages.default.monthLabel);
+  const resolvedYearLabel = yearLabel || formatMessage(DateInput_messages.default.yearLabel);
+  const resolvedPlaceholders = {
     day: placeholders?.day || formatMessage(DateInput_messages.default.dayPlaceholder),
     month: placeholders?.month || formatMessage(DateInput_messages.default.monthLabel),
     year: placeholders?.year || formatMessage(DateInput_messages.default.yearPlaceholder)
@@ -161,14 +161,14 @@ const DateInput = ({
       className: "d-flex flex-column",
       children: [/*#__PURE__*/jsxRuntime.jsx(Body.default, {
         type: typography.Typography.BODY_DEFAULT,
-        children: monthLabel
+        children: resolvedMonthLabel
       }), /*#__PURE__*/jsxRuntime.jsx(SelectInput.SelectInput, {
         triggerRef: monthRef,
         id: `${id}:month`,
         parentId: DATE_INPUT_PARENT_ID,
         name: "month",
         disabled: disabled,
-        placeholder: placeholders?.month,
+        placeholder: resolvedPlaceholders.month,
         items: Array.from({
           length: 12
         }, (_, index) => ({
@@ -265,7 +265,7 @@ const DateInput = ({
       children: /*#__PURE__*/jsxRuntime.jsxs("label", {
         children: [/*#__PURE__*/jsxRuntime.jsx(Body.default, {
           type: typography.Typography.BODY_DEFAULT,
-          children: dayLabel
+          children: resolvedDayLabel
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
           className: `input-group input-group-${size$1} ${disabled ? 'disabled' : ''}`,
           children: /*#__PURE__*/jsxRuntime.jsx(Input.Input, {
@@ -277,7 +277,7 @@ const DateInput = ({
             name: "day",
             autoComplete: dayAutoComplete,
             value: displayDay || '',
-            placeholder: placeholders?.day,
+            placeholder: resolvedPlaceholders.day,
             disabled: disabled,
             min: 1,
             max: 31,
@@ -294,7 +294,7 @@ const DateInput = ({
       children: /*#__PURE__*/jsxRuntime.jsxs("label", {
         children: [/*#__PURE__*/jsxRuntime.jsx(Body.default, {
           type: typography.Typography.BODY_DEFAULT,
-          children: yearLabel
+          children: resolvedYearLabel
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
           className: `input-group input-group-${size$1} ${disabled ? 'disabled' : ''}`,
           children: /*#__PURE__*/jsxRuntime.jsx(Input.Input, {
@@ -305,7 +305,7 @@ const DateInput = ({
             pattern: "[0-9]*",
             name: "year",
             autoComplete: yearAutoComplete,
-            placeholder: placeholders?.year,
+            placeholder: resolvedPlaceholders.year,
             value: displayYear || '',
             disabled: disabled,
             min: 0,

package/build/dateInput/DateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.js","sources":["../../src/dateInput/DateInput.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Body from '../body';\nimport { Input } from '../inputs/Input';\nimport {\n  SelectInput,\n  SelectInputOptionContent,\n  type SelectInputProps,\n} from '../inputs/SelectInput';\nimport {\n  DateMode,\n  MonthFormat,\n  Size,\n  SizeLarge,\n  SizeMedium,\n  SizeSmall,\n  Typography,\n} from '../common';\nimport { MDY, YMD, getMonthNames, isDateValid, isMonthAndYearFormat } from '../common/dateUtils';\nimport { useFieldLabelRef, useInputAttributes } from '../inputs/contexts';\nimport messages from './DateInput.messages';\nimport { convertToLocalMidnight } from './utils';\n\nexport interface DateInputProps {\n  /** @deprecated Use `Field` wrapper or the `aria-labelledby` attribute instead. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  /** @default false */\n  disabled?: boolean;\n  /** @default 'md' */\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  value?: Date | string;\n  onChange: (value: string | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLDivElement | HTMLFieldSetElement>;\n  onBlur?: React.FocusEventHandler<HTMLDivElement | HTMLFieldSetElement>;\n  dayLabel?: string;\n  dayAutoComplete?: string;\n  monthLabel?: string;\n  yearLabel?: string;\n  yearAutoComplete?: string;\n  /** @default 'long' */\n  monthFormat?: `${MonthFormat}`;\n  /** @default 'day-month-year' */\n  mode?: `${DateMode}`;\n  placeholders?: {\n    day?: string;\n    month?: string;\n    year?: string;\n  };\n  id?: string;\n  /** @default {} */\n  selectProps?: Partial<SelectInputProps<number | null>>;\n}\n\n/**\n * To be passed to SelectInput's parentId prop for correct blur handling.\n */\nconst DATE_INPUT_PARENT_ID = 'dateInput';\n\nconst DateInput = ({\n  'aria-labelledby': ariaLabelledByProp,\n  'aria-label': ariaLabel,\n  disabled = false,\n  size = Size.MEDIUM,\n  value,\n  dayLabel,\n  dayAutoComplete,\n  monthLabel,\n  yearLabel,\n  yearAutoComplete,\n  monthFormat = MonthFormat.LONG,\n  mode = DateMode.DAY_MONTH_YEAR,\n  onChange,\n  onFocus,\n  onBlur,\n  placeholders,\n  id: idProp,\n  selectProps = {},\n}: DateInputProps) => {\n  const inputAttributes = useInputAttributes({ nonLabelable: true });\n  const fieldLabelRef = useFieldLabelRef();\n  const dayRef = useRef<HTMLInputElement>(null);\n  const monthRef = useRef<HTMLButtonElement>(null);\n  const yearRef = useRef<HTMLInputElement>(null);\n  const id = idProp ?? inputAttributes.id;\n  const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes['aria-labelledby'];\n\n  const { locale, formatMessage } = useIntl();\n\n  const getDateObject = (): Date | undefined => {\n    if (value && isDateValid(value)) {\n      return typeof value === 'string' ? convertToLocalMidnight(value) : value;\n    }\n    return undefined;\n  };\n\n  const getInitialDate = (unit: 'year' | 'month' | 'day'): number | null => {\n    if (value && isDateValid(value)) {\n      const dateObject = getDateObject();\n\n      if (typeof value === 'string' && isMonthAndYearFormat(value) && unit === 'day') {\n        return null;\n      }\n\n      if (dateObject !== undefined) {\n        switch (unit) {\n          case 'year':\n            return dateObject.getFullYear();\n          case 'month':\n            return dateObject.getMonth();\n          case 'day':\n            return dateObject.getDate();\n          default:\n            return null;\n        }\n      }\n    }\n    return null;\n  };\n\n  const [day, setDay] = useState(() => getInitialDate('day'));\n  const [displayDay, setDisplayDay] = useState(day?.toString());\n  const [month, setMonth] = useState(() => getInitialDate('month'));\n  const [year, setYear] = useState(() => getInitialDate('year'));\n  const [displayYear, setDisplayYear] = useState(year?.toString());\n  const [lastBroadcastedValue, setLastBroadcastedValue] = useState<Date | null | undefined>(\n    getDateObject,\n  );\n  const monthNames = getMonthNames(locale, monthFormat);\n\n  const monthYearOnly = mode === DateMode.MONTH_YEAR;\n  const monthBeforeDay = MDY.has(locale);\n  const yearFirst = YMD.has(locale);\n\n  dayLabel ||= formatMessage(messages.dayLabel);\n  monthLabel ||= formatMessage(messages.monthLabel);\n  yearLabel ||= formatMessage(messages.yearLabel);\n  placeholders = {\n    day: placeholders?.day || formatMessage(messages.dayPlaceholder),\n    month: placeholders?.month || formatMessage(messages.monthLabel),\n    year: placeholders?.year || formatMessage(messages.yearPlaceholder),\n  };\n\n  useEffect(() => {\n    const labelRef = fieldLabelRef?.current;\n\n    if (labelRef) {\n      const handleLabelClick = () => {\n        // Not the best way to do this, but we're forced to recreate the native Label-click behavior\n        if (monthYearOnly || monthBeforeDay) {\n          monthRef.current?.click();\n        } else if (yearFirst) {\n          yearRef.current?.focus();\n        } else {\n          dayRef.current?.focus();\n        }\n      };\n\n      labelRef.addEventListener('click', handleLabelClick);\n\n      return () => {\n        labelRef?.removeEventListener('click', handleLabelClick);\n      };\n    }\n  }, [fieldLabelRef, id, monthBeforeDay, monthYearOnly, yearFirst]);\n\n  const getDateAsString = (date: Date) => {\n    if (!isDateValid(date)) {\n      return '';\n    }\n    switch (mode) {\n      case DateMode.MONTH_YEAR:\n        return [date.getFullYear(), `0${date.getMonth() + 1}`.slice(-2)].join('-');\n      case DateMode.DAY_MONTH_YEAR:\n      default:\n        return [\n          date.getFullYear(),\n          `0${date.getMonth() + 1}`.slice(-2),\n          `0${date.getDate()}`.slice(-2),\n        ].join('-');\n    }\n  };\n\n  const getSelectElement = () => {\n    return (\n      <label className=\"d-flex flex-column\">\n        <Body type={Typography.BODY_DEFAULT}>{monthLabel}</Body>\n        <SelectInput\n          triggerRef={monthRef}\n          id={`${id}:month`}\n          parentId={DATE_INPUT_PARENT_ID}\n          name=\"month\"\n          disabled={disabled}\n          placeholder={placeholders?.month}\n          items={Array.from({ length: 12 }, (_, index) => ({ type: 'option', value: index }))}\n          size={size}\n          value={month}\n          renderValue={(selectedValue) => (\n            <SelectInputOptionContent title={monthNames[selectedValue]} />\n          )}\n          onChange={(selectedValue) => handleMonthChange(selectedValue)}\n          {...selectProps}\n        />\n      </label>\n    );\n  };\n\n  const isDayValid = (newDay: number, newMonth: number, newYear: number) => {\n    const maxDay = new Date(newYear, newMonth + 1, 0).getDate();\n    return newDay <= maxDay;\n  };\n\n  const handleInternalValue = (newDay = day, newMonth = month, newYear = year) => {\n    if (newDay == null || newDay === 0 || newMonth == null || newYear == null || newYear === 0) {\n      broadcastNewValue(null);\n      return;\n    }\n    if (!isDayValid(newDay, newMonth, newYear)) {\n      broadcastNewValue(null);\n      return;\n    }\n\n    const dateValue = new Date(newYear, newMonth, newDay);\n    if (newYear < 100) {\n      dateValue.setFullYear(newYear);\n    }\n\n    if (!isDateValid(dateValue)) {\n      broadcastNewValue(null);\n      return;\n    }\n\n    if (mode === DateMode.MONTH_YEAR) {\n      if (newMonth !== month || newYear !== year) {\n        broadcastNewValue(dateValue);\n      }\n    } else if (newDay !== day || newMonth !== month || newYear !== year) {\n      broadcastNewValue(dateValue);\n    }\n  };\n\n  const handleDayChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newDayString = event.target.value.replace(/\\D/g, '');\n    const newDayNumber = Number.parseInt(newDayString, 10);\n\n    setDay(newDayNumber);\n    setDisplayDay(newDayString);\n    handleInternalValue(newDayNumber, month, year);\n  };\n\n  const handleMonthChange = (selectedMonth: number | null) => {\n    if (selectedMonth === null) {\n      setMonth(null);\n      handleInternalValue(day, null, year);\n      return;\n    }\n    setMonth(selectedMonth);\n    handleInternalValue(day, selectedMonth, year);\n  };\n\n  const handleYearChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newYearString = event.target.value.replace(/\\D/g, '');\n    const newYearNumber = Number.parseInt(newYearString, 10);\n\n    if (newYearString.length >= 4 && newYearString.length <= 6) {\n      setYear(newYearNumber);\n      setDisplayYear(newYearString);\n      handleInternalValue(day, month, newYearNumber);\n    } else {\n      setYear(null);\n      setDisplayYear(newYearString);\n      handleInternalValue(day, month, null);\n    }\n  };\n\n  const broadcastNewValue = (newValue: Date | null) => {\n    if (newValue !== lastBroadcastedValue) {\n      setLastBroadcastedValue(newValue);\n      onChange(newValue != null ? getDateAsString(newValue) : null);\n    }\n  };\n\n  const monthWidth = clsx({\n    'col-sm-8 tw-date--month': monthYearOnly,\n    'col-sm-5 tw-date--month': !monthYearOnly,\n  });\n\n  const getMonth = () => {\n    return <div className={monthWidth}>{getSelectElement()}</div>;\n  };\n\n  const getDay = () => {\n    return (\n      <div className=\"col-sm-3 tw-date--day\">\n        <label>\n          <Body type={Typography.BODY_DEFAULT}>{dayLabel}</Body>\n          <div className={`input-group input-group-${size} ${disabled ? 'disabled' : ''}`}>\n            <Input\n              ref={dayRef}\n              id={`${id}:day`}\n              type=\"text\"\n              inputMode=\"numeric\"\n              pattern=\"[0-9]*\"\n              name=\"day\"\n              autoComplete={dayAutoComplete}\n              value={displayDay || ''}\n              placeholder={placeholders?.day}\n              disabled={disabled}\n              min={1}\n              max={31}\n              maxLength={2}\n              onChange={(event) => handleDayChange(event)}\n            />\n          </div>\n        </label>\n      </div>\n    );\n  };\n\n  const getYear = () => {\n    return (\n      <div className=\"col-sm-4 tw-date--year\">\n        <label>\n          <Body type={Typography.BODY_DEFAULT}>{yearLabel}</Body>\n          <div className={`input-group input-group-${size} ${disabled ? 'disabled' : ''}`}>\n            <Input\n              ref={yearRef}\n              id={`${id}:year`}\n              type=\"text\"\n              inputMode=\"numeric\"\n              pattern=\"[0-9]*\"\n              name=\"year\"\n              autoComplete={yearAutoComplete}\n              placeholder={placeholders?.year}\n              value={displayYear || ''}\n              disabled={disabled}\n              min={0}\n              max={9999}\n              maxLength={6}\n              onChange={(event) => handleYearChange(event)}\n            />\n          </div>\n        </label>\n      </div>\n    );\n  };\n\n  return (\n    <fieldset\n      id={id}\n      className=\"tw-date\"\n      aria-describedby={inputAttributes['aria-describedby']}\n      aria-invalid={inputAttributes['aria-invalid']}\n      aria-labelledby={ariaLabelledBy}\n      aria-label={ariaLabel}\n      data-wds-dateinput=\"\"\n      onFocus={(event) =>\n        shouldPropagateOnFocus(event) ? onFocus?.(event) : event.stopPropagation()\n      }\n      onBlur={(event) => (shouldPropagateOnBlur(event) ? onBlur?.(event) : event.stopPropagation())}\n    >\n      <div className=\"row\">\n        {(() => {\n          if (monthYearOnly) {\n            return (\n              <>\n                {!yearFirst && getMonth()}\n                {getYear()}\n                {yearFirst && getMonth()}\n              </>\n            );\n          }\n          if (monthBeforeDay) {\n            return (\n              <>\n                {getMonth()}\n                {getDay()}\n                {getYear()}\n              </>\n            );\n          }\n          if (yearFirst) {\n            return (\n              <>\n                {getYear()}\n                {getMonth()}\n                {getDay()}\n              </>\n            );\n          }\n          return (\n            <>\n              {getDay()}\n              {getMonth()}\n              {getYear()}\n            </>\n          );\n        })()}\n      </div>\n    </fieldset>\n  );\n};\n\n// Should only propagate if the relatedTarget is not part of this DateInput component.\nfunction shouldPropagateOnFocus({\n  target,\n  relatedTarget,\n}: Pick<React.FocusEvent, 'target' | 'relatedTarget'>) {\n  const blurredElementParent = target.closest('[data-wds-dateinput]');\n  const focusedElementParent = relatedTarget?.closest('[data-wds-dateinput]');\n  return blurredElementParent !== focusedElementParent;\n}\n\n// Should only propagate if the focus-gaining element is not part\n// of this DateInput component or the (dropdown) of the month select.\nfunction shouldPropagateOnBlur({\n  target,\n  relatedTarget,\n}: Pick<React.FocusEvent, 'target' | 'relatedTarget'>) {\n  const blurredElementParent = target.closest('[data-wds-dateinput]');\n  const focusedElementParent = relatedTarget?.closest('[data-wds-dateinput]');\n\n  return (\n    blurredElementParent !== focusedElementParent &&\n    !target?.closest(`[data-wds-parent=\"${DATE_INPUT_PARENT_ID}\"]`) &&\n    !relatedTarget?.closest(`[data-wds-parent=\"${DATE_INPUT_PARENT_ID}\"]`)\n  );\n}\n\nexport default DateInput;\n"],"names":["DATE_INPUT_PARENT_ID","DateInput","ariaLabelledByProp","ariaLabel","disabled","size","Size","MEDIUM","value","dayLabel","dayAutoComplete","monthLabel","yearLabel","yearAutoComplete","monthFormat","MonthFormat","LONG","mode","DateMode","DAY_MONTH_YEAR","onChange","onFocus","onBlur","placeholders","id","idProp","selectProps","inputAttributes","useInputAttributes","nonLabelable","fieldLabelRef","useFieldLabelRef","dayRef","useRef","monthRef","yearRef","ariaLabelledBy","locale","formatMessage","useIntl","getDateObject","isDateValid","convertToLocalMidnight","undefined","getInitialDate","unit","dateObject","isMonthAndYearFormat","getFullYear","getMonth","getDate","day","setDay","useState","displayDay","setDisplayDay","toString","month","setMonth","year","setYear","displayYear","setDisplayYear","lastBroadcastedValue","setLastBroadcastedValue","monthNames","getMonthNames","monthYearOnly","MONTH_YEAR","monthBeforeDay","MDY","has","yearFirst","YMD","messages","dayPlaceholder","yearPlaceholder","useEffect","labelRef","current","handleLabelClick","click","focus","addEventListener","removeEventListener","getDateAsString","date","slice","join","getSelectElement","_jsxs","className","children","_jsx","Body","type","Typography","BODY_DEFAULT","SelectInput","triggerRef","parentId","name","placeholder","items","Array","from","length","_","index","renderValue","selectedValue","SelectInputOptionContent","title","handleMonthChange","isDayValid","newDay","newMonth","newYear","maxDay","Date","handleInternalValue","broadcastNewValue","dateValue","setFullYear","handleDayChange","event","newDayString","target","replace","newDayNumber","Number","parseInt","selectedMonth","handleYearChange","newYearString","newYearNumber","newValue","monthWidth","clsx","getDay","Input","ref","inputMode","pattern","autoComplete","min","max","maxLength","getYear","shouldPropagateOnFocus","stopPropagation","shouldPropagateOnBlur","_Fragment","relatedTarget","blurredElementParent","closest","focusedElementParent"],"mappings":"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"}
+{"version":3,"file":"DateInput.js","sources":["../../src/dateInput/DateInput.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Body from '../body';\nimport { Input } from '../inputs/Input';\nimport {\n  SelectInput,\n  SelectInputOptionContent,\n  type SelectInputProps,\n} from '../inputs/SelectInput';\nimport {\n  DateMode,\n  MonthFormat,\n  Size,\n  SizeLarge,\n  SizeMedium,\n  SizeSmall,\n  Typography,\n} from '../common';\nimport { MDY, YMD, getMonthNames, isDateValid, isMonthAndYearFormat } from '../common/dateUtils';\nimport { useFieldLabelRef, useInputAttributes } from '../inputs/contexts';\nimport messages from './DateInput.messages';\nimport { convertToLocalMidnight } from './utils';\n\nexport interface DateInputProps {\n  /** @deprecated Use `Field` wrapper or the `aria-labelledby` attribute instead. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  /** @default false */\n  disabled?: boolean;\n  /** @default 'md' */\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  value?: Date | string;\n  onChange: (value: string | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLDivElement | HTMLFieldSetElement>;\n  onBlur?: React.FocusEventHandler<HTMLDivElement | HTMLFieldSetElement>;\n  dayLabel?: string;\n  dayAutoComplete?: string;\n  monthLabel?: string;\n  yearLabel?: string;\n  yearAutoComplete?: string;\n  /** @default 'long' */\n  monthFormat?: `${MonthFormat}`;\n  /** @default 'day-month-year' */\n  mode?: `${DateMode}`;\n  placeholders?: {\n    day?: string;\n    month?: string;\n    year?: string;\n  };\n  id?: string;\n  /** @default {} */\n  selectProps?: Partial<SelectInputProps<number | null>>;\n}\n\n/**\n * To be passed to SelectInput's parentId prop for correct blur handling.\n */\nconst DATE_INPUT_PARENT_ID = 'dateInput';\n\nconst DateInput = ({\n  'aria-labelledby': ariaLabelledByProp,\n  'aria-label': ariaLabel,\n  disabled = false,\n  size = Size.MEDIUM,\n  value,\n  dayLabel,\n  dayAutoComplete,\n  monthLabel,\n  yearLabel,\n  yearAutoComplete,\n  monthFormat = MonthFormat.LONG,\n  mode = DateMode.DAY_MONTH_YEAR,\n  onChange,\n  onFocus,\n  onBlur,\n  placeholders,\n  id: idProp,\n  selectProps = {},\n}: DateInputProps) => {\n  const inputAttributes = useInputAttributes({ nonLabelable: true });\n  const fieldLabelRef = useFieldLabelRef();\n  const dayRef = useRef<HTMLInputElement>(null);\n  const monthRef = useRef<HTMLButtonElement>(null);\n  const yearRef = useRef<HTMLInputElement>(null);\n  const id = idProp ?? inputAttributes.id;\n  const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes['aria-labelledby'];\n\n  const { locale, formatMessage } = useIntl();\n\n  const getDateObject = (): Date | undefined => {\n    if (value && isDateValid(value)) {\n      return typeof value === 'string' ? convertToLocalMidnight(value) : value;\n    }\n    return undefined;\n  };\n\n  const getInitialDate = (unit: 'year' | 'month' | 'day'): number | null => {\n    if (value && isDateValid(value)) {\n      const dateObject = getDateObject();\n\n      if (typeof value === 'string' && isMonthAndYearFormat(value) && unit === 'day') {\n        return null;\n      }\n\n      if (dateObject !== undefined) {\n        switch (unit) {\n          case 'year':\n            return dateObject.getFullYear();\n          case 'month':\n            return dateObject.getMonth();\n          case 'day':\n            return dateObject.getDate();\n          default:\n            return null;\n        }\n      }\n    }\n    return null;\n  };\n\n  const [day, setDay] = useState(() => getInitialDate('day'));\n  const [displayDay, setDisplayDay] = useState(day?.toString());\n  const [month, setMonth] = useState(() => getInitialDate('month'));\n  const [year, setYear] = useState(() => getInitialDate('year'));\n  const [displayYear, setDisplayYear] = useState(year?.toString());\n  const [lastBroadcastedValue, setLastBroadcastedValue] = useState<Date | null | undefined>(\n    getDateObject,\n  );\n  const monthNames = getMonthNames(locale, monthFormat);\n\n  const monthYearOnly = mode === DateMode.MONTH_YEAR;\n  const monthBeforeDay = MDY.has(locale);\n  const yearFirst = YMD.has(locale);\n\n  const resolvedDayLabel = dayLabel || formatMessage(messages.dayLabel);\n  const resolvedMonthLabel = monthLabel || formatMessage(messages.monthLabel);\n  const resolvedYearLabel = yearLabel || formatMessage(messages.yearLabel);\n  const resolvedPlaceholders = {\n    day: placeholders?.day || formatMessage(messages.dayPlaceholder),\n    month: placeholders?.month || formatMessage(messages.monthLabel),\n    year: placeholders?.year || formatMessage(messages.yearPlaceholder),\n  };\n\n  useEffect(() => {\n    const labelRef = fieldLabelRef?.current;\n\n    if (labelRef) {\n      const handleLabelClick = () => {\n        // Not the best way to do this, but we're forced to recreate the native Label-click behavior\n        if (monthYearOnly || monthBeforeDay) {\n          monthRef.current?.click();\n        } else if (yearFirst) {\n          yearRef.current?.focus();\n        } else {\n          dayRef.current?.focus();\n        }\n      };\n\n      labelRef.addEventListener('click', handleLabelClick);\n\n      return () => {\n        labelRef?.removeEventListener('click', handleLabelClick);\n      };\n    }\n  }, [fieldLabelRef, id, monthBeforeDay, monthYearOnly, yearFirst]);\n\n  const getDateAsString = (date: Date) => {\n    if (!isDateValid(date)) {\n      return '';\n    }\n    switch (mode) {\n      case DateMode.MONTH_YEAR:\n        return [date.getFullYear(), `0${date.getMonth() + 1}`.slice(-2)].join('-');\n      case DateMode.DAY_MONTH_YEAR:\n      default:\n        return [\n          date.getFullYear(),\n          `0${date.getMonth() + 1}`.slice(-2),\n          `0${date.getDate()}`.slice(-2),\n        ].join('-');\n    }\n  };\n\n  const getSelectElement = () => {\n    return (\n      <label className=\"d-flex flex-column\">\n        <Body type={Typography.BODY_DEFAULT}>{resolvedMonthLabel}</Body>\n        <SelectInput\n          triggerRef={monthRef}\n          id={`${id}:month`}\n          parentId={DATE_INPUT_PARENT_ID}\n          name=\"month\"\n          disabled={disabled}\n          placeholder={resolvedPlaceholders.month}\n          items={Array.from({ length: 12 }, (_, index) => ({ type: 'option', value: index }))}\n          size={size}\n          value={month}\n          renderValue={(selectedValue) => (\n            <SelectInputOptionContent title={monthNames[selectedValue]} />\n          )}\n          onChange={(selectedValue) => handleMonthChange(selectedValue)}\n          {...selectProps}\n        />\n      </label>\n    );\n  };\n\n  const isDayValid = (newDay: number, newMonth: number, newYear: number) => {\n    const maxDay = new Date(newYear, newMonth + 1, 0).getDate();\n    return newDay <= maxDay;\n  };\n\n  const handleInternalValue = (newDay = day, newMonth = month, newYear = year) => {\n    if (newDay == null || newDay === 0 || newMonth == null || newYear == null || newYear === 0) {\n      broadcastNewValue(null);\n      return;\n    }\n    if (!isDayValid(newDay, newMonth, newYear)) {\n      broadcastNewValue(null);\n      return;\n    }\n\n    const dateValue = new Date(newYear, newMonth, newDay);\n    if (newYear < 100) {\n      dateValue.setFullYear(newYear);\n    }\n\n    if (!isDateValid(dateValue)) {\n      broadcastNewValue(null);\n      return;\n    }\n\n    if (mode === DateMode.MONTH_YEAR) {\n      if (newMonth !== month || newYear !== year) {\n        broadcastNewValue(dateValue);\n      }\n    } else if (newDay !== day || newMonth !== month || newYear !== year) {\n      broadcastNewValue(dateValue);\n    }\n  };\n\n  const handleDayChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newDayString = event.target.value.replace(/\\D/g, '');\n    const newDayNumber = Number.parseInt(newDayString, 10);\n\n    setDay(newDayNumber);\n    setDisplayDay(newDayString);\n    handleInternalValue(newDayNumber, month, year);\n  };\n\n  const handleMonthChange = (selectedMonth: number | null) => {\n    if (selectedMonth === null) {\n      setMonth(null);\n      handleInternalValue(day, null, year);\n      return;\n    }\n    setMonth(selectedMonth);\n    handleInternalValue(day, selectedMonth, year);\n  };\n\n  const handleYearChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newYearString = event.target.value.replace(/\\D/g, '');\n    const newYearNumber = Number.parseInt(newYearString, 10);\n\n    if (newYearString.length >= 4 && newYearString.length <= 6) {\n      setYear(newYearNumber);\n      setDisplayYear(newYearString);\n      handleInternalValue(day, month, newYearNumber);\n    } else {\n      setYear(null);\n      setDisplayYear(newYearString);\n      handleInternalValue(day, month, null);\n    }\n  };\n\n  const broadcastNewValue = (newValue: Date | null) => {\n    if (newValue !== lastBroadcastedValue) {\n      setLastBroadcastedValue(newValue);\n      onChange(newValue != null ? getDateAsString(newValue) : null);\n    }\n  };\n\n  const monthWidth = clsx({\n    'col-sm-8 tw-date--month': monthYearOnly,\n    'col-sm-5 tw-date--month': !monthYearOnly,\n  });\n\n  const getMonth = () => {\n    return <div className={monthWidth}>{getSelectElement()}</div>;\n  };\n\n  const getDay = () => {\n    return (\n      <div className=\"col-sm-3 tw-date--day\">\n        <label>\n          <Body type={Typography.BODY_DEFAULT}>{resolvedDayLabel}</Body>\n          <div className={`input-group input-group-${size} ${disabled ? 'disabled' : ''}`}>\n            <Input\n              ref={dayRef}\n              id={`${id}:day`}\n              type=\"text\"\n              inputMode=\"numeric\"\n              pattern=\"[0-9]*\"\n              name=\"day\"\n              autoComplete={dayAutoComplete}\n              value={displayDay || ''}\n              placeholder={resolvedPlaceholders.day}\n              disabled={disabled}\n              min={1}\n              max={31}\n              maxLength={2}\n              onChange={(event) => handleDayChange(event)}\n            />\n          </div>\n        </label>\n      </div>\n    );\n  };\n\n  const getYear = () => {\n    return (\n      <div className=\"col-sm-4 tw-date--year\">\n        <label>\n          <Body type={Typography.BODY_DEFAULT}>{resolvedYearLabel}</Body>\n          <div className={`input-group input-group-${size} ${disabled ? 'disabled' : ''}`}>\n            <Input\n              ref={yearRef}\n              id={`${id}:year`}\n              type=\"text\"\n              inputMode=\"numeric\"\n              pattern=\"[0-9]*\"\n              name=\"year\"\n              autoComplete={yearAutoComplete}\n              placeholder={resolvedPlaceholders.year}\n              value={displayYear || ''}\n              disabled={disabled}\n              min={0}\n              max={9999}\n              maxLength={6}\n              onChange={(event) => handleYearChange(event)}\n            />\n          </div>\n        </label>\n      </div>\n    );\n  };\n\n  return (\n    <fieldset\n      id={id}\n      className=\"tw-date\"\n      aria-describedby={inputAttributes['aria-describedby']}\n      aria-invalid={inputAttributes['aria-invalid']}\n      aria-labelledby={ariaLabelledBy}\n      aria-label={ariaLabel}\n      data-wds-dateinput=\"\"\n      onFocus={(event) =>\n        shouldPropagateOnFocus(event) ? onFocus?.(event) : event.stopPropagation()\n      }\n      onBlur={(event) => (shouldPropagateOnBlur(event) ? onBlur?.(event) : event.stopPropagation())}\n    >\n      <div className=\"row\">\n        {(() => {\n          if (monthYearOnly) {\n            return (\n              <>\n                {!yearFirst && getMonth()}\n                {getYear()}\n                {yearFirst && getMonth()}\n              </>\n            );\n          }\n          if (monthBeforeDay) {\n            return (\n              <>\n                {getMonth()}\n                {getDay()}\n                {getYear()}\n              </>\n            );\n          }\n          if (yearFirst) {\n            return (\n              <>\n                {getYear()}\n                {getMonth()}\n                {getDay()}\n              </>\n            );\n          }\n          return (\n            <>\n              {getDay()}\n              {getMonth()}\n              {getYear()}\n            </>\n          );\n        })()}\n      </div>\n    </fieldset>\n  );\n};\n\n// Should only propagate if the relatedTarget is not part of this DateInput component.\nfunction shouldPropagateOnFocus({\n  target,\n  relatedTarget,\n}: Pick<React.FocusEvent, 'target' | 'relatedTarget'>) {\n  const blurredElementParent = target.closest('[data-wds-dateinput]');\n  const focusedElementParent = relatedTarget?.closest('[data-wds-dateinput]');\n  return blurredElementParent !== focusedElementParent;\n}\n\n// Should only propagate if the focus-gaining element is not part\n// of this DateInput component or the (dropdown) of the month select.\nfunction shouldPropagateOnBlur({\n  target,\n  relatedTarget,\n}: Pick<React.FocusEvent, 'target' | 'relatedTarget'>) {\n  const blurredElementParent = target.closest('[data-wds-dateinput]');\n  const focusedElementParent = relatedTarget?.closest('[data-wds-dateinput]');\n\n  return (\n    blurredElementParent !== focusedElementParent &&\n    !target?.closest(`[data-wds-parent=\"${DATE_INPUT_PARENT_ID}\"]`) &&\n    !relatedTarget?.closest(`[data-wds-parent=\"${DATE_INPUT_PARENT_ID}\"]`)\n  );\n}\n\nexport default DateInput;\n"],"names":["DATE_INPUT_PARENT_ID","DateInput","ariaLabelledByProp","ariaLabel","disabled","size","Size","MEDIUM","value","dayLabel","dayAutoComplete","monthLabel","yearLabel","yearAutoComplete","monthFormat","MonthFormat","LONG","mode","DateMode","DAY_MONTH_YEAR","onChange","onFocus","onBlur","placeholders","id","idProp","selectProps","inputAttributes","useInputAttributes","nonLabelable","fieldLabelRef","useFieldLabelRef","dayRef","useRef","monthRef","yearRef","ariaLabelledBy","locale","formatMessage","useIntl","getDateObject","isDateValid","convertToLocalMidnight","undefined","getInitialDate","unit","dateObject","isMonthAndYearFormat","getFullYear","getMonth","getDate","day","setDay","useState","displayDay","setDisplayDay","toString","month","setMonth","year","setYear","displayYear","setDisplayYear","lastBroadcastedValue","setLastBroadcastedValue","monthNames","getMonthNames","monthYearOnly","MONTH_YEAR","monthBeforeDay","MDY","has","yearFirst","YMD","resolvedDayLabel","messages","resolvedMonthLabel","resolvedYearLabel","resolvedPlaceholders","dayPlaceholder","yearPlaceholder","useEffect","labelRef","current","handleLabelClick","click","focus","addEventListener","removeEventListener","getDateAsString","date","slice","join","getSelectElement","_jsxs","className","children","_jsx","Body","type","Typography","BODY_DEFAULT","SelectInput","triggerRef","parentId","name","placeholder","items","Array","from","length","_","index","renderValue","selectedValue","SelectInputOptionContent","title","handleMonthChange","isDayValid","newDay","newMonth","newYear","maxDay","Date","handleInternalValue","broadcastNewValue","dateValue","setFullYear","handleDayChange","event","newDayString","target","replace","newDayNumber","Number","parseInt","selectedMonth","handleYearChange","newYearString","newYearNumber","newValue","monthWidth","clsx","getDay","Input","ref","inputMode","pattern","autoComplete","min","max","maxLength","getYear","shouldPropagateOnFocus","stopPropagation","shouldPropagateOnBlur","_Fragment","relatedTarget","blurredElementParent","closest","focusedElementParent"],"mappings":"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"}

package/build/dateInput/DateInput.mjs

@@ -113,10 +113,10 @@ const DateInput = ({
   const monthYearOnly = mode === DateMode.MONTH_YEAR;
   const monthBeforeDay = MDY.has(locale);
   const yearFirst = YMD.has(locale);
-  dayLabel ||= formatMessage(messages.dayLabel);
-  monthLabel ||= formatMessage(messages.monthLabel);
-  yearLabel ||= formatMessage(messages.yearLabel);
-  placeholders = {
+  const resolvedDayLabel = dayLabel || formatMessage(messages.dayLabel);
+  const resolvedMonthLabel = monthLabel || formatMessage(messages.monthLabel);
+  const resolvedYearLabel = yearLabel || formatMessage(messages.yearLabel);
+  const resolvedPlaceholders = {
     day: placeholders?.day || formatMessage(messages.dayPlaceholder),
     month: placeholders?.month || formatMessage(messages.monthLabel),
     year: placeholders?.year || formatMessage(messages.yearPlaceholder)
@@ -157,14 +157,14 @@ const DateInput = ({
       className: "d-flex flex-column",
       children: [/*#__PURE__*/jsx(Body, {
         type: Typography.BODY_DEFAULT,
-        children: monthLabel
+        children: resolvedMonthLabel
       }), /*#__PURE__*/jsx(SelectInput, {
         triggerRef: monthRef,
         id: `${id}:month`,
         parentId: DATE_INPUT_PARENT_ID,
         name: "month",
         disabled: disabled,
-        placeholder: placeholders?.month,
+        placeholder: resolvedPlaceholders.month,
         items: Array.from({
           length: 12
         }, (_, index) => ({
@@ -261,7 +261,7 @@ const DateInput = ({
       children: /*#__PURE__*/jsxs("label", {
         children: [/*#__PURE__*/jsx(Body, {
           type: Typography.BODY_DEFAULT,
-          children: dayLabel
+          children: resolvedDayLabel
         }), /*#__PURE__*/jsx("div", {
           className: `input-group input-group-${size} ${disabled ? 'disabled' : ''}`,
           children: /*#__PURE__*/jsx(Input, {
@@ -273,7 +273,7 @@ const DateInput = ({
             name: "day",
             autoComplete: dayAutoComplete,
             value: displayDay || '',
-            placeholder: placeholders?.day,
+            placeholder: resolvedPlaceholders.day,
             disabled: disabled,
             min: 1,
             max: 31,
@@ -290,7 +290,7 @@ const DateInput = ({
       children: /*#__PURE__*/jsxs("label", {
         children: [/*#__PURE__*/jsx(Body, {
           type: Typography.BODY_DEFAULT,
-          children: yearLabel
+          children: resolvedYearLabel
         }), /*#__PURE__*/jsx("div", {
           className: `input-group input-group-${size} ${disabled ? 'disabled' : ''}`,
           children: /*#__PURE__*/jsx(Input, {
@@ -301,7 +301,7 @@ const DateInput = ({
             pattern: "[0-9]*",
             name: "year",
             autoComplete: yearAutoComplete,
-            placeholder: placeholders?.year,
+            placeholder: resolvedPlaceholders.year,
             value: displayYear || '',
             disabled: disabled,
             min: 0,