@elliemae/ds-controlled-form 2.2.0-next.3 → 2.3.0-alpha.1

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-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/esm/controlled-date-time-picker/parts/Pickers/Calendar/Calendar.js

@@ -1,43 +1,24 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { CalendarIconTrigger } from './CalendarIconTrigger.js';
-import { CalendarWrapper } from './CalendarWrapper.js';
-import { CalendarContext } from './CalendarContext.js';
-import { useConfigCalendarCTX } from './useConfigCalendarCTX.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-var _CalendarIconTrigger, _CalendarWrapper;
-
-const WrappedCalendarContext = _ref => {
-  let {
-    children
-  } = _ref;
+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__*/_jsx(CalendarContext.Provider, {
+  return /* @__PURE__ */ React2.createElement(CalendarContext.Provider, {
     value: ctx
-  }, void 0, children);
+  }, children);
 };
-
-const WrapWithCalendarContext = Component => {
-  var _WrappedCalendarConte;
-
-  return () => _WrappedCalendarConte || (_WrappedCalendarConte = /*#__PURE__*/_jsx(WrappedCalendarContext, {}, void 0, /*#__PURE__*/_jsx(Component, {})));
-}; // we use the HoC to be able to use the useContext
-// the HoC is Reused in CalendarWithTimeWheel
-
+const WrapWithCalendarContext = (Component) => () => /* @__PURE__ */ React2.createElement(WrappedCalendarContext, null, /* @__PURE__ */ React2.createElement(Component, null));
 const Calendar = WrapWithCalendarContext(() => {
-  const {
-    showCalendar,
-    isControllerOnly,
-    handleMenuWrapperKeyDown
-  } = useContext(CalendarContext);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [isControllerOnly ? null : _CalendarIconTrigger || (_CalendarIconTrigger = /*#__PURE__*/_jsx(CalendarIconTrigger, {})), isControllerOnly || showCalendar ? /*#__PURE__*/jsx(Fragment, {
-      children: /*#__PURE__*/_jsx("div", {
-        onKeyDown: handleMenuWrapperKeyDown
-      }, void 0, _CalendarWrapper || (_CalendarWrapper = /*#__PURE__*/_jsx(CalendarWrapper, {})))
-    }) : null]
-  });
+  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 };
+export {
+  Calendar,
+  WrapWithCalendarContext
+};
+//# sourceMappingURL=Calendar.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-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/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.js

@@ -1,19 +1,14 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import React from 'react';
-import { CalendarMonthDays } from './CalendarMonthDays.js';
-import { CalendarWeekDays } from './CalendarWeekDays.js';
-import { StyledBody } from './Styleds.js';
-
-var _CalendarWeekDays, _StyledBody;
-const CalendarBody = /*#__PURE__*/React.memo(_ref => {
-  let {
-    weekRowsNum
-  } = _ref;
-  return /*#__PURE__*/_jsx("span", {
-    role: "grid",
-    "aria-colcount": 7,
-    "aria-rowcount": weekRowsNum
-  }, void 0, _CalendarWeekDays || (_CalendarWeekDays = /*#__PURE__*/_jsx(CalendarWeekDays, {})), _StyledBody || (_StyledBody = /*#__PURE__*/_jsx(StyledBody, {}, void 0, /*#__PURE__*/_jsx(CalendarMonthDays, {}))));
-});
-
-export { CalendarBody };
+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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { CalendarMonthDays } from './CalendarMonthDays';\nimport { CalendarWeekDays } from './CalendarWeekDays';\nimport { StyledBody } from './Styleds';\ninterface CalendarBodyPropsT {\n  weekRowsNum: number;\n}\nexport const CalendarBody = React.memo(({ weekRowsNum }: CalendarBodyPropsT) => (\n  <span role=\"grid\" aria-colcount={7} aria-rowcount={weekRowsNum}>\n    <CalendarWeekDays />\n    <StyledBody>\n      <CalendarMonthDays />\n    </StyledBody>\n  </span>\n));\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAIO,MAAM,eAAe,OAAM,KAAK,CAAC,EAAE,kBACxC,qCAAC,QAAD;AAAA,EAAM,MAAK;AAAA,EAAO,iBAAe;AAAA,EAAG,iBAAe;AAAA,GACjD,qCAAC,kBAAD,OACA,qCAAC,YAAD,MACE,qCAAC,mBAAD;",
+  "names": []
+}

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

@@ -1,32 +1,22 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-import { CalendarBody } from './CalendarBody.js';
-import { CalendarHead } from './CalendarHead.js';
-import { CalendarFooter } from './CalendarFooter.js';
-import { CalendarContext } from './CalendarContext.js';
-import { StyledShadowWrapper, StyledCalendarWrapper } from './Styleds.js';
-
-var _CalendarHead, _CalendarFooter;
-// <StyledShadowWrapper className={className}>
-// is required for styled-components, without this we can't styled(CalendarContent)...
-// https://stackoverflow.com/questions/52542817/styled-components-not-applying-style-to-custom-functional-react-component
-
-const CalendarContent = _ref => {
-  let {
-    className = ''
-  } = _ref;
-  const {
+import * as React from "react";
+import React2, { useContext } from "react";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
+import { CalendarBody } from "./CalendarBody";
+import { CalendarHead } from "./CalendarHead";
+import { CalendarFooter } from "./CalendarFooter";
+import { CalendarContext } from "./CalendarContext";
+import { StyledShadowWrapper, StyledCalendarWrapper } from "./Styleds";
+const CalendarContent = ({ className = "" }) => {
+  const { isControllerOnly, daysMatrixByWeekday } = useContext(CalendarContext);
+  return /* @__PURE__ */ React2.createElement(StyledShadowWrapper, {
+    className,
     isControllerOnly,
-    daysMatrixByWeekday
-  } = useContext(CalendarContext);
-  return /*#__PURE__*/_jsx(StyledShadowWrapper, {
-    className: className,
-    isControllerOnly: isControllerOnly,
     "data-testid": ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR
-  }, void 0, /*#__PURE__*/_jsx(StyledCalendarWrapper, {}, void 0, _CalendarHead || (_CalendarHead = /*#__PURE__*/_jsx(CalendarHead, {})), /*#__PURE__*/_jsx(CalendarBody, {
+  }, /* @__PURE__ */ React2.createElement(StyledCalendarWrapper, null, /* @__PURE__ */ React2.createElement(CalendarHead, null), /* @__PURE__ */ React2.createElement(CalendarBody, {
     weekRowsNum: daysMatrixByWeekday.length
-  }), _CalendarFooter || (_CalendarFooter = /*#__PURE__*/_jsx(CalendarFooter, {}))));
+  }), /* @__PURE__ */ React2.createElement(CalendarFooter, null)));
 };
-
-export { CalendarContent };
+export {
+  CalendarContent
+};
+//# sourceMappingURL=CalendarContent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContent.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-len */\nimport React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarBody } from './CalendarBody';\nimport { CalendarHead } from './CalendarHead';\nimport { CalendarFooter } from './CalendarFooter';\nimport { CalendarContext } from './CalendarContext';\nimport { StyledShadowWrapper, StyledCalendarWrapper } from './Styleds';\n\n// ({ className = '' }: { className?: string })\n// <StyledShadowWrapper className={className}>\n// is required for styled-components, without this we can't styled(CalendarContent)...\n// https://stackoverflow.com/questions/52542817/styled-components-not-applying-style-to-custom-functional-react-component\nexport const CalendarContent = ({ className = '' }: { className?: string }): JSX.Element => {\n  const { isControllerOnly, daysMatrixByWeekday } = useContext(CalendarContext);\n\n  return (\n    <StyledShadowWrapper\n      className={className}\n      isControllerOnly={isControllerOnly}\n      data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR}\n    >\n      <StyledCalendarWrapper>\n        <CalendarHead />\n        <CalendarBody weekRowsNum={daysMatrixByWeekday.length} />\n        <CalendarFooter />\n      </StyledCalendarWrapper>\n    </StyledShadowWrapper>\n  );\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAMO,MAAM,kBAAkB,CAAC,EAAE,YAAY,SAA8C;AAC1F,QAAM,EAAE,kBAAkB,wBAAwB,WAAW;AAE7D,SACE,qCAAC,qBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAa,mCAAmC,qBAAqB;AAAA,KAErE,qCAAC,uBAAD,MACE,qCAAC,cAAD,OACA,qCAAC,cAAD;AAAA,IAAc,aAAa,oBAAoB;AAAA,MAC/C,qCAAC,gBAAD;AAAA;",
+  "names": []
+}

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

@@ -1,32 +1,31 @@
-import { createRef, createContext } from 'react';
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const noop = () => {};
-
+import * as React from "react";
+import { createContext, createRef } from "react";
+const noop = () => {
+};
 const defaultCalendarContext = {
-  ariaCurrentValueForInputs: '',
+  ariaCurrentValueForInputs: "",
   showCalendar: false,
   disabled: false,
   setShowCalendar: noop,
   closeCalendar: noop,
   setPopperElement: noop,
   setArrowElement: noop,
-  usePopperHelpers: undefined,
+  usePopperHelpers: void 0,
   handleToggleCalendar: noop,
   handleSetTriggerRef: noop,
   handleMenuWrapperKeyDown: noop,
-  prevYearBtnRef: /*#__PURE__*/createRef(),
-  prevMonthBtnRef: /*#__PURE__*/createRef(),
-  nextMonthBtnRef: /*#__PURE__*/createRef(),
-  nextYearBtnRef: /*#__PURE__*/createRef(),
-  calendarDaysWrapperRef: /*#__PURE__*/createRef(),
-  currentMonth: undefined,
-  currentYear: undefined,
+  prevYearBtnRef: createRef(),
+  prevMonthBtnRef: createRef(),
+  nextMonthBtnRef: createRef(),
+  nextYearBtnRef: createRef(),
+  calendarDaysWrapperRef: createRef(),
+  currentMonth: void 0,
+  currentYear: void 0,
   daysArray: [],
-  invisibleFirstDay: undefined,
+  invisibleFirstDay: void 0,
   daysMatrixByWeekday: [],
-  invisibleLastDay: undefined,
-  focusedDay: undefined,
+  invisibleLastDay: void 0,
+  focusedDay: void 0,
   tryToFocusCurrentlyDataIsFocusedDay: noop,
   resetFocusedDayToStartDate: noop,
   handleFocusMetaDay: noop,
@@ -49,8 +48,11 @@ const defaultCalendarContext = {
   onNextMonthFocus: noop,
   onNextYearFocus: noop
 };
-/** Context for cross component communication */
-
-const CalendarContext = /*#__PURE__*/createContext(defaultCalendarContext);
-
-export { CalendarContext, CalendarContext as default, defaultCalendarContext };
+const CalendarContext = createContext(defaultCalendarContext);
+var CalendarContext_default = CalendarContext;
+export {
+  CalendarContext,
+  CalendarContext_default as default,
+  defaultCalendarContext
+};
+//# sourceMappingURL=CalendarContext.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { createContext, createRef } from 'react';\nimport type { DateMonth, metaMonthDayT, onFocusFuncT } from '../../../index.d';\n\nexport type handleDayOnKeyDownT = (e: React.KeyboardEvent, day: metaMonthDayT) => void;\nexport interface KeyboardHandlersT {\n  handleDayOnKeyDown: handleDayOnKeyDownT;\n  handlePrevYearKeyDown: (e: React.KeyboardEvent) => void;\n  handlePrevMonthKeyDown: (e: React.KeyboardEvent) => void;\n  handleNextMonthKeyDown: (e: React.KeyboardEvent) => void;\n  handleNextYearKeyDown: (e: React.KeyboardEvent) => void;\n  handlePickerIconKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;\n}\nexport interface FocusLogicT {\n  focusedDay?: metaMonthDayT;\n  tryToFocusCurrentlyDataIsFocusedDay: () => void;\n  resetFocusedDayToStartDate: () => void;\n  handleFocusMetaDay: (metaDayToFocus: metaMonthDayT) => void;\n  handleFocusMetaDayByDay: (day: Date) => void;\n}\nexport interface HeaderButtonsRefsT {\n  prevYearBtnRef: React.RefObject<HTMLButtonElement>;\n  prevMonthBtnRef: React.RefObject<HTMLButtonElement>;\n  nextMonthBtnRef: React.RefObject<HTMLButtonElement>;\n  nextYearBtnRef: React.RefObject<HTMLButtonElement>;\n  calendarDaysWrapperRef: React.RefObject<HTMLDivElement>;\n}\nexport interface PopperTriggerLogicT {\n  closeCalendar: () => void;\n  setPopperElement: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n  setArrowElement: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n  usePopperHelpers?: {\n    attributes: Record<string, unknown>;\n    styles: Record<string, React.CSSProperties>;\n  };\n  handleToggleCalendar: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n  handleSetTriggerRef: (instance: HTMLButtonElement) => void;\n  handleMenuWrapperKeyDown: (e?: React.KeyboardEvent<HTMLElement>) => void;\n}\nexport interface useCurrentDisplayedMonthYearLogicT {\n  currentMonth?: DateMonth;\n  currentYear?: number;\n  daysArray: metaMonthDayT[];\n  invisibleFirstDay?: metaMonthDayT;\n  daysMatrixByWeekday?: metaMonthDayT[][];\n  invisibleLastDay?: metaMonthDayT;\n  handlePrevMonth: () => void;\n  handlePrevYear: () => void;\n  handleNextMonth: () => void;\n  handleNextYear: () => void;\n}\nexport interface CalendarContextT\n  extends KeyboardHandlersT,\n    HeaderButtonsRefsT,\n    FocusLogicT,\n    PopperTriggerLogicT,\n    useCurrentDisplayedMonthYearLogicT {\n  ariaCurrentValueForInputs: string;\n  showCalendar: boolean;\n  setShowCalendar: React.Dispatch<React.SetStateAction<boolean>>;\n  isControllerOnly: boolean;\n  isWithTimeWheelToo: boolean;\n  autoFocusPrevMonthArrow: boolean;\n  disabled: boolean;\n  onPrevYearFocus: onFocusFuncT;\n  onPrevMonthFocus: onFocusFuncT;\n  onNextMonthFocus: onFocusFuncT;\n  onNextYearFocus: onFocusFuncT;\n}\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nexport const defaultCalendarContext: CalendarContextT = {\n  ariaCurrentValueForInputs: '',\n  showCalendar: false,\n  disabled: false,\n  setShowCalendar: noop,\n  closeCalendar: noop,\n  setPopperElement: noop,\n  setArrowElement: noop,\n  usePopperHelpers: undefined,\n  handleToggleCalendar: noop,\n  handleSetTriggerRef: noop,\n  handleMenuWrapperKeyDown: noop,\n  prevYearBtnRef: createRef<HTMLButtonElement>(),\n  prevMonthBtnRef: createRef<HTMLButtonElement>(),\n  nextMonthBtnRef: createRef<HTMLButtonElement>(),\n  nextYearBtnRef: createRef<HTMLButtonElement>(),\n  calendarDaysWrapperRef: createRef<HTMLDivElement>(),\n  currentMonth: undefined,\n  currentYear: undefined,\n  daysArray: [],\n  invisibleFirstDay: undefined,\n  daysMatrixByWeekday: [],\n  invisibleLastDay: undefined,\n  focusedDay: undefined,\n  tryToFocusCurrentlyDataIsFocusedDay: noop,\n  resetFocusedDayToStartDate: noop,\n  handleFocusMetaDay: noop,\n  handleFocusMetaDayByDay: noop,\n  handlePrevMonth: noop,\n  handlePrevYear: noop,\n  handleNextMonth: noop,\n  handleNextYear: noop,\n  handleDayOnKeyDown: noop,\n  handlePrevYearKeyDown: noop,\n  handlePrevMonthKeyDown: noop,\n  handleNextMonthKeyDown: noop,\n  handleNextYearKeyDown: noop,\n  handlePickerIconKeyDown: noop,\n  isControllerOnly: false,\n  isWithTimeWheelToo: true,\n  autoFocusPrevMonthArrow: false,\n  onPrevYearFocus: noop,\n  onPrevMonthFocus: noop,\n  onNextMonthFocus: noop,\n  onNextYearFocus: noop,\n};\n/** Context for cross component communication */\nexport const CalendarContext = createContext(defaultCalendarContext);\n\nexport default CalendarContext;\n"],
+  "mappings": "AAAA;ACAA;AAqEA,MAAM,OAAO,MAAY;AAAA;AAClB,MAAM,yBAA2C;AAAA,EACtD,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,sBAAsB;AAAA,EACtB,qBAAqB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,wBAAwB;AAAA,EACxB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,qCAAqC;AAAA,EACrC,4BAA4B;AAAA,EAC5B,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA;AAGZ,MAAM,kBAAkB,cAAc;AAE7C,IAAO,0BAAQ;",
+  "names": []
+}

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

@@ -1,41 +1,34 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import React from 'react';
-import { Day } from './Day.js';
-import { StyledWeekDaysListWrapper } from './Styleds.js';
-import { jsxs } from 'react/jsx-runtime';
-
-const CalendarDaysList = /*#__PURE__*/React.memo(_ref => {
-  let {
-    invisibleFirstDay,
-    daysMatrixByWeekday,
-    invisibleLastDay,
-    innerRef
-  } = _ref;
-  return /*#__PURE__*/jsxs("div", {
-    ref: innerRef,
-    role: "rowgroup",
-    children: [/*#__PURE__*/_jsx(Day, {
-      metaDay: invisibleFirstDay,
-      isInvisible: true
-    }, "ds-calendar-".concat(invisibleFirstDay.day.toString())), daysMatrixByWeekday.map((week, i) => /*#__PURE__*/_jsx(StyledWeekDaysListWrapper, {
-      role: "row",
-      "aria-rowindex": i + 1,
-      cols: ['32px', '32px', '32px', '32px', '32px', '32px', '32px'],
-      rows: ['28px'],
-      py: "xxxs",
-      px: "2px",
-      justifyContent: "space-between",
-      alignItems: "center"
-    }, "ds-calendar-week-".concat(week[0].day.toString(), "-").concat(week[6].day.toString()), week.map((metaDay, z) => /*#__PURE__*/_jsx(Day, {
-      metaDay: metaDay,
-      colIndex: z + 1
-    }, "ds-calendar-".concat(metaDay.day.toString()))))), /*#__PURE__*/_jsx(Day, {
-      metaDay: invisibleLastDay,
-      isInvisible: true
-    }, "ds-calendar-".concat(invisibleLastDay.day.toString()))]
-  });
-});
-
-export { CalendarDaysList };
+import * as React from "react";
+import React2 from "react";
+import { Day } from "./Day";
+import { StyledWeekDaysListWrapper } from "./Styleds";
+const CalendarDaysList = React2.memo(({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }) => /* @__PURE__ */ React2.createElement("div", {
+  ref: innerRef,
+  role: "rowgroup"
+}, /* @__PURE__ */ React2.createElement(Day, {
+  key: `ds-calendar-${invisibleFirstDay.day.toString()}`,
+  metaDay: invisibleFirstDay,
+  isInvisible: true
+}), daysMatrixByWeekday.map((week, i) => /* @__PURE__ */ React2.createElement(StyledWeekDaysListWrapper, {
+  key: `ds-calendar-week-${week[0].day.toString()}-${week[6].day.toString()}`,
+  role: "row",
+  "aria-rowindex": i + 1,
+  cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
+  rows: ["28px"],
+  py: "xxxs",
+  px: "2px",
+  justifyContent: "space-between",
+  alignItems: "center"
+}, week.map((metaDay, z) => /* @__PURE__ */ React2.createElement(Day, {
+  key: `ds-calendar-${metaDay.day.toString()}`,
+  metaDay,
+  colIndex: z + 1
+})))), /* @__PURE__ */ React2.createElement(Day, {
+  key: `ds-calendar-${invisibleLastDay.day.toString()}`,
+  metaDay: invisibleLastDay,
+  isInvisible: true
+})));
+export {
+  CalendarDaysList
+};
+//# sourceMappingURL=CalendarDaysList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Day } from './Day';\nimport { StyledWeekDaysListWrapper } from './Styleds';\nimport type { metaMonthDayT } from '../../../index.d';\n\nexport const CalendarDaysList = React.memo(\n  ({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }: CalendarDaysListPropsT): JSX.Element => (\n    <div ref={innerRef} role=\"rowgroup\">\n      <Day key={`ds-calendar-${invisibleFirstDay.day.toString()}`} metaDay={invisibleFirstDay} isInvisible />\n      {daysMatrixByWeekday.map((week, i) => (\n        <StyledWeekDaysListWrapper\n          key={`ds-calendar-week-${week[0].day.toString()}-${week[6].day.toString()}`}\n          role=\"row\"\n          aria-rowindex={i + 1}\n          cols={['32px', '32px', '32px', '32px', '32px', '32px', '32px']}\n          rows={['28px']}\n          py=\"xxxs\"\n          px=\"2px\"\n          justifyContent=\"space-between\"\n          alignItems=\"center\"\n        >\n          {week.map((metaDay, z) => (\n            <Day key={`ds-calendar-${metaDay.day.toString()}`} metaDay={metaDay} colIndex={z + 1} />\n          ))}\n        </StyledWeekDaysListWrapper>\n      ))}\n      <Day key={`ds-calendar-${invisibleLastDay.day.toString()}`} metaDay={invisibleLastDay} isInvisible />\n    </div>\n  ),\n);\nexport interface CalendarDaysListPropsT {\n  invisibleFirstDay: metaMonthDayT;\n  daysMatrixByWeekday: metaMonthDayT[][];\n  invisibleLastDay: metaMonthDayT;\n  innerRef: React.RefObject<HTMLDivElement>;\n}\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,mBAAmB,OAAM,KACpC,CAAC,EAAE,mBAAmB,qBAAqB,kBAAkB,eAC3D,qCAAC,OAAD;AAAA,EAAK,KAAK;AAAA,EAAU,MAAK;AAAA,GACvB,qCAAC,KAAD;AAAA,EAAK,KAAK,eAAe,kBAAkB,IAAI;AAAA,EAAc,SAAS;AAAA,EAAmB,aAAW;AAAA,IACnG,oBAAoB,IAAI,CAAC,MAAM,MAC9B,qCAAC,2BAAD;AAAA,EACE,KAAK,oBAAoB,KAAK,GAAG,IAAI,cAAc,KAAK,GAAG,IAAI;AAAA,EAC/D,MAAK;AAAA,EACL,iBAAe,IAAI;AAAA,EACnB,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,EACvD,MAAM,CAAC;AAAA,EACP,IAAG;AAAA,EACH,IAAG;AAAA,EACH,gBAAe;AAAA,EACf,YAAW;AAAA,GAEV,KAAK,IAAI,CAAC,SAAS,MAClB,qCAAC,KAAD;AAAA,EAAK,KAAK,eAAe,QAAQ,IAAI;AAAA,EAAc;AAAA,EAAkB,UAAU,IAAI;AAAA,OAIzF,qCAAC,KAAD;AAAA,EAAK,KAAK,eAAe,iBAAiB,IAAI;AAAA,EAAc,SAAS;AAAA,EAAkB,aAAW;AAAA;",
+  "names": []
+}

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

@@ -1,20 +1,19 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
-import { CalendarFooterMessage } from './Styleds.js';
-
+import * as React from "react";
+import React2, { useContext } from "react";
+import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
+import { CalendarFooterMessage } from "./Styleds";
 const CalendarFooter = () => {
   const {
-    props: {
-      pickerFooterMsg,
-      hasError
-    },
+    props: { pickerFooterMsg, hasError },
     isWithTimeWheelToo
   } = useContext(ControlledDateTimePickerContext);
-  if (pickerFooterMsg !== undefined && !isWithTimeWheelToo && hasError) return /*#__PURE__*/_jsx(CalendarFooterMessage, {
-    role: "alert"
-  }, void 0, pickerFooterMsg);
+  if (pickerFooterMsg !== void 0 && !isWithTimeWheelToo && hasError)
+    return /* @__PURE__ */ React2.createElement(CalendarFooterMessage, {
+      role: "alert"
+    }, pickerFooterMsg);
   return null;
 };
-
-export { CalendarFooter };
+export {
+  CalendarFooter
+};
+//# sourceMappingURL=CalendarFooter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarFooter.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarFooterMessage } from './Styleds';\n\nexport const CalendarFooter = (): JSX.Element => {\n  const {\n    props: { pickerFooterMsg, hasError },\n    isWithTimeWheelToo,\n  } = useContext(ControlledDateTimePickerContext);\n  if (pickerFooterMsg !== undefined && !isWithTimeWheelToo && hasError)\n    return <CalendarFooterMessage role=\"alert\">{pickerFooterMsg}</CalendarFooterMessage>;\n  return null;\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,iBAAiB,MAAmB;AAC/C,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB;AAAA,IAC1B;AAAA,MACE,WAAW;AACf,MAAI,oBAAoB,UAAa,CAAC,sBAAsB;AAC1D,WAAO,qCAAC,uBAAD;AAAA,MAAuB,MAAK;AAAA,OAAS;AAC9C,SAAO;AAAA;",
+  "names": []
+}

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

@@ -1,23 +1,16 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useMemo, useContext } from 'react';
-import { BUTTON_SIZES } from '@elliemae/ds-button';
-import { ChevronDoubleLeft, ChevronLeft, ChevronRight, ChevronDoubleRight } from '@elliemae/ds-icons';
-import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-import { getMonthNameByMonthNumber } from '../../../utils/dateHelpers.js';
-import { StyledHeader, StyledHeaderButton } from './Styleds.js';
-import { CalendarContext } from './CalendarContext.js';
-
-var _ChevronDoubleLeft, _ChevronLeft, _ChevronRight, _ChevronDoubleRight;
-
+import * as React from "react";
+import React2, { useContext, useMemo } from "react";
+import { BUTTON_SIZES } from "@elliemae/ds-button";
+import { ChevronDoubleLeft, ChevronLeft, ChevronDoubleRight, ChevronRight } from "@elliemae/ds-icons";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
+import { getMonthNameByMonthNumber } from "../../../utils/dateHelpers";
+import { StyledHeader, StyledHeaderButton } from "./Styleds";
+import { CalendarContext } from "./CalendarContext";
 const useGetFormattedCurrentDate = () => {
-  const {
-    currentMonth,
-    currentYear
-  } = useContext(CalendarContext);
-  const monthString = currentMonth >= 0 && currentMonth <= 11 ? "".concat(getMonthNameByMonthNumber(currentMonth), " ") : '';
-  return useMemo(() => "".concat(monthString).concat(currentYear), [monthString, currentYear]);
+  const { currentMonth, currentYear } = useContext(CalendarContext);
+  const monthString = currentMonth >= 0 && currentMonth <= 11 ? `${getMonthNameByMonthNumber(currentMonth)} ` : "";
+  return useMemo(() => `${monthString}${currentYear}`, [monthString, currentYear]);
 };
-
 const CalendarHead = () => {
   const currentFormatedDate = useGetFormattedCurrentDate();
   const {
@@ -40,7 +33,7 @@ const CalendarHead = () => {
     isControllerOnly,
     autoFocusPrevMonthArrow
   } = useContext(CalendarContext);
-  return /*#__PURE__*/_jsx(StyledHeader, {}, void 0, /*#__PURE__*/_jsx(StyledHeaderButton, {
+  return /* @__PURE__ */ React2.createElement(StyledHeader, null, /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
     "aria-label": "previous year",
     buttonType: "raw",
     size: BUTTON_SIZES.M,
@@ -50,11 +43,11 @@ const CalendarHead = () => {
     onFocus: onPrevYearFocus,
     tabIndex: isControllerOnly ? -1 : 1,
     "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR
-  }, void 0, _ChevronDoubleLeft || (_ChevronDoubleLeft = /*#__PURE__*/_jsx(ChevronDoubleLeft, {
+  }, /* @__PURE__ */ React2.createElement(ChevronDoubleLeft, {
     height: 14,
     width: 14,
     fill: "#25292f"
-  }))), /*#__PURE__*/_jsx(StyledHeaderButton, {
+  })), /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
     autoFocus: autoFocusPrevMonthArrow,
     "aria-label": "previous month",
     buttonType: "raw",
@@ -63,11 +56,10 @@ const CalendarHead = () => {
     innerRef: prevMonthBtnRef,
     onKeyDown: handlePrevMonthKeyDown,
     onFocus: onPrevMonthFocus,
-    "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH // this is a tabstop for when the calendar is open
-
-  }, void 0, _ChevronLeft || (_ChevronLeft = /*#__PURE__*/_jsx(ChevronLeft, {
+    "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH
+  }, /* @__PURE__ */ React2.createElement(ChevronLeft, {
     fill: "#25292f"
-  }))), /*#__PURE__*/_jsx("h3", {}, void 0, currentFormatedDate), /*#__PURE__*/_jsx(StyledHeaderButton, {
+  })), /* @__PURE__ */ React2.createElement("h3", null, currentFormatedDate), /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
     "aria-label": "next month",
     buttonType: "raw",
     size: BUTTON_SIZES.M,
@@ -76,9 +68,9 @@ const CalendarHead = () => {
     onKeyDown: handleNextMonthKeyDown,
     onFocus: onNextMonthFocus,
     "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH
-  }, void 0, _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx(ChevronRight, {
+  }, /* @__PURE__ */ React2.createElement(ChevronRight, {
     fill: "#25292f"
-  }))), /*#__PURE__*/_jsx(StyledHeaderButton, {
+  })), /* @__PURE__ */ React2.createElement(StyledHeaderButton, {
     "aria-label": "next year",
     buttonType: "raw",
     size: BUTTON_SIZES.M,
@@ -87,11 +79,13 @@ const CalendarHead = () => {
     onKeyDown: handleNextYearKeyDown,
     onFocus: onNextYearFocus,
     "data-testid": ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR
-  }, void 0, _ChevronDoubleRight || (_ChevronDoubleRight = /*#__PURE__*/_jsx(ChevronDoubleRight, {
+  }, /* @__PURE__ */ React2.createElement(ChevronDoubleRight, {
     height: 14,
     width: 14,
     fill: "#25292f"
-  }))));
+  })));
+};
+export {
+  CalendarHead
 };
-
-export { CalendarHead };
+//# sourceMappingURL=CalendarHead.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext, useMemo } from 'react';\n\nimport { BUTTON_SIZES } from '@elliemae/ds-button';\nimport { ChevronDoubleLeft, ChevronLeft, ChevronDoubleRight, ChevronRight } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { getMonthNameByMonthNumber } from '../../../utils/dateHelpers';\nimport { StyledHeader, StyledHeaderButton } from './Styleds';\nimport { CalendarContext } from './CalendarContext';\n\nconst useGetFormattedCurrentDate = () => {\n  const { currentMonth, currentYear } = useContext(CalendarContext);\n\n  const monthString = currentMonth >= 0 && currentMonth <= 11 ? `${getMonthNameByMonthNumber(currentMonth)} ` : '';\n\n  return useMemo(() => `${monthString}${currentYear}`, [monthString, currentYear]);\n};\nexport const CalendarHead = (): JSX.Element => {\n  const currentFormatedDate = useGetFormattedCurrentDate();\n  const {\n    prevYearBtnRef,\n    prevMonthBtnRef,\n    nextMonthBtnRef,\n    nextYearBtnRef,\n    handlePrevYear,\n    handlePrevMonth,\n    handleNextMonth,\n    handleNextYear,\n    handlePrevYearKeyDown,\n    handlePrevMonthKeyDown,\n    handleNextMonthKeyDown,\n    handleNextYearKeyDown,\n    onPrevYearFocus,\n    onPrevMonthFocus,\n    onNextMonthFocus,\n    onNextYearFocus,\n    isControllerOnly,\n    autoFocusPrevMonthArrow,\n  } = useContext(CalendarContext);\n  return (\n    <StyledHeader>\n      <StyledHeaderButton\n        aria-label=\"previous year\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handlePrevYear}\n        innerRef={prevYearBtnRef}\n        onKeyDown={handlePrevYearKeyDown}\n        onFocus={onPrevYearFocus}\n        tabIndex={isControllerOnly ? -1 : 1}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR}\n      >\n        <ChevronDoubleLeft height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderButton\n        autoFocus={autoFocusPrevMonthArrow}\n        aria-label=\"previous month\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handlePrevMonth}\n        innerRef={prevMonthBtnRef}\n        onKeyDown={handlePrevMonthKeyDown}\n        onFocus={onPrevMonthFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH}\n        // this is a tabstop for when the calendar is open\n      >\n        <ChevronLeft fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <h3>{currentFormatedDate}</h3>\n      <StyledHeaderButton\n        aria-label=\"next month\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handleNextMonth}\n        innerRef={nextMonthBtnRef}\n        onKeyDown={handleNextMonthKeyDown}\n        onFocus={onNextMonthFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH}\n      >\n        <ChevronRight fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderButton\n        aria-label=\"next year\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handleNextYear}\n        innerRef={nextYearBtnRef}\n        onKeyDown={handleNextYearKeyDown}\n        onFocus={onNextYearFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR}\n      >\n        <ChevronDoubleRight height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n    </StyledHeader>\n  );\n};\n"],
+  "mappings": "AAAA;ACCA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,6BAA6B,MAAM;AACvC,QAAM,EAAE,cAAc,gBAAgB,WAAW;AAEjD,QAAM,cAAc,gBAAgB,KAAK,gBAAgB,KAAK,GAAG,0BAA0B,mBAAmB;AAE9G,SAAO,QAAQ,MAAM,GAAG,cAAc,eAAe,CAAC,aAAa;AAAA;AAE9D,MAAM,eAAe,MAAmB;AAC7C,QAAM,sBAAsB;AAC5B,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,IACA;AAAA,MACE,WAAW;AACf,SACE,qCAAC,cAAD,MACE,qCAAC,oBAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,aAAa;AAAA,IACnB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU,mBAAmB,KAAK;AAAA,IAClC,eAAa,mCAAmC,SAAS;AAAA,KAEzD,qCAAC,mBAAD;AAAA,IAAmB,QAAQ;AAAA,IAAI,OAAO;AAAA,IAAI,MAAK;AAAA,OAEjD,qCAAC,oBAAD;AAAA,IACE,WAAW;AAAA,IACX,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,aAAa;AAAA,IACnB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,eAAa,mCAAmC,SAAS;AAAA,KAGzD,qCAAC,aAAD;AAAA,IAAa,MAAK;AAAA,OAEpB,qCAAC,MAAD,MAAK,sBACL,qCAAC,oBAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,aAAa;AAAA,IACnB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,eAAa,mCAAmC,SAAS;AAAA,KAEzD,qCAAC,cAAD;AAAA,IAAc,MAAK;AAAA,OAErB,qCAAC,oBAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,aAAa;AAAA,IACnB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,eAAa,mCAAmC,SAAS;AAAA,KAEzD,qCAAC,oBAAD;AAAA,IAAoB,QAAQ;AAAA,IAAI,OAAO;AAAA,IAAI,MAAK;AAAA;AAAA;",
+  "names": []
+}