@elliemae/ds-controlled-form 2.2.0-alpha.4 → 3.0.0-next.2

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

@@ -1,53 +1,52 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Calendar_exports = {};
-__export(Calendar_exports, {
-  Calendar: () => Calendar,
-  WrapWithCalendarContext: () => WrapWithCalendarContext
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_CalendarIconTrigger = require("./CalendarIconTrigger");
-var import_CalendarWrapper = require("./CalendarWrapper");
-var import_CalendarContext = require("./CalendarContext");
-var import_useConfigCalendarCTX = require("./useConfigCalendarCTX");
-const WrappedCalendarContext = ({ children }) => {
-  const ctx = (0, import_useConfigCalendarCTX.useConfigCalendarCTX)();
-  return /* @__PURE__ */ import_react.default.createElement(import_CalendarContext.CalendarContext.Provider, {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var CalendarIconTrigger = require('./CalendarIconTrigger.js');
+var CalendarWrapper = require('./CalendarWrapper.js');
+var CalendarContext = require('./CalendarContext.js');
+var useConfigCalendarCTX = require('./useConfigCalendarCTX.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _CalendarIconTrigger, _CalendarWrapper;
+
+const WrappedCalendarContext = _ref => {
+  let {
+    children
+  } = _ref;
+  const ctx = useConfigCalendarCTX.useConfigCalendarCTX();
+  return /*#__PURE__*/_jsx__default["default"](CalendarContext.CalendarContext.Provider, {
     value: ctx
-  }, children);
+  }, void 0, children);
 };
-const WrapWithCalendarContext = (Component) => () => /* @__PURE__ */ import_react.default.createElement(WrappedCalendarContext, null, /* @__PURE__ */ import_react.default.createElement(Component, null));
+
+const WrapWithCalendarContext = Component => {
+  var _WrappedCalendarConte;
+
+  return () => _WrappedCalendarConte || (_WrappedCalendarConte = /*#__PURE__*/_jsx__default["default"](WrappedCalendarContext, {}, void 0, /*#__PURE__*/_jsx__default["default"](Component, {})));
+}; // we use the HoC to be able to use the useContext
+// the HoC is Reused in CalendarWithTimeWheel
+
 const Calendar = WrapWithCalendarContext(() => {
-  const { showCalendar, isControllerOnly, handleMenuWrapperKeyDown } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, isControllerOnly ? null : /* @__PURE__ */ import_react.default.createElement(import_CalendarIconTrigger.CalendarIconTrigger, null), isControllerOnly || showCalendar ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", {
-    onKeyDown: handleMenuWrapperKeyDown
-  }, /* @__PURE__ */ import_react.default.createElement(import_CalendarWrapper.CalendarWrapper, null))) : null);
+  const {
+    showCalendar,
+    isControllerOnly,
+    handleMenuWrapperKeyDown
+  } = React.useContext(CalendarContext.CalendarContext);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [isControllerOnly ? null : _CalendarIconTrigger || (_CalendarIconTrigger = /*#__PURE__*/_jsx__default["default"](CalendarIconTrigger.CalendarIconTrigger, {})), isControllerOnly || showCalendar ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: /*#__PURE__*/_jsx__default["default"]("div", {
+        onKeyDown: handleMenuWrapperKeyDown
+      }, void 0, _CalendarWrapper || (_CalendarWrapper = /*#__PURE__*/_jsx__default["default"](CalendarWrapper.CalendarWrapper, {})))
+    }) : null]
+  });
 });
-module.exports = __toCommonJS(Calendar_exports);
-//# sourceMappingURL=Calendar.js.map
+
+exports.Calendar = Calendar;
+exports.WrapWithCalendarContext = WrapWithCalendarContext;

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

@@ -1,43 +1,28 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var CalendarBody_exports = {};
-__export(CalendarBody_exports, {
-  CalendarBody: () => CalendarBody
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var CalendarMonthDays = require('./CalendarMonthDays.js');
+var CalendarWeekDays = require('./CalendarWeekDays.js');
+var Styleds = require('./Styleds.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _CalendarWeekDays, _StyledBody;
+const CalendarBody = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    weekRowsNum
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("span", {
+    role: "grid",
+    "aria-colcount": 7,
+    "aria-rowcount": weekRowsNum
+  }, void 0, _CalendarWeekDays || (_CalendarWeekDays = /*#__PURE__*/_jsx__default["default"](CalendarWeekDays.CalendarWeekDays, {})), _StyledBody || (_StyledBody = /*#__PURE__*/_jsx__default["default"](Styleds.StyledBody, {}, void 0, /*#__PURE__*/_jsx__default["default"](CalendarMonthDays.CalendarMonthDays, {}))));
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_CalendarMonthDays = require("./CalendarMonthDays");
-var import_CalendarWeekDays = require("./CalendarWeekDays");
-var import_Styleds = require("./Styleds");
-const CalendarBody = import_react.default.memo(({ weekRowsNum }) => /* @__PURE__ */ import_react.default.createElement("span", {
-  role: "grid",
-  "aria-colcount": 7,
-  "aria-rowcount": weekRowsNum
-}, /* @__PURE__ */ import_react.default.createElement(import_CalendarWeekDays.CalendarWeekDays, null), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledBody, null, /* @__PURE__ */ import_react.default.createElement(import_CalendarMonthDays.CalendarMonthDays, null))));
-module.exports = __toCommonJS(CalendarBody_exports);
-//# sourceMappingURL=CalendarBody.js.map
+
+exports.CalendarBody = CalendarBody;

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

@@ -1,51 +1,40 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var CalendarContent_exports = {};
-__export(CalendarContent_exports, {
-  CalendarContent: () => CalendarContent
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
-var import_CalendarBody = require("./CalendarBody");
-var import_CalendarHead = require("./CalendarHead");
-var import_CalendarFooter = require("./CalendarFooter");
-var import_CalendarContext = require("./CalendarContext");
-var import_Styleds = require("./Styleds");
-const CalendarContent = ({ className = "" }) => {
-  const { isControllerOnly, daysMatrixByWeekday } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledShadowWrapper, {
-    className,
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
+var CalendarBody = require('./CalendarBody.js');
+var CalendarHead = require('./CalendarHead.js');
+var CalendarFooter = require('./CalendarFooter.js');
+var CalendarContext = require('./CalendarContext.js');
+var Styleds = require('./Styleds.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+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 {
     isControllerOnly,
-    "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR
-  }, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledCalendarWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_CalendarHead.CalendarHead, null), /* @__PURE__ */ import_react.default.createElement(import_CalendarBody.CalendarBody, {
+    daysMatrixByWeekday
+  } = React.useContext(CalendarContext.CalendarContext);
+  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledShadowWrapper, {
+    className: className,
+    isControllerOnly: isControllerOnly,
+    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledCalendarWrapper, {}, void 0, _CalendarHead || (_CalendarHead = /*#__PURE__*/_jsx__default["default"](CalendarHead.CalendarHead, {})), /*#__PURE__*/_jsx__default["default"](CalendarBody.CalendarBody, {
     weekRowsNum: daysMatrixByWeekday.length
-  }), /* @__PURE__ */ import_react.default.createElement(import_CalendarFooter.CalendarFooter, null)));
+  }), _CalendarFooter || (_CalendarFooter = /*#__PURE__*/_jsx__default["default"](CalendarFooter.CalendarFooter, {}))));
 };
-module.exports = __toCommonJS(CalendarContent_exports);
-//# sourceMappingURL=CalendarContent.js.map
+
+exports.CalendarContent = CalendarContent;

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

@@ -1,64 +1,36 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var CalendarContext_exports = {};
-__export(CalendarContext_exports, {
-  CalendarContext: () => CalendarContext,
-  default: () => CalendarContext_default,
-  defaultCalendarContext: () => defaultCalendarContext
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-const noop = () => {
-};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const noop = () => {};
+
 const defaultCalendarContext = {
-  ariaCurrentValueForInputs: "",
+  ariaCurrentValueForInputs: '',
   showCalendar: false,
   disabled: false,
   setShowCalendar: noop,
   closeCalendar: noop,
   setPopperElement: noop,
   setArrowElement: noop,
-  usePopperHelpers: void 0,
+  usePopperHelpers: undefined,
   handleToggleCalendar: noop,
   handleSetTriggerRef: noop,
   handleMenuWrapperKeyDown: noop,
-  prevYearBtnRef: (0, import_react.createRef)(),
-  prevMonthBtnRef: (0, import_react.createRef)(),
-  nextMonthBtnRef: (0, import_react.createRef)(),
-  nextYearBtnRef: (0, import_react.createRef)(),
-  calendarDaysWrapperRef: (0, import_react.createRef)(),
-  currentMonth: void 0,
-  currentYear: void 0,
+  prevYearBtnRef: /*#__PURE__*/React.createRef(),
+  prevMonthBtnRef: /*#__PURE__*/React.createRef(),
+  nextMonthBtnRef: /*#__PURE__*/React.createRef(),
+  nextYearBtnRef: /*#__PURE__*/React.createRef(),
+  calendarDaysWrapperRef: /*#__PURE__*/React.createRef(),
+  currentMonth: undefined,
+  currentYear: undefined,
   daysArray: [],
-  invisibleFirstDay: void 0,
+  invisibleFirstDay: undefined,
   daysMatrixByWeekday: [],
-  invisibleLastDay: void 0,
-  focusedDay: void 0,
+  invisibleLastDay: undefined,
+  focusedDay: undefined,
   tryToFocusCurrentlyDataIsFocusedDay: noop,
   resetFocusedDayToStartDate: noop,
   handleFocusMetaDay: noop,
@@ -81,7 +53,10 @@ const defaultCalendarContext = {
   onNextMonthFocus: noop,
   onNextYearFocus: noop
 };
-const CalendarContext = (0, import_react.createContext)(defaultCalendarContext);
-var CalendarContext_default = CalendarContext;
-module.exports = __toCommonJS(CalendarContext_exports);
-//# sourceMappingURL=CalendarContext.js.map
+/** Context for cross component communication */
+
+const CalendarContext = /*#__PURE__*/React.createContext(defaultCalendarContext);
+
+exports.CalendarContext = CalendarContext;
+exports["default"] = CalendarContext;
+exports.defaultCalendarContext = defaultCalendarContext;

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

@@ -1,63 +1,50 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var CalendarDaysList_exports = {};
-__export(CalendarDaysList_exports, {
-  CalendarDaysList: () => CalendarDaysList
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+var React = require('react');
+var Day = require('./Day.js');
+var Styleds = require('./Styleds.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const CalendarDaysList = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    invisibleFirstDay,
+    daysMatrixByWeekday,
+    invisibleLastDay,
+    innerRef
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    ref: innerRef,
+    role: "rowgroup",
+    children: [/*#__PURE__*/_jsx__default["default"](Day.Day, {
+      metaDay: invisibleFirstDay,
+      isInvisible: true
+    }, "ds-calendar-".concat(invisibleFirstDay.day.toString())), daysMatrixByWeekday.map((week, i) => /*#__PURE__*/_jsx__default["default"](Styleds.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__default["default"](Day.Day, {
+      metaDay: metaDay,
+      colIndex: z + 1
+    }, "ds-calendar-".concat(metaDay.day.toString()))))), /*#__PURE__*/_jsx__default["default"](Day.Day, {
+      metaDay: invisibleLastDay,
+      isInvisible: true
+    }, "ds-calendar-".concat(invisibleLastDay.day.toString()))]
+  });
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_Day = require("./Day");
-var import_Styleds = require("./Styleds");
-const CalendarDaysList = import_react.default.memo(({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }) => /* @__PURE__ */ import_react.default.createElement("div", {
-  ref: innerRef,
-  role: "rowgroup"
-}, /* @__PURE__ */ import_react.default.createElement(import_Day.Day, {
-  key: `ds-calendar-${invisibleFirstDay.day.toString()}`,
-  metaDay: invisibleFirstDay,
-  isInvisible: true
-}), daysMatrixByWeekday.map((week, i) => /* @__PURE__ */ import_react.default.createElement(import_Styleds.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__ */ import_react.default.createElement(import_Day.Day, {
-  key: `ds-calendar-${metaDay.day.toString()}`,
-  metaDay,
-  colIndex: z + 1
-})))), /* @__PURE__ */ import_react.default.createElement(import_Day.Day, {
-  key: `ds-calendar-${invisibleLastDay.day.toString()}`,
-  metaDay: invisibleLastDay,
-  isInvisible: true
-})));
-module.exports = __toCommonJS(CalendarDaysList_exports);
-//# sourceMappingURL=CalendarDaysList.js.map
+
+exports.CalendarDaysList = CalendarDaysList;

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

@@ -1,48 +1,28 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var CalendarFooter_exports = {};
-__export(CalendarFooter_exports, {
-  CalendarFooter: () => CalendarFooter
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
-var import_Styleds = require("./Styleds");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
+var Styleds = require('./Styleds.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
 const CalendarFooter = () => {
   const {
-    props: { pickerFooterMsg, hasError },
+    props: {
+      pickerFooterMsg,
+      hasError
+    },
     isWithTimeWheelToo
-  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  if (pickerFooterMsg !== void 0 && !isWithTimeWheelToo && hasError)
-    return /* @__PURE__ */ import_react.default.createElement(import_Styleds.CalendarFooterMessage, {
-      role: "alert"
-    }, pickerFooterMsg);
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  if (pickerFooterMsg !== undefined && !isWithTimeWheelToo && hasError) return /*#__PURE__*/_jsx__default["default"](Styleds.CalendarFooterMessage, {
+    role: "alert"
+  }, void 0, pickerFooterMsg);
   return null;
 };
-module.exports = __toCommonJS(CalendarFooter_exports);
-//# sourceMappingURL=CalendarFooter.js.map
+
+exports.CalendarFooter = CalendarFooter;