@pega/cosmos-react-core 2.2.0 → 2.2.1

package/lib/components/Currency/utils.js

@@ -1,60 +0,0 @@
-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, alwaysShowISOCode, currencyISOCode) {
-    const options = currencyISOCode
-        ? {
-            style: 'currency',
-            currency: currencyISOCode
-        }
-        : undefined;
-    return new Intl.NumberFormat(locale, options).formatToParts(1).reduce((currencyObj, part, index) => {
-        if (part.type === 'currency') {
-            currencyObj.symbol = alwaysShowISOCode ? currencyISOCode || '' : part.value;
-            if (index === 0) {
-                currencyObj.symbolPlacement = 'before';
-            }
-        }
-        return currencyObj;
-    }, { symbol: '', symbolPlacement: 'after' });
-}
-export function getCurrencyMaximumFractionDigits(locale, currencyISOCode) {
-    return currencyISOCode
-        ? new Intl.NumberFormat(locale, {
-            style: 'currency',
-            currency: currencyISOCode
-        }).resolvedOptions().maximumFractionDigits
-        : NUMBER_MAX_DECIMAL_PLACES;
-}
-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 +0,0 @@
-{"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/DateTime.types.d.ts

@@ -1,57 +0,0 @@
-import { NoChildrenProp } from '../../types';
-import { FormControlProps } from '../FormControl';
-export interface DateTimeProperties {
-    /**
-     * Date as ISO8601 string, timestamp or native Date object.
-     * Requires onChange prop to update value for controlled inputs.
-     */
-    value?: string | number | Date;
-    /**
-     * Date as ISO8601 string, timestamp or native Date object. Sets the value for an uncontrolled input.
-     */
-    defaultValue?: string | number | Date;
-    /** Date as ISO8601 string, timestamp or native Date object. Defines minimum available value that can be set by the user. */
-    min?: string | number | Date;
-    /** Date as ISO8601 string, timestamp or native Date object. Defines maximum available value that can be set by the user. */
-    max?: string | number | Date;
-    /**
-     * Sets DOM id for the control and associates label element via 'for' attribute.
-     * If an id is not pass, a random id will be generated for any render.
-     */
-    id?: FormControlProps['id'];
-    /** Set visual state based on a validation state. */
-    status?: FormControlProps['status'];
-    /** Pass a string or a fragment with an Icon and string. */
-    label?: FormControlProps['label'];
-    /** Visually hides the label region. */
-    labelHidden?: FormControlProps['labelHidden'];
-    /** It is recommended to pass a simple string to offer guidance. Text will be styled based on status prop. */
-    info?: FormControlProps['info'];
-    /** Indicate if the field is required. The browser defaults to false. */
-    required?: FormControlProps['required'];
-    /** Disable the control. The browser defaults to false. */
-    disabled?: FormControlProps['disabled'];
-    /** Makes the input non editable and non clickable. The browser defaults to false. */
-    readOnly?: FormControlProps['readOnly'];
-    /** Sets html name attribute for the underlying control. Useful for mapping to a data field. */
-    name?: FormControlProps['name'];
-    /** Automatically focuses the input on render. */
-    autoFocus?: boolean;
-}
-export declare type DateTimeValueErrorState = 'incomplete' | 'invalid';
-export declare type DateTimeCallbackParameter = {
-    valueAsISOString: string;
-    valueAsTimestamp: number | undefined;
-    state?: DateTimeValueErrorState;
-};
-export interface DateTimeCallbacks {
-    /** Callback fired when input value changes. */
-    onChange?: (value: DateTimeCallbackParameter) => void;
-    /** Callback fired when the component gets focused. */
-    onFocus?: (value: DateTimeCallbackParameter) => void;
-    /** Callback fired when the component loses focus. */
-    onBlur?: (value: DateTimeCallbackParameter) => void;
-}
-export default interface DateTimeProps extends DateTimeProperties, DateTimeCallbacks, NoChildrenProp {
-}
-//# sourceMappingURL=DateTime.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateTime.types.d.ts","sourceRoot":"","sources":["../../../src/components/DateTime/DateTime.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACtC,4HAA4H;IAC5H,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7B,4HAA4H;IAC5H,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,EAAE,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC5B,oDAAoD;IACpD,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,2DAA2D;IAC3D,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,uCAAuC;IACvC,WAAW,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAC9C,6GAA6G;IAC7G,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,qFAAqF;IACrF,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,+FAA+F;IAC/F,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,oBAAY,uBAAuB,GAAG,YAAY,GAAG,SAAS,CAAC;AAE/D,oBAAY,yBAAyB,GAAG;IACtC,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,uBAAuB,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACtD,sDAAsD;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrD,qDAAqD;IACrD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,CAAC,OAAO,WAAW,aACvB,SAAQ,kBAAkB,EACxB,iBAAiB,EACjB,cAAc;CAAG"}

package/lib/components/DateTime/DateTime.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=DateTime.types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateTime.types.js","sourceRoot":"","sources":["../../../src/components/DateTime/DateTime.types.ts"],"names":[],"mappings":"","sourcesContent":["import { NoChildrenProp } from '../../types';\nimport { FormControlProps } from '../FormControl';\n\nexport interface DateTimeProperties {\n  /**\n   * Date as ISO8601 string, timestamp or native Date object.\n   * Requires onChange prop to update value for controlled inputs.\n   */\n  value?: string | number | Date;\n  /**\n   * Date as ISO8601 string, timestamp or native Date object. Sets the value for an uncontrolled input.\n   */\n  defaultValue?: string | number | Date;\n  /** Date as ISO8601 string, timestamp or native Date object. Defines minimum available value that can be set by the user. */\n  min?: string | number | Date;\n  /** Date as ISO8601 string, timestamp or native Date object. Defines maximum available value that can be set by the user. */\n  max?: string | number | Date;\n  /**\n   * Sets DOM id for the control and associates label element via 'for' attribute.\n   * If an id is not pass, a random id will be generated for any render.\n   */\n  id?: FormControlProps['id'];\n  /** Set visual state based on a validation state. */\n  status?: FormControlProps['status'];\n  /** Pass a string or a fragment with an Icon and string. */\n  label?: FormControlProps['label'];\n  /** Visually hides the label region. */\n  labelHidden?: FormControlProps['labelHidden'];\n  /** It is recommended to pass a simple string to offer guidance. Text will be styled based on status prop. */\n  info?: FormControlProps['info'];\n  /** Indicate if the field is required. The browser defaults to false. */\n  required?: FormControlProps['required'];\n  /** Disable the control. The browser defaults to false. */\n  disabled?: FormControlProps['disabled'];\n  /** Makes the input non editable and non clickable. The browser defaults to false. */\n  readOnly?: FormControlProps['readOnly'];\n  /** Sets html name attribute for the underlying control. Useful for mapping to a data field. */\n  name?: FormControlProps['name'];\n  /** Automatically focuses the input on render. */\n  autoFocus?: boolean;\n}\n\nexport type DateTimeValueErrorState = 'incomplete' | 'invalid';\n\nexport type DateTimeCallbackParameter = {\n  valueAsISOString: string;\n  valueAsTimestamp: number | undefined;\n  state?: DateTimeValueErrorState;\n};\n\nexport interface DateTimeCallbacks {\n  /** Callback fired when input value changes. */\n  onChange?: (value: DateTimeCallbackParameter) => void;\n  /** Callback fired when the component gets focused. */\n  onFocus?: (value: DateTimeCallbackParameter) => void;\n  /** Callback fired when the component loses focus. */\n  onBlur?: (value: DateTimeCallbackParameter) => void;\n}\n\nexport default interface DateTimeProps\n  extends DateTimeProperties,\n    DateTimeCallbacks,\n    NoChildrenProp {}\n"]}

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

@@ -1,30 +0,0 @@
-import { FunctionComponent, Ref } from 'react';
-import { BaseProps, ForwardProps } from '../../types';
-import { ClockFormat } from './Input/utils';
-declare type AbsoluteVariant = 'date' | 'datetime' | 'time' | 'week' | 'month' | 'year' | 'monthyear' | 'quarteryear';
-export declare type DateTimeVariant = AbsoluteVariant | 'relative';
-export declare type DateTimeFormat = 'short' | 'long' | 'numeric';
-export interface DateTimeDisplayProps extends BaseProps {
-    /**
-     * Date as ISO8601 string, timestamp or native Date object.
-     */
-    value?: Date | string | number;
-    /**
-     * Controls date time variant.
-     */
-    variant: DateTimeVariant;
-    /**
-     * Controls display format.
-     * @default "short"
-     */
-    format?: DateTimeFormat;
-    /**
-     * Defines clock format that overrides locale based format
-     */
-    clockFormat?: ClockFormat;
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLSpanElement>;
-}
-declare const DateTimeDisplay: FunctionComponent<DateTimeDisplayProps & ForwardProps>;
-export default DateTimeDisplay;
-//# sourceMappingURL=DateTimeDisplay.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,111 +0,0 @@
-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,
-    day: 24 * 60 * 60 * 1000,
-    hour: 60 * 60 * 1000,
-    minute: 60 * 1000,
-    second: 1000
-};
-const DateTimeDisplay = forwardRef(({ value, variant, format = 'short', clockFormat, ...restProps }, ref) => {
-    const { locale } = useConfiguration();
-    const t = useI18n();
-    const timeShort = {
-        hour: 'numeric',
-        minute: 'numeric',
-        hour12: clockFormat ? clockFormat === 12 : undefined
-    };
-    const timeLong = {
-        ...timeShort,
-        second: 'numeric',
-        hour12: clockFormat ? clockFormat === 12 : undefined
-    };
-    const formatMapping = {
-        date: {
-            short: { year: 'numeric', month: 'short', day: 'numeric' },
-            long: { year: 'numeric', month: 'long', day: 'numeric' },
-            numeric: { year: 'numeric', month: 'numeric', day: 'numeric' }
-        },
-        datetime: {
-            short: { year: 'numeric', month: 'short', day: 'numeric', ...timeShort },
-            long: { year: 'numeric', month: 'long', day: 'numeric', ...timeLong },
-            numeric: { year: 'numeric', month: 'numeric', day: 'numeric', ...timeShort }
-        },
-        time: {
-            short: timeShort,
-            long: timeLong,
-            numeric: timeShort
-        },
-        month: {
-            short: { month: 'short' },
-            long: { month: 'long' },
-            numeric: { month: 'numeric' }
-        },
-        year: {
-            short: { year: 'numeric' },
-            long: { year: 'numeric' },
-            numeric: { year: '2-digit' }
-        },
-        monthyear: {
-            short: { year: 'numeric', month: 'short' },
-            long: { year: 'numeric', month: 'long' },
-            numeric: { year: 'numeric', month: 'numeric' }
-        },
-        week: {
-            short: { month: 'short', day: 'numeric' },
-            long: { month: 'long', day: 'numeric' },
-            numeric: { month: 'numeric', day: 'numeric' }
-        },
-        relative: {
-            short: { style: 'long', numeric: 'auto' },
-            long: { style: 'long', numeric: 'auto' },
-            numeric: { style: 'short', numeric: 'auto' }
-        }
-    };
-    const getFormattedDate = (date, dateVariant) => {
-        return new Intl.DateTimeFormat(locale, {
-            ...formatMapping[dateVariant][format],
-            timeZone: 'UTC'
-        }).format(date);
-    };
-    const relativeTimeFormatter = (relativeValue, unit) => {
-        return new Intl.RelativeTimeFormat(locale, formatMapping.relative[format]).format(relativeValue, unit);
-    };
-    const getRelativeTime = (date) => {
-        let elapsed = date.getTime() - Date.now();
-        // Deliberately reduce precision to 1 minute
-        if (Math.abs(elapsed) < 60000)
-            elapsed = 0;
-        const unit = (Object.keys(unitsInMs).find(u => Math.abs(elapsed) >= unitsInMs[u]) || 'second');
-        return relativeTimeFormatter(Math.round(elapsed / unitsInMs[unit]), unit);
-    };
-    const getFormattedWeek = (date) => {
-        const startDate = getFormattedDate(getStartOfWeek(date), 'week');
-        const endDate = getFormattedDate(getEndOfWeek(date), 'week');
-        return `${t('week_text')} ${getWeek(date)}, ${getWeekYear(date)} (${startDate} - ${endDate})`;
-    };
-    const getFormattedQuarterYear = (date) => {
-        const formattedYear = getFormattedDate(date, 'year');
-        const quarterNumber = getQuarter(date);
-        return `${t(`date_quarter_q${quarterNumber}`, [formattedYear])}`;
-    };
-    const displayValue = (date) => {
-        switch (variant) {
-            case 'relative':
-                return getRelativeTime(date);
-            case 'week':
-                return getFormattedWeek(date);
-            case 'quarteryear':
-                return getFormattedQuarterYear(date);
-            default:
-                return getFormattedDate(date, variant);
-        }
-    };
-    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 +0,0 @@
-{"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

@@ -1,15 +0,0 @@
-import { FunctionComponent, Ref } from 'react';
-import { BaseProps, ForwardProps } from '../../types';
-export interface DurationDisplayProps extends BaseProps {
-    /** Number of milliseconds value for controlled input. */
-    value?: number;
-    /** Determines number of units to be displayed.
-     * @default 4
-     */
-    significantUnits?: 4 | 3 | 2 | 1;
-    /** Ref for the wrapping element. */
-    ref?: Ref<HTMLSpanElement>;
-}
-declare const DurationDisplay: FunctionComponent<DurationDisplayProps & ForwardProps>;
-export default DurationDisplay;
-//# sourceMappingURL=DurationDisplay.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { useI18n } from '../../hooks';
-import Text from '../Text';
-const dayInMs = 24 * 60 * 60 * 1000;
-const hourInMs = 60 * 60 * 1000;
-const minuteInMs = 60 * 1000;
-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(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) {
-            if (durationParts[i].value > 0) {
-                result.push(`${durationParts[i].value +
-                    t(`${durationParts[i].unit}_text_short`)}`);
-            }
-        }
-        return `${sign}${result.join(' ')}`;
-    };
-    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 +0,0 @@
-{"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.d.ts

@@ -1,21 +0,0 @@
-import { FunctionComponent, ReactNode, Dispatch, SetStateAction } from 'react';
-import { ForwardProps } from '../../../types';
-import DateTimeProps from '../DateTime.types';
-export interface DateInputProps extends DateTimeProps {
-    /**
-     * Display additional column with week number in date picker popover.
-     * @default false
-     */
-    showWeekNumber?: boolean;
-    /** Changes default date picker */
-    picker?: ReactNode;
-}
-export interface DateInputRefObject {
-    readonly value: Date | undefined;
-    setOpen: Dispatch<SetStateAction<boolean>>;
-    buttonEl: HTMLElement | null;
-}
-export declare const StyledDateInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DateInputProps, never>;
-declare const DateInput: FunctionComponent<DateInputProps & ForwardProps>;
-export default DateInput;
-//# sourceMappingURL=DateInput.d.ts.map

package/lib/components/DateTime/Input/DateInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTime/Input/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAMjB,SAAS,EACT,QAAQ,EACR,cAAc,EAGf,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU9C,OAAO,aAA4C,MAAM,mBAAmB,CAAC;AAgB7E,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kCAAkC;IAClC,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;IACjC,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,qHAE3B,CAAC;AAsCF,QAAA,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,GAAG,YAAY,CA+Q/D,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,165 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';
-import styled from 'styled-components';
-import { defaultThemeProp } from '../../../theme';
-import { useConfiguration, useFocusWithin, useI18n } from '../../../hooks';
-import FormField from '../../FormField';
-import Flex from '../../Flex';
-import Button from '../../Button';
-import Icon, { registerIcon } from '../../Icon';
-import * as timesIcon from '../../Icon/icons/times.icon';
-import * as calendarIcon from '../../Icon/icons/calendar.icon';
-import DatePicker from '../Picker/DatePicker';
-import Popover from '../../Popover';
-import { StyledFormControl } from '../../FormControl';
-import { getDateFormat, parsePastedTextToDate, parseToDate, validateDate, generatePickerButtonAriaLabel } from './utils';
-import StyledDateTime, { StyledInputContainer } from './DateTime.styles';
-import useAutoFocusNextInput from './useAutoFocusNextInput';
-import PartInput from './PartInput';
-import usePickerButton from './usePickerButton';
-registerIcon(timesIcon, calendarIcon);
-export const StyledDateInput = styled(StyledDateTime) `
-  padding-inline-end: 0;
-`;
-StyledDateInput.defaultProps = defaultThemeProp;
-const convertToCallbackParameter = (date, parts) => {
-    if (parts.every(Boolean)) {
-        const [year, monthIndex, day] = parts.map(Number);
-        if (!validateDate(year, monthIndex + 1, day)) {
-            return {
-                valueAsISOString: '',
-                valueAsTimestamp: NaN,
-                state: 'invalid'
-            };
-        }
-        date.setUTCFullYear(year, monthIndex, day);
-        return {
-            valueAsISOString: date.toISOString(),
-            valueAsTimestamp: date.getTime()
-        };
-    }
-    if (parts.every(p => !p)) {
-        return {
-            valueAsISOString: '',
-            valueAsTimestamp: undefined
-        };
-    }
-    return {
-        valueAsISOString: '',
-        valueAsTimestamp: NaN,
-        state: 'incomplete'
-    };
-};
-const DateInput = forwardRef((props, ref) => {
-    const { locale } = useConfiguration();
-    const { defaultValue, value = defaultValue, min, max, id, label, labelHidden, info = getDateFormat(locale).join(''), status, required, readOnly, disabled, onChange, onFocus, onBlur, showWeekNumber, picker, autoFocus, ...restProps } = props;
-    const t = useI18n();
-    const date = value !== undefined ? parseToDate(value) : undefined;
-    const [yearInputRef, monthInputRef, dayInputRef] = [
-        useRef(null),
-        useRef(null),
-        useRef(null)
-    ];
-    const pickParts = () => {
-        const month = monthInputRef.current?.value
-            ? (Number(monthInputRef.current.value) - 1).toString()
-            : undefined;
-        return [
-            yearInputRef.current?.value || undefined,
-            month,
-            dayInputRef.current?.value || undefined
-        ];
-    };
-    const currentlySelectedDate = () => {
-        const parts = pickParts();
-        if (parts.every(Boolean)) {
-            const [year, monthIndex, day] = parts.map(Number);
-            return validateDate(year, monthIndex + 1, day)
-                ? new Date(Date.UTC(year, monthIndex, day))
-                : undefined;
-        }
-    };
-    const inputContainerRef = useRef(null);
-    const onFocusChange = (focused) => {
-        const callbackParam = convertToCallbackParameter(date ? new Date(date) : new Date(), pickParts());
-        if (onFocus && focused)
-            onFocus(callbackParam);
-        if (!focused) {
-            if (inputContainerRef.current)
-                inputContainerRef.current.scrollTop = 0;
-            onBlur?.(callbackParam);
-        }
-    };
-    const [open, setOpen, , setPopoverRef, buttonEl, setButtonEl] = usePickerButton();
-    const onInputChange = () => {
-        onChange?.(convertToCallbackParameter(date ? new Date(date) : new Date(), pickParts()));
-        buttonEl?.setAttribute('aria-label', generatePickerButtonAriaLabel(currentlySelectedDate(), 'date', locale, t, open));
-    };
-    const setInputValue = (newValue) => {
-        dayInputRef.current.value = newValue.getUTCDate().toString().padStart(2, '0');
-        monthInputRef.current.value = (newValue.getUTCMonth() + 1).toString().padStart(2, '0');
-        yearInputRef.current.value = newValue.getUTCFullYear().toString();
-    };
-    const onPaste = (e) => {
-        const text = e.clipboardData.getData('text');
-        const newDate = parsePastedTextToDate(text, locale, date || new Date());
-        if (newDate) {
-            e.preventDefault();
-            setInputValue(newDate);
-            onInputChange();
-        }
-    };
-    const DayInput = (_jsx(PartInput, { placeholder: t('day_placeholder'), "aria-label": t('day_label_a11y'), value: date?.getUTCDate(), onChange: onInputChange, size: 2, maxLength: 2, readOnly: readOnly, min: 1, max: 31, ref: dayInputRef }, 'day'));
-    const MonthInput = (_jsx(PartInput, { placeholder: t('month_placeholder'), "aria-label": t('month_label_a11y'), value: date ? date?.getUTCMonth() + 1 : undefined, onChange: onInputChange, size: 2, maxLength: 2, readOnly: readOnly, min: 1, max: 12, ref: monthInputRef }, 'month'));
-    const YearInput = (_jsx(PartInput, { placeholder: t('year_placeholder'), "aria-label": t('year_label_a11y'), value: date?.getUTCFullYear(), onChange: onInputChange, size: 4, maxLength: 4, readOnly: readOnly, min: 1, ref: yearInputRef }, 'year'));
-    const containerRef = useRef(null);
-    useFocusWithin([containerRef], onFocusChange);
-    useImperativeHandle(ref, () => ({
-        setOpen,
-        buttonEl,
-        get value() {
-            return currentlySelectedDate();
-        }
-    }));
-    const Picker = (_jsx(DatePicker, { selected: currentlySelectedDate(), onChange: selected => {
-            setInputValue(selected);
-            setOpen(false);
-            setTimeout(() => buttonEl?.focus());
-            onInputChange();
-        }, min: min, max: max, showWeekNumber: showWeekNumber }, void 0));
-    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));
-    const orderedRefs = [];
-    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, { ref: inputContainerRef, as: StyledInputContainer, container: { alignItems: 'center', wrap: 'wrap' }, onPaste: onPaste, children: getDateFormat(locale).map(part => {
-                    switch (part) {
-                        case 'DD':
-                            orderedRefs.push(dayInputRef);
-                            return DayInput;
-                        case 'MM':
-                            orderedRefs.push(monthInputRef);
-                            return MonthInput;
-                        case 'YYYY':
-                            orderedRefs.push(yearInputRef);
-                            return YearInput;
-                        default:
-                            return part;
-                    }
-                }) }, void 0), !readOnly && PickerButton] }, void 0));
-    useEffect(() => {
-        if (autoFocus)
-            orderedRefs[0].current?.focus();
-    }, [autoFocus]);
-    useAutoFocusNextInput(orderedRefs);
-    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