@elliemae/ds-controlled-form 3.0.0-next.7 → 3.0.0-next.72

package/dist/esm/date-time-picker/parts/DateInputs/DateInputs.js

@@ -1,80 +0,0 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { ControlledDateTimePickerContext } from "../../ControlledDateTimePickerCTX";
-import { MMInput } from "./MMInput";
-import { DDInput } from "./DDInput";
-import { YYYYInput } from "./YYYYInput";
-import { StyledFocusWithIn, StyledSeparator } from "../Styleds";
-import { useDateInputs } from "./useDateInputs";
-import { fixedValues } from "../config";
-const DateInputs = () => {
-  const {
-    month,
-    day,
-    year,
-    autoFocusMonthInput,
-    onMonthChange,
-    onDayChange,
-    onYearChange,
-    onMonthBlur,
-    onDayBlur,
-    onYearBlur,
-    onMonthFocus,
-    onDayFocus,
-    onYearFocus,
-    onMonthKeyDown,
-    onDayKeyDown,
-    onYearKeyDown,
-    disabled
-  } = useDateInputs();
-  const { monthInputRef, dayInputRef, yearInputRef, ariaCurrentValueForInputs } = useContext(ControlledDateTimePickerContext);
-  return /* @__PURE__ */ React2.createElement(Grid, {
-    cols: [
-      fixedValues.smallInputWidth,
-      fixedValues.separatorWidth,
-      fixedValues.smallInputWidth,
-      fixedValues.separatorWidth,
-      fixedValues.largeInputWidth
-    ]
-  }, /* @__PURE__ */ React2.createElement(StyledFocusWithIn, null, /* @__PURE__ */ React2.createElement(MMInput, {
-    onChange: onMonthChange,
-    onBlur: onMonthBlur,
-    onFocus: onMonthFocus,
-    onKeyDown: onMonthKeyDown,
-    value: month,
-    contextRef: monthInputRef,
-    autoFocusMonthInput,
-    placeholder: "MM",
-    ariaCurrentValueForInputs,
-    disabled
-  })), /* @__PURE__ */ React2.createElement(StyledSeparator, {
-    alignItems: "center"
-  }, "/"), /* @__PURE__ */ React2.createElement(StyledFocusWithIn, null, /* @__PURE__ */ React2.createElement(DDInput, {
-    onChange: onDayChange,
-    onBlur: onDayBlur,
-    onFocus: onDayFocus,
-    onKeyDown: onDayKeyDown,
-    value: day,
-    contextRef: dayInputRef,
-    placeholder: "DD",
-    ariaCurrentValueForInputs,
-    disabled
-  })), /* @__PURE__ */ React2.createElement(StyledSeparator, {
-    alignItems: "center"
-  }, "/"), /* @__PURE__ */ React2.createElement(StyledFocusWithIn, null, /* @__PURE__ */ React2.createElement(YYYYInput, {
-    onChange: onYearChange,
-    onBlur: onYearBlur,
-    onFocus: onYearFocus,
-    onKeyDown: onYearKeyDown,
-    value: year,
-    contextRef: yearInputRef,
-    placeholder: "YYYY",
-    ariaCurrentValueForInputs,
-    disabled
-  })));
-};
-export {
-  DateInputs
-};
-//# sourceMappingURL=DateInputs.js.map

package/dist/esm/date-time-picker/parts/DateInputs/DateInputs.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/date-time-picker/parts/DateInputs/DateInputs.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport { MMInput } from './MMInput';\nimport { DDInput } from './DDInput';\nimport { YYYYInput } from './YYYYInput';\nimport { StyledFocusWithIn, StyledSeparator } from '../Styleds';\nimport { useDateInputs } from './useDateInputs';\nimport { fixedValues } from '../config';\n\nexport const DateInputs = (): JSX.Element => {\n  const {\n    month,\n    day,\n    year,\n    autoFocusMonthInput,\n    onMonthChange,\n    onDayChange,\n    onYearChange,\n    onMonthBlur,\n    onDayBlur,\n    onYearBlur,\n    onMonthFocus,\n    onDayFocus,\n    onYearFocus,\n    onMonthKeyDown,\n    onDayKeyDown,\n    onYearKeyDown,\n    disabled,\n  } = useDateInputs();\n  // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo\n  const { monthInputRef, dayInputRef, yearInputRef, ariaCurrentValueForInputs } = useContext(\n    ControlledDateTimePickerContext,\n  );\n  return (\n    <Grid\n      cols={[\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.largeInputWidth,\n      ]}\n    >\n      <StyledFocusWithIn>\n        <MMInput\n          onChange={onMonthChange}\n          onBlur={onMonthBlur}\n          onFocus={onMonthFocus}\n          onKeyDown={onMonthKeyDown}\n          value={month}\n          contextRef={monthInputRef}\n          autoFocusMonthInput={autoFocusMonthInput}\n          placeholder=\"MM\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <DDInput\n          onChange={onDayChange}\n          onBlur={onDayBlur}\n          onFocus={onDayFocus}\n          onKeyDown={onDayKeyDown}\n          value={day}\n          contextRef={dayInputRef}\n          placeholder=\"DD\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <YYYYInput\n          onChange={onYearChange}\n          onBlur={onYearBlur}\n          onFocus={onYearFocus}\n          onKeyDown={onYearKeyDown}\n          value={year}\n          contextRef={yearInputRef}\n          placeholder=\"YYYY\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n        />\n      </StyledFocusWithIn>\n    </Grid>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,EAAE,eAAe,aAAa,cAAc,8BAA8B,WAC9E;AAEF,SACE,qCAAC,MAAD;AAAA,IACE,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA;AAAA,KAGd,qCAAC,mBAAD,MACE,qCAAC,SAAD;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA,aAAY;AAAA,IACZ;AAAA,IACA;AAAA,OAGJ,qCAAC,iBAAD;AAAA,IAAiB,YAAW;AAAA,KAAS,MACrC,qCAAC,mBAAD,MACE,qCAAC,SAAD;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAY;AAAA,IACZ;AAAA,IACA;AAAA,OAGJ,qCAAC,iBAAD;AAAA,IAAiB,YAAW;AAAA,KAAS,MACrC,qCAAC,mBAAD,MACE,qCAAC,WAAD;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAY;AAAA,IACZ;AAAA,IACA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/date-time-picker/parts/DateInputs/MMInput.js

@@ -1,49 +0,0 @@
-import * as React from "react";
-import React2, { useCallback } from "react";
-import { Styled2DigitsInput } from "../Styleds";
-import { ControlledDateTimePickerDatatestid } from "../../ControlledDateTimePickerDatatestid";
-const regExpNumbers = /^[0-9]+$/;
-const isInvalidMonth = (month) => {
-  if (month === "")
-    return false;
-  const numberOnly = regExpNumbers.test(month);
-  return month.length > 2 || month === "00" || !numberOnly || Number.parseInt(month, 10) > 12;
-};
-const MMInput = React2.memo(({
-  onChange,
-  onBlur,
-  onFocus,
-  onKeyDown,
-  value,
-  disabled,
-  placeholder,
-  contextRef,
-  autoFocusMonthInput,
-  ariaCurrentValueForInputs
-}) => {
-  const validateOnChange = useCallback((e) => {
-    if (isInvalidMonth(e?.target?.value)) {
-      e.preventDefault();
-      return;
-    }
-    onChange(e);
-  }, [onChange]);
-  return /* @__PURE__ */ React2.createElement(Styled2DigitsInput, {
-    autoFocus: autoFocusMonthInput,
-    onChange: validateOnChange,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    value,
-    ref: contextRef,
-    placeholder,
-    "aria-label": `month input field, ${ariaCurrentValueForInputs}`,
-    "data-testid": ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH,
-    disabled,
-    "aria-disabled": disabled
-  });
-});
-export {
-  MMInput
-};
-//# sourceMappingURL=MMInput.js.map

package/dist/esm/date-time-picker/parts/DateInputs/MMInput.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/date-time-picker/parts/DateInputs/MMInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { Styled2DigitsInput } from '../Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport type { onChangeFuncT, onBlurFuncT, onFocusFuncT, onKeyDownT } from '../../index.d';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidMonth = (month) => {\n  if (month === '') return false;\n  const numberOnly = regExpNumbers.test(month);\n  return month.length > 2 || month === '00' || !numberOnly || Number.parseInt(month, 10) > 12;\n};\ninterface MMInputsPropsT {\n  onChange: onChangeFuncT;\n  onBlur: onBlurFuncT;\n  onFocus: onFocusFuncT;\n  onKeyDown: onKeyDownT;\n  autoFocusMonthInput: boolean;\n  value: string;\n  disabled: boolean;\n  contextRef: React.RefObject<HTMLInputElement>;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n}\nexport const MMInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    placeholder,\n    contextRef,\n    autoFocusMonthInput,\n    ariaCurrentValueForInputs,\n  }: MMInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e) => {\n        if (isInvalidMonth(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    return (\n      <Styled2DigitsInput\n        autoFocus={autoFocusMonthInput}\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        ref={contextRef}\n        placeholder={placeholder}\n        aria-label={`month input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH}\n        disabled={disabled}\n        aria-disabled={disabled}\n      />\n    );\n  },\n);\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAGA,MAAM,gBAAgB;AACtB,MAAM,iBAAiB,CAAC,UAAU;AAChC,MAAI,UAAU;AAAI,WAAO;AACzB,QAAM,aAAa,cAAc,KAAK;AACtC,SAAO,MAAM,SAAS,KAAK,UAAU,QAAQ,CAAC,cAAc,OAAO,SAAS,OAAO,MAAM;AAAA;AAcpF,MAAM,UAAU,OAAM,KAC3B,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACiC;AACjC,QAAM,mBAAmB,YACvB,CAAC,MAAM;AACL,QAAI,eAAe,GAAG,QAAQ,QAAQ;AACpC,QAAE;AACF;AAAA;AAEF,aAAS;AAAA,KAEX,CAAC;AAEH,SACE,qCAAC,oBAAD;AAAA,IACE,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA,cAAY,sBAAsB;AAAA,IAClC,eAAa,mCAAmC,YAAY;AAAA,IAC5D;AAAA,IACA,iBAAe;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/date-time-picker/parts/DateInputs/YYYYInput.js

@@ -1,47 +0,0 @@
-import * as React from "react";
-import React2, { useCallback } from "react";
-import { ControlledDateTimePickerDatatestid } from "../../ControlledDateTimePickerDatatestid";
-import { StyledMin4DigitsInput } from "../Styleds";
-const regExpNumbers = /^[0-9]+$/;
-const isInvalidYear = (year) => {
-  if (year === "")
-    return false;
-  const numberOnly = regExpNumbers.test(year);
-  return year.length > 4 || !numberOnly || Number.parseInt(year, 10) > 9999;
-};
-const YYYYInput = React2.memo(({
-  onChange,
-  onBlur,
-  onFocus,
-  onKeyDown,
-  value,
-  disabled,
-  placeholder,
-  contextRef,
-  ariaCurrentValueForInputs
-}) => {
-  const validateOnChange = useCallback((e) => {
-    if (isInvalidYear(e?.target?.value)) {
-      e.preventDefault();
-      return;
-    }
-    onChange(e);
-  }, [onChange]);
-  return /* @__PURE__ */ React2.createElement(StyledMin4DigitsInput, {
-    onChange: validateOnChange,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    value,
-    ref: contextRef,
-    placeholder,
-    "aria-label": `year input field, ${ariaCurrentValueForInputs}`,
-    "data-testid": ControlledDateTimePickerDatatestid.DATE_INPUTS.YEAR,
-    disabled,
-    "aria-disabled": disabled
-  });
-});
-export {
-  YYYYInput
-};
-//# sourceMappingURL=YYYYInput.js.map

package/dist/esm/date-time-picker/parts/DateInputs/YYYYInput.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/date-time-picker/parts/DateInputs/YYYYInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { StyledMin4DigitsInput } from '../Styleds';\nimport type { onChangeFuncT, onBlurFuncT, onFocusFuncT, onKeyDownT } from '../../index.d';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidYear = (year) => {\n  if (year === '') return false;\n  const numberOnly = regExpNumbers.test(year);\n  return year.length > 4 || !numberOnly || Number.parseInt(year, 10) > 9999;\n};\n\ninterface YYYYInputsPropsT {\n  onChange: onChangeFuncT;\n  onBlur: onBlurFuncT;\n  onFocus: onFocusFuncT;\n  onKeyDown: onKeyDownT;\n  value: string;\n  disabled: boolean;\n  contextRef: React.RefObject<HTMLInputElement>;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n}\nexport const YYYYInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    placeholder,\n    contextRef,\n    ariaCurrentValueForInputs,\n  }: YYYYInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e) => {\n        if (isInvalidYear(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    return (\n      <StyledMin4DigitsInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        ref={contextRef}\n        placeholder={placeholder}\n        aria-label={`year input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.YEAR}\n        disabled={disabled}\n        aria-disabled={disabled}\n      />\n    );\n  },\n);\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAGA,MAAM,gBAAgB;AACtB,MAAM,gBAAgB,CAAC,SAAS;AAC9B,MAAI,SAAS;AAAI,WAAO;AACxB,QAAM,aAAa,cAAc,KAAK;AACtC,SAAO,KAAK,SAAS,KAAK,CAAC,cAAc,OAAO,SAAS,MAAM,MAAM;AAAA;AAchE,MAAM,YAAY,OAAM,KAC7B,CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACmC;AACnC,QAAM,mBAAmB,YACvB,CAAC,MAAM;AACL,QAAI,cAAc,GAAG,QAAQ,QAAQ;AACnC,QAAE;AACF;AAAA;AAEF,aAAS;AAAA,KAEX,CAAC;AAEH,SACE,qCAAC,uBAAD;AAAA,IACE,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA,cAAY,qBAAqB;AAAA,IACjC,eAAa,mCAAmC,YAAY;AAAA,IAC5D;AAAA,IACA,iBAAe;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/date-time-picker/parts/DateInputs/useDateInputs.js

@@ -1,343 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import * as React from "react";
-import { useCallback, useMemo, useContext } from "react";
-import { ControlledDateTimePickerContext } from "../../ControlledDateTimePickerCTX";
-import {
-  getFormattedDateString,
-  prependStringWithPlaceHolders,
-  fillStringWithPlaceHolders
-} from "../../utils/stringHelpers";
-import { getValidationDateStringMetaInfo } from "../../utils/dateHelpers";
-import { defaultMetaInfo, homeEndArrowUpDownDashSlashesKeys, homeEndArrowUpDownSpaceKeys } from "../../utils/constants";
-const useDateInputs = () => {
-  const {
-    props: {
-      onMonthChange: appOnMonthChange,
-      onDayChange: appOnDayChange,
-      onYearChange: appOnYearChange,
-      getIsDisabledDay,
-      getIsOutOfRangeDay,
-      disabled
-    },
-    month,
-    day,
-    year,
-    hideTime,
-    monthInputRef,
-    dayInputRef,
-    yearInputRef,
-    hourInputRef,
-    meridiemInputRef,
-    clearButtonRef,
-    pickerButtonRef,
-    handleChangeComposedDateString,
-    setLatestInteractionRegion,
-    withClearBtn,
-    withAnyPicker,
-    withAnyRightController,
-    autoFocusMonthInput,
-    lastSegmentRef
-  } = useContext(ControlledDateTimePickerContext);
-  const onHomeKeyDown = useCallback(() => {
-    monthInputRef?.current?.focus?.();
-  }, [monthInputRef]);
-  const onEndKeyDown = useCallback(() => {
-    if (withAnyPicker)
-      pickerButtonRef?.current?.focus?.();
-    else if (withClearBtn)
-      clearButtonRef?.current?.focus?.();
-    else if (!hideTime)
-      meridiemInputRef?.current?.focus?.();
-    else
-      yearInputRef?.current?.focus?.();
-  }, [withAnyPicker, pickerButtonRef, withClearBtn, clearButtonRef, hideTime, meridiemInputRef, yearInputRef]);
-  const setLatestInteractionRegionDateInputs = useCallback(() => {
-    setLatestInteractionRegion("date-inputs");
-  }, [setLatestInteractionRegion]);
-  const handleChangeMonth = useCallback((newMonth, e, metaInfo = defaultMetaInfo) => {
-    const newDateString = getFormattedDateString({
-      month: newMonth,
-      day,
-      year
-    });
-    const finalMetaInfo = __spreadProps(__spreadValues(__spreadValues({}, metaInfo), getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {
-      newDateString
-    });
-    appOnMonthChange(newMonth, e, finalMetaInfo);
-    handleChangeComposedDateString(newDateString, finalMetaInfo);
-  }, [day, year, getIsOutOfRangeDay, getIsDisabledDay, appOnMonthChange, handleChangeComposedDateString]);
-  const onMonthFocus = useCallback(() => {
-    setLatestInteractionRegionDateInputs();
-  }, [setLatestInteractionRegionDateInputs]);
-  const onMonthChange = useCallback((e) => {
-    let newMonth = e?.target?.value;
-    if (Number.parseInt(newMonth, 10) > 1)
-      newMonth = prependStringWithPlaceHolders(newMonth, 2);
-    handleChangeMonth(newMonth, e);
-    if (newMonth.length === 2)
-      dayInputRef?.current?.focus?.();
-  }, [dayInputRef, handleChangeMonth]);
-  const onMonthKeyDown = useCallback((e) => {
-    const { key, ctrlKey, metaKey } = e;
-    const monthStringConvertedToInteger = Number.parseInt(month, 10);
-    if (homeEndArrowUpDownDashSlashesKeys.includes(key))
-      e.preventDefault();
-    if (homeEndArrowUpDownDashSlashesKeys.includes(key))
-      e.stopPropagation();
-    if (key === "Home")
-      onHomeKeyDown();
-    if (key === "End")
-      onEndKeyDown();
-    if (key === "ArrowUp" || key === "ArrowDown") {
-      const monthInteger = Number.isNaN(monthStringConvertedToInteger) ? 0 : monthStringConvertedToInteger;
-      let newMonth;
-      if (key === "ArrowUp")
-        newMonth = monthInteger + 1 <= 12 ? monthInteger + 1 : monthInteger;
-      else
-        newMonth = monthInteger - 1 > 0 ? monthInteger - 1 : 1;
-      newMonth = prependStringWithPlaceHolders(`${newMonth}`, 2);
-      handleChangeMonth(newMonth, e);
-    }
-    if (!Number.isNaN(monthStringConvertedToInteger) && (key === "-" || key === "/" || key === "\\")) {
-      const newMonth = prependStringWithPlaceHolders(`${monthStringConvertedToInteger}`, 2);
-      handleChangeMonth(newMonth, e);
-      if (newMonth.length === 2)
-        dayInputRef?.current?.focus?.();
-    }
-    if ((ctrlKey || metaKey) && key === ";")
-      lastSegmentRef?.current?.focus?.();
-  }, [month, onHomeKeyDown, onEndKeyDown, lastSegmentRef, handleChangeMonth, dayInputRef]);
-  const onMonthBlur = useCallback((e) => {
-    const newMonth = e?.target?.value;
-    if (newMonth === "0")
-      handleChangeMonth("01", e, { isAutomaticFillTrigger: true });
-    else if (newMonth.length > 0 && newMonth.length < 2)
-      handleChangeMonth(prependStringWithPlaceHolders(newMonth, 2), e, {
-        isAutomaticFillTrigger: true
-      });
-  }, [handleChangeMonth]);
-  const handleChangeDay = useCallback((newDay, e, metaInfo = defaultMetaInfo) => {
-    const newDateString = getFormattedDateString({
-      month,
-      day: newDay,
-      year
-    });
-    const finalMetaInfo = __spreadProps(__spreadValues(__spreadValues({}, metaInfo), getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {
-      newDateString
-    });
-    appOnDayChange(newDay, e, finalMetaInfo);
-    handleChangeComposedDateString(newDateString, finalMetaInfo);
-  }, [month, year, getIsOutOfRangeDay, getIsDisabledDay, appOnDayChange, handleChangeComposedDateString]);
-  const onDayFocus = useCallback(() => {
-    setLatestInteractionRegionDateInputs();
-  }, [setLatestInteractionRegionDateInputs]);
-  const onDayChange = useCallback((e) => {
-    let newDay = e?.target?.value;
-    if (Number.parseInt(newDay, 10) > 3)
-      newDay = prependStringWithPlaceHolders(newDay, 2);
-    handleChangeDay(newDay, e);
-    if (newDay.length === 2)
-      yearInputRef?.current?.focus?.();
-  }, [handleChangeDay, yearInputRef]);
-  const onDayKeyDown = useCallback((e) => {
-    const { key, ctrlKey, metaKey } = e;
-    const dayStringConvertedToInteger = Number.parseInt(day, 10);
-    if (homeEndArrowUpDownDashSlashesKeys.includes(key))
-      e.preventDefault();
-    if (homeEndArrowUpDownDashSlashesKeys.includes(key))
-      e.stopPropagation();
-    if (key === "Home")
-      onHomeKeyDown();
-    if (key === "End")
-      onEndKeyDown();
-    if (key === "ArrowUp" || key === "ArrowDown") {
-      const dayInteger = Number.isNaN(dayStringConvertedToInteger) ? 0 : dayStringConvertedToInteger;
-      let newDay;
-      if (key === "ArrowUp")
-        newDay = dayInteger + 1 <= 31 ? dayInteger + 1 : dayInteger;
-      else
-        newDay = dayInteger - 1 > 0 ? dayInteger - 1 : 1;
-      newDay = prependStringWithPlaceHolders(`${newDay}`, 2);
-      handleChangeDay(newDay, e);
-    }
-    if (!Number.isNaN(dayStringConvertedToInteger) && (key === "-" || key === "/" || key === "\\")) {
-      const newDay = prependStringWithPlaceHolders(`${dayStringConvertedToInteger}`, 2);
-      handleChangeDay(newDay, e);
-      if (newDay.length === 2)
-        yearInputRef?.current?.focus?.();
-    }
-    if (key === "Backspace" && day?.length === 0) {
-      monthInputRef?.current?.focus?.();
-    }
-    if ((ctrlKey || metaKey) && key === ";")
-      lastSegmentRef?.current?.focus?.();
-  }, [day, onHomeKeyDown, onEndKeyDown, lastSegmentRef, handleChangeDay, yearInputRef, monthInputRef]);
-  const onDayBlur = useCallback((e) => {
-    const newDay = e?.target?.value;
-    if (newDay === "0")
-      handleChangeDay("01", e, { isAutomaticFillTrigger: true });
-    else if (newDay.length > 0 && newDay.length < 2)
-      handleChangeDay(prependStringWithPlaceHolders(newDay, 2), e, {
-        isAutomaticFillTrigger: true
-      });
-  }, [handleChangeDay]);
-  const handleChangeYear = useCallback((newYear, e, metaInfo = defaultMetaInfo) => {
-    const newDateString = getFormattedDateString({
-      month,
-      day,
-      year: newYear
-    });
-    const finalMetaInfo = __spreadProps(__spreadValues(__spreadValues({}, metaInfo), getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay)), {
-      newDateString
-    });
-    appOnYearChange(newYear, e, finalMetaInfo);
-    handleChangeComposedDateString(newDateString, finalMetaInfo);
-  }, [month, day, getIsOutOfRangeDay, getIsDisabledDay, appOnYearChange, handleChangeComposedDateString]);
-  const onYearFocus = useCallback(() => {
-    setLatestInteractionRegionDateInputs();
-  }, [setLatestInteractionRegionDateInputs]);
-  const onYearChange = useCallback((e) => {
-    const newYear = e?.target?.value;
-    handleChangeYear(newYear, e);
-    if (newYear.length === 4) {
-      if (!hideTime)
-        hourInputRef?.current?.focus?.();
-      else if (withAnyRightController) {
-        if (withClearBtn)
-          clearButtonRef.current?.focus?.();
-        else if (withAnyPicker)
-          pickerButtonRef?.current?.focus?.();
-      }
-    }
-  }, [
-    handleChangeYear,
-    hideTime,
-    hourInputRef,
-    withAnyRightController,
-    withAnyPicker,
-    pickerButtonRef,
-    withClearBtn,
-    clearButtonRef
-  ]);
-  const onYearKeyDown = useCallback((e) => {
-    const { key, ctrlKey, metaKey } = e;
-    const yearStringConvertedToInteger = Number.parseInt(year, 10);
-    if (homeEndArrowUpDownSpaceKeys.includes(key))
-      e.preventDefault();
-    if (homeEndArrowUpDownSpaceKeys.includes(key))
-      e.stopPropagation();
-    if (key === "Home")
-      onHomeKeyDown();
-    if (key === "End")
-      onEndKeyDown();
-    if (key === "ArrowUp" || key === "ArrowDown") {
-      const yearInteger = Number.isNaN(yearStringConvertedToInteger) ? 0 : yearStringConvertedToInteger;
-      let newYear;
-      if (key === "ArrowUp")
-        newYear = yearInteger + 1 <= 9999 ? yearInteger + 1 : yearInteger;
-      else
-        newYear = yearInteger - 1 > 0 ? yearInteger - 1 : 1;
-      newYear = prependStringWithPlaceHolders(`${newYear}`, 4);
-      handleChangeYear(newYear, e);
-    }
-    if (!Number.isNaN(yearStringConvertedToInteger) && key === " ") {
-      const newYear = prependStringWithPlaceHolders(`${yearStringConvertedToInteger}`, 4);
-      handleChangeYear(newYear, e);
-      if (newYear.length === 4) {
-        if (!hideTime)
-          hourInputRef?.current?.focus?.();
-        else if (withAnyRightController) {
-          if (withClearBtn)
-            clearButtonRef.current?.focus?.();
-          else if (withAnyPicker)
-            pickerButtonRef?.current?.focus?.();
-        }
-      }
-    }
-    if (key === "Backspace" && year?.length === 0) {
-      dayInputRef?.current?.focus?.();
-    }
-    if ((ctrlKey || metaKey) && key === ";")
-      lastSegmentRef?.current?.focus?.();
-  }, [
-    year,
-    onHomeKeyDown,
-    onEndKeyDown,
-    lastSegmentRef,
-    handleChangeYear,
-    hideTime,
-    hourInputRef,
-    withAnyRightController,
-    withClearBtn,
-    clearButtonRef,
-    withAnyPicker,
-    pickerButtonRef,
-    dayInputRef
-  ]);
-  const onYearBlur = useCallback((e) => {
-    const newYear = e?.target?.value;
-    if (newYear.length > 0 && newYear.length < 4)
-      handleChangeYear(fillStringWithPlaceHolders(newYear, 4, "0"), e, {
-        isAutomaticFillTrigger: true
-      });
-  }, [handleChangeYear]);
-  return useMemo(() => ({
-    month,
-    day,
-    year,
-    autoFocusMonthInput,
-    disabled,
-    onMonthFocus,
-    onMonthChange,
-    onDayFocus,
-    onDayChange,
-    onYearFocus,
-    onYearChange,
-    onMonthBlur,
-    onDayBlur,
-    onYearBlur,
-    onMonthKeyDown,
-    onDayKeyDown,
-    onYearKeyDown
-  }), [
-    month,
-    day,
-    year,
-    autoFocusMonthInput,
-    disabled,
-    onMonthFocus,
-    onMonthChange,
-    onDayFocus,
-    onDayChange,
-    onYearFocus,
-    onYearChange,
-    onMonthBlur,
-    onDayBlur,
-    onYearBlur,
-    onMonthKeyDown,
-    onDayKeyDown,
-    onYearKeyDown
-  ]);
-};
-export {
-  useDateInputs
-};
-//# sourceMappingURL=useDateInputs.js.map

package/dist/esm/date-time-picker/parts/DateInputs/useDateInputs.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/date-time-picker/parts/DateInputs/useDateInputs.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useCallback, useMemo, useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport type {\n  onChangeFuncT,\n  onBlurFuncT,\n  onKeyDownT,\n  onFocusFuncT,\n  useDateInputsRT,\n  internalInputsChangeMetaInfo,\n} from '../../index.d';\nimport {\n  getFormattedDateString,\n  prependStringWithPlaceHolders,\n  fillStringWithPlaceHolders,\n} from '../../utils/stringHelpers';\nimport { getValidationDateStringMetaInfo } from '../../utils/dateHelpers';\nimport { defaultMetaInfo, homeEndArrowUpDownDashSlashesKeys, homeEndArrowUpDownSpaceKeys } from '../../utils/constants';\n\nexport const useDateInputs = (): useDateInputsRT => {\n  const {\n    props: {\n      onMonthChange: appOnMonthChange,\n      onDayChange: appOnDayChange,\n      onYearChange: appOnYearChange,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      disabled,\n    },\n    month,\n    day,\n    year,\n    hideTime,\n    monthInputRef,\n    dayInputRef,\n    yearInputRef,\n    hourInputRef,\n    meridiemInputRef,\n    clearButtonRef,\n    pickerButtonRef,\n    handleChangeComposedDateString,\n    setLatestInteractionRegion,\n    withClearBtn,\n    withAnyPicker,\n    withAnyRightController,\n    autoFocusMonthInput,\n    lastSegmentRef,\n  } = useContext(ControlledDateTimePickerContext);\n\n  const onHomeKeyDown = useCallback(() => {\n    monthInputRef?.current?.focus?.();\n  }, [monthInputRef]);\n  const onEndKeyDown = useCallback(() => {\n    if (withAnyPicker) pickerButtonRef?.current?.focus?.();\n    else if (withClearBtn) clearButtonRef?.current?.focus?.();\n    else if (!hideTime) meridiemInputRef?.current?.focus?.();\n    else yearInputRef?.current?.focus?.();\n  }, [withAnyPicker, pickerButtonRef, withClearBtn, clearButtonRef, hideTime, meridiemInputRef, yearInputRef]);\n\n  const setLatestInteractionRegionDateInputs = useCallback(() => {\n    setLatestInteractionRegion('date-inputs');\n  }, [setLatestInteractionRegion]);\n\n  const handleChangeMonth = useCallback(\n    (newMonth: string, e, metaInfo = defaultMetaInfo) => {\n      const newDateString = getFormattedDateString({\n        month: newMonth,\n        day,\n        year,\n      });\n      const finalMetaInfo: internalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        newDateString,\n      };\n      appOnMonthChange(newMonth, e, finalMetaInfo);\n      handleChangeComposedDateString(newDateString, finalMetaInfo);\n    },\n    [day, year, getIsOutOfRangeDay, getIsDisabledDay, appOnMonthChange, handleChangeComposedDateString],\n  );\n  const onMonthFocus: onFocusFuncT = useCallback(() => {\n    setLatestInteractionRegionDateInputs();\n  }, [setLatestInteractionRegionDateInputs]);\n  const onMonthChange: onChangeFuncT = useCallback(\n    (e) => {\n      let newMonth = e?.target?.value;\n      // converts months 2~9 to 02~09\n      if (Number.parseInt(newMonth, 10) > 1) newMonth = prependStringWithPlaceHolders(newMonth, 2);\n      handleChangeMonth(newMonth, e);\n      // auto-advance functionality:\n      if (newMonth.length === 2) dayInputRef?.current?.focus?.();\n    },\n    [dayInputRef, handleChangeMonth],\n  );\n  const onMonthKeyDown: onKeyDownT = useCallback(\n    (e) => {\n      const { key, ctrlKey, metaKey } = e;\n      const monthStringConvertedToInteger = Number.parseInt(month, 10);\n      if (homeEndArrowUpDownDashSlashesKeys.includes(key)) e.preventDefault();\n      if (homeEndArrowUpDownDashSlashesKeys.includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n      if (key === 'End') onEndKeyDown();\n      if (key === 'ArrowUp' || key === 'ArrowDown') {\n        const monthInteger = Number.isNaN(monthStringConvertedToInteger) ? 0 : monthStringConvertedToInteger;\n        let newMonth;\n        if (key === 'ArrowUp') newMonth = monthInteger + 1 <= 12 ? monthInteger + 1 : monthInteger;\n        else newMonth = monthInteger - 1 > 0 ? monthInteger - 1 : 1;\n        newMonth = prependStringWithPlaceHolders(`${newMonth}`, 2);\n        handleChangeMonth(newMonth, e);\n      }\n      if (!Number.isNaN(monthStringConvertedToInteger) && (key === '-' || key === '/' || key === '\\\\')) {\n        const newMonth = prependStringWithPlaceHolders(`${monthStringConvertedToInteger}`, 2);\n        handleChangeMonth(newMonth, e);\n        // auto-advance functionality:\n        if (newMonth.length === 2) dayInputRef?.current?.focus?.();\n      }\n\n      // focus last fragment on fill with now\n      if ((ctrlKey || metaKey) && key === ';') lastSegmentRef?.current?.focus?.();\n    },\n    [month, onHomeKeyDown, onEndKeyDown, lastSegmentRef, handleChangeMonth, dayInputRef],\n  );\n  const onMonthBlur: onBlurFuncT = useCallback(\n    (e) => {\n      const newMonth = e?.target?.value;\n      if (newMonth === '0') handleChangeMonth('01', e, { isAutomaticFillTrigger: true });\n      else if (newMonth.length > 0 && newMonth.length < 2)\n        handleChangeMonth(prependStringWithPlaceHolders(newMonth, 2), e, {\n          isAutomaticFillTrigger: true,\n        });\n    },\n    [handleChangeMonth],\n  );\n\n  const handleChangeDay = useCallback(\n    (newDay, e, metaInfo = defaultMetaInfo) => {\n      const newDateString = getFormattedDateString({\n        month,\n        day: newDay,\n        year,\n      });\n      const finalMetaInfo: internalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        newDateString,\n      };\n      appOnDayChange(newDay, e, finalMetaInfo);\n      handleChangeComposedDateString(newDateString, finalMetaInfo);\n    },\n    [month, year, getIsOutOfRangeDay, getIsDisabledDay, appOnDayChange, handleChangeComposedDateString],\n  );\n  const onDayFocus: onFocusFuncT = useCallback(() => {\n    setLatestInteractionRegionDateInputs();\n  }, [setLatestInteractionRegionDateInputs]);\n  const onDayChange: onChangeFuncT = useCallback(\n    (e) => {\n      let newDay = e?.target?.value;\n      // converts days 4~9 to 04~09\n      if (Number.parseInt(newDay, 10) > 3) newDay = prependStringWithPlaceHolders(newDay, 2);\n      handleChangeDay(newDay, e);\n      // auto-advance functionality:\n      if (newDay.length === 2) yearInputRef?.current?.focus?.();\n    },\n    [handleChangeDay, yearInputRef],\n  );\n  const onDayKeyDown: onKeyDownT = useCallback(\n    (e) => {\n      const { key, ctrlKey, metaKey } = e;\n      const dayStringConvertedToInteger = Number.parseInt(day, 10);\n      if (homeEndArrowUpDownDashSlashesKeys.includes(key)) e.preventDefault();\n      if (homeEndArrowUpDownDashSlashesKeys.includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n      if (key === 'End') onEndKeyDown();\n      if (key === 'ArrowUp' || key === 'ArrowDown') {\n        const dayInteger = Number.isNaN(dayStringConvertedToInteger) ? 0 : dayStringConvertedToInteger;\n        let newDay;\n        if (key === 'ArrowUp') newDay = dayInteger + 1 <= 31 ? dayInteger + 1 : dayInteger;\n        else newDay = dayInteger - 1 > 0 ? dayInteger - 1 : 1;\n        newDay = prependStringWithPlaceHolders(`${newDay}`, 2);\n        handleChangeDay(newDay, e);\n      }\n      if (!Number.isNaN(dayStringConvertedToInteger) && (key === '-' || key === '/' || key === '\\\\')) {\n        const newDay = prependStringWithPlaceHolders(`${dayStringConvertedToInteger}`, 2);\n        handleChangeDay(newDay, e);\n        // auto-advance functionality:\n        if (newDay.length === 2) yearInputRef?.current?.focus?.();\n      }\n      // regressive backspace functionality\n      if (key === 'Backspace' && day?.length === 0) {\n        monthInputRef?.current?.focus?.();\n      }\n      // focus last fragment on fill with now\n      if ((ctrlKey || metaKey) && key === ';') lastSegmentRef?.current?.focus?.();\n    },\n    [day, onHomeKeyDown, onEndKeyDown, lastSegmentRef, handleChangeDay, yearInputRef, monthInputRef],\n  );\n  const onDayBlur: onBlurFuncT = useCallback(\n    (e) => {\n      const newDay = e?.target?.value;\n      if (newDay === '0') handleChangeDay('01', e, { isAutomaticFillTrigger: true });\n      else if (newDay.length > 0 && newDay.length < 2)\n        handleChangeDay(prependStringWithPlaceHolders(newDay, 2), e, {\n          isAutomaticFillTrigger: true,\n        });\n    },\n    [handleChangeDay],\n  );\n\n  const handleChangeYear = useCallback(\n    (newYear, e, metaInfo = defaultMetaInfo) => {\n      const newDateString = getFormattedDateString({\n        month,\n        day,\n        year: newYear,\n      });\n      const finalMetaInfo: internalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(newDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        newDateString,\n      };\n      appOnYearChange(newYear, e, finalMetaInfo);\n      handleChangeComposedDateString(newDateString, finalMetaInfo);\n    },\n    [month, day, getIsOutOfRangeDay, getIsDisabledDay, appOnYearChange, handleChangeComposedDateString],\n  );\n  const onYearFocus: onFocusFuncT = useCallback(() => {\n    setLatestInteractionRegionDateInputs();\n  }, [setLatestInteractionRegionDateInputs]);\n  const onYearChange: onChangeFuncT = useCallback(\n    (e) => {\n      const newYear = e?.target?.value;\n      handleChangeYear(newYear, e);\n      // auto-advance functionality:\n      if (newYear.length === 4) {\n        if (!hideTime) hourInputRef?.current?.focus?.();\n        else if (withAnyRightController) {\n          if (withClearBtn) clearButtonRef.current?.focus?.();\n          else if (withAnyPicker) pickerButtonRef?.current?.focus?.();\n          // pending approval from Seda, check which one should be focused first...\n        }\n      }\n    },\n    [\n      handleChangeYear,\n      hideTime,\n      hourInputRef,\n      withAnyRightController,\n      withAnyPicker,\n      pickerButtonRef,\n      withClearBtn,\n      clearButtonRef,\n    ],\n  );\n  const onYearKeyDown: onKeyDownT = useCallback(\n    (e) => {\n      const { key, ctrlKey, metaKey } = e;\n      const yearStringConvertedToInteger = Number.parseInt(year, 10);\n      if (homeEndArrowUpDownSpaceKeys.includes(key)) e.preventDefault();\n      if (homeEndArrowUpDownSpaceKeys.includes(key)) e.stopPropagation();\n      if (key === 'Home') onHomeKeyDown();\n      if (key === 'End') onEndKeyDown();\n      if (key === 'ArrowUp' || key === 'ArrowDown') {\n        const yearInteger = Number.isNaN(yearStringConvertedToInteger) ? 0 : yearStringConvertedToInteger;\n        let newYear;\n        if (key === 'ArrowUp') newYear = yearInteger + 1 <= 9999 ? yearInteger + 1 : yearInteger;\n        else newYear = yearInteger - 1 > 0 ? yearInteger - 1 : 1;\n        newYear = prependStringWithPlaceHolders(`${newYear}`, 4);\n        handleChangeYear(newYear, e);\n      }\n      if (!Number.isNaN(yearStringConvertedToInteger) && key === ' ') {\n        const newYear = prependStringWithPlaceHolders(`${yearStringConvertedToInteger}`, 4);\n        handleChangeYear(newYear, e);\n        // auto-advance functionality:\n        if (newYear.length === 4) {\n          if (!hideTime) hourInputRef?.current?.focus?.();\n          else if (withAnyRightController) {\n            if (withClearBtn) clearButtonRef.current?.focus?.();\n            else if (withAnyPicker) pickerButtonRef?.current?.focus?.();\n            // pending approval from Seda, check which one should be focused first...\n          }\n        }\n      }\n      // regressive backspace functionality\n      if (key === 'Backspace' && year?.length === 0) {\n        dayInputRef?.current?.focus?.();\n      }\n      // focus last fragment on fill with now\n      if ((ctrlKey || metaKey) && key === ';') lastSegmentRef?.current?.focus?.();\n    },\n    [\n      year,\n      onHomeKeyDown,\n      onEndKeyDown,\n      lastSegmentRef,\n      handleChangeYear,\n      hideTime,\n      hourInputRef,\n      withAnyRightController,\n      withClearBtn,\n      clearButtonRef,\n      withAnyPicker,\n      pickerButtonRef,\n      dayInputRef,\n    ],\n  );\n  const onYearBlur: onBlurFuncT = useCallback(\n    (e) => {\n      const newYear = e?.target?.value;\n      if (newYear.length > 0 && newYear.length < 4)\n        handleChangeYear(fillStringWithPlaceHolders(newYear, 4, '0'), e, {\n          isAutomaticFillTrigger: true,\n        });\n    },\n    [handleChangeYear],\n  );\n\n  return useMemo(\n    () => ({\n      month,\n      day,\n      year,\n      autoFocusMonthInput,\n      disabled,\n      onMonthFocus,\n      onMonthChange,\n      onDayFocus,\n      onDayChange,\n      onYearFocus,\n      onYearChange,\n      onMonthBlur,\n      onDayBlur,\n      onYearBlur,\n      onMonthKeyDown,\n      onDayKeyDown,\n      onYearKeyDown,\n    }),\n    [\n      month,\n      day,\n      year,\n      autoFocusMonthInput,\n      disabled,\n      onMonthFocus,\n      onMonthChange,\n      onDayFocus,\n      onDayChange,\n      onYearFocus,\n      onYearChange,\n      onMonthBlur,\n      onDayBlur,\n      onYearBlur,\n      onMonthKeyDown,\n      onDayKeyDown,\n      onYearKeyDown,\n    ],\n  );\n};\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/date-time-picker/parts/Pickers/Calendar/Calendar.js

@@ -1,24 +0,0 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { CalendarIconTrigger } from "./CalendarIconTrigger";
-import { CalendarWrapper } from "./CalendarWrapper";
-import { CalendarContext } from "./CalendarContext";
-import { useConfigCalendarCTX } from "./useConfigCalendarCTX";
-const WrappedCalendarContext = ({ children }) => {
-  const ctx = useConfigCalendarCTX();
-  return /* @__PURE__ */ React2.createElement(CalendarContext.Provider, {
-    value: ctx
-  }, children);
-};
-const WrapWithCalendarContext = (Component) => () => /* @__PURE__ */ React2.createElement(WrappedCalendarContext, null, /* @__PURE__ */ React2.createElement(Component, null));
-const Calendar = WrapWithCalendarContext(() => {
-  const { showCalendar, isControllerOnly, handleMenuWrapperKeyDown } = useContext(CalendarContext);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, isControllerOnly ? null : /* @__PURE__ */ React2.createElement(CalendarIconTrigger, null), isControllerOnly || showCalendar ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", {
-    onKeyDown: handleMenuWrapperKeyDown
-  }, /* @__PURE__ */ React2.createElement(CalendarWrapper, null))) : null);
-});
-export {
-  Calendar,
-  WrapWithCalendarContext
-};
-//# sourceMappingURL=Calendar.js.map

package/dist/esm/date-time-picker/parts/Pickers/Calendar/Calendar.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/date-time-picker/parts/Pickers/Calendar/Calendar.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-len */\nimport React, { useContext } from 'react';\nimport { CalendarIconTrigger } from './CalendarIconTrigger';\nimport { CalendarWrapper } from './CalendarWrapper';\n\nimport { CalendarContext } from './CalendarContext';\nimport { useConfigCalendarCTX } from './useConfigCalendarCTX';\n\nconst WrappedCalendarContext = ({ children }: { children: JSX.Element }) => {\n  const ctx = useConfigCalendarCTX();\n  return <CalendarContext.Provider value={ctx}>{children}</CalendarContext.Provider>;\n};\n\nexport const WrapWithCalendarContext = (Component: React.ComponentType) => (): JSX.Element =>\n  (\n    <WrappedCalendarContext>\n      <Component />\n    </WrappedCalendarContext>\n  );\n// we use the HoC to be able to use the useContext\n// the HoC is Reused in CalendarWithTimeWheel\nexport const Calendar = WrapWithCalendarContext((): JSX.Element => {\n  const { showCalendar, isControllerOnly, handleMenuWrapperKeyDown } = useContext(CalendarContext);\n  return (\n    <>\n      {isControllerOnly ? null : <CalendarIconTrigger />}\n      {isControllerOnly || showCalendar ? (\n        <>\n          {/* The <div> element is catching the \"ESC\" key to close the calendar, there is no valid aria role for this */}\n          {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n          <div onKeyDown={handleMenuWrapperKeyDown}>\n            <CalendarWrapper />\n          </div>\n        </>\n      ) : null}\n    </>\n  );\n});\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AACA;AAEA,MAAM,yBAAyB,CAAC,EAAE,eAA0C;AAC1E,QAAM,MAAM;AACZ,SAAO,qCAAC,gBAAgB,UAAjB;AAAA,IAA0B,OAAO;AAAA,KAAM;AAAA;AAGzC,MAAM,0BAA0B,CAAC,cAAmC,MAEvE,qCAAC,wBAAD,MACE,qCAAC,WAAD;AAKC,MAAM,WAAW,wBAAwB,MAAmB;AACjE,QAAM,EAAE,cAAc,kBAAkB,6BAA6B,WAAW;AAChF,SACE,4DACG,mBAAmB,OAAO,qCAAC,qBAAD,OAC1B,oBAAoB,eACnB,4DAIE,qCAAC,OAAD;AAAA,IAAK,WAAW;AAAA,KACd,qCAAC,iBAAD,UAGF;AAAA;",
-  "names": []
-}

package/dist/esm/date-time-picker/parts/Pickers/Calendar/CalendarBody.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { CalendarMonthDays } from "./CalendarMonthDays";
-import { CalendarWeekDays } from "./CalendarWeekDays";
-import { StyledBody } from "./Styleds";
-const CalendarBody = React2.memo(({ weekRowsNum }) => /* @__PURE__ */ React2.createElement("span", {
-  role: "grid",
-  "aria-colcount": 7,
-  "aria-rowcount": weekRowsNum
-}, /* @__PURE__ */ React2.createElement(CalendarWeekDays, null), /* @__PURE__ */ React2.createElement(StyledBody, null, /* @__PURE__ */ React2.createElement(CalendarMonthDays, null))));
-export {
-  CalendarBody
-};
-//# sourceMappingURL=CalendarBody.js.map