@elliemae/ds-controlled-form 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/controlled-date-range-picker/ControlledDateRangePickerDatatestid.js

@@ -1,37 +1,9 @@
-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 ControlledDateRangePickerDatatestid_exports = {};
-__export(ControlledDateRangePickerDatatestid_exports, {
-  ControlledDateRangePickerDatatestid: () => ControlledDateRangePickerDatatestid
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const ControlledDateRangePickerDatatestid = {
-  WRAPPER: "ds-controlled-date-range-picker-wrapper"
+  WRAPPER: 'ds-controlled-date-range-picker-wrapper'
 };
-module.exports = __toCommonJS(ControlledDateRangePickerDatatestid_exports);
-//# sourceMappingURL=ControlledDateRangePickerDatatestid.js.map
+
+exports.ControlledDateRangePickerDatatestid = ControlledDateRangePickerDatatestid;

package/cjs/controlled-date-range-picker/ControlledDateRangePickerTypes.js

@@ -1,40 +1,13 @@
-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 ControlledDateRangePickerTypes_exports = {};
-__export(ControlledDateRangePickerTypes_exports, {
-  CONTROLLED_DATE_RANGE_PICKER_TYPES: () => CONTROLLED_DATE_RANGE_PICKER_TYPES
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/* eslint-disable @typescript-eslint/prefer-as-const */
 const CONTROLLED_DATE_RANGE_PICKER_TYPES = {
-  FULL: "full-date-range",
-  CONTROLLER_ONLY: "date-range-picker-controller-only",
-  PICKER: "date-range-picker",
-  INPUTS: "date-range-inputs"
+  FULL: 'full-date-range',
+  CONTROLLER_ONLY: 'date-range-picker-controller-only',
+  PICKER: 'date-range-picker',
+  INPUTS: 'date-range-inputs'
 };
-module.exports = __toCommonJS(ControlledDateRangePickerTypes_exports);
-//# sourceMappingURL=ControlledDateRangePickerTypes.js.map
+
+exports.CONTROLLED_DATE_RANGE_PICKER_TYPES = CONTROLLED_DATE_RANGE_PICKER_TYPES;

package/cjs/controlled-date-range-picker/config/useControlledDateRangePicker.js

@@ -1,54 +1,42 @@
-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 useControlledDateRangePicker_exports = {};
-__export(useControlledDateRangePicker_exports, {
-  useControlledDateRangePicker: () => useControlledDateRangePicker
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_uid = __toESM(require("uid"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
-var import_useGetPropsWithDefault = __toESM(require("./useGetPropsWithDefault"));
-var import_useValidateProps = __toESM(require("./useValidateProps"));
-var import_useRangePickerLogic = __toESM(require("./useRangePickerLogic"));
-var import_ControlledDateRangePickerTypes = __toESM(require("../ControlledDateRangePickerTypes"));
-const useControlledDateRangePicker = (props) => {
-  (0, import_useValidateProps.useValidateProps)(props);
-  const instanceUID = (0, import_react.useMemo)(() => (0, import_uid.uid)(6), []);
-  const propsWithDefaults = (0, import_useGetPropsWithDefault.useGetDateRangePickerWithDefaultsProps)(props);
-  const dataAttrs = (0, import_ds_props_helpers.getDataProps)(props);
-  const { type } = propsWithDefaults;
-  const withInputs = type === import_ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES.FULL || type === import_ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES.INPUTS;
-  const withIcon = type === import_ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES.FULL || type === import_ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES.PICKER;
-  const isControllerOnly = type === import_ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES.CONTROLLER_ONLY;
-  const rangePickerLogic = (0, import_useRangePickerLogic.useRangePickerLogic)(propsWithDefaults);
-  const ctx = (0, import_react.useMemo)(() => ({
-    props: { ...propsWithDefaults, dataAttrs },
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var React = require('react');
+var uid = require('uid');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var useGetPropsWithDefault = require('./useGetPropsWithDefault.js');
+var useRangePickerLogic = require('./useRangePickerLogic.js');
+var ControlledDateRangePickerTypes = require('../ControlledDateRangePickerTypes.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+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__default["default"](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 useControlledDateRangePicker = props => {
+  const instanceUID = React.useMemo(() => uid.uid(6), []);
+  const propsWithDefaults = useGetPropsWithDefault.useGetDateRangePickerWithDefaultsProps(props);
+  const dataAttrs = dsPropsHelpers.getDataProps(props);
+  const {
+    type
+  } = propsWithDefaults;
+  const withInputs = type === ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES.FULL || type === ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES.INPUTS;
+  const withIcon = type === ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES.FULL || type === ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES.PICKER;
+  const isControllerOnly = type === ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES.CONTROLLER_ONLY;
+  const rangePickerLogic = useRangePickerLogic.useRangePickerLogic(propsWithDefaults);
+  const ctx = React.useMemo(() => ({
+    props: _objectSpread(_objectSpread({}, propsWithDefaults), {}, {
+      dataAttrs
+    }),
     instanceUID,
     rangePickerLogic,
     withInputs,
@@ -57,5 +45,5 @@ const useControlledDateRangePicker = (props) => {
   }), [instanceUID, isControllerOnly, dataAttrs, propsWithDefaults, rangePickerLogic, withIcon, withInputs]);
   return ctx;
 };
-module.exports = __toCommonJS(useControlledDateRangePicker_exports);
-//# sourceMappingURL=useControlledDateRangePicker.js.map
+
+exports.useControlledDateRangePicker = useControlledDateRangePicker;

package/cjs/controlled-date-range-picker/config/useGetPropsWithDefault.js

@@ -1,37 +1,11 @@
-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 useGetPropsWithDefault_exports = {};
-__export(useGetPropsWithDefault_exports, {
-  useGetDateRangePickerWithDefaultsProps: () => useGetDateRangePickerWithDefaultsProps
-});
-var React = __toESM(require("react"));
-var import_ds_props_helpers = __toESM(require("@elliemae/ds-props-helpers"));
-var import_ControlledDateRangePickerCTX = __toESM(require("../ControlledDateRangePickerCTX"));
-const useGetDateRangePickerWithDefaultsProps = (props) => (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_ControlledDateRangePickerCTX.defaultProps);
-module.exports = __toCommonJS(useGetPropsWithDefault_exports);
-//# sourceMappingURL=useGetPropsWithDefault.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var ControlledDateRangePickerCTX = require('../ControlledDateRangePickerCTX.js');
+
+// we have to merge the "default" nested default values with what the user gives us...
+const useGetDateRangePickerWithDefaultsProps = props => dsPropsHelpers.useMemoMergePropsWithDefault(props, ControlledDateRangePickerCTX.defaultProps);
+
+exports.useGetDateRangePickerWithDefaultsProps = useGetDateRangePickerWithDefaultsProps;

package/cjs/controlled-date-range-picker/config/useRangePickerLogic.js

@@ -1,72 +1,70 @@
-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 useRangePickerLogic_exports = {};
-__export(useRangePickerLogic_exports, {
-  useRangePickerLogic: () => useRangePickerLogic
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_controlled_date_time_picker = __toESM(require("../../controlled-date-time-picker"));
-const useRangePickerLogic = ({
-  fromDate,
-  onFromDateChange,
-  onMonthFromChange,
-  onDayFromChange,
-  onYearFromChange,
-  toDate,
-  onMonthToChange,
-  onDayToChange,
-  onYearToChange,
-  onToDateChange
-}) => {
-  const [calendarChangeIsFrom, setCalendarChangeIsFrom] = (0, import_react.useState)(true);
-  const [latestChangedDate, setLatestChangedDate] = (0, import_react.useState)(fromDate);
-  (0, import_react.useEffect)(() => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+require('../../controlled-date-time-picker/ControlledDateTimePicker.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/es.string.replace.js');
+var dateHelpers = require('../../controlled-date-time-picker/utils/dateHelpers.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+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__default["default"](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 useRangePickerLogic = _ref => {
+  let {
+    fromDate,
+    onFromDateChange,
+    onMonthFromChange,
+    onDayFromChange,
+    onYearFromChange,
+    toDate,
+    onMonthToChange,
+    onDayToChange,
+    onYearToChange,
+    onToDateChange
+  } = _ref;
+  // the implementation is based on controlled-date-time-picker that is not meant to "understand"
+  // the "from" - "to" logic on click, we are "overloading" the "from" - "to" logic here
+  // we track wheter we are going to set the "from" OR "to" controlled date based on this toggle
+  const [calendarChangeIsFrom, setCalendarChangeIsFrom] = React.useState(true);
+  const [latestChangedDate, setLatestChangedDate] = React.useState(fromDate);
+  React.useEffect(() => {
     setLatestChangedDate(fromDate);
   }, [fromDate]);
-  (0, import_react.useEffect)(() => {
+  React.useEffect(() => {
     setLatestChangedDate(toDate);
   }, [toDate]);
-  const getChangedDayStringValues = (0, import_react.useCallback)((changedDay) => {
+  const getChangedDayStringValues = React.useCallback(changedDay => {
+    // based on wheter we are handling a "from"/"to" change, we calculate some values
     const dateFromString = calendarChangeIsFrom ? changedDay : fromDate;
-    const dateFrom = (0, import_controlled_date_time_picker.getDayFromDateString)(dateFromString);
+    const dateFrom = dateHelpers.getDayFromDateString(dateFromString);
     const dateToString = calendarChangeIsFrom ? toDate : changedDay;
-    const dateTo = (0, import_controlled_date_time_picker.getDayFromDateString)(dateToString);
-    const isToBeforeFrom = dateTo?.getTime() < dateFrom?.getTime();
+    const dateTo = dateHelpers.getDayFromDateString(dateToString); // we force the "from" to ALWAYS be before the "to" date
+
+    const isToBeforeFrom = (dateTo === null || dateTo === void 0 ? void 0 : dateTo.getTime()) < (dateFrom === null || dateFrom === void 0 ? void 0 : dateFrom.getTime());
     const newDateFromString = isToBeforeFrom ? dateToString : dateFromString;
     const forcingFromDatePick = isToBeforeFrom ? !calendarChangeIsFrom : false;
     const newDateToString = isToBeforeFrom ? dateFromString : dateToString;
-    const forcingToDatePick = isToBeforeFrom ? calendarChangeIsFrom : false;
+    const forcingToDatePick = isToBeforeFrom ? calendarChangeIsFrom : false; // next change should be based on
+    //   the force pick next interactions
+    //   toggle between from/to  if we didn't force any pick
+
     let nextToggleStateIsFrom = !calendarChangeIsFrom;
-    if (forcingFromDatePick)
-      nextToggleStateIsFrom = false;
-    if (forcingToDatePick)
-      nextToggleStateIsFrom = true;
+    if (forcingFromDatePick) nextToggleStateIsFrom = false;
+    if (forcingToDatePick) nextToggleStateIsFrom = true;
     return {
       newDateFromString,
       forcingFromDatePick,
@@ -77,79 +75,89 @@ const useRangePickerLogic = ({
       currentClickCountAsFrom: !nextToggleStateIsFrom
     };
   }, [fromDate, calendarChangeIsFrom, toDate]);
-  const handlePickerMonthDateChange = (0, import_react.useCallback)((newMonth, e, metaInfo) => {
-    const { newDateString } = metaInfo;
-    const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
-    if (currentClickCountAsFrom)
-      onMonthFromChange(newMonth, e, metaInfo);
-    else
-      onMonthToChange(newMonth, e, metaInfo);
+  const handlePickerMonthDateChange = React.useCallback((newMonth, e, metaInfo) => {
+    const {
+      newDateString
+    } = metaInfo;
+    const {
+      currentClickCountAsFrom
+    } = getChangedDayStringValues(newDateString);
+    if (currentClickCountAsFrom) onMonthFromChange(newMonth, e, metaInfo);else onMonthToChange(newMonth, e, metaInfo);
   }, [getChangedDayStringValues, onMonthFromChange, onMonthToChange]);
-  const handlePickerDayDateChange = (0, import_react.useCallback)((newDay, e, metaInfo) => {
-    const { newDateString } = metaInfo;
-    const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
-    if (currentClickCountAsFrom)
-      onDayFromChange(newDay, e, metaInfo);
-    else
-      onDayToChange(newDay, e, metaInfo);
+  const handlePickerDayDateChange = React.useCallback((newDay, e, metaInfo) => {
+    const {
+      newDateString
+    } = metaInfo;
+    const {
+      currentClickCountAsFrom
+    } = getChangedDayStringValues(newDateString);
+    if (currentClickCountAsFrom) onDayFromChange(newDay, e, metaInfo);else onDayToChange(newDay, e, metaInfo);
   }, [getChangedDayStringValues, onDayFromChange, onDayToChange]);
-  const handlePickerYearDateChange = (0, import_react.useCallback)((newYear, e, metaInfo) => {
-    const { newDateString } = metaInfo;
-    const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
-    if (currentClickCountAsFrom)
-      onYearFromChange(newYear, e, metaInfo);
-    else
-      onYearToChange(newYear, e, metaInfo);
-  }, [getChangedDayStringValues, onYearFromChange, onYearToChange]);
-  const onCalendarOpen = (0, import_react.useCallback)(() => {
+  const handlePickerYearDateChange = React.useCallback((newYear, e, metaInfo) => {
+    const {
+      newDateString
+    } = metaInfo;
+    const {
+      currentClickCountAsFrom
+    } = getChangedDayStringValues(newDateString);
+    if (currentClickCountAsFrom) onYearFromChange(newYear, e, metaInfo);else onYearToChange(newYear, e, metaInfo);
+  }, [getChangedDayStringValues, onYearFromChange, onYearToChange]); // every time the calendar opens/closes, we assume first click is "from"
+
+  const onCalendarOpen = React.useCallback(() => {
     setCalendarChangeIsFrom(true);
   }, []);
-  const onCalendarClose = (0, import_react.useCallback)(() => {
+  const onCalendarClose = React.useCallback(() => {
     setCalendarChangeIsFrom(true);
   }, []);
-  const handlePickerDateChange = (0, import_react.useCallback)((changedDay, metaInfo) => {
-    const { newDateFromString, newDateToString, nextToggleStateIsFrom, isToBeforeFrom } = getChangedDayStringValues(changedDay);
-    onFromDateChange(newDateFromString, { ...metaInfo, automaticSwitchedDates: isToBeforeFrom });
-    onToDateChange(newDateToString, { ...metaInfo, automaticSwitchedDates: isToBeforeFrom });
+  const handlePickerDateChange = React.useCallback((changedDay, metaInfo) => {
+    const {
+      newDateFromString,
+      newDateToString,
+      nextToggleStateIsFrom,
+      isToBeforeFrom
+    } = getChangedDayStringValues(changedDay); // every "change" on the picker range we calculate it as a new "onChange" for both values
+    // and we pass over the correct "new" from/to value
+
+    onFromDateChange(newDateFromString, _objectSpread(_objectSpread({}, metaInfo), {}, {
+      automaticSwitchedDates: isToBeforeFrom
+    }));
+    onToDateChange(newDateToString, _objectSpread(_objectSpread({}, metaInfo), {}, {
+      automaticSwitchedDates: isToBeforeFrom
+    })); // and we notify what the next change type should be
+
     setCalendarChangeIsFrom(nextToggleStateIsFrom);
   }, [getChangedDayStringValues, onFromDateChange, onToDateChange]);
-  const getIsStartRangeDay = (0, import_react.useCallback)((dayString) => dayString === fromDate, [fromDate]);
-  const getIsDayInRange = (0, import_react.useCallback)((dayString) => {
-    const dayFrom = (0, import_controlled_date_time_picker.getDayFromDateString)(fromDate);
-    const dayTo = (0, import_controlled_date_time_picker.getDayFromDateString)(toDate);
-    if (!dayFrom || !dayTo || !dayString)
-      return false;
-    const newDayTime = (0, import_controlled_date_time_picker.getDayFromDateString)(dayString)?.getTime();
+  const getIsStartRangeDay = React.useCallback(dayString => dayString === fromDate, [fromDate]);
+  const getIsDayInRange = React.useCallback(dayString => {
+    var _getDayFromDateString;
+
+    const dayFrom = dateHelpers.getDayFromDateString(fromDate);
+    const dayTo = dateHelpers.getDayFromDateString(toDate);
+    if (!dayFrom || !dayTo || !dayString) return false;
+    const newDayTime = (_getDayFromDateString = dateHelpers.getDayFromDateString(dayString)) === null || _getDayFromDateString === void 0 ? void 0 : _getDayFromDateString.getTime();
     return newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();
   }, [fromDate, toDate]);
-  const getIsEndRangeDay = (0, import_react.useCallback)((dayString) => dayString === toDate, [toDate]);
-  const getIsToBeforeFrom = (0, import_react.useCallback)((fromString, toString) => {
-    const dateFrom = (0, import_controlled_date_time_picker.getDayFromDateString)(fromString);
-    const dateTo = (0, import_controlled_date_time_picker.getDayFromDateString)(toString);
-    return dateTo?.getTime() < dateFrom?.getTime();
+  const getIsEndRangeDay = React.useCallback(dayString => dayString === toDate, [toDate]);
+  const getIsToBeforeFrom = React.useCallback((fromString, toString) => {
+    const dateFrom = dateHelpers.getDayFromDateString(fromString);
+    const dateTo = dateHelpers.getDayFromDateString(toString);
+    return (dateTo === null || dateTo === void 0 ? void 0 : dateTo.getTime()) < (dateFrom === null || dateFrom === void 0 ? void 0 : dateFrom.getTime());
   }, []);
-  const handleFromDateChange = (0, import_react.useCallback)((newVal, metaInfo) => {
+  const handleFromDateChange = React.useCallback((newVal, metaInfo) => {
     const isIncorrectOrder = getIsToBeforeFrom(newVal, toDate);
-    onFromDateChange(newVal, { ...metaInfo, rangeDateChangeType: "from", isIncorrectOrder });
+    onFromDateChange(newVal, _objectSpread(_objectSpread({}, metaInfo), {}, {
+      rangeDateChangeType: 'from',
+      isIncorrectOrder
+    }));
   }, [getIsToBeforeFrom, onFromDateChange, toDate]);
-  const handleToDateChange = (0, import_react.useCallback)((newVal, metaInfo) => {
+  const handleToDateChange = React.useCallback((newVal, metaInfo) => {
     const isIncorrectOrder = getIsToBeforeFrom(fromDate, newVal);
-    onToDateChange(newVal, { ...metaInfo, rangeDateChangeType: "to", isIncorrectOrder });
+    onToDateChange(newVal, _objectSpread(_objectSpread({}, metaInfo), {}, {
+      rangeDateChangeType: 'to',
+      isIncorrectOrder
+    }));
   }, [fromDate, getIsToBeforeFrom, onToDateChange]);
-  return (0, import_react.useMemo)(() => ({
-    latestChangedDate,
-    onCalendarOpen,
-    onCalendarClose,
-    handleFromDateChange,
-    handleToDateChange,
-    handlePickerDateChange,
-    handlePickerMonthDateChange,
-    handlePickerDayDateChange,
-    handlePickerYearDateChange,
-    getIsStartRangeDay,
-    getIsDayInRange,
-    getIsEndRangeDay
-  }), [
+  return React.useMemo(() => ({
     latestChangedDate,
     onCalendarOpen,
     onCalendarClose,
@@ -162,7 +170,7 @@ const useRangePickerLogic = ({
     getIsStartRangeDay,
     getIsDayInRange,
     getIsEndRangeDay
-  ]);
+  }), [latestChangedDate, onCalendarOpen, onCalendarClose, handleFromDateChange, handleToDateChange, handlePickerDateChange, handlePickerMonthDateChange, handlePickerDayDateChange, handlePickerYearDateChange, getIsStartRangeDay, getIsDayInRange, getIsEndRangeDay]);
 };
-module.exports = __toCommonJS(useRangePickerLogic_exports);
-//# sourceMappingURL=useRangePickerLogic.js.map
+
+exports.useRangePickerLogic = useRangePickerLogic;

package/cjs/controlled-date-range-picker/config/useValidateProps.js

@@ -1,36 +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 useValidateProps_exports = {};
-__export(useValidateProps_exports, {
-  useValidateProps: () => useValidateProps
-});
-var React = __toESM(require("react"));
-const useValidateProps = (props) => {
-};
-module.exports = __toCommonJS(useValidateProps_exports);
-//# sourceMappingURL=useValidateProps.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/* eslint-disable max-len */
+
+/* eslint-disable max-statements */
+
+/* eslint-disable max-lines */
+
+/* eslint-disable complexity */
+// const PREPEND = `ControlledDateTimePicker:
+//   Invalid configuration detected::
+//     `;
+// const NOT_A_DEFECT = '';
+// // '\n\n\t\tThis is not a defect, please check\n\n\t\thttps://qa.dimsum.rd.elliemae.io/?path=/story/components-desktop-components-d-controlledform-date-time-picker--basic\n\n\t\tfor instructions on how to use the component correctly\n\n';
+// const INLINE_RECEIVED_PREPEND = `
+//     Received:`;
+// const throwInvalidDateTimeError = (invalidValue) => {
+//   throw new Error(
+//     `${PREPEND}the "dateTime" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`,
+//   );
+// };
+// const throwUncontrolledDateError = (date, onDateChange) => {
+//   throw new Error(
+//     `${PREPEND}you are trying to use a date selector while providing a non-string "date" or providing a non-function to "onDateChange"
+//   the full-controlled pattern must be used\n\tcheck https://reactjs.org/docs/forms.html#controlled-components for more informations
+//   Received:
+//     ${date}(${typeof date})
+//     ${onDateChange}(${typeof onDateChange})
+//   ${NOT_A_DEFECT}`,
+//   );
+// };
+const useValidateProps = props => {};
+
+exports.useValidateProps = useValidateProps;