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

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

@@ -1,25 +1,14 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext, useMemo } from 'react';
-import { BUTTON_SIZES, BUTTON_VARIANT } from '@elliemae/ds-button';
-import { DatePicker } from '@elliemae/ds-icons';
-import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-import { CalendarContext } from './CalendarContext.js';
-import { StyledIconTriggerButton } from './Styleds.js';
-
-var _DatePicker;
-// this is particularly usefull due to how usePopper needs to check the references
-// since references are saved in a immutable way, we make sure to shortcircuit useless-re-renders
-
+import * as React from "react";
+import React2, { useContext, useMemo } from "react";
+import { BUTTON_SIZES, BUTTON_VARIANT } from "@elliemae/ds-button";
+import { DatePicker } from "@elliemae/ds-icons";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
+import { CalendarContext } from "./CalendarContext";
+import { StyledIconTriggerButton } from "./Styleds";
 const CalendarIconTrigger = () => {
-  const {
-    handleToggleCalendar,
-    handleSetTriggerRef,
-    handlePickerIconKeyDown,
-    ariaCurrentValueForInputs,
-    disabled
-  } = useContext(CalendarContext);
-  return useMemo(() => /*#__PURE__*/_jsx(StyledIconTriggerButton, {
-    "aria-label": "date picker context menu trigger, ".concat(ariaCurrentValueForInputs),
+  const { handleToggleCalendar, handleSetTriggerRef, handlePickerIconKeyDown, ariaCurrentValueForInputs, disabled } = useContext(CalendarContext);
+  return useMemo(() => /* @__PURE__ */ React2.createElement(StyledIconTriggerButton, {
+    "aria-label": `date picker context menu trigger, ${ariaCurrentValueForInputs}`,
     buttonType: "icon",
     size: BUTTON_SIZES.M,
     variant: BUTTON_VARIANT.DEFAULT,
@@ -27,8 +16,10 @@ const CalendarIconTrigger = () => {
     onClick: handleToggleCalendar,
     onKeyDown: handlePickerIconKeyDown,
     "data-testid": ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR,
-    disabled: disabled
-  }, void 0, _DatePicker || (_DatePicker = /*#__PURE__*/_jsx(DatePicker, {}))), [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled]);
+    disabled
+  }, /* @__PURE__ */ React2.createElement(DatePicker, null)), [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled]);
+};
+export {
+  CalendarIconTrigger
 };
-
-export { CalendarIconTrigger };
+//# sourceMappingURL=CalendarIconTrigger.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo } from 'react';\nimport { BUTTON_SIZES, BUTTON_VARIANT } from '@elliemae/ds-button';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarContext } from './CalendarContext';\nimport { StyledIconTriggerButton } from './Styleds';\n// we memoize the Icon  for maximum optimization\n// this is particularly usefull due to how usePopper needs to check the references\n// since references are saved in a immutable way, we make sure to shortcircuit useless-re-renders\nexport const CalendarIconTrigger = (): JSX.Element => {\n  const { handleToggleCalendar, handleSetTriggerRef, handlePickerIconKeyDown, ariaCurrentValueForInputs, disabled } =\n    useContext(CalendarContext);\n  return useMemo(\n    () => (\n      <StyledIconTriggerButton\n        aria-label={`date picker context menu trigger, ${ariaCurrentValueForInputs}`}\n        buttonType=\"icon\"\n        size={BUTTON_SIZES.M}\n        variant={BUTTON_VARIANT.DEFAULT}\n        innerRef={handleSetTriggerRef}\n        onClick={handleToggleCalendar}\n        onKeyDown={handlePickerIconKeyDown}\n        data-testid={ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR}\n        disabled={disabled}\n      >\n        <DatePicker />\n      </StyledIconTriggerButton>\n    ),\n    [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled],\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAIO,MAAM,sBAAsB,MAAmB;AACpD,QAAM,EAAE,sBAAsB,qBAAqB,yBAAyB,2BAA2B,aACrG,WAAW;AACb,SAAO,QACL,MACE,qCAAC,yBAAD;AAAA,IACE,cAAY,qCAAqC;AAAA,IACjD,YAAW;AAAA,IACX,MAAM,aAAa;AAAA,IACnB,SAAS,eAAe;AAAA,IACxB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,eAAa,mCAAmC,aAAa;AAAA,IAC7D;AAAA,KAEA,qCAAC,YAAD,QAGJ,CAAC,2BAA2B,qBAAqB,sBAAsB,yBAAyB;AAAA;",
+  "names": []
+}

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

@@ -1,21 +1,17 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { CalendarDaysList } from './CalendarDaysList.js';
-import { CalendarContext } from './CalendarContext.js';
-
+import * as React from "react";
+import React2, { useContext } from "react";
+import { CalendarDaysList } from "./CalendarDaysList";
+import { CalendarContext } from "./CalendarContext";
 const CalendarMonthDays = () => {
-  const {
+  const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, calendarDaysWrapperRef } = useContext(CalendarContext);
+  return /* @__PURE__ */ React2.createElement(CalendarDaysList, {
     invisibleFirstDay,
     daysMatrixByWeekday,
     invisibleLastDay,
-    calendarDaysWrapperRef
-  } = useContext(CalendarContext);
-  return /*#__PURE__*/_jsx(CalendarDaysList, {
-    invisibleFirstDay: invisibleFirstDay,
-    daysMatrixByWeekday: daysMatrixByWeekday,
-    invisibleLastDay: invisibleLastDay,
     innerRef: calendarDaysWrapperRef
   });
 };
-
-export { CalendarMonthDays };
+export {
+  CalendarMonthDays
+};
+//# sourceMappingURL=CalendarMonthDays.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarMonthDays.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\n\nimport { CalendarDaysList } from './CalendarDaysList';\nimport { CalendarContext } from './CalendarContext';\n\nexport const CalendarMonthDays = (): JSX.Element => {\n  const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, calendarDaysWrapperRef } =\n    useContext(CalendarContext);\n\n  return (\n    <CalendarDaysList\n      invisibleFirstDay={invisibleFirstDay}\n      daysMatrixByWeekday={daysMatrixByWeekday}\n      invisibleLastDay={invisibleLastDay}\n      innerRef={calendarDaysWrapperRef}\n    />\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AAEA;AACA;AAEO,MAAM,oBAAoB,MAAmB;AAClD,QAAM,EAAE,mBAAmB,qBAAqB,kBAAkB,2BAChE,WAAW;AAEb,SACE,qCAAC,kBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,40 +1,40 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import React from 'react';
-import { StyledWeekDaysListWrapper, StyledWeekDaysHeaderItem } from './Styleds.js';
-
-var _StyledWeekDaysHeader, _StyledWeekDaysHeader2, _StyledWeekDaysHeader3, _StyledWeekDaysHeader4, _StyledWeekDaysHeader5, _StyledWeekDaysHeader6, _StyledWeekDaysHeader7;
-const CalendarWeekDays = /*#__PURE__*/React.memo(() => /*#__PURE__*/_jsx("span", {
+import * as React from "react";
+import React2 from "react";
+import { StyledWeekDaysListWrapper, StyledWeekDaysHeaderItem } from "./Styleds";
+const CalendarWeekDays = React2.memo(() => /* @__PURE__ */ React2.createElement("span", {
   role: "rowgroup"
-}, void 0, /*#__PURE__*/_jsx(StyledWeekDaysListWrapper, {
+}, /* @__PURE__ */ React2.createElement(StyledWeekDaysListWrapper, {
   role: "row",
-  cols: ['32px', '32px', '32px', '32px', '32px', '32px', '32px'],
-  rows: ['22px'],
+  cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
+  rows: ["22px"],
   py: "xxxs",
   px: "6px",
   justifyContent: "space-between",
   alignItems: "center",
   isHeader: true
-}, void 0, _StyledWeekDaysHeader || (_StyledWeekDaysHeader = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
+}, /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
   role: "columnheader",
   "aria-colindex": 1
-}, void 0, "sun")), _StyledWeekDaysHeader2 || (_StyledWeekDaysHeader2 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
+}, "sun"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
   role: "columnheader",
   "aria-colindex": 2
-}, void 0, "mon")), _StyledWeekDaysHeader3 || (_StyledWeekDaysHeader3 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
+}, "mon"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
   role: "columnheader",
   "aria-colindex": 3
-}, void 0, "tue")), _StyledWeekDaysHeader4 || (_StyledWeekDaysHeader4 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
+}, "tue"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
   role: "columnheader",
   "aria-colindex": 4
-}, void 0, "wed")), _StyledWeekDaysHeader5 || (_StyledWeekDaysHeader5 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
+}, "wed"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
   role: "columnheader",
   "aria-colindex": 5
-}, void 0, "thu")), _StyledWeekDaysHeader6 || (_StyledWeekDaysHeader6 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
+}, "thu"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
   role: "columnheader",
   "aria-colindex": 6
-}, void 0, "fri")), _StyledWeekDaysHeader7 || (_StyledWeekDaysHeader7 = /*#__PURE__*/_jsx(StyledWeekDaysHeaderItem, {
+}, "fri"), /* @__PURE__ */ React2.createElement(StyledWeekDaysHeaderItem, {
   role: "columnheader",
   "aria-colindex": 7
-}, void 0, "sat")))));
-
-export { CalendarWeekDays };
+}, "sat"))));
+export {
+  CalendarWeekDays
+};
+//# sourceMappingURL=CalendarWeekDays.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWeekDays.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { StyledWeekDaysListWrapper, StyledWeekDaysHeaderItem } from './Styleds';\n\nexport const CalendarWeekDays = React.memo(() => (\n  <span role=\"rowgroup\">\n    <StyledWeekDaysListWrapper\n      role=\"row\"\n      cols={['32px', '32px', '32px', '32px', '32px', '32px', '32px']}\n      rows={['22px']}\n      py=\"xxxs\"\n      px=\"6px\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      isHeader\n    >\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={1}>\n        sun\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={2}>\n        mon\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={3}>\n        tue\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={4}>\n        wed\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={5}>\n        thu\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={6}>\n        fri\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={7}>\n        sat\n      </StyledWeekDaysHeaderItem>\n    </StyledWeekDaysListWrapper>\n  </span>\n));\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,mBAAmB,OAAM,KAAK,MACzC,qCAAC,QAAD;AAAA,EAAM,MAAK;AAAA,GACT,qCAAC,2BAAD;AAAA,EACE,MAAK;AAAA,EACL,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,EACX,UAAQ;AAAA,GAER,qCAAC,0BAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,qCAAC,0BAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,qCAAC,0BAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,qCAAC,0BAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,qCAAC,0BAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,qCAAC,0BAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG,QAGhE,qCAAC,0BAAD;AAAA,EAA0B,MAAK;AAAA,EAAe,iBAAe;AAAA,GAAG;",
+  "names": []
+}

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

@@ -1,45 +1,28 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-import { CalendarContent } from './CalendarContent.js';
-import { CalendarContext } from './CalendarContext.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _CalendarContent, _CalendarContent2;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import * as React from "react";
+import React2, { useContext } from "react";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
+import { CalendarContent } from "./CalendarContent";
+import { CalendarContext } from "./CalendarContext";
 const CalendarWrapper = () => {
   const {
     setPopperElement,
-    usePopperHelpers: {
-      styles,
-      attributes
-    },
+    usePopperHelpers: { styles, attributes },
     setArrowElement,
     isControllerOnly
   } = useContext(CalendarContext);
-  if (isControllerOnly) return _CalendarContent || (_CalendarContent = /*#__PURE__*/_jsx(CalendarContent, {}));
-  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+  if (isControllerOnly)
+    return /* @__PURE__ */ React2.createElement(CalendarContent, null);
+  return /* @__PURE__ */ React2.createElement("div", {
     ref: setPopperElement,
-    style: _objectSpread(_objectSpread({}, styles.popper), {}, {
-      background: 'white',
-      zIndex: 110
-    })
-  }, attributes.popper), {}, {
-    "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR,
-    children: [_CalendarContent2 || (_CalendarContent2 = /*#__PURE__*/_jsx(CalendarContent, {})), /*#__PURE__*/jsx("div", {
-      ref: setArrowElement,
-      style: styles.arrow
-    })]
+    style: { ...styles.popper, background: "white", zIndex: 110 },
+    ...attributes.popper,
+    "data-testid": ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR
+  }, /* @__PURE__ */ React2.createElement(CalendarContent, null), /* @__PURE__ */ React2.createElement("div", {
+    ref: setArrowElement,
+    style: styles.arrow
   }));
 };
-
-export { CalendarWrapper };
+export {
+  CalendarWrapper
+};
+//# sourceMappingURL=CalendarWrapper.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarContent } from './CalendarContent';\nimport { CalendarContext } from './CalendarContext';\n\nexport const CalendarWrapper = (): JSX.Element => {\n  const {\n    setPopperElement,\n    usePopperHelpers: { styles, attributes },\n    setArrowElement,\n    isControllerOnly,\n  } = useContext(CalendarContext);\n  if (isControllerOnly) return <CalendarContent />;\n  return (\n    <div\n      ref={setPopperElement}\n      style={{ ...styles.popper, background: 'white', zIndex: 110 }}\n      {...attributes.popper}\n      data-testid={ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR}\n    >\n      <CalendarContent />\n      <div ref={setArrowElement} style={styles.arrow} />\n    </div>\n  );\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,kBAAkB,MAAmB;AAChD,QAAM;AAAA,IACJ;AAAA,IACA,kBAAkB,EAAE,QAAQ;AAAA,IAC5B;AAAA,IACA;AAAA,MACE,WAAW;AACf,MAAI;AAAkB,WAAO,qCAAC,iBAAD;AAC7B,SACE,qCAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,OAAO,KAAK,OAAO,QAAQ,YAAY,SAAS,QAAQ;AAAA,OACpD,WAAW;AAAA,IACf,eAAa,mCAAmC,gBAAgB;AAAA,KAEhE,qCAAC,iBAAD,OACA,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAiB,OAAO,OAAO;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,39 +1,21 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { useContext, useMemo, useCallback } from 'react';
-import { compareTwoDatesDayEquality, getDayFromDateString, isSameDateMoment, getDateStringFromDay, getDateValuesFromDate } from '../../../utils/dateHelpers.js';
-import { defaultMetaInfo, weekDays } from '../../../utils/constants.js';
-import { getAriaDayFromDateString } from '../../../utils/stringHelpers.js';
-import { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid.js';
-import { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';
-import { CalendarContext } from './CalendarContext.js';
-import { StyledDayBtn } from './Styleds.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const displayNone = {
-  display: 'none'
-};
-const Day = _ref => {
-  let {
-    metaDay,
-    colIndex,
-    isInvisible
-  } = _ref;
-  const {
-    day,
-    isCurrMonthDay,
-    isHidden,
-    dayBtnRef,
-    dayAsString
-  } = metaDay;
+import * as React from "react";
+import React2, { useContext, useCallback, useMemo } from "react";
+import {
+  getDateStringFromDay,
+  getDayFromDateString,
+  getDateValuesFromDate,
+  isSameDateMoment,
+  compareTwoDatesDayEquality
+} from "../../../utils/dateHelpers";
+import { defaultMetaInfo, weekDays } from "../../../utils/constants";
+import { getAriaDayFromDateString } from "../../../utils/stringHelpers";
+import { ControlledDateTimePickerDatatestid } from "../../../ControlledDateTimePickerDatatestid";
+import { ControlledDateTimePickerContext } from "../../../ControlledDateTimePickerCTX";
+import { CalendarContext } from "./CalendarContext";
+import { StyledDayBtn } from "./Styleds";
+const displayNone = { display: "none" };
+const Day = ({ metaDay, colIndex, isInvisible }) => {
+  const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;
   const {
     handleChangeComposedDateString,
     dateStringFromProps,
@@ -59,77 +41,87 @@ const Day = _ref => {
     closeCalendar,
     tryToFocusCurrentlyDataIsFocusedDay
   } = useContext(CalendarContext);
-  const isFocusedMetaDay = compareTwoDatesDayEquality(metaDay === null || metaDay === void 0 ? void 0 : metaDay.day, focusedDay === null || focusedDay === void 0 ? void 0 : focusedDay.day);
+  const isFocusedMetaDay = compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day);
   const isSelected = useMemo(() => {
     const selectedDate = getDayFromDateString(dateStringFromProps);
     return isSameDateMoment(day, selectedDate);
   }, [dateStringFromProps, day]);
-  const isFocused = latestInteractionRegion === 'calendar-days' && isFocusedMetaDay;
+  const isFocused = latestInteractionRegion === "calendar-days" && isFocusedMetaDay;
   const isDisabled = getIsDisabledDay(metaDay.dayAsString);
   const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);
   const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);
   const isEndRangeDay = getIsEndRangeDay(metaDay.dayAsString);
   const isDayInRange = !isStartRangeDay && !isEndRangeDay && getIsDayInRange(metaDay.dayAsString);
-  const handleOnDayClick = useCallback(e => {
+  const handleOnDayClick = useCallback((e) => {
     handleFocusMetaDayByDay(day);
     tryToFocusCurrentlyDataIsFocusedDay();
-
     if (!isDisabled && !isOutOfRange) {
       const newDateString = getDateStringFromDay(day);
-
-      const metaInfo = _objectSpread(_objectSpread({}, defaultMetaInfo), {}, {
-        newDateString
-      });
-
-      const {
-        month,
-        day: dayNumber,
-        year
-      } = getDateValuesFromDate(day);
-      onMonthChange("".concat(month + 1), e, metaInfo);
-      onDayChange("".concat(dayNumber), e, metaInfo);
-      onYearChange("".concat(year), e, metaInfo);
+      const metaInfo = { ...defaultMetaInfo, newDateString };
+      const { month, day: dayNumber, year } = getDateValuesFromDate(day);
+      onMonthChange(`${month + 1}`, e, metaInfo);
+      onDayChange(`${dayNumber}`, e, metaInfo);
+      onYearChange(`${year}`, e, metaInfo);
       handleChangeComposedDateString(newDateString, metaInfo);
-      setLatestInteractionRegion('calendar-days');
-      if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();
+      setLatestInteractionRegion("calendar-days");
+      if (!isWithTimeWheelToo && !preventCloseOnSelection)
+        closeCalendar();
     }
-  }, [isDisabled, isOutOfRange, day, onMonthChange, onDayChange, onYearChange, handleChangeComposedDateString, handleFocusMetaDayByDay, tryToFocusCurrentlyDataIsFocusedDay, setLatestInteractionRegion, isWithTimeWheelToo, preventCloseOnSelection, closeCalendar]);
+  }, [
+    isDisabled,
+    isOutOfRange,
+    day,
+    onMonthChange,
+    onDayChange,
+    onYearChange,
+    handleChangeComposedDateString,
+    handleFocusMetaDayByDay,
+    tryToFocusCurrentlyDataIsFocusedDay,
+    setLatestInteractionRegion,
+    isWithTimeWheelToo,
+    preventCloseOnSelection,
+    closeCalendar
+  ]);
   const handleOnDayFocus = useCallback(() => {
-    setLatestInteractionRegion('calendar-days');
+    setLatestInteractionRegion("calendar-days");
   }, [setLatestInteractionRegion]);
-  const dayClassModifiers = useMemo(() => "dayWrapper ".concat(isSelected ? 'selectedDay ' : '').concat(isDisabled ? 'disabledDay ' : '').concat(isOutOfRange ? 'outOfRangeDay ' : '').concat(isFocused ? 'focusedDay ' : '').concat(isStartRangeDay ? 'startRangeDay ' : '').concat(isDayInRange ? 'inRangeDay ' : '').concat(isEndRangeDay ? 'endRangeDay ' : '').concat(isCurrMonthDay ? '' : 'notCurrentMonth'), [isSelected, isDisabled, isOutOfRange, isFocused, isStartRangeDay, isDayInRange, isEndRangeDay, isCurrMonthDay]);
+  const dayClassModifiers = useMemo(() => `dayWrapper ${isSelected ? "selectedDay " : ""}${isDisabled ? "disabledDay " : ""}${isOutOfRange ? "outOfRangeDay " : ""}${isFocused ? "focusedDay " : ""}${isStartRangeDay ? "startRangeDay " : ""}${isDayInRange ? "inRangeDay " : ""}${isEndRangeDay ? "endRangeDay " : ""}${isCurrMonthDay ? "" : "notCurrentMonth"}`, [isSelected, isDisabled, isOutOfRange, isFocused, isStartRangeDay, isDayInRange, isEndRangeDay, isCurrMonthDay]);
   let dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.DAY;
-  if (isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;
-  if (isFocused) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;
-  if (isFocused && isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;
-  if (isStartRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;
-  if (isEndRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;
-  if (isDayInRange) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
+  if (isSelected)
+    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;
+  if (isFocused)
+    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;
+  if (isFocused && isSelected)
+    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;
+  if (isStartRangeDay)
+    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;
+  if (isEndRangeDay)
+    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;
+  if (isDayInRange)
+    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;
+  return /* @__PURE__ */ React2.createElement("div", {
     className: dayClassModifiers,
-    style: isHidden ? displayNone : undefined,
-    role: !isInvisible ? 'gridcell' : undefined
-  }, Number.isInteger(colIndex) && {
-    'aria-colindex': colIndex
-  }), {}, {
-    children: /*#__PURE__*/_jsx(StyledDayBtn, {
-      "aria-label": "".concat(getAriaDayFromDateString(dayAsString), ", ").concat(weekDays[metaDay.day.getDay()]),
-      "aria-disabled": isOutOfRange || isDisabled,
-      "aria-hidden": !!isInvisible,
-      buttonType: "raw",
-      size: "m",
-      onClick: handleOnDayClick // DSButton triggers this with "spacebar" and "enter" too...
-      ,
-      onFocus: handleOnDayFocus,
-      onKeyDown: e => {
-        handleDayOnKeyDown(e, metaDay);
-      },
-      innerRef: dayBtnRef,
-      tabIndex: isSelected ? 0 : -1,
-      "data-isfocused": isFocused,
-      "data-testid": dataTestid
-    }, void 0, "".concat(day.getDate()))
-  }));
+    style: isHidden ? displayNone : void 0,
+    role: !isInvisible ? "gridcell" : void 0,
+    ...Number.isInteger(colIndex) && { "aria-colindex": colIndex }
+  }, /* @__PURE__ */ React2.createElement(StyledDayBtn, {
+    "aria-label": `${getAriaDayFromDateString(dayAsString)}, ${weekDays[metaDay.day.getDay()]}`,
+    "aria-disabled": isOutOfRange || isDisabled,
+    "aria-hidden": !!isInvisible,
+    buttonType: "raw",
+    size: "m",
+    onClick: handleOnDayClick,
+    onFocus: handleOnDayFocus,
+    onKeyDown: (e) => {
+      handleDayOnKeyDown(e, metaDay);
+    },
+    innerRef: dayBtnRef,
+    tabIndex: isSelected ? 0 : -1,
+    "data-isfocused": isFocused,
+    "data-testid": dataTestid
+  }, `${day.getDate()}`));
+};
+export {
+  Day
 };
-
-export { Day };
+//# sourceMappingURL=Day.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/Day.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useContext, useCallback, useMemo } from 'react';\nimport {\n  getDateStringFromDay,\n  getDayFromDateString,\n  getDateValuesFromDate,\n  isSameDateMoment,\n  compareTwoDatesDayEquality,\n} from '../../../utils/dateHelpers';\nimport { defaultMetaInfo, weekDays } from '../../../utils/constants';\nimport { getAriaDayFromDateString } from '../../../utils/stringHelpers';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContext } from './CalendarContext';\nimport type { metaMonthDayT } from '../../../index.d';\nimport { StyledDayBtn } from './Styleds';\n\ninterface CalendarDayPropsT {\n  metaDay: metaMonthDayT;\n  colIndex?: number;\n  isInvisible?: boolean;\n}\nconst displayNone = { display: 'none' };\n\nexport const Day = ({ metaDay, colIndex, isInvisible }: CalendarDayPropsT): JSX.Element => {\n  const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;\n  const {\n    handleChangeComposedDateString,\n    dateStringFromProps,\n    props: {\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n      preventCloseOnSelection,\n      onMonthChange,\n      onDayChange,\n      onYearChange,\n    },\n    latestInteractionRegion,\n    setLatestInteractionRegion,\n  } = useContext(ControlledDateTimePickerContext);\n  const {\n    handleDayOnKeyDown,\n    focusedDay,\n    handleFocusMetaDayByDay,\n    isWithTimeWheelToo,\n    closeCalendar,\n    tryToFocusCurrentlyDataIsFocusedDay,\n  } = useContext(CalendarContext);\n  const isFocusedMetaDay = compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day);\n  const isSelected = useMemo(() => {\n    const selectedDate = getDayFromDateString(dateStringFromProps);\n    return isSameDateMoment(day, selectedDate);\n  }, [dateStringFromProps, day]);\n  const isFocused = latestInteractionRegion === 'calendar-days' && isFocusedMetaDay;\n  const isDisabled = getIsDisabledDay(metaDay.dayAsString);\n  const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);\n  const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);\n  const isEndRangeDay = getIsEndRangeDay(metaDay.dayAsString);\n  const isDayInRange = !isStartRangeDay && !isEndRangeDay && getIsDayInRange(metaDay.dayAsString);\n\n  const handleOnDayClick = useCallback(\n    (e) => {\n      handleFocusMetaDayByDay(day);\n      tryToFocusCurrentlyDataIsFocusedDay();\n      if (!isDisabled && !isOutOfRange) {\n        const newDateString = getDateStringFromDay(day);\n        const metaInfo = { ...defaultMetaInfo, newDateString };\n        const { month, day: dayNumber, year } = getDateValuesFromDate(day);\n        onMonthChange(`${month + 1}`, e, metaInfo);\n        onDayChange(`${dayNumber}`, e, metaInfo);\n        onYearChange(`${year}`, e, metaInfo);\n        handleChangeComposedDateString(newDateString, metaInfo);\n        setLatestInteractionRegion('calendar-days');\n        if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();\n      }\n    },\n    [\n      isDisabled,\n      isOutOfRange,\n      day,\n      onMonthChange,\n      onDayChange,\n      onYearChange,\n      handleChangeComposedDateString,\n      handleFocusMetaDayByDay,\n      tryToFocusCurrentlyDataIsFocusedDay,\n      setLatestInteractionRegion,\n      isWithTimeWheelToo,\n      preventCloseOnSelection,\n      closeCalendar,\n    ],\n  );\n\n  const handleOnDayFocus = useCallback(() => {\n    setLatestInteractionRegion('calendar-days');\n  }, [setLatestInteractionRegion]);\n\n  const dayClassModifiers = useMemo(\n    () =>\n      `dayWrapper ${isSelected ? 'selectedDay ' : ''}${isDisabled ? 'disabledDay ' : ''}${\n        isOutOfRange ? 'outOfRangeDay ' : ''\n      }${isFocused ? 'focusedDay ' : ''}${isStartRangeDay ? 'startRangeDay ' : ''}${isDayInRange ? 'inRangeDay ' : ''}${\n        isEndRangeDay ? 'endRangeDay ' : ''\n      }${isCurrMonthDay ? '' : 'notCurrentMonth'}`,\n    [isSelected, isDisabled, isOutOfRange, isFocused, isStartRangeDay, isDayInRange, isEndRangeDay, isCurrMonthDay],\n  );\n\n  let dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.DAY;\n  if (isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;\n  if (isFocused) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;\n  if (isFocused && isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;\n  if (isStartRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;\n  if (isEndRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;\n  if (isDayInRange) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;\n  return (\n    <div\n      className={dayClassModifiers}\n      style={isHidden ? displayNone : undefined}\n      role={!isInvisible ? 'gridcell' : undefined}\n      {...(Number.isInteger(colIndex) && { 'aria-colindex': colIndex })}\n    >\n      <StyledDayBtn\n        aria-label={`${getAriaDayFromDateString(dayAsString)}, ${weekDays[metaDay.day.getDay()]}`}\n        aria-disabled={isOutOfRange || isDisabled}\n        aria-hidden={!!isInvisible}\n        buttonType=\"raw\"\n        size=\"m\"\n        onClick={handleOnDayClick} // DSButton triggers this with \"spacebar\" and \"enter\" too...\n        onFocus={handleOnDayFocus}\n        onKeyDown={(e) => {\n          handleDayOnKeyDown(e, metaDay);\n        }}\n        innerRef={dayBtnRef}\n        tabIndex={isSelected ? 0 : -1}\n        data-isfocused={isFocused}\n        data-testid={dataTestid}\n      >\n        {`${day.getDate()}`}\n      </StyledDayBtn>\n    </div>\n  );\n};\n"],
+  "mappings": "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",
+  "names": []
+}