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

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

@@ -1,18 +1,36 @@
-import * as React from "react";
-import { useCallback, useState, useMemo, useEffect } from "react";
-import { getDayFromDateString } from "../../controlled-date-time-picker";
-const useRangePickerLogic = ({
-  fromDate,
-  onFromDateChange,
-  onMonthFromChange,
-  onDayFromChange,
-  onYearFromChange,
-  toDate,
-  onMonthToChange,
-  onDayToChange,
-  onYearToChange,
-  onToDateChange
-}) => {
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useEffect, useCallback, useMemo } from 'react';
+import '../../controlled-date-time-picker/ControlledDateTimePicker.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/es.string.replace.js';
+import { getDayFromDateString } from '../../controlled-date-time-picker/utils/dateHelpers.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const 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] = useState(true);
   const [latestChangedDate, setLatestChangedDate] = useState(fromDate);
   useEffect(() => {
@@ -21,21 +39,24 @@ const useRangePickerLogic = ({
   useEffect(() => {
     setLatestChangedDate(toDate);
   }, [toDate]);
-  const getChangedDayStringValues = useCallback((changedDay) => {
+  const getChangedDayStringValues = useCallback(changedDay => {
+    // based on wheter we are handling a "from"/"to" change, we calculate some values
     const dateFromString = calendarChangeIsFrom ? changedDay : fromDate;
     const dateFrom = getDayFromDateString(dateFromString);
     const dateToString = calendarChangeIsFrom ? toDate : changedDay;
-    const dateTo = getDayFromDateString(dateToString);
-    const isToBeforeFrom = dateTo?.getTime() < dateFrom?.getTime();
+    const dateTo = 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,
@@ -47,29 +68,33 @@ const useRangePickerLogic = ({
     };
   }, [fromDate, calendarChangeIsFrom, toDate]);
   const handlePickerMonthDateChange = useCallback((newMonth, e, metaInfo) => {
-    const { newDateString } = metaInfo;
-    const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
-    if (currentClickCountAsFrom)
-      onMonthFromChange(newMonth, e, metaInfo);
-    else
-      onMonthToChange(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 = useCallback((newDay, e, metaInfo) => {
-    const { newDateString } = metaInfo;
-    const { currentClickCountAsFrom } = getChangedDayStringValues(newDateString);
-    if (currentClickCountAsFrom)
-      onDayFromChange(newDay, e, metaInfo);
-    else
-      onDayToChange(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 = 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 {
+      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 = useCallback(() => {
     setCalendarChangeIsFrom(true);
   }, []);
@@ -77,33 +102,52 @@ const useRangePickerLogic = ({
     setCalendarChangeIsFrom(true);
   }, []);
   const handlePickerDateChange = useCallback((changedDay, metaInfo) => {
-    const { newDateFromString, newDateToString, nextToggleStateIsFrom, isToBeforeFrom } = getChangedDayStringValues(changedDay);
-    onFromDateChange(newDateFromString, { ...metaInfo, automaticSwitchedDates: isToBeforeFrom });
-    onToDateChange(newDateToString, { ...metaInfo, automaticSwitchedDates: isToBeforeFrom });
+    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 = useCallback((dayString) => dayString === fromDate, [fromDate]);
-  const getIsDayInRange = useCallback((dayString) => {
+  const getIsStartRangeDay = useCallback(dayString => dayString === fromDate, [fromDate]);
+  const getIsDayInRange = useCallback(dayString => {
+    var _getDayFromDateString;
+
     const dayFrom = getDayFromDateString(fromDate);
     const dayTo = getDayFromDateString(toDate);
-    if (!dayFrom || !dayTo || !dayString)
-      return false;
-    const newDayTime = getDayFromDateString(dayString)?.getTime();
+    if (!dayFrom || !dayTo || !dayString) return false;
+    const newDayTime = (_getDayFromDateString = getDayFromDateString(dayString)) === null || _getDayFromDateString === void 0 ? void 0 : _getDayFromDateString.getTime();
     return newDayTime <= dayTo.getTime() && newDayTime >= dayFrom.getTime();
   }, [fromDate, toDate]);
-  const getIsEndRangeDay = useCallback((dayString) => dayString === toDate, [toDate]);
+  const getIsEndRangeDay = useCallback(dayString => dayString === toDate, [toDate]);
   const getIsToBeforeFrom = useCallback((fromString, toString) => {
     const dateFrom = getDayFromDateString(fromString);
     const dateTo = getDayFromDateString(toString);
-    return dateTo?.getTime() < dateFrom?.getTime();
+    return (dateTo === null || dateTo === void 0 ? void 0 : dateTo.getTime()) < (dateFrom === null || dateFrom === void 0 ? void 0 : dateFrom.getTime());
   }, []);
   const handleFromDateChange = 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 = 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 useMemo(() => ({
     latestChangedDate,
@@ -118,22 +162,7 @@ const useRangePickerLogic = ({
     getIsStartRangeDay,
     getIsDayInRange,
     getIsEndRangeDay
-  }), [
-    latestChangedDate,
-    onCalendarOpen,
-    onCalendarClose,
-    handleFromDateChange,
-    handleToDateChange,
-    handlePickerDateChange,
-    handlePickerMonthDateChange,
-    handlePickerDayDateChange,
-    handlePickerYearDateChange,
-    getIsStartRangeDay,
-    getIsDayInRange,
-    getIsEndRangeDay
-  ]);
-};
-export {
-  useRangePickerLogic
+  }), [latestChangedDate, onCalendarOpen, onCalendarClose, handleFromDateChange, handleToDateChange, handlePickerDateChange, handlePickerMonthDateChange, handlePickerDayDateChange, handlePickerYearDateChange, getIsStartRangeDay, getIsDayInRange, getIsEndRangeDay]);
 };
-//# sourceMappingURL=useRangePickerLogic.js.map
+
+export { useRangePickerLogic };

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

@@ -1,7 +1,32 @@
-import * as React from "react";
-const useValidateProps = (props) => {
-};
-export {
-  useValidateProps
-};
-//# sourceMappingURL=useValidateProps.js.map
+/* 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 => {};
+
+export { useValidateProps };

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

@@ -1,2 +1 @@
-import * as React from "react";
-//# sourceMappingURL=index.d.js.map
+

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

@@ -1,9 +1,3 @@
-import * as React from "react";
-export * from "./ControlledDateRangePicker";
-import { ControlledDateRangePickerDatatestid } from "./ControlledDateRangePickerDatatestid";
-import { CONTROLLED_DATE_RANGE_PICKER_TYPES } from "./ControlledDateRangePickerTypes";
-export {
-  CONTROLLED_DATE_RANGE_PICKER_TYPES,
-  ControlledDateRangePickerDatatestid
-};
-//# sourceMappingURL=index.js.map
+export { DSControlledDateRangePicker, DSControlledDateRangePickerWithSchema } from './ControlledDateRangePicker.js';
+export { ControlledDateRangePickerDatatestid } from './ControlledDateRangePickerDatatestid.js';
+export { CONTROLLED_DATE_RANGE_PICKER_TYPES } from './ControlledDateRangePickerTypes.js';

package/esm/controlled-date-range-picker/parts/ControlledDateRangeCalendar.js

@@ -1,7 +1,19 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from "../../controlled-date-time-picker";
-import { ControlledDateRangePickerContext } from "../ControlledDateRangePickerCTX";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
+import { DSControlledDateTimePicker } from '../../controlled-date-time-picker/ControlledDateTimePicker.js';
+import { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../../controlled-date-time-picker/ControlledDateTimePickerTypes.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import '@babel/runtime/helpers/esm/defineProperty';
+import { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';
+
 const ControlledDateRangeCalendar = () => {
   const {
     props: {
@@ -27,29 +39,27 @@ const ControlledDateRangeCalendar = () => {
     },
     isControllerOnly
   } = useContext(ControlledDateRangePickerContext);
-  return /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
+  return /*#__PURE__*/_jsx(DSControlledDateTimePicker, {
     type: isControllerOnly ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER,
     date: latestChangedDate,
     onDateChange: handlePickerDateChange,
     onMonthChange: handlePickerMonthDateChange,
     onDayChange: handlePickerDayDateChange,
     onYearChange: handlePickerYearDateChange,
-    getIsStartRangeDay,
-    getIsDayInRange,
-    getIsEndRangeDay,
+    getIsStartRangeDay: getIsStartRangeDay,
+    getIsDayInRange: getIsDayInRange,
+    getIsEndRangeDay: getIsEndRangeDay,
     onPickerOpen: onCalendarOpen,
     onPickerClose: onCalendarClose,
-    isClearable,
-    getIsDisabledDay,
-    getIsOutOfRangeDay,
-    emptyPickerStartingMonth,
-    onCalendarOpenFocusedDay,
+    isClearable: isClearable,
+    getIsDisabledDay: getIsDisabledDay,
+    getIsOutOfRangeDay: getIsOutOfRangeDay,
+    emptyPickerStartingMonth: emptyPickerStartingMonth,
+    onCalendarOpenFocusedDay: onCalendarOpenFocusedDay,
     preventCloseOnSelection: true,
-    hasError,
-    pickerFooterMsg
+    hasError: hasError,
+    pickerFooterMsg: pickerFooterMsg
   });
 };
-export {
-  ControlledDateRangeCalendar
-};
-//# sourceMappingURL=ControlledDateRangeCalendar.js.map
+
+export { ControlledDateRangeCalendar };

package/esm/controlled-date-range-picker/parts/ControlledDateRangeContent.js

@@ -1,35 +1,49 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import styled from "styled-components";
-import { ControlledDateRangePickerContext } from "../ControlledDateRangePickerCTX";
-import { ControlledDateRangeFromDate } from "./ControlledDateRangeFromDate";
-import { ControlledDateRangeToDate } from "./ControlledDateRangeToDate";
-import { ControlledDateRangeCalendar } from "./ControlledDateRangeCalendar";
-import { ControlledDateRangePickerDatatestid } from "../ControlledDateRangePickerDatatestid";
-const StyledWrapper = styled.div`
-  display: grid;
-  grid-template-columns: auto auto auto;
-  grid-template-rows: auto;
-  ${({ isControllerOnly }) => isControllerOnly ? void 0 : "gap: 0px 8px;"}
-  grid-auto-flow: row;
-  grid-template-areas: '. .';
-  justify-content: center;
-  align-items: center;
-`;
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
+import styled from 'styled-components';
+import { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';
+import { ControlledDateRangeFromDate } from './ControlledDateRangeFromDate.js';
+import { ControlledDateRangeToDate } from './ControlledDateRangeToDate.js';
+import { ControlledDateRangeCalendar } from './ControlledDateRangeCalendar.js';
+import { ControlledDateRangePickerDatatestid } from '../ControlledDateRangePickerDatatestid.js';
+import { jsxs, Fragment } from 'react/jsx-runtime';
+
+var _ControlledDateRangeF, _ControlledDateRangeT, _ControlledDateRangeC;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const StyledWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-e4pfvj-0"
+})(["display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto;", " grid-auto-flow:row;grid-template-areas:'. .';justify-content:center;align-items:center;"], _ref => {
+  let {
+    isControllerOnly
+  } = _ref;
+  return isControllerOnly ? undefined : 'gap: 0px 8px;';
+});
 const ControlledDateRangeContent = () => {
   const {
-    props: { dataAttrs },
+    props: {
+      dataAttrs
+    },
     withIcon,
     withInputs,
     isControllerOnly
   } = useContext(ControlledDateRangePickerContext);
-  return /* @__PURE__ */ React2.createElement(StyledWrapper, {
-    isControllerOnly,
-    "data-testid": ControlledDateRangePickerDatatestid.WRAPPER,
-    ...dataAttrs
-  }, withInputs ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(ControlledDateRangeFromDate, null), /* @__PURE__ */ React2.createElement(ControlledDateRangeToDate, null)) : null, withIcon || isControllerOnly ? /* @__PURE__ */ React2.createElement(ControlledDateRangeCalendar, null) : null);
-};
-export {
-  ControlledDateRangeContent
+  return /*#__PURE__*/jsxs(StyledWrapper, _objectSpread(_objectSpread({
+    isControllerOnly: isControllerOnly,
+    "data-testid": ControlledDateRangePickerDatatestid.WRAPPER
+  }, dataAttrs), {}, {
+    children: [withInputs ? /*#__PURE__*/jsxs(Fragment, {
+      children: [_ControlledDateRangeF || (_ControlledDateRangeF = /*#__PURE__*/_jsx(ControlledDateRangeFromDate, {})), _ControlledDateRangeT || (_ControlledDateRangeT = /*#__PURE__*/_jsx(ControlledDateRangeToDate, {}))]
+    }) : null, withIcon || isControllerOnly ? _ControlledDateRangeC || (_ControlledDateRangeC = /*#__PURE__*/_jsx(ControlledDateRangeCalendar, {})) : null]
+  }));
 };
-//# sourceMappingURL=ControlledDateRangeContent.js.map
+
+export { ControlledDateRangeContent };

package/esm/controlled-date-range-picker/parts/ControlledDateRangeFromDate.js

@@ -1,7 +1,19 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { ControlledDateRangePickerContext } from "../ControlledDateRangePickerCTX";
-import { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from "../../controlled-date-time-picker";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
+import { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';
+import { DSControlledDateTimePicker } from '../../controlled-date-time-picker/ControlledDateTimePicker.js';
+import { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../../controlled-date-time-picker/ControlledDateTimePickerTypes.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import '@babel/runtime/helpers/esm/defineProperty';
+
 const ControlledDateRangeFromDate = () => {
   const {
     props: {
@@ -15,23 +27,23 @@ const ControlledDateRangeFromDate = () => {
       hasError,
       autoFocus
     },
-    rangePickerLogic: { handleFromDateChange }
+    rangePickerLogic: {
+      handleFromDateChange
+    }
   } = useContext(ControlledDateRangePickerContext);
-  return /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
+  return /*#__PURE__*/_jsx(DSControlledDateTimePicker, {
     type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
     date: fromDate,
     onDateChange: handleFromDateChange,
     onMonthChange: onMonthFromChange,
     onDayChange: onDayFromChange,
     onYearChange: onYearFromChange,
-    isClearable,
-    getIsDisabledDay,
-    getIsOutOfRangeDay,
-    hasError,
-    autoFocus
+    isClearable: isClearable,
+    getIsDisabledDay: getIsDisabledDay,
+    getIsOutOfRangeDay: getIsOutOfRangeDay,
+    hasError: hasError,
+    autoFocus: autoFocus
   });
 };
-export {
-  ControlledDateRangeFromDate
-};
-//# sourceMappingURL=ControlledDateRangeFromDate.js.map
+
+export { ControlledDateRangeFromDate };

package/esm/controlled-date-range-picker/parts/ControlledDateRangeToDate.js

@@ -1,7 +1,19 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { ControlledDateRangePickerContext } from "../ControlledDateRangePickerCTX";
-import { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from "../../controlled-date-time-picker";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext } from 'react';
+import { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';
+import { DSControlledDateTimePicker } from '../../controlled-date-time-picker/ControlledDateTimePicker.js';
+import { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../../controlled-date-time-picker/ControlledDateTimePickerTypes.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import '@babel/runtime/helpers/esm/defineProperty';
+
 const ControlledDateRangeToDate = () => {
   const {
     props: {
@@ -14,22 +26,22 @@ const ControlledDateRangeToDate = () => {
       getIsOutOfRangeDay,
       hasError
     },
-    rangePickerLogic: { handleToDateChange }
+    rangePickerLogic: {
+      handleToDateChange
+    }
   } = useContext(ControlledDateRangePickerContext);
-  return /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
+  return /*#__PURE__*/_jsx(DSControlledDateTimePicker, {
     type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
     date: toDate,
     onDateChange: handleToDateChange,
     onMonthChange: onMonthToChange,
     onDayChange: onDayToChange,
     onYearChange: onYearToChange,
-    isClearable,
-    getIsDisabledDay,
-    getIsOutOfRangeDay,
-    hasError
+    isClearable: isClearable,
+    getIsDisabledDay: getIsDisabledDay,
+    getIsOutOfRangeDay: getIsOutOfRangeDay,
+    hasError: hasError
   });
 };
-export {
-  ControlledDateRangeToDate
-};
-//# sourceMappingURL=ControlledDateRangeToDate.js.map
+
+export { ControlledDateRangeToDate };

package/esm/controlled-date-range-picker/propTypes.js

@@ -1,14 +1,7 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
+import { PropTypes } from 'react-desc';
+
 const propTypes = {
-  type: PropTypes.oneOf([
-    "full-date-range",
-    "date-range-picker-controller-only",
-    "date-range-picker",
-    "date-range-inputs"
-  ]).description("Type of date range form control to use")
+  type: PropTypes.oneOf(['full-date-range', 'date-range-picker-controller-only', 'date-range-picker', 'date-range-inputs']).description('Type of date range form control to use')
 };
-export {
-  propTypes
-};
-//# sourceMappingURL=propTypes.js.map
+
+export { propTypes };

package/esm/controlled-date-time-picker/ControlledDateTimePicker.js

@@ -1,21 +1,21 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { propTypes } from "./propTypes";
-import { useControlledDateTimePicker } from "./config/useControlledDateTimePicker";
-import { ControlledDateTimePickerContent } from "./parts/ControlledDateTimePickerContent";
-import { ControlledDateTimePickerContext } from "./ControlledDateTimePickerCTX";
-const DSControlledDateTimePicker = (props) => {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { describe } from 'react-desc';
+import { propTypes } from './propTypes.js';
+import { useControlledDateTimePicker } from './config/useControlledDateTimePicker.js';
+import { ControlledDateTimePickerContent } from './parts/ControlledDateTimePickerContent.js';
+import { ControlledDateTimePickerContext } from './ControlledDateTimePickerCTX.js';
+
+var _ControlledDateTimePi;
+
+const DSControlledDateTimePicker = props => {
   const ctx = useControlledDateTimePicker(props);
-  return /* @__PURE__ */ React2.createElement(ControlledDateTimePickerContext.Provider, {
+  return /*#__PURE__*/_jsx(ControlledDateTimePickerContext.Provider, {
     value: ctx
-  }, /* @__PURE__ */ React2.createElement(ControlledDateTimePickerContent, null));
+  }, void 0, _ControlledDateTimePi || (_ControlledDateTimePi = /*#__PURE__*/_jsx(ControlledDateTimePickerContent, {})));
 };
-DSControlledDateTimePicker.propTypes = propTypes;
+
 const DSControlledDateTimePickerWithSchema = describe(DSControlledDateTimePicker);
 DSControlledDateTimePickerWithSchema.propTypes = propTypes;
-export {
-  DSControlledDateTimePicker,
-  DSControlledDateTimePickerWithSchema
-};
-//# sourceMappingURL=ControlledDateTimePicker.js.map
+
+export { DSControlledDateTimePicker, DSControlledDateTimePickerWithSchema };