@pega/cosmos-react-core 2.0.0-dev.19.0 → 2.0.0-dev.21.0

package/lib/components/Currency/CurrencyDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,GAAG,EAAW,MAAM,OAAO,CAAC;AAErF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAUtD,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wGAAwG;IACxG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2BAA2B;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE;QAClB;;WAEG;QACH,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB;;WAEG;QACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;KAC/B,CAAC;IACF,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAoD3E,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CurrencyDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,GAAG,EAAW,MAAM,OAAO,CAAC;AAErF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKtD,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wGAAwG;IACxG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;SAEK;IACL,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE;QAClB;;WAEG;QACH,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB;;WAEG;QACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;KAC/B,CAAC;IACF,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AAED,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAqC3E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/Currency/CurrencyDisplay.js

@@ -1,24 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo } from 'react';
 import { useConfiguration } from '../../hooks';
-import { getFormattedValue } from '../Number/utils';
-import { getCurrencyMaximumFractionDigits, getCurrencySymbol, isCurrencyISOCodeValid } from './utils';
-const CurrencyDisplay = forwardRef(({ value = '', currencyISOCode, alwaysShowISOCode, formattingOptions = {}, ...restProps }, ref) => {
+import { getDisplayValue } from './utils';
+const CurrencyDisplay = forwardRef(({ value = '', currencyISOCode, alwaysShowISOCode = false, formattingOptions = {}, ...restProps }, ref) => {
     const { locale } = useConfiguration();
     const { showDecimal = true, showGroupSeparators = true } = formattingOptions;
-    const validCurrencyISOCode = useMemo(() => (isCurrencyISOCodeValid(currencyISOCode) ? currencyISOCode : undefined), [currencyISOCode]);
-    const { symbol, symbolPlacement } = useMemo(() => getCurrencySymbol(locale, validCurrencyISOCode), [locale, validCurrencyISOCode]);
-    const maximumFractionDigits = useMemo(() => getCurrencyMaximumFractionDigits(locale, validCurrencyISOCode), [locale, validCurrencyISOCode]);
-    const addTrailingZeros = (valueToFormat) => {
-        let formattedValue = valueToFormat;
-        if (validCurrencyISOCode && !Number.isNaN(parseFloat(valueToFormat))) {
-            const [integer, fraction = ''] = valueToFormat.split('.');
-            formattedValue = `${integer}.${fraction.padEnd(maximumFractionDigits, '0')}`;
-        }
-        return formattedValue;
-    };
-    const symbolOrISOCode = alwaysShowISOCode ? validCurrencyISOCode : symbol;
-    return (_jsx("span", Object.assign({ ref: ref }, restProps, { children: value ? (`${symbolPlacement === 'before' ? symbolOrISOCode : ''}${getFormattedValue(!showDecimal ? value.split('.')[0] : addTrailingZeros(value), locale, showGroupSeparators, maximumFractionDigits)} ${symbolPlacement === 'after' ? symbolOrISOCode : ''}`) : (_jsx("span", Object.assign({ "aria-hidden": 'true' }, { children: "\u2013\u2013" }), void 0)) }), void 0));
+    const displayValue = useMemo(() => value ? (getDisplayValue({
+        value,
+        locale,
+        alwaysShowISOCode,
+        showDecimal,
+        showGroupSeparators,
+        currencyISOCode
+    })) : (_jsx("span", { "aria-hidden": 'true', children: "\u2013\u2013" }, void 0)), [value, locale, alwaysShowISOCode, showDecimal, showGroupSeparators, currencyISOCode]);
+    return (_jsx("span", { ref: ref, ...restProps, children: displayValue }, void 0));
 });
 export default CurrencyDisplay;
 //# sourceMappingURL=CurrencyDisplay.js.map

package/lib/components/Currency/CurrencyDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyDisplay.js","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA2C,OAAO,EAAE,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,OAAO,EACL,gCAAgC,EAChC,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,SAAS,CAAC;AAuBjB,MAAM,eAAe,GAA2D,UAAU,CACxF,CACE,EACE,KAAK,GAAG,EAAE,EACV,eAAe,EACf,iBAAiB,EACjB,iBAAiB,GAAG,EAAE,EACtB,GAAG,SAAS,EAC0B,EACxC,GAAgC,EAChC,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,EAAE,WAAW,GAAG,IAAI,EAAE,mBAAmB,GAAG,IAAI,EAAE,GAAG,iBAAiB,CAAC;IAC7E,MAAM,oBAAoB,GAAG,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,EAC7E,CAAC,eAAe,CAAC,CAClB,CAAC;IACF,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,OAAO,CACzC,GAAG,EAAE,CAAC,iBAAiB,CAAC,MAAM,EAAE,oBAAoB,CAAC,EACrD,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAC/B,CAAC;IACF,MAAM,qBAAqB,GAAG,OAAO,CACnC,GAAG,EAAE,CAAC,gCAAgC,CAAC,MAAM,EAAE,oBAAoB,CAAC,EACpE,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAC/B,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,aAAqB,EAAE,EAAE;QACjD,IAAI,cAAc,GAAG,aAAa,CAAC;QACnC,IAAI,oBAAoB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,EAAE;YACpE,MAAM,CAAC,OAAO,EAAE,QAAQ,GAAG,EAAE,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC1D,cAAc,GAAG,GAAG,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC,qBAAqB,EAAE,GAAG,CAAC,EAAE,CAAC;SAC9E;QACD,OAAO,cAAc,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,iBAAiB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC;IAE1E,OAAO,CACL,6BAAM,GAAG,EAAE,GAAG,IAAM,SAAS,cAC1B,KAAK,CAAC,CAAC,CAAC,CACP,GAAG,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,GAAG,iBAAiB,CACxE,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAC5D,MAAM,EACN,mBAAmB,EACnB,qBAAqB,CACtB,IAAI,eAAe,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,CAC1D,CAAC,CAAC,CAAC,CACF,4CAAkB,MAAM,0CAAsB,CAC/C,YACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, Ref, useMemo } from 'react';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { useConfiguration } from '../../hooks';\nimport { getFormattedValue } from '../Number/utils';\n\nimport {\n  getCurrencyMaximumFractionDigits,\n  getCurrencySymbol,\n  isCurrencyISOCodeValid\n} from './utils';\n\nexport interface CurrencyDisplayProps extends BaseProps {\n  /** Number value */\n  value?: string;\n  /** Three letter currency shorthand ISO code. If not provided or invalid, component renders as number */\n  currencyISOCode?: string;\n  /** Always show ISO code */\n  alwaysShowISOCode?: boolean;\n  formattingOptions?: {\n    /** Determines whether decimal places should be shown. The value is simply truncated if true.\n     * @default true\n     */\n    showDecimal?: boolean;\n    /** Determines whether group separators should be shown.\n     * @default true\n     */\n    showGroupSeparators?: boolean;\n  };\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLAnchorElement>;\n}\n\nconst CurrencyDisplay: FunctionComponent<CurrencyDisplayProps & ForwardProps> = forwardRef(\n  (\n    {\n      value = '',\n      currencyISOCode,\n      alwaysShowISOCode,\n      formattingOptions = {},\n      ...restProps\n    }: PropsWithoutRef<CurrencyDisplayProps>,\n    ref: CurrencyDisplayProps['ref']\n  ) => {\n    const { locale } = useConfiguration();\n    const { showDecimal = true, showGroupSeparators = true } = formattingOptions;\n    const validCurrencyISOCode = useMemo(\n      () => (isCurrencyISOCodeValid(currencyISOCode) ? currencyISOCode : undefined),\n      [currencyISOCode]\n    );\n    const { symbol, symbolPlacement } = useMemo(\n      () => getCurrencySymbol(locale, validCurrencyISOCode),\n      [locale, validCurrencyISOCode]\n    );\n    const maximumFractionDigits = useMemo(\n      () => getCurrencyMaximumFractionDigits(locale, validCurrencyISOCode),\n      [locale, validCurrencyISOCode]\n    );\n\n    const addTrailingZeros = (valueToFormat: string) => {\n      let formattedValue = valueToFormat;\n      if (validCurrencyISOCode && !Number.isNaN(parseFloat(valueToFormat))) {\n        const [integer, fraction = ''] = valueToFormat.split('.');\n        formattedValue = `${integer}.${fraction.padEnd(maximumFractionDigits, '0')}`;\n      }\n      return formattedValue;\n    };\n\n    const symbolOrISOCode = alwaysShowISOCode ? validCurrencyISOCode : symbol;\n\n    return (\n      <span ref={ref} {...restProps}>\n        {value ? (\n          `${symbolPlacement === 'before' ? symbolOrISOCode : ''}${getFormattedValue(\n            !showDecimal ? value.split('.')[0] : addTrailingZeros(value),\n            locale,\n            showGroupSeparators,\n            maximumFractionDigits\n          )} ${symbolPlacement === 'after' ? symbolOrISOCode : ''}`\n        ) : (\n          <span aria-hidden='true'>&ndash;&ndash;</span>\n        )}\n      </span>\n    );\n  }\n);\n\nexport default CurrencyDisplay;\n"]}
+{"version":3,"file":"CurrencyDisplay.js","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA2C,OAAO,EAAE,MAAM,OAAO,CAAC;AAGrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAyB1C,MAAM,eAAe,GAA2D,UAAU,CACxF,CACE,EACE,KAAK,GAAG,EAAE,EACV,eAAe,EACf,iBAAiB,GAAG,KAAK,EACzB,iBAAiB,GAAG,EAAE,EACtB,GAAG,SAAS,EAC0B,EACxC,GAAgC,EAChC,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,EAAE,WAAW,GAAG,IAAI,EAAE,mBAAmB,GAAG,IAAI,EAAE,GAAG,iBAAiB,CAAC;IAE7E,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,KAAK,CAAC,CAAC,CAAC,CACN,eAAe,CAAC;QACd,KAAK;QACL,MAAM;QACN,iBAAiB;QACjB,WAAW;QACX,mBAAmB;QACnB,eAAe;KAChB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,8BAAkB,MAAM,qCAAsB,CAC/C,EACH,CAAC,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,WAAW,EAAE,mBAAmB,EAAE,eAAe,CAAC,CACtF,CAAC;IAEF,OAAO,CACL,eAAM,GAAG,EAAE,GAAG,KAAM,SAAS,YAC1B,YAAY,WACR,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, Ref, useMemo } from 'react';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { useConfiguration } from '../../hooks';\n\nimport { getDisplayValue } from './utils';\n\nexport interface CurrencyDisplayProps extends BaseProps {\n  /** Number value */\n  value?: string;\n  /** Three letter currency shorthand ISO code. If not provided or invalid, component renders as number */\n  currencyISOCode?: string;\n  /** Always show ISO code\n   * @default false\n   * */\n  alwaysShowISOCode?: boolean;\n  formattingOptions?: {\n    /** Determines whether decimal places should be shown. The value is simply truncated if true.\n     * @default true\n     */\n    showDecimal?: boolean;\n    /** Determines whether group separators should be shown.\n     * @default true\n     */\n    showGroupSeparators?: boolean;\n  };\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLAnchorElement>;\n}\n\nconst CurrencyDisplay: FunctionComponent<CurrencyDisplayProps & ForwardProps> = forwardRef(\n  (\n    {\n      value = '',\n      currencyISOCode,\n      alwaysShowISOCode = false,\n      formattingOptions = {},\n      ...restProps\n    }: PropsWithoutRef<CurrencyDisplayProps>,\n    ref: CurrencyDisplayProps['ref']\n  ) => {\n    const { locale } = useConfiguration();\n    const { showDecimal = true, showGroupSeparators = true } = formattingOptions;\n\n    const displayValue = useMemo(\n      () =>\n        value ? (\n          getDisplayValue({\n            value,\n            locale,\n            alwaysShowISOCode,\n            showDecimal,\n            showGroupSeparators,\n            currencyISOCode\n          })\n        ) : (\n          <span aria-hidden='true'>&ndash;&ndash;</span>\n        ),\n      [value, locale, alwaysShowISOCode, showDecimal, showGroupSeparators, currencyISOCode]\n    );\n\n    return (\n      <span ref={ref} {...restProps}>\n        {displayValue}\n      </span>\n    );\n  }\n);\n\nexport default CurrencyDisplay;\n"]}

package/lib/components/Currency/CurrencyInput.js

@@ -6,10 +6,10 @@ import { NumberInput } from '../Number';
 import { getCurrencyMaximumFractionDigits, getCurrencySymbol, isCurrencyISOCodeValid } from './utils';
 const CurrencyInput = forwardRef((props, ref) => {
     const uid = useUID();
-    const { id = uid, status, label, labelHidden, info, required, disabled, readOnly, value = '', onBlur, onFocus, showDecimal = true, currencyISOCode, alwaysShowISOCode, ...restProps } = props;
+    const { id = uid, status, label, labelHidden, info, required, disabled, readOnly, value = '', onBlur, onFocus, showDecimal = true, currencyISOCode, alwaysShowISOCode = false, ...restProps } = props;
     const { locale } = useConfiguration();
     const validCurrencyISOCode = useMemo(() => (isCurrencyISOCodeValid(currencyISOCode) ? currencyISOCode : undefined), [currencyISOCode]);
-    const { symbol, symbolPlacement } = useMemo(() => getCurrencySymbol(locale, validCurrencyISOCode), [locale, validCurrencyISOCode]);
+    const { symbol, symbolPlacement } = useMemo(() => getCurrencySymbol(locale, alwaysShowISOCode, validCurrencyISOCode), [locale, alwaysShowISOCode, validCurrencyISOCode]);
     const maximumFractionDigits = useMemo(() => getCurrencyMaximumFractionDigits(locale, validCurrencyISOCode), [locale, validCurrencyISOCode]);
     const onInputFocus = useCallback(() => {
         onFocus?.(value);
@@ -22,18 +22,18 @@ const CurrencyInput = forwardRef((props, ref) => {
         }
         onBlur?.(formattedValue);
     }, [onBlur, maximumFractionDigits]);
-    const Comp = (_jsx(NumberInput, Object.assign({ numberOfDecimals: maximumFractionDigits, onFocus: onInputFocus, onBlur: onInputBlur, unit: alwaysShowISOCode ? validCurrencyISOCode : symbol, unitPlacement: symbolPlacement }, {
-        ref,
-        id,
-        value,
-        showDecimal,
-        readOnly,
-        required,
-        disabled,
-        status,
-        ...restProps
-    }), void 0));
-    return label ? (_jsx(FormField, Object.assign({}, { label, labelHidden, id, info, status, required, disabled }, { children: Comp }), void 0)) : (Comp);
+    const Comp = (_jsx(NumberInput, { numberOfDecimals: maximumFractionDigits, onFocus: onInputFocus, onBlur: onInputBlur, unit: symbol, unitPlacement: symbolPlacement, ...{
+            ref,
+            id,
+            value,
+            showDecimal,
+            readOnly,
+            required,
+            disabled,
+            status,
+            ...restProps
+        } }, void 0));
+    return label ? (_jsx(FormField, { ...{ label, labelHidden, id, info, status, required, disabled }, children: Comp }, void 0)) : (Comp);
 });
 export default CurrencyInput;
 //# sourceMappingURL=CurrencyInput.js.map

package/lib/components/Currency/CurrencyInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, useCallback, useMemo } from 'react';\n\nimport FormField from '../FormField';\nimport { ForwardProps } from '../../types';\nimport { useConfiguration, useUID } from '../../hooks';\nimport { NumberInput } from '../Number';\n\nimport CurrencyInputProps from './CurrencyInput.types';\nimport {\n  getCurrencyMaximumFractionDigits,\n  getCurrencySymbol,\n  isCurrencyISOCodeValid\n} from './utils';\n\nconst CurrencyInput: FunctionComponent<CurrencyInputProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<CurrencyInputProps>, ref: CurrencyInputProps['ref']) => {\n    const uid = useUID();\n    const {\n      id = uid,\n      status,\n      label,\n      labelHidden,\n      info,\n      required,\n      disabled,\n      readOnly,\n      value = '',\n      onBlur,\n      onFocus,\n      showDecimal = true,\n      currencyISOCode,\n      alwaysShowISOCode,\n      ...restProps\n    } = props;\n\n    const { locale } = useConfiguration();\n    const validCurrencyISOCode = useMemo(\n      () => (isCurrencyISOCodeValid(currencyISOCode) ? currencyISOCode : undefined),\n      [currencyISOCode]\n    );\n    const { symbol, symbolPlacement } = useMemo(\n      () => getCurrencySymbol(locale, validCurrencyISOCode),\n      [locale, validCurrencyISOCode]\n    );\n    const maximumFractionDigits = useMemo(\n      () => getCurrencyMaximumFractionDigits(locale, validCurrencyISOCode),\n      [locale, validCurrencyISOCode]\n    );\n\n    const onInputFocus = useCallback(() => {\n      onFocus?.(value);\n    }, [onFocus, value]);\n\n    const onInputBlur = useCallback(\n      (inputValue: string) => {\n        let formattedValue = inputValue;\n        if (validCurrencyISOCode && !Number.isNaN(parseFloat(value))) {\n          const [integer, fraction = ''] = inputValue.split('.');\n          formattedValue = `${integer}.${fraction.padEnd(maximumFractionDigits, '0')}`;\n        }\n        onBlur?.(formattedValue);\n      },\n      [onBlur, maximumFractionDigits]\n    );\n\n    const Comp = (\n      <NumberInput\n        numberOfDecimals={maximumFractionDigits}\n        onFocus={onInputFocus}\n        onBlur={onInputBlur}\n        unit={alwaysShowISOCode ? validCurrencyISOCode : symbol}\n        unitPlacement={symbolPlacement}\n        {...{\n          ref,\n          id,\n          value,\n          showDecimal,\n          readOnly,\n          required,\n          disabled,\n          status,\n          ...restProps\n        }}\n      />\n    );\n\n    return label ? (\n      <FormField {...{ label, labelHidden, id, info, status, required, disabled }}>\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }\n);\n\nexport default CurrencyInput;\n"]}
+{"version":3,"file":"CurrencyInput.js","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, useCallback, useMemo } from 'react';\n\nimport FormField from '../FormField';\nimport { ForwardProps } from '../../types';\nimport { useConfiguration, useUID } from '../../hooks';\nimport { NumberInput } from '../Number';\n\nimport CurrencyInputProps from './CurrencyInput.types';\nimport {\n  getCurrencyMaximumFractionDigits,\n  getCurrencySymbol,\n  isCurrencyISOCodeValid\n} from './utils';\n\nconst CurrencyInput: FunctionComponent<CurrencyInputProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<CurrencyInputProps>, ref: CurrencyInputProps['ref']) => {\n    const uid = useUID();\n    const {\n      id = uid,\n      status,\n      label,\n      labelHidden,\n      info,\n      required,\n      disabled,\n      readOnly,\n      value = '',\n      onBlur,\n      onFocus,\n      showDecimal = true,\n      currencyISOCode,\n      alwaysShowISOCode = false,\n      ...restProps\n    } = props;\n\n    const { locale } = useConfiguration();\n    const validCurrencyISOCode = useMemo(\n      () => (isCurrencyISOCodeValid(currencyISOCode) ? currencyISOCode : undefined),\n      [currencyISOCode]\n    );\n    const { symbol, symbolPlacement } = useMemo(\n      () => getCurrencySymbol(locale, alwaysShowISOCode, validCurrencyISOCode),\n      [locale, alwaysShowISOCode, validCurrencyISOCode]\n    );\n    const maximumFractionDigits = useMemo(\n      () => getCurrencyMaximumFractionDigits(locale, validCurrencyISOCode),\n      [locale, validCurrencyISOCode]\n    );\n\n    const onInputFocus = useCallback(() => {\n      onFocus?.(value);\n    }, [onFocus, value]);\n\n    const onInputBlur = useCallback(\n      (inputValue: string) => {\n        let formattedValue = inputValue;\n        if (validCurrencyISOCode && !Number.isNaN(parseFloat(value))) {\n          const [integer, fraction = ''] = inputValue.split('.');\n          formattedValue = `${integer}.${fraction.padEnd(maximumFractionDigits, '0')}`;\n        }\n        onBlur?.(formattedValue);\n      },\n      [onBlur, maximumFractionDigits]\n    );\n\n    const Comp = (\n      <NumberInput\n        numberOfDecimals={maximumFractionDigits}\n        onFocus={onInputFocus}\n        onBlur={onInputBlur}\n        unit={symbol}\n        unitPlacement={symbolPlacement}\n        {...{\n          ref,\n          id,\n          value,\n          showDecimal,\n          readOnly,\n          required,\n          disabled,\n          status,\n          ...restProps\n        }}\n      />\n    );\n\n    return label ? (\n      <FormField {...{ label, labelHidden, id, info, status, required, disabled }}>\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }\n);\n\nexport default CurrencyInput;\n"]}

package/lib/components/Currency/CurrencyInput.types.d.ts

@@ -7,7 +7,9 @@ export default interface CurrencyInputProps extends OmitStrict<NumberInputProps,
     onBlur?: (value: string) => void;
     /** Three letter currency shorthand ISO code. If not provided or invalid, component renders as NumberInput */
     currencyISOCode?: string;
-    /** Always show ISO code */
+    /** Always show ISO code
+     * @default false
+     * */
     alwaysShowISOCode?: boolean;
 }
 //# sourceMappingURL=CurrencyInput.types.d.ts.map

package/lib/components/Currency/CurrencyInput.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAE3D,MAAM,CAAC,OAAO,WAAW,kBACvB,SAAQ,UAAU,CAAC,gBAAgB,EAAE,kBAAkB,CAAC;IACxD,mDAAmD;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,qDAAqD;IACrD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,6GAA6G;IAC7G,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2BAA2B;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B"}
+{"version":3,"file":"CurrencyInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAE3D,MAAM,CAAC,OAAO,WAAW,kBACvB,SAAQ,UAAU,CAAC,gBAAgB,EAAE,kBAAkB,CAAC;IACxD,mDAAmD;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,qDAAqD;IACrD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,6GAA6G;IAC7G,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;SAEK;IACL,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B"}

package/lib/components/Currency/CurrencyInput.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyInput.types.js","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyInput.types.ts"],"names":[],"mappings":"","sourcesContent":["import { OmitStrict } from '../../types';\nimport NumberInputProps from '../Number/NumberInput.types';\n\nexport default interface CurrencyInputProps\n  extends OmitStrict<NumberInputProps, 'numberOfDecimals'> {\n  /** Callback fired when the component gets focus */\n  onFocus?: (value: string) => void;\n  /** Callback fired when the component loses focus. */\n  onBlur?: (value: string) => void;\n  /** Three letter currency shorthand ISO code. If not provided or invalid, component renders as NumberInput */\n  currencyISOCode?: string;\n  /** Always show ISO code */\n  alwaysShowISOCode?: boolean;\n}\n"]}
+{"version":3,"file":"CurrencyInput.types.js","sourceRoot":"","sources":["../../../src/components/Currency/CurrencyInput.types.ts"],"names":[],"mappings":"","sourcesContent":["import { OmitStrict } from '../../types';\nimport NumberInputProps from '../Number/NumberInput.types';\n\nexport default interface CurrencyInputProps\n  extends OmitStrict<NumberInputProps, 'numberOfDecimals'> {\n  /** Callback fired when the component gets focus */\n  onFocus?: (value: string) => void;\n  /** Callback fired when the component loses focus. */\n  onBlur?: (value: string) => void;\n  /** Three letter currency shorthand ISO code. If not provided or invalid, component renders as NumberInput */\n  currencyISOCode?: string;\n  /** Always show ISO code\n   * @default false\n   * */\n  alwaysShowISOCode?: boolean;\n}\n"]}

package/lib/components/Currency/utils.d.ts

@@ -2,7 +2,18 @@ export declare type CurrencySymbol = {
     symbol: string;
     symbolPlacement: 'before' | 'after';
 };
-export declare function getCurrencySymbol(locale: string, currencyISOCode?: string): CurrencySymbol;
+export declare function getCurrencySymbol(locale: string, alwaysShowISOCode: boolean, currencyISOCode?: string): CurrencySymbol;
 export declare function getCurrencyMaximumFractionDigits(locale: string, currencyISOCode?: string): number;
 export declare function isCurrencyISOCodeValid(currencyISOCode?: string): boolean;
+export declare function addTrailingZeros(valueToFormat: string, maximumFractionDigits: number, currencyISOCode?: string): string;
+declare type DisplayValueParams = {
+    value: string;
+    locale: string;
+    alwaysShowISOCode: boolean;
+    showDecimal: boolean;
+    showGroupSeparators: boolean;
+    currencyISOCode?: string;
+};
+export declare function getDisplayValue({ value, locale, alwaysShowISOCode, showDecimal, showGroupSeparators, currencyISOCode }: DisplayValueParams): string;
+export {};
 //# sourceMappingURL=utils.d.ts.map

package/lib/components/Currency/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/utils.ts"],"names":[],"mappings":"AAOA,oBAAY,cAAc,GAAG;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,GAAG,cAAc,CAmB1F;AAED,wBAAgB,gCAAgC,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAOjG;AAED,wBAAgB,sBAAsB,CAAC,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAExE"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Currency/utils.ts"],"names":[],"mappings":"AAQA,oBAAY,cAAc,GAAG;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,OAAO,EAC1B,eAAe,CAAC,EAAE,MAAM,GACvB,cAAc,CAmBhB;AAED,wBAAgB,gCAAgC,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAOjG;AAED,wBAAgB,sBAAsB,CAAC,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAExE;AAED,wBAAgB,gBAAgB,CAC9B,aAAa,EAAE,MAAM,EACrB,qBAAqB,EAAE,MAAM,EAC7B,eAAe,CAAC,EAAE,MAAM,UAQzB;AAED,aAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,EAAE,OAAO,CAAC;IAC3B,WAAW,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,WAAW,EACX,mBAAmB,EACnB,eAAe,EAChB,EAAE,kBAAkB,UA+BpB"}

package/lib/components/Currency/utils.js

@@ -1,7 +1,8 @@
 import { NUMBER_MAX_DECIMAL_PLACES } from '../Number/NumberInput.types';
+import { getFormattedValue } from '../Number/utils';
 // Currency & funds code list valid for Intl.NumberFormat(): https://www.currency-iso.org/en/home/tables/table-a1.html
 import currencyCodeList from './currencyCodes';
-export function getCurrencySymbol(locale, currencyISOCode) {
+export function getCurrencySymbol(locale, alwaysShowISOCode, currencyISOCode) {
     const options = currencyISOCode
         ? {
             style: 'currency',
@@ -10,7 +11,7 @@ export function getCurrencySymbol(locale, currencyISOCode) {
         : undefined;
     return new Intl.NumberFormat(locale, options).formatToParts(1).reduce((currencyObj, part, index) => {
         if (part.type === 'currency') {
-            currencyObj.symbol = part.value;
+            currencyObj.symbol = alwaysShowISOCode ? currencyISOCode || '' : part.value;
             if (index === 0) {
                 currencyObj.symbolPlacement = 'before';
             }
@@ -29,4 +30,31 @@ export function getCurrencyMaximumFractionDigits(locale, currencyISOCode) {
 export function isCurrencyISOCodeValid(currencyISOCode) {
     return currencyISOCode ? currencyCodeList.has(currencyISOCode) : false;
 }
+export function addTrailingZeros(valueToFormat, maximumFractionDigits, currencyISOCode) {
+    let formattedValue = valueToFormat;
+    if (currencyISOCode && !Number.isNaN(parseFloat(valueToFormat))) {
+        const [integer, fraction = ''] = valueToFormat.split('.');
+        formattedValue = `${integer}.${fraction.padEnd(maximumFractionDigits, '0')}`;
+    }
+    return formattedValue;
+}
+export function getDisplayValue({ value, locale, alwaysShowISOCode, showDecimal, showGroupSeparators, currencyISOCode }) {
+    const validCurrencyISOCode = isCurrencyISOCodeValid(currencyISOCode)
+        ? currencyISOCode
+        : undefined;
+    const { symbol, symbolPlacement } = getCurrencySymbol(locale, alwaysShowISOCode, validCurrencyISOCode);
+    const maximumFractionDigits = getCurrencyMaximumFractionDigits(locale, validCurrencyISOCode);
+    let sign = '';
+    let formattedValue = getFormattedValue(!showDecimal
+        ? value.split('.')[0]
+        : addTrailingZeros(value, maximumFractionDigits, validCurrencyISOCode), locale, showGroupSeparators, maximumFractionDigits);
+    if (formattedValue.startsWith('-')) {
+        sign = '-';
+        formattedValue = formattedValue.substring(1);
+    }
+    let symbolBefore = symbolPlacement === 'before' ? symbol : '';
+    symbolBefore += symbolBefore === currencyISOCode ? ' ' : '';
+    const symbolAfter = symbolPlacement === 'after' && symbol ? ` ${symbol}` : '';
+    return `${sign}${symbolBefore}${formattedValue}${symbolAfter}`;
+}
 //# sourceMappingURL=utils.js.map

package/lib/components/Currency/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Currency/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,sHAAsH;AACtH,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAS/C,MAAM,UAAU,iBAAiB,CAAC,MAAc,EAAE,eAAwB;IACxE,MAAM,OAAO,GAAG,eAAe;QAC7B,CAAC,CAAC;YACE,KAAK,EAAE,UAAU;YACjB,QAAQ,EAAE,eAAe;SAC1B;QACH,CAAC,CAAC,SAAS,CAAC;IACd,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CACnE,CAAC,WAA2B,EAAE,IAAkB,EAAE,KAAa,EAAE,EAAE;QACjE,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;YAC5B,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;YAChC,IAAI,KAAK,KAAK,CAAC,EAAE;gBACf,WAAW,CAAC,eAAe,GAAG,QAAQ,CAAC;aACxC;SACF;QACD,OAAO,WAAW,CAAC;IACrB,CAAC,EACD,EAAE,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,CACzC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gCAAgC,CAAC,MAAc,EAAE,eAAwB;IACvF,OAAO,eAAe;QACpB,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;YAC5B,KAAK,EAAE,UAAU;YACjB,QAAQ,EAAE,eAAe;SAC1B,CAAC,CAAC,eAAe,EAAE,CAAC,qBAAqB;QAC5C,CAAC,CAAC,yBAAyB,CAAC;AAChC,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,eAAwB;IAC7D,OAAO,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AACzE,CAAC","sourcesContent":["import { NUMBER_MAX_DECIMAL_PLACES } from '../Number/NumberInput.types';\n\n// Currency & funds code list valid for Intl.NumberFormat(): https://www.currency-iso.org/en/home/tables/table-a1.html\nimport currencyCodeList from './currencyCodes';\n\ntype CurrencyPart = { type: string; value: string };\n\nexport type CurrencySymbol = {\n  symbol: string;\n  symbolPlacement: 'before' | 'after';\n};\n\nexport function getCurrencySymbol(locale: string, currencyISOCode?: string): CurrencySymbol {\n  const options = currencyISOCode\n    ? {\n        style: 'currency',\n        currency: currencyISOCode\n      }\n    : undefined;\n  return new Intl.NumberFormat(locale, options).formatToParts(1).reduce(\n    (currencyObj: CurrencySymbol, part: CurrencyPart, index: number) => {\n      if (part.type === 'currency') {\n        currencyObj.symbol = part.value;\n        if (index === 0) {\n          currencyObj.symbolPlacement = 'before';\n        }\n      }\n      return currencyObj;\n    },\n    { symbol: '', symbolPlacement: 'after' }\n  );\n}\n\nexport function getCurrencyMaximumFractionDigits(locale: string, currencyISOCode?: string): number {\n  return currencyISOCode\n    ? new Intl.NumberFormat(locale, {\n        style: 'currency',\n        currency: currencyISOCode\n      }).resolvedOptions().maximumFractionDigits\n    : NUMBER_MAX_DECIMAL_PLACES;\n}\n\nexport function isCurrencyISOCodeValid(currencyISOCode?: string): boolean {\n  return currencyISOCode ? currencyCodeList.has(currencyISOCode) : false;\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Currency/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { NUMBER_MAX_DECIMAL_PLACES } from '../Number/NumberInput.types';\nimport { getFormattedValue } from '../Number/utils';\n\n// Currency & funds code list valid for Intl.NumberFormat(): https://www.currency-iso.org/en/home/tables/table-a1.html\nimport currencyCodeList from './currencyCodes';\n\ntype CurrencyPart = { type: string; value: string };\n\nexport type CurrencySymbol = {\n  symbol: string;\n  symbolPlacement: 'before' | 'after';\n};\n\nexport function getCurrencySymbol(\n  locale: string,\n  alwaysShowISOCode: boolean,\n  currencyISOCode?: string\n): CurrencySymbol {\n  const options = currencyISOCode\n    ? {\n        style: 'currency',\n        currency: currencyISOCode\n      }\n    : undefined;\n  return new Intl.NumberFormat(locale, options).formatToParts(1).reduce(\n    (currencyObj: CurrencySymbol, part: CurrencyPart, index: number) => {\n      if (part.type === 'currency') {\n        currencyObj.symbol = alwaysShowISOCode ? currencyISOCode || '' : part.value;\n        if (index === 0) {\n          currencyObj.symbolPlacement = 'before';\n        }\n      }\n      return currencyObj;\n    },\n    { symbol: '', symbolPlacement: 'after' }\n  );\n}\n\nexport function getCurrencyMaximumFractionDigits(locale: string, currencyISOCode?: string): number {\n  return currencyISOCode\n    ? new Intl.NumberFormat(locale, {\n        style: 'currency',\n        currency: currencyISOCode\n      }).resolvedOptions().maximumFractionDigits\n    : NUMBER_MAX_DECIMAL_PLACES;\n}\n\nexport function isCurrencyISOCodeValid(currencyISOCode?: string): boolean {\n  return currencyISOCode ? currencyCodeList.has(currencyISOCode) : false;\n}\n\nexport function addTrailingZeros(\n  valueToFormat: string,\n  maximumFractionDigits: number,\n  currencyISOCode?: string\n) {\n  let formattedValue = valueToFormat;\n  if (currencyISOCode && !Number.isNaN(parseFloat(valueToFormat))) {\n    const [integer, fraction = ''] = valueToFormat.split('.');\n    formattedValue = `${integer}.${fraction.padEnd(maximumFractionDigits, '0')}`;\n  }\n  return formattedValue;\n}\n\ntype DisplayValueParams = {\n  value: string;\n  locale: string;\n  alwaysShowISOCode: boolean;\n  showDecimal: boolean;\n  showGroupSeparators: boolean;\n  currencyISOCode?: string;\n};\n\nexport function getDisplayValue({\n  value,\n  locale,\n  alwaysShowISOCode,\n  showDecimal,\n  showGroupSeparators,\n  currencyISOCode\n}: DisplayValueParams) {\n  const validCurrencyISOCode = isCurrencyISOCodeValid(currencyISOCode)\n    ? currencyISOCode\n    : undefined;\n  const { symbol, symbolPlacement } = getCurrencySymbol(\n    locale,\n    alwaysShowISOCode,\n    validCurrencyISOCode\n  );\n  const maximumFractionDigits = getCurrencyMaximumFractionDigits(locale, validCurrencyISOCode);\n\n  let sign = '';\n  let formattedValue = getFormattedValue(\n    !showDecimal\n      ? value.split('.')[0]\n      : addTrailingZeros(value, maximumFractionDigits, validCurrencyISOCode),\n    locale,\n    showGroupSeparators,\n    maximumFractionDigits\n  );\n  if (formattedValue.startsWith('-')) {\n    sign = '-';\n    formattedValue = formattedValue.substring(1);\n  }\n\n  let symbolBefore = symbolPlacement === 'before' ? symbol : '';\n  symbolBefore += symbolBefore === currencyISOCode ? ' ' : '';\n\n  const symbolAfter = symbolPlacement === 'after' && symbol ? ` ${symbol}` : '';\n\n  return `${sign}${symbolBefore}${formattedValue}${symbolAfter}`;\n}\n"]}

package/lib/components/DateTime/DateTimeDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/DateTime/DateTimeDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGtD,OAAO,EACL,WAAW,EAOZ,MAAM,eAAe,CAAC;AAEvB,aAAK,eAAe,GAChB,MAAM,GACN,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,WAAW,GACX,aAAa,CAAC;AAClB,oBAAY,eAAe,GAAG,eAAe,GAAG,UAAU,CAAC;AAC3D,oBAAY,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1D,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B;;OAEG;IACH,OAAO,EAAE,eAAe,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B;AAaD,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CA+H3E,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DateTimeDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/DateTime/DateTimeDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGtD,OAAO,EACL,WAAW,EAOZ,MAAM,eAAe,CAAC;AAGvB,aAAK,eAAe,GAChB,MAAM,GACN,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,WAAW,GACX,aAAa,CAAC;AAClB,oBAAY,eAAe,GAAG,eAAe,GAAG,UAAU,CAAC;AAC3D,oBAAY,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1D,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B;;OAEG;IACH,OAAO,EAAE,eAAe,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B;AAaD,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CA+H3E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/DateTime/DateTimeDisplay.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { useConfiguration, useI18n } from '../../hooks';
 import { getEndOfWeek, getQuarter, getStartOfWeek, getWeek, getWeekYear, parseToDate } from './Input/utils';
+import { isValidDate } from './Picker/utils';
 const unitsInMs = {
     year: 24 * 60 * 60 * 1000 * 365,
     month: (24 * 60 * 60 * 1000 * 365) / 12,
@@ -104,7 +105,7 @@ const DateTimeDisplay = forwardRef(({ value, variant, format = 'short', clockFor
                 return getFormattedDate(date, variant);
         }
     };
-    return (_jsx("span", Object.assign({ ref: ref }, restProps, { children: value || value === 0 ? (displayValue(parseToDate(value))) : (_jsx("span", Object.assign({ "aria-hidden": 'true' }, { children: "\u2013\u2013" }), void 0)) }), void 0));
+    return (_jsx("span", { ref: ref, ...restProps, children: (value || value === 0) && isValidDate(parseToDate(value)) ? (displayValue(parseToDate(value))) : (_jsx("span", { "aria-hidden": 'true', children: "\u2013\u2013" }, void 0)) }, void 0));
 });
 export default DateTimeDisplay;
 //# sourceMappingURL=DateTimeDisplay.js.map

package/lib/components/DateTime/DateTimeDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeDisplay.js","sourceRoot":"","sources":["../../../src/components/DateTime/DateTimeDisplay.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, Ref } from 'react';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { useConfiguration, useI18n } from '../../hooks';\n\nimport {\n  ClockFormat,\n  getEndOfWeek,\n  getQuarter,\n  getStartOfWeek,\n  getWeek,\n  getWeekYear,\n  parseToDate\n} from './Input/utils';\n\ntype AbsoluteVariant =\n  | 'date'\n  | 'datetime'\n  | 'time'\n  | 'week'\n  | 'month'\n  | 'year'\n  | 'monthyear'\n  | 'quarteryear';\nexport type DateTimeVariant = AbsoluteVariant | 'relative';\nexport type DateTimeFormat = 'short' | 'long' | 'numeric';\n\nexport interface DateTimeDisplayProps extends BaseProps {\n  /**\n   * Date as ISO8601 string, timestamp or native Date object.\n   */\n  value?: Date | string | number;\n  /**\n   * Controls date time variant.\n   */\n  variant: DateTimeVariant;\n  /**\n   * Controls display format.\n   * @default \"short\"\n   */\n  format?: DateTimeFormat;\n  /**\n   * Defines clock format that overrides locale based format\n   */\n  clockFormat?: ClockFormat;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLSpanElement>;\n}\n\nconst unitsInMs = {\n  year: 24 * 60 * 60 * 1000 * 365,\n  month: (24 * 60 * 60 * 1000 * 365) / 12,\n  day: 24 * 60 * 60 * 1000,\n  hour: 60 * 60 * 1000,\n  minute: 60 * 1000,\n  second: 1000\n} as const;\n\ntype TimeUnit = keyof typeof unitsInMs;\n\nconst DateTimeDisplay: FunctionComponent<DateTimeDisplayProps & ForwardProps> = forwardRef(\n  (\n    {\n      value,\n      variant,\n      format = 'short',\n      clockFormat,\n      ...restProps\n    }: PropsWithoutRef<DateTimeDisplayProps>,\n    ref: DateTimeDisplayProps['ref']\n  ) => {\n    const { locale } = useConfiguration();\n    const t = useI18n();\n\n    const timeShort = {\n      hour: 'numeric',\n      minute: 'numeric',\n      hour12: clockFormat ? clockFormat === 12 : undefined\n    } as const;\n    const timeLong = {\n      ...timeShort,\n      second: 'numeric',\n      hour12: clockFormat ? clockFormat === 12 : undefined\n    } as const;\n\n    const formatMapping = {\n      date: {\n        short: { year: 'numeric', month: 'short', day: 'numeric' } as const,\n        long: { year: 'numeric', month: 'long', day: 'numeric' } as const,\n        numeric: { year: 'numeric', month: 'numeric', day: 'numeric' } as const\n      },\n      datetime: {\n        short: { year: 'numeric', month: 'short', day: 'numeric', ...timeShort } as const,\n        long: { year: 'numeric', month: 'long', day: 'numeric', ...timeLong } as const,\n        numeric: { year: 'numeric', month: 'numeric', day: 'numeric', ...timeShort } as const\n      },\n      time: {\n        short: timeShort,\n        long: timeLong,\n        numeric: timeShort\n      },\n      month: {\n        short: { month: 'short' } as const,\n        long: { month: 'long' } as const,\n        numeric: { month: 'numeric' } as const\n      },\n      year: {\n        short: { year: 'numeric' } as const,\n        long: { year: 'numeric' } as const,\n        numeric: { year: '2-digit' } as const\n      },\n      monthyear: {\n        short: { year: 'numeric', month: 'short' } as const,\n        long: { year: 'numeric', month: 'long' } as const,\n        numeric: { year: 'numeric', month: 'numeric' } as const\n      },\n      week: {\n        short: { month: 'short', day: 'numeric' } as const,\n        long: { month: 'long', day: 'numeric' } as const,\n        numeric: { month: 'numeric', day: 'numeric' } as const\n      },\n      relative: {\n        short: { style: 'long', numeric: 'auto' } as const,\n        long: { style: 'long', numeric: 'auto' } as const,\n        numeric: { style: 'short', numeric: 'auto' } as const\n      }\n    };\n\n    const getFormattedDate = (date: Date, dateVariant: Exclude<AbsoluteVariant, 'quarteryear'>) => {\n      return new Intl.DateTimeFormat(locale, {\n        ...formatMapping[dateVariant][format],\n        timeZone: 'UTC'\n      }).format(date);\n    };\n\n    const relativeTimeFormatter = (relativeValue: number, unit: TimeUnit) => {\n      return new Intl.RelativeTimeFormat(locale, formatMapping.relative[format]).format(\n        relativeValue,\n        unit\n      );\n    };\n\n    const getRelativeTime = (date: Date) => {\n      let elapsed = date.getTime() - Date.now();\n      // Deliberately reduce precision to 1 minute\n      if (Math.abs(elapsed) < 60000) elapsed = 0;\n      const unit = (Object.keys(unitsInMs).find(\n        u => Math.abs(elapsed) >= unitsInMs[u as TimeUnit]\n      ) || 'second') as TimeUnit;\n      return relativeTimeFormatter(Math.round(elapsed / unitsInMs[unit]), unit);\n    };\n\n    const getFormattedWeek = (date: Date) => {\n      const startDate = getFormattedDate(getStartOfWeek(date), 'week');\n      const endDate = getFormattedDate(getEndOfWeek(date), 'week');\n      return `${t('week_text')} ${getWeek(date)}, ${getWeekYear(date)} (${startDate} - ${endDate})`;\n    };\n\n    const getFormattedQuarterYear = (date: Date) => {\n      const formattedYear = getFormattedDate(date, 'year');\n      const quarterNumber = getQuarter(date);\n      return `${t(`date_quarter_q${quarterNumber}`, [formattedYear])}`;\n    };\n\n    const displayValue = (date: Date) => {\n      switch (variant) {\n        case 'relative':\n          return getRelativeTime(date);\n        case 'week':\n          return getFormattedWeek(date);\n        case 'quarteryear':\n          return getFormattedQuarterYear(date);\n        default:\n          return getFormattedDate(date, variant);\n      }\n    };\n\n    return (\n      <span ref={ref} {...restProps}>\n        {value || value === 0 ? (\n          displayValue(parseToDate(value))\n        ) : (\n          <span aria-hidden='true'>&ndash;&ndash;</span>\n        )}\n      </span>\n    );\n  }\n);\n\nexport default DateTimeDisplay;\n"]}
+{"version":3,"file":"DateTimeDisplay.js","sourceRoot":"","sources":["../../../src/components/DateTime/DateTimeDisplay.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, Ref } from 'react';\n\nimport { BaseProps, ForwardProps } from '../../types';\nimport { useConfiguration, useI18n } from '../../hooks';\n\nimport {\n  ClockFormat,\n  getEndOfWeek,\n  getQuarter,\n  getStartOfWeek,\n  getWeek,\n  getWeekYear,\n  parseToDate\n} from './Input/utils';\nimport { isValidDate } from './Picker/utils';\n\ntype AbsoluteVariant =\n  | 'date'\n  | 'datetime'\n  | 'time'\n  | 'week'\n  | 'month'\n  | 'year'\n  | 'monthyear'\n  | 'quarteryear';\nexport type DateTimeVariant = AbsoluteVariant | 'relative';\nexport type DateTimeFormat = 'short' | 'long' | 'numeric';\n\nexport interface DateTimeDisplayProps extends BaseProps {\n  /**\n   * Date as ISO8601 string, timestamp or native Date object.\n   */\n  value?: Date | string | number;\n  /**\n   * Controls date time variant.\n   */\n  variant: DateTimeVariant;\n  /**\n   * Controls display format.\n   * @default \"short\"\n   */\n  format?: DateTimeFormat;\n  /**\n   * Defines clock format that overrides locale based format\n   */\n  clockFormat?: ClockFormat;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLSpanElement>;\n}\n\nconst unitsInMs = {\n  year: 24 * 60 * 60 * 1000 * 365,\n  month: (24 * 60 * 60 * 1000 * 365) / 12,\n  day: 24 * 60 * 60 * 1000,\n  hour: 60 * 60 * 1000,\n  minute: 60 * 1000,\n  second: 1000\n} as const;\n\ntype TimeUnit = keyof typeof unitsInMs;\n\nconst DateTimeDisplay: FunctionComponent<DateTimeDisplayProps & ForwardProps> = forwardRef(\n  (\n    {\n      value,\n      variant,\n      format = 'short',\n      clockFormat,\n      ...restProps\n    }: PropsWithoutRef<DateTimeDisplayProps>,\n    ref: DateTimeDisplayProps['ref']\n  ) => {\n    const { locale } = useConfiguration();\n    const t = useI18n();\n\n    const timeShort = {\n      hour: 'numeric',\n      minute: 'numeric',\n      hour12: clockFormat ? clockFormat === 12 : undefined\n    } as const;\n    const timeLong = {\n      ...timeShort,\n      second: 'numeric',\n      hour12: clockFormat ? clockFormat === 12 : undefined\n    } as const;\n\n    const formatMapping = {\n      date: {\n        short: { year: 'numeric', month: 'short', day: 'numeric' } as const,\n        long: { year: 'numeric', month: 'long', day: 'numeric' } as const,\n        numeric: { year: 'numeric', month: 'numeric', day: 'numeric' } as const\n      },\n      datetime: {\n        short: { year: 'numeric', month: 'short', day: 'numeric', ...timeShort } as const,\n        long: { year: 'numeric', month: 'long', day: 'numeric', ...timeLong } as const,\n        numeric: { year: 'numeric', month: 'numeric', day: 'numeric', ...timeShort } as const\n      },\n      time: {\n        short: timeShort,\n        long: timeLong,\n        numeric: timeShort\n      },\n      month: {\n        short: { month: 'short' } as const,\n        long: { month: 'long' } as const,\n        numeric: { month: 'numeric' } as const\n      },\n      year: {\n        short: { year: 'numeric' } as const,\n        long: { year: 'numeric' } as const,\n        numeric: { year: '2-digit' } as const\n      },\n      monthyear: {\n        short: { year: 'numeric', month: 'short' } as const,\n        long: { year: 'numeric', month: 'long' } as const,\n        numeric: { year: 'numeric', month: 'numeric' } as const\n      },\n      week: {\n        short: { month: 'short', day: 'numeric' } as const,\n        long: { month: 'long', day: 'numeric' } as const,\n        numeric: { month: 'numeric', day: 'numeric' } as const\n      },\n      relative: {\n        short: { style: 'long', numeric: 'auto' } as const,\n        long: { style: 'long', numeric: 'auto' } as const,\n        numeric: { style: 'short', numeric: 'auto' } as const\n      }\n    };\n\n    const getFormattedDate = (date: Date, dateVariant: Exclude<AbsoluteVariant, 'quarteryear'>) => {\n      return new Intl.DateTimeFormat(locale, {\n        ...formatMapping[dateVariant][format],\n        timeZone: 'UTC'\n      }).format(date);\n    };\n\n    const relativeTimeFormatter = (relativeValue: number, unit: TimeUnit) => {\n      return new Intl.RelativeTimeFormat(locale, formatMapping.relative[format]).format(\n        relativeValue,\n        unit\n      );\n    };\n\n    const getRelativeTime = (date: Date) => {\n      let elapsed = date.getTime() - Date.now();\n      // Deliberately reduce precision to 1 minute\n      if (Math.abs(elapsed) < 60000) elapsed = 0;\n      const unit = (Object.keys(unitsInMs).find(\n        u => Math.abs(elapsed) >= unitsInMs[u as TimeUnit]\n      ) || 'second') as TimeUnit;\n      return relativeTimeFormatter(Math.round(elapsed / unitsInMs[unit]), unit);\n    };\n\n    const getFormattedWeek = (date: Date) => {\n      const startDate = getFormattedDate(getStartOfWeek(date), 'week');\n      const endDate = getFormattedDate(getEndOfWeek(date), 'week');\n      return `${t('week_text')} ${getWeek(date)}, ${getWeekYear(date)} (${startDate} - ${endDate})`;\n    };\n\n    const getFormattedQuarterYear = (date: Date) => {\n      const formattedYear = getFormattedDate(date, 'year');\n      const quarterNumber = getQuarter(date);\n      return `${t(`date_quarter_q${quarterNumber}`, [formattedYear])}`;\n    };\n\n    const displayValue = (date: Date) => {\n      switch (variant) {\n        case 'relative':\n          return getRelativeTime(date);\n        case 'week':\n          return getFormattedWeek(date);\n        case 'quarteryear':\n          return getFormattedQuarterYear(date);\n        default:\n          return getFormattedDate(date, variant);\n      }\n    };\n\n    return (\n      <span ref={ref} {...restProps}>\n        {(value || value === 0) && isValidDate(parseToDate(value)) ? (\n          displayValue(parseToDate(value))\n        ) : (\n          <span aria-hidden='true'>&ndash;&ndash;</span>\n        )}\n      </span>\n    );\n  }\n);\n\nexport default DateTimeDisplay;\n"]}

package/lib/components/DateTime/DurationDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DurationDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/DateTime/DurationDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAI5E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGtD,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjC,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B;AAOD,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAsC3E,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DurationDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/DateTime/DurationDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAI5E,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGtD,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjC,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC5B;AAOD,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CA2C3E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/DateTime/DurationDisplay.js

@@ -9,11 +9,16 @@ const secondInMs = 1000;
 const DurationDisplay = forwardRef(({ value, significantUnits = 4, ...restProps }, ref) => {
     const t = useI18n();
     const displayValue = (ms) => {
+        const sign = ms < 0 ? '-' : '';
+        const absMs = Math.abs(ms);
+        if (absMs < secondInMs) {
+            return `0${t('second_text_short')}`;
+        }
         const durationParts = [
-            { unit: 'day', value: Math.floor(ms / dayInMs) },
-            { unit: 'hour', value: Math.floor((ms % dayInMs) / hourInMs) },
-            { unit: 'minute', value: Math.floor((ms % hourInMs) / minuteInMs) },
-            { unit: 'second', value: Math.floor((ms % minuteInMs) / secondInMs) }
+            { unit: 'day', value: Math.floor(absMs / dayInMs) },
+            { unit: 'hour', value: Math.floor((absMs % dayInMs) / hourInMs) },
+            { unit: 'minute', value: Math.floor((absMs % hourInMs) / minuteInMs) },
+            { unit: 'second', value: Math.floor((absMs % minuteInMs) / secondInMs) }
         ];
         const result = [];
         for (let i = 0; result.length < significantUnits && i < durationParts.length; i += 1) {
@@ -22,9 +27,9 @@ const DurationDisplay = forwardRef(({ value, significantUnits = 4, ...restProps
                     t(`${durationParts[i].unit}_text_short`)}`);
             }
         }
-        return result.join(' ');
+        return `${sign}${result.join(' ')}`;
     };
-    return (_jsx(Text, Object.assign({ ref: ref }, restProps, { children: value && value >= 0 && value >= secondInMs ? (displayValue(value)) : (_jsx("span", Object.assign({ "aria-hidden": 'true' }, { children: "\u2013\u2013" }), void 0)) }), void 0));
+    return (_jsx(Text, { ref: ref, ...restProps, children: typeof value === 'number' ? (displayValue(value)) : (_jsx("span", { "aria-hidden": 'true', children: "\u2013\u2013" }, void 0)) }, void 0));
 });
 export default DurationDisplay;
 //# sourceMappingURL=DurationDisplay.js.map

package/lib/components/DateTime/DurationDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"DurationDisplay.js","sourceRoot":"","sources":["../../../src/components/DateTime/DurationDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA2C,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,IAAI,MAAM,SAAS,CAAC;AAa3B,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACpC,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAChC,MAAM,UAAU,GAAG,EAAE,GAAG,IAAI,CAAC;AAC7B,MAAM,UAAU,GAAG,IAAI,CAAC;AAExB,MAAM,eAAe,GAA2D,UAAU,CACxF,CACE,EAAE,KAAK,EAAE,gBAAgB,GAAG,CAAC,EAAE,GAAG,SAAS,EAAyC,EACpF,GAAgC,EAChC,EAAE;IACF,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,EAAE;QAClC,MAAM,aAAa,GAAG;YACpB,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE;YAChD,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE;YAC9D,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,GAAG,UAAU,CAAC,EAAE;YACnE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,UAAU,CAAC,GAAG,UAAU,CAAC,EAAE;SACtE,CAAC;QACF,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,gBAAgB,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;YACpF,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,EAAE;gBAC9B,MAAM,CAAC,IAAI,CACT,GACE,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK;oBACtB,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,aAAsC,CAClE,EAAE,CACH,CAAC;aACH;SACF;QACD,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,cAC1B,KAAK,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,CAC5C,YAAY,CAAC,KAAK,CAAC,CACpB,CAAC,CAAC,CAAC,CACF,4CAAkB,MAAM,0CAAsB,CAC/C,YACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, Ref } from 'react';\n\nimport { TranslationPack } from '../../i18n';\nimport { useI18n } from '../../hooks';\nimport { BaseProps, ForwardProps } from '../../types';\nimport Text from '../Text';\n\nexport interface DurationDisplayProps extends BaseProps {\n  /** Number of milliseconds value for controlled input. */\n  value?: number;\n  /** Determines number of units to be displayed.\n   * @default 4\n   */\n  significantUnits?: 4 | 3 | 2 | 1;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLSpanElement>;\n}\n\nconst dayInMs = 24 * 60 * 60 * 1000;\nconst hourInMs = 60 * 60 * 1000;\nconst minuteInMs = 60 * 1000;\nconst secondInMs = 1000;\n\nconst DurationDisplay: FunctionComponent<DurationDisplayProps & ForwardProps> = forwardRef(\n  (\n    { value, significantUnits = 4, ...restProps }: PropsWithoutRef<DurationDisplayProps>,\n    ref: DurationDisplayProps['ref']\n  ) => {\n    const t = useI18n();\n\n    const displayValue = (ms: number) => {\n      const durationParts = [\n        { unit: 'day', value: Math.floor(ms / dayInMs) },\n        { unit: 'hour', value: Math.floor((ms % dayInMs) / hourInMs) },\n        { unit: 'minute', value: Math.floor((ms % hourInMs) / minuteInMs) },\n        { unit: 'second', value: Math.floor((ms % minuteInMs) / secondInMs) }\n      ];\n      const result = [];\n      for (let i = 0; result.length < significantUnits && i < durationParts.length; i += 1) {\n        if (durationParts[i].value > 0) {\n          result.push(\n            `${\n              durationParts[i].value +\n              t(`${durationParts[i].unit}_text_short` as keyof TranslationPack)\n            }`\n          );\n        }\n      }\n      return result.join(' ');\n    };\n\n    return (\n      <Text ref={ref} {...restProps}>\n        {value && value >= 0 && value >= secondInMs ? (\n          displayValue(value)\n        ) : (\n          <span aria-hidden='true'>&ndash;&ndash;</span>\n        )}\n      </Text>\n    );\n  }\n);\n\nexport default DurationDisplay;\n"]}
+{"version":3,"file":"DurationDisplay.js","sourceRoot":"","sources":["../../../src/components/DateTime/DurationDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA2C,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,IAAI,MAAM,SAAS,CAAC;AAa3B,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACpC,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAChC,MAAM,UAAU,GAAG,EAAE,GAAG,IAAI,CAAC;AAC7B,MAAM,UAAU,GAAG,IAAI,CAAC;AAExB,MAAM,eAAe,GAA2D,UAAU,CACxF,CACE,EAAE,KAAK,EAAE,gBAAgB,GAAG,CAAC,EAAE,GAAG,SAAS,EAAyC,EACpF,GAAgC,EAChC,EAAE;IACF,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,EAAE;QAClC,MAAM,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC3B,IAAI,KAAK,GAAG,UAAU,EAAE;YACtB,OAAO,IAAI,CAAC,CAAC,mBAAmB,CAAC,EAAE,CAAC;SACrC;QACD,MAAM,aAAa,GAAG;YACpB,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,EAAE;YACnD,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE;YACjE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,UAAU,CAAC,EAAE;YACtE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,UAAU,CAAC,GAAG,UAAU,CAAC,EAAE;SACzE,CAAC;QACF,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,gBAAgB,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;YACpF,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,EAAE;gBAC9B,MAAM,CAAC,IAAI,CACT,GACE,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK;oBACtB,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,aAAsC,CAClE,EAAE,CACH,CAAC;aACH;SACF;QACD,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,SAAS,YAC1B,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,YAAY,CAAC,KAAK,CAAC,CACpB,CAAC,CAAC,CAAC,CACF,8BAAkB,MAAM,qCAAsB,CAC/C,WACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef, Ref } from 'react';\n\nimport { TranslationPack } from '../../i18n';\nimport { useI18n } from '../../hooks';\nimport { BaseProps, ForwardProps } from '../../types';\nimport Text from '../Text';\n\nexport interface DurationDisplayProps extends BaseProps {\n  /** Number of milliseconds value for controlled input. */\n  value?: number;\n  /** Determines number of units to be displayed.\n   * @default 4\n   */\n  significantUnits?: 4 | 3 | 2 | 1;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLSpanElement>;\n}\n\nconst dayInMs = 24 * 60 * 60 * 1000;\nconst hourInMs = 60 * 60 * 1000;\nconst minuteInMs = 60 * 1000;\nconst secondInMs = 1000;\n\nconst DurationDisplay: FunctionComponent<DurationDisplayProps & ForwardProps> = forwardRef(\n  (\n    { value, significantUnits = 4, ...restProps }: PropsWithoutRef<DurationDisplayProps>,\n    ref: DurationDisplayProps['ref']\n  ) => {\n    const t = useI18n();\n\n    const displayValue = (ms: number) => {\n      const sign = ms < 0 ? '-' : '';\n      const absMs = Math.abs(ms);\n      if (absMs < secondInMs) {\n        return `0${t('second_text_short')}`;\n      }\n      const durationParts = [\n        { unit: 'day', value: Math.floor(absMs / dayInMs) },\n        { unit: 'hour', value: Math.floor((absMs % dayInMs) / hourInMs) },\n        { unit: 'minute', value: Math.floor((absMs % hourInMs) / minuteInMs) },\n        { unit: 'second', value: Math.floor((absMs % minuteInMs) / secondInMs) }\n      ];\n      const result = [];\n      for (let i = 0; result.length < significantUnits && i < durationParts.length; i += 1) {\n        if (durationParts[i].value > 0) {\n          result.push(\n            `${\n              durationParts[i].value +\n              t(`${durationParts[i].unit}_text_short` as keyof TranslationPack)\n            }`\n          );\n        }\n      }\n      return `${sign}${result.join(' ')}`;\n    };\n\n    return (\n      <Text ref={ref} {...restProps}>\n        {typeof value === 'number' ? (\n          displayValue(value)\n        ) : (\n          <span aria-hidden='true'>&ndash;&ndash;</span>\n        )}\n      </Text>\n    );\n  }\n);\n\nexport default DurationDisplay;\n"]}

package/lib/components/DateTime/Input/DateInput.js

@@ -127,19 +127,19 @@ const DateInput = forwardRef((props, ref) => {
             setTimeout(() => buttonEl?.focus());
             onInputChange();
         }, min: min, max: max, showWeekNumber: showWeekNumber }, void 0));
-    const PickerButton = (_jsxs(_Fragment, { children: [_jsx(Button, Object.assign({ variant: 'simple', icon: true, ref: setButtonEl, onClick: () => setOpen(cur => !cur), "aria-label": generatePickerButtonAriaLabel(currentlySelectedDate(), 'date', locale, t, open), readOnly: readOnly, disabled: disabled }, { children: _jsx(Icon, { name: open ? 'times' : 'calendar' }, void 0) }), void 0), _jsx(Popover, Object.assign({ show: open, ref: setPopoverRef, target: containerRef.current, placement: 'bottom-end', strategy: 'fixed', modifiers: [
+    const PickerButton = (_jsxs(_Fragment, { children: [_jsx(Button, { variant: 'simple', icon: true, ref: setButtonEl, onClick: () => setOpen(cur => !cur), "aria-label": generatePickerButtonAriaLabel(currentlySelectedDate(), 'date', locale, t, open), readOnly: readOnly, disabled: disabled, children: _jsx(Icon, { name: open ? 'times' : 'calendar' }, void 0) }, void 0), _jsx(Popover, { show: open, ref: setPopoverRef, target: containerRef.current, placement: 'bottom-end', strategy: 'fixed', modifiers: [
                     {
                         name: 'flip',
                         options: {
                             fallbackPlacements: ['top-end', 'right', 'left']
                         }
                     }
-                ] }, { children: picker || Picker }), void 0)] }, void 0));
+                ], children: picker || Picker }, void 0)] }, void 0));
     const orderedRefs = [];
-    const Comp = (_jsxs(Flex, Object.assign({ as: StyledDateInput, forwardedAs: StyledFormControl, container: { alignItems: 'center', wrap: 'nowrap' }, status: status, readOnly: readOnly, disabled: disabled, ref: containerRef, onClick: (e) => {
+    const Comp = (_jsxs(Flex, { as: StyledDateInput, forwardedAs: StyledFormControl, container: { alignItems: 'center', wrap: 'nowrap' }, status: status, readOnly: readOnly, disabled: disabled, ref: containerRef, onClick: (e) => {
             if (e.target === containerRef.current)
                 orderedRefs[0].current?.focus();
-        } }, restProps, { children: [_jsx(Flex, Object.assign({ ref: inputContainerRef, as: StyledInputContainer, container: { alignItems: 'center', wrap: 'wrap' }, onPaste: onPaste }, { children: getDateFormat(locale).map(part => {
+        }, ...restProps, children: [_jsx(Flex, { ref: inputContainerRef, as: StyledInputContainer, container: { alignItems: 'center', wrap: 'wrap' }, onPaste: onPaste, children: getDateFormat(locale).map(part => {
                     switch (part) {
                         case 'DD':
                             orderedRefs.push(dayInputRef);
@@ -153,13 +153,13 @@ const DateInput = forwardRef((props, ref) => {
                         default:
                             return part;
                     }
-                }) }), void 0), !readOnly && PickerButton] }), void 0));
+                }) }, void 0), !readOnly && PickerButton] }, void 0));
     useEffect(() => {
         if (autoFocus)
             orderedRefs[0].current?.focus();
     }, [autoFocus]);
     useAutoFocusNextInput(orderedRefs);
-    return label ? (_jsx(FormField, Object.assign({ as: 'fieldset', labelAs: 'legend' }, { label, labelHidden, id, info, status, required, disabled }, { ref: ref }, { children: Comp }), void 0)) : (Comp);
+    return label ? (_jsx(FormField, { as: 'fieldset', labelAs: 'legend', ...{ label, labelHidden, id, info, status, required, disabled }, ref: ref, children: Comp }, void 0)) : (Comp);
 });
 export default DateInput;
 //# sourceMappingURL=DateInput.js.map

package/lib/components/DateTime/Input/DateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/DateInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  ClipboardEvent,\n  FunctionComponent,\n  forwardRef,\n  PropsWithoutRef,\n  Ref,\n  useRef,\n  RefObject,\n  ReactNode,\n  Dispatch,\n  SetStateAction,\n  useImperativeHandle,\n  useEffect\n} from 'react';\nimport styled from 'styled-components';\n\nimport { defaultThemeProp } from '../../../theme';\nimport { useConfiguration, useFocusWithin, useI18n } from '../../../hooks';\nimport { ForwardProps } from '../../../types';\nimport FormField from '../../FormField';\nimport Flex from '../../Flex';\nimport Button from '../../Button';\nimport Icon, { registerIcon } from '../../Icon';\nimport * as timesIcon from '../../Icon/icons/times.icon';\nimport * as calendarIcon from '../../Icon/icons/calendar.icon';\nimport DatePicker from '../Picker/DatePicker';\nimport Popover from '../../Popover';\nimport { StyledFormControl } from '../../FormControl';\nimport DateTimeProps, { DateTimeCallbackParameter } from '../DateTime.types';\n\nimport {\n  getDateFormat,\n  parsePastedTextToDate,\n  parseToDate,\n  validateDate,\n  generatePickerButtonAriaLabel\n} from './utils';\nimport StyledDateTime, { StyledInputContainer } from './DateTime.styles';\nimport useAutoFocusNextInput from './useAutoFocusNextInput';\nimport PartInput from './PartInput';\nimport usePickerButton from './usePickerButton';\n\nregisterIcon(timesIcon, calendarIcon);\n\nexport interface DateInputProps extends DateTimeProps {\n  /**\n   * Display additional column with week number in date picker popover.\n   * @default false\n   */\n  showWeekNumber?: boolean;\n  /** Changes default date picker */\n  picker?: ReactNode;\n}\n\nexport interface DateInputRefObject {\n  readonly value: Date | undefined;\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  buttonEl: HTMLElement | null;\n}\n\nexport const StyledDateInput = styled(StyledDateTime)<DateInputProps>`\n  padding-inline-end: 0;\n`;\n\nStyledDateInput.defaultProps = defaultThemeProp;\n\nconst convertToCallbackParameter = (\n  date: Date,\n  parts: (string | undefined)[]\n): DateTimeCallbackParameter => {\n  if (parts.every(Boolean)) {\n    const [year, monthIndex, day] = parts.map(Number);\n\n    if (!validateDate(year, monthIndex + 1, day)) {\n      return {\n        valueAsISOString: '',\n        valueAsTimestamp: NaN,\n        state: 'invalid'\n      };\n    }\n\n    date.setUTCFullYear(year, monthIndex, day);\n    return {\n      valueAsISOString: date.toISOString(),\n      valueAsTimestamp: date.getTime()\n    };\n  }\n  if (parts.every(p => !p)) {\n    return {\n      valueAsISOString: '',\n      valueAsTimestamp: undefined\n    };\n  }\n  return {\n    valueAsISOString: '',\n    valueAsTimestamp: NaN,\n    state: 'incomplete'\n  };\n};\n\nconst DateInput: FunctionComponent<DateInputProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<DateInputProps>, ref: Ref<DateInputRefObject>) => {\n    const { locale } = useConfiguration();\n    const {\n      defaultValue,\n      value = defaultValue,\n      min,\n      max,\n      id,\n      label,\n      labelHidden,\n      info = getDateFormat(locale).join(''),\n      status,\n      required,\n      readOnly,\n      disabled,\n      onChange,\n      onFocus,\n      onBlur,\n      showWeekNumber,\n      picker,\n      autoFocus,\n      ...restProps\n    } = props;\n\n    const t = useI18n();\n\n    const date = value !== undefined ? parseToDate(value) : undefined;\n\n    const [yearInputRef, monthInputRef, dayInputRef] = [\n      useRef<HTMLInputElement>(null),\n      useRef<HTMLInputElement>(null),\n      useRef<HTMLInputElement>(null)\n    ];\n\n    const pickParts = () => {\n      const month = monthInputRef.current?.value\n        ? (Number(monthInputRef.current.value) - 1).toString()\n        : undefined;\n      return [\n        yearInputRef.current?.value || undefined,\n        month,\n        dayInputRef.current?.value || undefined\n      ];\n    };\n\n    const currentlySelectedDate = () => {\n      const parts = pickParts();\n      if (parts.every(Boolean)) {\n        const [year, monthIndex, day] = parts.map(Number);\n\n        return validateDate(year, monthIndex + 1, day)\n          ? new Date(Date.UTC(year, monthIndex, day))\n          : undefined;\n      }\n    };\n\n    const inputContainerRef = useRef<HTMLDivElement>(null);\n\n    const onFocusChange = (focused: boolean) => {\n      const callbackParam = convertToCallbackParameter(\n        date ? new Date(date) : new Date(),\n        pickParts()\n      );\n      if (onFocus && focused) onFocus(callbackParam);\n      if (!focused) {\n        if (inputContainerRef.current) inputContainerRef.current.scrollTop = 0;\n        onBlur?.(callbackParam);\n      }\n    };\n\n    const [open, setOpen, , setPopoverRef, buttonEl, setButtonEl] = usePickerButton();\n\n    const onInputChange = () => {\n      onChange?.(convertToCallbackParameter(date ? new Date(date) : new Date(), pickParts()));\n      buttonEl?.setAttribute(\n        'aria-label',\n        generatePickerButtonAriaLabel(currentlySelectedDate(), 'date', locale, t, open)\n      );\n    };\n\n    const setInputValue = (newValue: Date) => {\n      dayInputRef.current!.value = newValue.getUTCDate().toString().padStart(2, '0');\n      monthInputRef.current!.value = (newValue.getUTCMonth() + 1).toString().padStart(2, '0');\n      yearInputRef.current!.value = newValue.getUTCFullYear().toString();\n    };\n\n    const onPaste = (e: ClipboardEvent) => {\n      const text = e.clipboardData.getData('text');\n      const newDate = parsePastedTextToDate(text, locale, date || new Date());\n      if (newDate) {\n        e.preventDefault();\n        setInputValue(newDate);\n        onInputChange();\n      }\n    };\n\n    const DayInput = (\n      <PartInput\n        key='day'\n        placeholder={t('day_placeholder')}\n        aria-label={t('day_label_a11y')}\n        value={date?.getUTCDate()}\n        onChange={onInputChange}\n        size={2}\n        maxLength={2}\n        readOnly={readOnly}\n        min={1}\n        max={31}\n        ref={dayInputRef}\n      />\n    );\n\n    const MonthInput = (\n      <PartInput\n        key='month'\n        placeholder={t('month_placeholder')}\n        aria-label={t('month_label_a11y')}\n        value={date ? date?.getUTCMonth() + 1 : undefined}\n        onChange={onInputChange}\n        size={2}\n        maxLength={2}\n        readOnly={readOnly}\n        min={1}\n        max={12}\n        ref={monthInputRef}\n      />\n    );\n\n    const YearInput = (\n      <PartInput\n        key='year'\n        placeholder={t('year_placeholder')}\n        aria-label={t('year_label_a11y')}\n        value={date?.getUTCFullYear()}\n        onChange={onInputChange}\n        size={4}\n        maxLength={4}\n        readOnly={readOnly}\n        min={1}\n        ref={yearInputRef}\n      />\n    );\n\n    const containerRef = useRef<HTMLElement>(null);\n    useFocusWithin([containerRef], onFocusChange);\n\n    useImperativeHandle(ref, () => ({\n      setOpen,\n      buttonEl,\n      get value() {\n        return currentlySelectedDate();\n      }\n    }));\n\n    const Picker = (\n      <DatePicker\n        selected={currentlySelectedDate()}\n        onChange={selected => {\n          setInputValue(selected);\n          setOpen(false);\n          setTimeout(() => buttonEl?.focus());\n          onInputChange();\n        }}\n        min={min}\n        max={max}\n        showWeekNumber={showWeekNumber}\n      />\n    );\n\n    const PickerButton = (\n      <>\n        <Button\n          variant='simple'\n          icon\n          ref={setButtonEl}\n          onClick={() => setOpen(cur => !cur)}\n          aria-label={generatePickerButtonAriaLabel(\n            currentlySelectedDate(),\n            'date',\n            locale,\n            t,\n            open\n          )}\n          readOnly={readOnly}\n          disabled={disabled}\n        >\n          <Icon name={open ? 'times' : 'calendar'} />\n        </Button>\n\n        <Popover\n          show={open}\n          ref={setPopoverRef}\n          target={containerRef.current}\n          placement='bottom-end'\n          strategy='fixed'\n          modifiers={[\n            {\n              name: 'flip',\n              options: {\n                fallbackPlacements: ['top-end', 'right', 'left']\n              }\n            }\n          ]}\n        >\n          {picker || Picker}\n        </Popover>\n      </>\n    );\n\n    const orderedRefs: RefObject<HTMLInputElement>[] = [];\n\n    const Comp = (\n      <Flex\n        as={StyledDateInput}\n        forwardedAs={StyledFormControl}\n        container={{ alignItems: 'center', wrap: 'nowrap' }}\n        status={status}\n        readOnly={readOnly}\n        disabled={disabled}\n        ref={containerRef}\n        onClick={(e: MouseEvent) => {\n          if (e.target === containerRef.current) orderedRefs[0].current?.focus();\n        }}\n        {...restProps}\n      >\n        <Flex\n          ref={inputContainerRef}\n          as={StyledInputContainer}\n          container={{ alignItems: 'center', wrap: 'wrap' }}\n          onPaste={onPaste}\n        >\n          {getDateFormat(locale).map(part => {\n            switch (part) {\n              case 'DD':\n                orderedRefs.push(dayInputRef);\n                return DayInput;\n              case 'MM':\n                orderedRefs.push(monthInputRef);\n                return MonthInput;\n              case 'YYYY':\n                orderedRefs.push(yearInputRef);\n                return YearInput;\n              default:\n                return part;\n            }\n          })}\n        </Flex>\n        {!readOnly && PickerButton}\n      </Flex>\n    );\n\n    useEffect(() => {\n      if (autoFocus) orderedRefs[0].current?.focus();\n    }, [autoFocus]);\n\n    useAutoFocusNextInput(orderedRefs);\n\n    return label ? (\n      <FormField\n        as='fieldset'\n        labelAs='legend'\n        {...{ label, labelHidden, id, info, status, required, disabled }}\n        ref={ref}\n      >\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }\n);\n\nexport default DateInput;\n"]}
+{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/DateInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  ClipboardEvent,\n  FunctionComponent,\n  forwardRef,\n  PropsWithoutRef,\n  Ref,\n  useRef,\n  RefObject,\n  ReactNode,\n  Dispatch,\n  SetStateAction,\n  useImperativeHandle,\n  useEffect\n} from 'react';\nimport styled from 'styled-components';\n\nimport { defaultThemeProp } from '../../../theme';\nimport { useConfiguration, useFocusWithin, useI18n } from '../../../hooks';\nimport { ForwardProps } from '../../../types';\nimport FormField from '../../FormField';\nimport Flex from '../../Flex';\nimport Button from '../../Button';\nimport Icon, { registerIcon } from '../../Icon';\nimport * as timesIcon from '../../Icon/icons/times.icon';\nimport * as calendarIcon from '../../Icon/icons/calendar.icon';\nimport DatePicker from '../Picker/DatePicker';\nimport Popover from '../../Popover';\nimport { StyledFormControl } from '../../FormControl';\nimport DateTimeProps, { DateTimeCallbackParameter } from '../DateTime.types';\n\nimport {\n  getDateFormat,\n  parsePastedTextToDate,\n  parseToDate,\n  validateDate,\n  generatePickerButtonAriaLabel\n} from './utils';\nimport StyledDateTime, { StyledInputContainer } from './DateTime.styles';\nimport useAutoFocusNextInput from './useAutoFocusNextInput';\nimport PartInput from './PartInput';\nimport usePickerButton from './usePickerButton';\n\nregisterIcon(timesIcon, calendarIcon);\n\nexport interface DateInputProps extends DateTimeProps {\n  /**\n   * Display additional column with week number in date picker popover.\n   * @default false\n   */\n  showWeekNumber?: boolean;\n  /** Changes default date picker */\n  picker?: ReactNode;\n}\n\nexport interface DateInputRefObject {\n  readonly value: Date | undefined;\n  setOpen: Dispatch<SetStateAction<boolean>>;\n  buttonEl: HTMLElement | null;\n}\n\nexport const StyledDateInput = styled(StyledDateTime)<DateInputProps>`\n  padding-inline-end: 0;\n`;\n\nStyledDateInput.defaultProps = defaultThemeProp;\n\nconst convertToCallbackParameter = (\n  date: Date,\n  parts: (string | undefined)[]\n): DateTimeCallbackParameter => {\n  if (parts.every(Boolean)) {\n    const [year, monthIndex, day] = parts.map(Number);\n\n    if (!validateDate(year, monthIndex + 1, day)) {\n      return {\n        valueAsISOString: '',\n        valueAsTimestamp: NaN,\n        state: 'invalid'\n      };\n    }\n\n    date.setUTCFullYear(year, monthIndex, day);\n    return {\n      valueAsISOString: date.toISOString(),\n      valueAsTimestamp: date.getTime()\n    };\n  }\n  if (parts.every(p => !p)) {\n    return {\n      valueAsISOString: '',\n      valueAsTimestamp: undefined\n    };\n  }\n  return {\n    valueAsISOString: '',\n    valueAsTimestamp: NaN,\n    state: 'incomplete'\n  };\n};\n\nconst DateInput: FunctionComponent<DateInputProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<DateInputProps>, ref: Ref<DateInputRefObject>) => {\n    const { locale } = useConfiguration();\n    const {\n      defaultValue,\n      value = defaultValue,\n      min,\n      max,\n      id,\n      label,\n      labelHidden,\n      info = getDateFormat(locale).join(''),\n      status,\n      required,\n      readOnly,\n      disabled,\n      onChange,\n      onFocus,\n      onBlur,\n      showWeekNumber,\n      picker,\n      autoFocus,\n      ...restProps\n    } = props;\n\n    const t = useI18n();\n\n    const date = value !== undefined ? parseToDate(value) : undefined;\n\n    const [yearInputRef, monthInputRef, dayInputRef] = [\n      useRef<HTMLInputElement>(null),\n      useRef<HTMLInputElement>(null),\n      useRef<HTMLInputElement>(null)\n    ];\n\n    const pickParts = () => {\n      const month = monthInputRef.current?.value\n        ? (Number(monthInputRef.current.value) - 1).toString()\n        : undefined;\n      return [\n        yearInputRef.current?.value || undefined,\n        month,\n        dayInputRef.current?.value || undefined\n      ];\n    };\n\n    const currentlySelectedDate = () => {\n      const parts = pickParts();\n      if (parts.every(Boolean)) {\n        const [year, monthIndex, day] = parts.map(Number);\n\n        return validateDate(year, monthIndex + 1, day)\n          ? new Date(Date.UTC(year, monthIndex, day))\n          : undefined;\n      }\n    };\n\n    const inputContainerRef = useRef<HTMLDivElement>(null);\n\n    const onFocusChange = (focused: boolean) => {\n      const callbackParam = convertToCallbackParameter(\n        date ? new Date(date) : new Date(),\n        pickParts()\n      );\n      if (onFocus && focused) onFocus(callbackParam);\n      if (!focused) {\n        if (inputContainerRef.current) inputContainerRef.current.scrollTop = 0;\n        onBlur?.(callbackParam);\n      }\n    };\n\n    const [open, setOpen, , setPopoverRef, buttonEl, setButtonEl] = usePickerButton();\n\n    const onInputChange = () => {\n      onChange?.(convertToCallbackParameter(date ? new Date(date) : new Date(), pickParts()));\n      buttonEl?.setAttribute(\n        'aria-label',\n        generatePickerButtonAriaLabel(currentlySelectedDate(), 'date', locale, t, open)\n      );\n    };\n\n    const setInputValue = (newValue: Date) => {\n      dayInputRef.current!.value = newValue.getUTCDate().toString().padStart(2, '0');\n      monthInputRef.current!.value = (newValue.getUTCMonth() + 1).toString().padStart(2, '0');\n      yearInputRef.current!.value = newValue.getUTCFullYear().toString();\n    };\n\n    const onPaste = (e: ClipboardEvent) => {\n      const text = e.clipboardData.getData('text');\n      const newDate = parsePastedTextToDate(text, locale, date || new Date());\n      if (newDate) {\n        e.preventDefault();\n        setInputValue(newDate);\n        onInputChange();\n      }\n    };\n\n    const DayInput = (\n      <PartInput\n        key='day'\n        placeholder={t('day_placeholder')}\n        aria-label={t('day_label_a11y')}\n        value={date?.getUTCDate()}\n        onChange={onInputChange}\n        size={2}\n        maxLength={2}\n        readOnly={readOnly}\n        min={1}\n        max={31}\n        ref={dayInputRef}\n      />\n    );\n\n    const MonthInput = (\n      <PartInput\n        key='month'\n        placeholder={t('month_placeholder')}\n        aria-label={t('month_label_a11y')}\n        value={date ? date?.getUTCMonth() + 1 : undefined}\n        onChange={onInputChange}\n        size={2}\n        maxLength={2}\n        readOnly={readOnly}\n        min={1}\n        max={12}\n        ref={monthInputRef}\n      />\n    );\n\n    const YearInput = (\n      <PartInput\n        key='year'\n        placeholder={t('year_placeholder')}\n        aria-label={t('year_label_a11y')}\n        value={date?.getUTCFullYear()}\n        onChange={onInputChange}\n        size={4}\n        maxLength={4}\n        readOnly={readOnly}\n        min={1}\n        ref={yearInputRef}\n      />\n    );\n\n    const containerRef = useRef<HTMLElement>(null);\n    useFocusWithin([containerRef], onFocusChange);\n\n    useImperativeHandle(ref, () => ({\n      setOpen,\n      buttonEl,\n      get value() {\n        return currentlySelectedDate();\n      }\n    }));\n\n    const Picker = (\n      <DatePicker\n        selected={currentlySelectedDate()}\n        onChange={selected => {\n          setInputValue(selected);\n          setOpen(false);\n          setTimeout(() => buttonEl?.focus());\n          onInputChange();\n        }}\n        min={min}\n        max={max}\n        showWeekNumber={showWeekNumber}\n      />\n    );\n\n    const PickerButton = (\n      <>\n        <Button\n          variant='simple'\n          icon\n          ref={setButtonEl}\n          onClick={() => setOpen(cur => !cur)}\n          aria-label={generatePickerButtonAriaLabel(\n            currentlySelectedDate(),\n            'date',\n            locale,\n            t,\n            open\n          )}\n          readOnly={readOnly}\n          disabled={disabled}\n        >\n          <Icon name={open ? 'times' : 'calendar'} />\n        </Button>\n\n        <Popover\n          show={open}\n          ref={setPopoverRef}\n          target={containerRef.current}\n          placement='bottom-end'\n          strategy='fixed'\n          modifiers={[\n            {\n              name: 'flip',\n              options: {\n                fallbackPlacements: ['top-end', 'right', 'left']\n              }\n            }\n          ]}\n        >\n          {picker || Picker}\n        </Popover>\n      </>\n    );\n\n    const orderedRefs: RefObject<HTMLInputElement>[] = [];\n\n    const Comp = (\n      <Flex\n        as={StyledDateInput}\n        forwardedAs={StyledFormControl}\n        container={{ alignItems: 'center', wrap: 'nowrap' }}\n        status={status}\n        readOnly={readOnly}\n        disabled={disabled}\n        ref={containerRef}\n        onClick={(e: MouseEvent) => {\n          if (e.target === containerRef.current) orderedRefs[0].current?.focus();\n        }}\n        {...restProps}\n      >\n        <Flex\n          ref={inputContainerRef}\n          as={StyledInputContainer}\n          container={{ alignItems: 'center', wrap: 'wrap' }}\n          onPaste={onPaste}\n        >\n          {getDateFormat(locale).map(part => {\n            switch (part) {\n              case 'DD':\n                orderedRefs.push(dayInputRef);\n                return DayInput;\n              case 'MM':\n                orderedRefs.push(monthInputRef);\n                return MonthInput;\n              case 'YYYY':\n                orderedRefs.push(yearInputRef);\n                return YearInput;\n              default:\n                return part;\n            }\n          })}\n        </Flex>\n        {!readOnly && PickerButton}\n      </Flex>\n    );\n\n    useEffect(() => {\n      if (autoFocus) orderedRefs[0].current?.focus();\n    }, [autoFocus]);\n\n    useAutoFocusNextInput(orderedRefs);\n\n    return label ? (\n      <FormField\n        as='fieldset'\n        labelAs='legend'\n        {...{ label, labelHidden, id, info, status, required, disabled }}\n        ref={ref}\n      >\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }\n);\n\nexport default DateInput;\n"]}

package/lib/components/DateTime/Input/DateRangeInput.js

@@ -148,7 +148,7 @@ const DateRangeInput = forwardRef((props, ref) => {
         },
         info: props.info
     };
-    return (_jsxs(Flex, Object.assign({ as: StyledDateRangeInput, container: { wrap: 'nowrap' } }, restProps, { ref: containerRef }, { children: [_jsx(DateInput, Object.assign({}, fromProps, { ref: startDateInputRef, picker: startPicker, onChange: changedValue => dispatch({ type: 'start', value: changedValue.valueAsTimestamp }) }), void 0), _jsx(DateInput, Object.assign({}, toProps, { ref: endDateInputRef, picker: endPicker, onChange: changedValue => dispatch({ type: 'end', value: changedValue.valueAsTimestamp }) }), void 0)] }), void 0));
+    return (_jsxs(Flex, { as: StyledDateRangeInput, container: { wrap: 'nowrap' }, ...restProps, ref: containerRef, children: [_jsx(DateInput, { ...fromProps, ref: startDateInputRef, picker: startPicker, onChange: changedValue => dispatch({ type: 'start', value: changedValue.valueAsTimestamp }) }, void 0), _jsx(DateInput, { ...toProps, ref: endDateInputRef, picker: endPicker, onChange: changedValue => dispatch({ type: 'end', value: changedValue.valueAsTimestamp }) }, void 0)] }, void 0));
 });
 export default DateRangeInput;
 //# sourceMappingURL=DateRangeInput.js.map