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

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

@@ -1,70 +1,72 @@
-'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(() => {
+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 = require("react");
+var import_controlled_date_time_picker = 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)(() => {
     setLatestChangedDate(fromDate);
   }, [fromDate]);
-  React.useEffect(() => {
+  (0, import_react.useEffect)(() => {
     setLatestChangedDate(toDate);
   }, [toDate]);
-  const getChangedDayStringValues = React.useCallback(changedDay => {
-    // based on wheter we are handling a "from"/"to" change, we calculate some values
+  const getChangedDayStringValues = (0, import_react.useCallback)((changedDay) => {
     const dateFromString = calendarChangeIsFrom ? changedDay : fromDate;
-    const dateFrom = dateHelpers.getDayFromDateString(dateFromString);
+    const dateFrom = (0, import_controlled_date_time_picker.getDayFromDateString)(dateFromString);
     const dateToString = calendarChangeIsFrom ? toDate : changedDay;
-    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 dateTo = (0, import_controlled_date_time_picker.getDayFromDateString)(dateToString);
+    const isToBeforeFrom = dateTo?.getTime() < dateFrom?.getTime();
     const newDateFromString = isToBeforeFrom ? dateToString : dateFromString;
     const forcingFromDatePick = isToBeforeFrom ? !calendarChangeIsFrom : false;
     const newDateToString = isToBeforeFrom ? dateFromString : dateToString;
-    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
-
+    const forcingToDatePick = isToBeforeFrom ? calendarChangeIsFrom : false;
     let nextToggleStateIsFrom = !calendarChangeIsFrom;
-    if (forcingFromDatePick) nextToggleStateIsFrom = false;
-    if (forcingToDatePick) nextToggleStateIsFrom = true;
+    if (forcingFromDatePick)
+      nextToggleStateIsFrom = false;
+    if (forcingToDatePick)
+      nextToggleStateIsFrom = true;
     return {
       newDateFromString,
       forcingFromDatePick,
@@ -75,89 +77,79 @@ const useRangePickerLogic = _ref => {
       currentClickCountAsFrom: !nextToggleStateIsFrom
     };
   }, [fromDate, calendarChangeIsFrom, toDate]);
-  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);
+  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);
   }, [getChangedDayStringValues, onMonthFromChange, onMonthToChange]);
-  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);
+  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);
   }, [getChangedDayStringValues, onDayFromChange, onDayToChange]);
-  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(() => {
+  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)(() => {
     setCalendarChangeIsFrom(true);
   }, []);
-  const onCalendarClose = React.useCallback(() => {
+  const onCalendarClose = (0, import_react.useCallback)(() => {
     setCalendarChangeIsFrom(true);
   }, []);
-  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
-
+  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 });
     setCalendarChangeIsFrom(nextToggleStateIsFrom);
   }, [getChangedDayStringValues, onFromDateChange, onToDateChange]);
-  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();
+  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();
     return newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();
   }, [fromDate, toDate]);
-  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 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 handleFromDateChange = React.useCallback((newVal, metaInfo) => {
+  const handleFromDateChange = (0, import_react.useCallback)((newVal, metaInfo) => {
     const isIncorrectOrder = getIsToBeforeFrom(newVal, toDate);
-    onFromDateChange(newVal, _objectSpread(_objectSpread({}, metaInfo), {}, {
-      rangeDateChangeType: 'from',
-      isIncorrectOrder
-    }));
+    onFromDateChange(newVal, { ...metaInfo, rangeDateChangeType: "from", isIncorrectOrder });
   }, [getIsToBeforeFrom, onFromDateChange, toDate]);
-  const handleToDateChange = React.useCallback((newVal, metaInfo) => {
+  const handleToDateChange = (0, import_react.useCallback)((newVal, metaInfo) => {
     const isIncorrectOrder = getIsToBeforeFrom(fromDate, newVal);
-    onToDateChange(newVal, _objectSpread(_objectSpread({}, metaInfo), {}, {
-      rangeDateChangeType: 'to',
-      isIncorrectOrder
-    }));
+    onToDateChange(newVal, { ...metaInfo, rangeDateChangeType: "to", isIncorrectOrder });
   }, [fromDate, getIsToBeforeFrom, onToDateChange]);
-  return React.useMemo(() => ({
+  return (0, import_react.useMemo)(() => ({
+    latestChangedDate,
+    onCalendarOpen,
+    onCalendarClose,
+    handleFromDateChange,
+    handleToDateChange,
+    handlePickerDateChange,
+    handlePickerMonthDateChange,
+    handlePickerDayDateChange,
+    handlePickerYearDateChange,
+    getIsStartRangeDay,
+    getIsDayInRange,
+    getIsEndRangeDay
+  }), [
     latestChangedDate,
     onCalendarOpen,
     onCalendarClose,
@@ -170,7 +162,7 @@ const useRangePickerLogic = _ref => {
     getIsStartRangeDay,
     getIsDayInRange,
     getIsEndRangeDay
-  }), [latestChangedDate, onCalendarOpen, onCalendarClose, handleFromDateChange, handleToDateChange, handlePickerDateChange, handlePickerMonthDateChange, handlePickerDayDateChange, handlePickerYearDateChange, getIsStartRangeDay, getIsDayInRange, getIsEndRangeDay]);
+  ]);
 };
-
-exports.useRangePickerLogic = useRangePickerLogic;
+module.exports = __toCommonJS(useRangePickerLogic_exports);
+//# sourceMappingURL=useRangePickerLogic.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/controlled-date-range-picker/config/useRangePickerLogic.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport { useCallback, useState, useMemo, useEffect } from 'react';\n\nimport { getDayFromDateString } from '../../controlled-date-time-picker';\nimport type { DateRangePickerPropsT, RangePickerLogicT } from '../index.d';\n\nexport const useRangePickerLogic = ({\n  fromDate,\n  onFromDateChange,\n  onMonthFromChange,\n  onDayFromChange,\n  onYearFromChange,\n  toDate,\n  onMonthToChange,\n  onDayToChange,\n  onYearToChange,\n  onToDateChange,\n}: DateRangePickerPropsT): RangePickerLogicT => {\n  // the implementation is based on controlled-date-time-picker that is not meant to \"understand\"\n  // the \"from\" - \"to\" logic on click, we are \"overloading\" the \"from\" - \"to\" logic here\n  // we track wheter we are going to set the \"from\" OR \"to\" controlled date based on this toggle\n  const [calendarChangeIsFrom, setCalendarChangeIsFrom] = useState(true);\n  const [latestChangedDate, setLatestChangedDate] = useState(fromDate);\n  useEffect(() => {\n    setLatestChangedDate(fromDate);\n  }, [fromDate]);\n  useEffect(() => {\n    setLatestChangedDate(toDate);\n  }, [toDate]);\n\n  const getChangedDayStringValues = useCallback(\n    (changedDay) => {\n      // based on wheter we are handling a \"from\"/\"to\" change, we calculate some values\n      const dateFromString: string = calendarChangeIsFrom ? changedDay : fromDate;\n      const dateFrom = getDayFromDateString(dateFromString);\n      const dateToString: string = calendarChangeIsFrom ? toDate : changedDay;\n      const dateTo = getDayFromDateString(dateToString);\n      // we force the \"from\" to ALWAYS be before the \"to\" date\n      const isToBeforeFrom = dateTo?.getTime() < dateFrom?.getTime();\n      const newDateFromString = isToBeforeFrom ? dateToString : dateFromString;\n      const forcingFromDatePick = isToBeforeFrom ? !calendarChangeIsFrom : false;\n      const newDateToString = isToBeforeFrom ? dateFromString : dateToString;\n      const forcingToDatePick = isToBeforeFrom ? calendarChangeIsFrom : false;\n\n      // next change should be based on\n      //   the force pick next interactions\n      //   toggle between from/to  if we didn't force any pick\n      let nextToggleStateIsFrom = !calendarChangeIsFrom;\n      if (forcingFromDatePick) nextToggleStateIsFrom = false;\n      if (forcingToDatePick) nextToggleStateIsFrom = true;\n\n      return {\n        newDateFromString,\n        forcingFromDatePick,\n        newDateToString,\n        forcingToDatePick,\n        isToBeforeFrom,\n        nextToggleStateIsFrom,\n        currentClickCountAsFrom: !nextToggleStateIsFrom,\n      };\n    },\n    [fromDate, calendarChangeIsFrom, toDate],\n  );\n  const handlePickerMonthDateChange = useCallback(\n    (newMonth, e, metaInfo) => {\n      const { newDateString } = metaInfo;\n      const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);\n      if (currentClickCountAsFrom) onMonthFromChange(newMonth, e, metaInfo);\n      else onMonthToChange(newMonth, e, metaInfo);\n    },\n    [getChangedDayStringValues, onMonthFromChange, onMonthToChange],\n  );\n  const handlePickerDayDateChange = useCallback(\n    (newDay, e, metaInfo) => {\n      const { newDateString } = metaInfo;\n      const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);\n      if (currentClickCountAsFrom) onDayFromChange(newDay, e, metaInfo);\n      else onDayToChange(newDay, e, metaInfo);\n    },\n    [getChangedDayStringValues, onDayFromChange, onDayToChange],\n  );\n  const handlePickerYearDateChange = useCallback(\n    (newYear, e, metaInfo) => {\n      const { newDateString } = metaInfo;\n      const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);\n      if (currentClickCountAsFrom) onYearFromChange(newYear, e, metaInfo);\n      else onYearToChange(newYear, e, metaInfo);\n    },\n    [getChangedDayStringValues, onYearFromChange, onYearToChange],\n  );\n\n  // every time the calendar opens/closes, we assume first click is \"from\"\n  const onCalendarOpen: RangePickerLogicT['onCalendarOpen'] = useCallback(() => {\n    setCalendarChangeIsFrom(true);\n  }, []);\n  const onCalendarClose: RangePickerLogicT['onCalendarClose'] = useCallback(() => {\n    setCalendarChangeIsFrom(true);\n  }, []);\n  const handlePickerDateChange: RangePickerLogicT['handlePickerDateChange'] = useCallback(\n    (changedDay, metaInfo) => {\n      const { newDateFromString, newDateToString, nextToggleStateIsFrom, isToBeforeFrom } =\n        getChangedDayStringValues(changedDay);\n\n      // every \"change\" on the picker range we calculate it as a new \"onChange\" for both values\n      // and we pass over the correct \"new\" from/to value\n      onFromDateChange(newDateFromString, { ...metaInfo, automaticSwitchedDates: isToBeforeFrom });\n      onToDateChange(newDateToString, { ...metaInfo, automaticSwitchedDates: isToBeforeFrom });\n\n      // and we notify what the next change type should be\n      setCalendarChangeIsFrom(nextToggleStateIsFrom);\n    },\n    [getChangedDayStringValues, onFromDateChange, onToDateChange],\n  );\n\n  const getIsStartRangeDay: RangePickerLogicT['getIsStartRangeDay'] = useCallback(\n    (dayString) => dayString === fromDate,\n    [fromDate],\n  );\n  const getIsDayInRange: RangePickerLogicT['getIsDayInRange'] = useCallback(\n    (dayString) => {\n      const dayFrom = getDayFromDateString(fromDate);\n      const dayTo = getDayFromDateString(toDate);\n      if (!dayFrom || !dayTo || !dayString) return false;\n      const newDayTime = getDayFromDateString(dayString)?.getTime();\n      return newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();\n    },\n    [fromDate, toDate],\n  );\n  const getIsEndRangeDay: RangePickerLogicT['getIsEndRangeDay'] = useCallback(\n    (dayString) => dayString === toDate,\n    [toDate],\n  );\n\n  const getIsToBeforeFrom = useCallback((fromString, toString) => {\n    const dateFrom = getDayFromDateString(fromString);\n    const dateTo = getDayFromDateString(toString);\n    return dateTo?.getTime() < dateFrom?.getTime();\n  }, []);\n  const handleFromDateChange: RangePickerLogicT['handleFromDateChange'] = useCallback(\n    (newVal, metaInfo) => {\n      const isIncorrectOrder = getIsToBeforeFrom(newVal, toDate);\n      onFromDateChange(newVal, { ...metaInfo, rangeDateChangeType: 'from', isIncorrectOrder });\n    },\n    [getIsToBeforeFrom, onFromDateChange, toDate],\n  );\n  const handleToDateChange: RangePickerLogicT['handleToDateChange'] = useCallback(\n    (newVal, metaInfo) => {\n      const isIncorrectOrder = getIsToBeforeFrom(fromDate, newVal);\n      onToDateChange(newVal, { ...metaInfo, rangeDateChangeType: 'to', isIncorrectOrder });\n    },\n    [fromDate, getIsToBeforeFrom, onToDateChange],\n  );\n\n  return useMemo(\n    () => ({\n      latestChangedDate,\n      onCalendarOpen,\n      onCalendarClose,\n      handleFromDateChange,\n      handleToDateChange,\n      handlePickerDateChange,\n      handlePickerMonthDateChange,\n      handlePickerDayDateChange,\n      handlePickerYearDateChange,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n    }),\n    [\n      latestChangedDate,\n      onCalendarOpen,\n      onCalendarClose,\n      handleFromDateChange,\n      handleToDateChange,\n      handlePickerDateChange,\n      handlePickerMonthDateChange,\n      handlePickerDayDateChange,\n      handlePickerYearDateChange,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,36 +1,36 @@
-'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;
+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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/controlled-date-range-picker/config/useValidateProps.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-len */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport { DateRangePickerPropsT } from '../index.d';\n// const PREPEND = `ControlledDateTimePicker:\n//   Invalid configuration detected::\n\n//     `;\n// const NOT_A_DEFECT = '';\n// // '\\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';\n// const INLINE_RECEIVED_PREPEND = `\n\n//     Received:`;\n// const throwInvalidDateTimeError = (invalidValue) => {\n//   throw new Error(\n//     `${PREPEND}the \"dateTime\" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`,\n//   );\n// };\n// const throwUncontrolledDateError = (date, onDateChange) => {\n//   throw new Error(\n//     `${PREPEND}you are trying to use a date selector while providing a non-string \"date\" or providing a non-function to \"onDateChange\"\n//   the full-controlled pattern must be used\\n\\tcheck https://reactjs.org/docs/forms.html#controlled-components for more informations\n\n//   Received:\n//     ${date}(${typeof date})\n//     ${onDateChange}(${typeof onDateChange})\n//   ${NOT_A_DEFECT}`,\n//   );\n// };\nexport const useValidateProps = (props: Partial<DateRangePickerPropsT>): void => {};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8BhB,MAAM,mBAAmB,CAAC,UAAgD;AAAA;",
+  "names": []
+}

package/cjs/controlled-date-range-picker/index.d.js

@@ -1,2 +1,27 @@
-'use strict';
-
+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 __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 index_d_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(index_d_exports);
+//# sourceMappingURL=index.d.js.map

package/cjs/controlled-date-range-picker/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-date-range-picker/index.d.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { DSFormLayoutBlockItemPropsT } from '@elliemae/ds-form-layout-blocks';\nimport type {\n  onDateChangeT,\n  onInternalInputsChangeT,\n  internalInputsChangeMetaInfo,\n} from '../controlled-date-time-picker/index.d';\n\nexport interface RangePickerMetaInfoT extends internalInputsChangeMetaInfo {\n  rangeDateChangeType?: 'from' | 'to';\n  automaticSwitchedDates?: boolean;\n  isIncorrectOrder?: boolean;\n}\nexport type rangeOnDateChangeT = (val: string, metaInfo: RangePickerMetaInfoT) => void;\nexport type ControlledDateRangeTypeT =\n  | 'full-date-range'\n  | 'date-range-picker-controller-only'\n  | 'date-range-picker'\n  | 'date-range-inputs';\n\nexport interface DateRangePickerPropsT {\n  type: ControlledDateRangeTypeT;\n  fromDate: string;\n  onFromDateChange: rangeOnDateChangeT;\n  onMonthFromChange: onInternalInputsChangeT;\n  onDayFromChange: onInternalInputsChangeT;\n  onYearFromChange: onInternalInputsChangeT;\n  hasError: boolean;\n  pickerFooterMsg: string;\n\n  toDate: string;\n  onToDateChange: rangeOnDateChangeT;\n  onMonthToChange: onInternalInputsChangeT;\n  onDayToChange: onInternalInputsChangeT;\n  onYearToChange: onInternalInputsChangeT;\n\n  emptyPickerStartingMonth?: string;\n  onCalendarOpenFocusedDay?: string;\n  isClearable?: boolean;\n  getIsDisabledDay?: (day: string) => boolean;\n  getIsOutOfRangeDay?: (day: string) => boolean;\n  autoFocus?: boolean;\n  dataAttrs?: Record<string, unknown>;\n}\n\nexport interface RangePickerLogicT {\n  latestChangedDate: string;\n\n  onCalendarOpen: () => void;\n  onCalendarClose: () => void;\n\n  handleFromDateChange: rangeOnDateChangeT;\n  handleToDateChange: rangeOnDateChangeT;\n\n  handlePickerDateChange: rangeOnDateChangeT;\n  handlePickerMonthDateChange: onInternalInputsChangeT;\n  handlePickerDayDateChange: onInternalInputsChangeT;\n  handlePickerYearDateChange: onInternalInputsChangeT;\n\n  getIsStartRangeDay: (day: string) => boolean;\n  getIsDayInRange: (day: string) => boolean;\n  getIsEndRangeDay: (day: string) => boolean;\n}\nexport interface ControlledDateRangePickerContextT {\n  props: DateRangePickerPropsT;\n  instanceUID: string;\n  rangePickerLogic: RangePickerLogicT;\n  withInputs: boolean;\n  withIcon: boolean;\n  isControllerOnly: boolean;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

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

@@ -1,14 +1,38 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ControlledDateRangePicker = require('./ControlledDateRangePicker.js');
-var ControlledDateRangePickerDatatestid = require('./ControlledDateRangePickerDatatestid.js');
-var ControlledDateRangePickerTypes = require('./ControlledDateRangePickerTypes.js');
-
-
-
-exports.DSControlledDateRangePicker = ControlledDateRangePicker.DSControlledDateRangePicker;
-exports.DSControlledDateRangePickerWithSchema = ControlledDateRangePicker.DSControlledDateRangePickerWithSchema;
-exports.ControlledDateRangePickerDatatestid = ControlledDateRangePickerDatatestid.ControlledDateRangePickerDatatestid;
-exports.CONTROLLED_DATE_RANGE_PICKER_TYPES = ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES;
+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 controlled_date_range_picker_exports = {};
+__export(controlled_date_range_picker_exports, {
+  CONTROLLED_DATE_RANGE_PICKER_TYPES: () => import_ControlledDateRangePickerTypes.CONTROLLED_DATE_RANGE_PICKER_TYPES,
+  ControlledDateRangePickerDatatestid: () => import_ControlledDateRangePickerDatatestid.ControlledDateRangePickerDatatestid
+});
+var React = __toESM(require("react"));
+__reExport(controlled_date_range_picker_exports, require("./ControlledDateRangePicker"));
+var import_ControlledDateRangePickerDatatestid = require("./ControlledDateRangePickerDatatestid");
+var import_ControlledDateRangePickerTypes = require("./ControlledDateRangePickerTypes");
+module.exports = __toCommonJS(controlled_date_range_picker_exports);
+//# sourceMappingURL=index.js.map

package/cjs/controlled-date-range-picker/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-date-range-picker/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './ControlledDateRangePicker';\nexport { ControlledDateRangePickerDatatestid } from './ControlledDateRangePickerDatatestid';\nexport { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './ControlledDateRangePickerTypes';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iDAAc;AACd,iDAAoD;AACpD,4CAAmD;",
+  "names": []
+}