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

package/dist/cjs/date-range-picker/ControlledDateRangePickerCTX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/date-range-picker/ControlledDateRangePickerCTX.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { createContext } from 'react';\nimport type { DateRangePickerPropsT, ControlledDateRangePickerContextT } from './index.d';\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nconst defaultReturnFalse = (): boolean => false;\nexport const defaultProps: DateRangePickerPropsT = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  hasError: false,\n  pickerFooterMsg: '',\n\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n\n  emptyPickerStartingMonth: undefined,\n  onCalendarOpenFocusedDay: undefined,\n  isClearable: false,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  autoFocus: false,\n};\nconst defaultContext = {\n  props: defaultProps,\n  rangePickerLogic: {\n    latestChangedDate: '',\n    onCalendarOpen: noop,\n    onCalendarClose: noop,\n    handleFromDateChange: noop,\n    handleToDateChange: noop,\n    handlePickerDateChange: noop,\n    handlePickerMonthDateChange: noop,\n    handlePickerDayDateChange: noop,\n    handlePickerYearDateChange: noop,\n    getIsStartRangeDay: defaultReturnFalse,\n    getIsDayInRange: defaultReturnFalse,\n    getIsEndRangeDay: defaultReturnFalse,\n  },\n  instanceUID: '',\n  withInputs: false,\n  withIcon: false,\n  isControllerOnly: false,\n};\n/** Context for cross component communication */\nexport const ControlledDateRangePickerContext = createContext<ControlledDateRangePickerContextT>(defaultContext);\n\nexport default ControlledDateRangePickerContext;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAG9B,MAAM,OAAO,MAAY;AAAA;AACzB,MAAM,qBAAqB,MAAe;AACnC,MAAM,eAAsC;AAAA,EACjD,MAAM;AAAA,EACN,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,iBAAiB;AAAA,EAEjB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAEhB,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,WAAW;AAAA;AAEb,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,kBAAkB;AAAA,IAChB,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,oBAAoB;AAAA,IACpB,wBAAwB;AAAA,IACxB,6BAA6B;AAAA,IAC7B,2BAA2B;AAAA,IAC3B,4BAA4B;AAAA,IAC5B,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA;AAAA,EAEpB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,kBAAkB;AAAA;AAGb,MAAM,mCAAmC,gCAAiD;AAEjG,IAAO,uCAAQ;",
+  "names": []
+}

package/dist/cjs/date-range-picker/ControlledDateRangePickerDatatestid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/date-range-picker/ControlledDateRangePickerDatatestid.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const ControlledDateRangePickerDatatestid = {\n  WRAPPER: 'ds-controlled-date-range-picker-wrapper',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,sCAAsC;AAAA,EACjD,SAAS;AAAA;",
+  "names": []
+}

package/dist/cjs/date-range-picker/ControlledDateRangePickerTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/date-range-picker/ControlledDateRangePickerTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/prefer-as-const */\nexport const CONTROLLED_DATE_RANGE_PICKER_TYPES = {\n  FULL: 'full-date-range' as 'full-date-range',\n  CONTROLLER_ONLY: 'date-range-picker-controller-only' as 'date-range-picker-controller-only',\n  PICKER: 'date-range-picker' as 'date-range-picker',\n  INPUTS: 'date-range-inputs' as 'date-range-inputs',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADChB,MAAM,qCAAqC;AAAA,EAChD,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,QAAQ;AAAA;",
+  "names": []
+}

package/dist/cjs/date-range-picker/config/useControlledDateRangePicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/date-range-picker/config/useControlledDateRangePicker.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo } from 'react';\nimport { uid } from 'uid';\nimport { getDataProps } from '@elliemae/ds-props-helpers';\n\nimport { useGetDateRangePickerWithDefaultsProps } from './useGetPropsWithDefault';\nimport { useValidateProps } from './useValidateProps';\nimport { useRangePickerLogic } from './useRangePickerLogic';\nimport { CONTROLLED_DATE_RANGE_PICKER_TYPES } from '../ControlledDateRangePickerTypes';\nimport type { DateRangePickerPropsT, ControlledDateRangePickerContextT } from '../index.d';\n\nexport const useControlledDateRangePicker = (\n  props: Partial<DateRangePickerPropsT>,\n): ControlledDateRangePickerContextT => {\n  // if we detect wrong props configuration we throw meaningful errors\n  useValidateProps(props);\n  const instanceUID = useMemo(() => uid(6), []);\n  const propsWithDefaults = useGetDateRangePickerWithDefaultsProps(props);\n  const dataAttrs = getDataProps(props);\n  const { type } = propsWithDefaults;\n\n  const withInputs =\n    type === CONTROLLED_DATE_RANGE_PICKER_TYPES.FULL || type === CONTROLLED_DATE_RANGE_PICKER_TYPES.INPUTS;\n  const withIcon =\n    type === CONTROLLED_DATE_RANGE_PICKER_TYPES.FULL || type === CONTROLLED_DATE_RANGE_PICKER_TYPES.PICKER;\n  const isControllerOnly = type === CONTROLLED_DATE_RANGE_PICKER_TYPES.CONTROLLER_ONLY;\n\n  const rangePickerLogic = useRangePickerLogic(propsWithDefaults);\n\n  const ctx = useMemo(\n    () => ({\n      props: { ...propsWithDefaults, dataAttrs },\n      instanceUID,\n      rangePickerLogic,\n      withInputs,\n      withIcon,\n      isControllerOnly,\n    }),\n    [instanceUID, isControllerOnly, dataAttrs, propsWithDefaults, rangePickerLogic, withIcon, withInputs],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAwB;AACxB,iBAAoB;AACpB,8BAA6B;AAE7B,oCAAuD;AACvD,8BAAiC;AACjC,iCAAoC;AACpC,4CAAmD;AAG5C,MAAM,+BAA+B,CAC1C,UACsC;AAEtC,gDAAiB;AACjB,QAAM,cAAc,0BAAQ,MAAM,oBAAI,IAAI;AAC1C,QAAM,oBAAoB,0EAAuC;AACjE,QAAM,YAAY,0CAAa;AAC/B,QAAM,EAAE,SAAS;AAEjB,QAAM,aACJ,SAAS,yEAAmC,QAAQ,SAAS,yEAAmC;AAClG,QAAM,WACJ,SAAS,yEAAmC,QAAQ,SAAS,yEAAmC;AAClG,QAAM,mBAAmB,SAAS,yEAAmC;AAErE,QAAM,mBAAmB,oDAAoB;AAE7C,QAAM,MAAM,0BACV,MAAO;AAAA,IACL,OAAO,iCAAK,oBAAL,EAAwB;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,aAAa,kBAAkB,WAAW,mBAAmB,kBAAkB,UAAU;AAG5F,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/date-range-picker/config/useGetPropsWithDefault.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/date-range-picker/config/useGetPropsWithDefault.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { defaultProps } from '../ControlledDateRangePickerCTX';\nimport { DateRangePickerPropsT } from '../index.d';\n// we have to merge the \"default\" nested default values with what the user gives us...\nexport const useGetDateRangePickerWithDefaultsProps = (props: Partial<DateRangePickerPropsT>): DateRangePickerPropsT =>\n  useMemoMergePropsWithDefault(props, defaultProps);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA6C;AAC7C,0CAA6B;AAGtB,MAAM,yCAAyC,CAAC,UACrD,0DAA6B,OAAO;",
+  "names": []
+}

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

@@ -0,0 +1,185 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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_date_time_picker = require("../../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]);
+  (0, import_react.useEffect)(() => {
+    setLatestChangedDate(toDate);
+  }, [toDate]);
+  const getChangedDayStringValues = (0, import_react.useCallback)((changedDay) => {
+    const dateFromString = calendarChangeIsFrom ? changedDay : fromDate;
+    const dateFrom = (0, import_date_time_picker.getDayFromDateString)(dateFromString);
+    const dateToString = calendarChangeIsFrom ? toDate : changedDay;
+    const dateTo = (0, import_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;
+    let nextToggleStateIsFrom = !calendarChangeIsFrom;
+    if (forcingFromDatePick)
+      nextToggleStateIsFrom = false;
+    if (forcingToDatePick)
+      nextToggleStateIsFrom = true;
+    return {
+      newDateFromString,
+      forcingFromDatePick,
+      newDateToString,
+      forcingToDatePick,
+      isToBeforeFrom,
+      nextToggleStateIsFrom,
+      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);
+  }, [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);
+  }, [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)(() => {
+    setCalendarChangeIsFrom(true);
+  }, []);
+  const onCalendarClose = (0, import_react.useCallback)(() => {
+    setCalendarChangeIsFrom(true);
+  }, []);
+  const handlePickerDateChange = (0, import_react.useCallback)((changedDay, metaInfo) => {
+    const { newDateFromString, newDateToString, nextToggleStateIsFrom, isToBeforeFrom } = getChangedDayStringValues(changedDay);
+    onFromDateChange(newDateFromString, __spreadProps(__spreadValues({}, metaInfo), { automaticSwitchedDates: isToBeforeFrom }));
+    onToDateChange(newDateToString, __spreadProps(__spreadValues({}, metaInfo), { automaticSwitchedDates: isToBeforeFrom }));
+    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_date_time_picker.getDayFromDateString)(fromDate);
+    const dayTo = (0, import_date_time_picker.getDayFromDateString)(toDate);
+    if (!dayFrom || !dayTo || !dayString)
+      return false;
+    const newDayTime = (0, import_date_time_picker.getDayFromDateString)(dayString)?.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_date_time_picker.getDayFromDateString)(fromString);
+    const dateTo = (0, import_date_time_picker.getDayFromDateString)(toString);
+    return dateTo?.getTime() < dateFrom?.getTime();
+  }, []);
+  const handleFromDateChange = (0, import_react.useCallback)((newVal, metaInfo) => {
+    const isIncorrectOrder = getIsToBeforeFrom(newVal, toDate);
+    onFromDateChange(newVal, __spreadProps(__spreadValues({}, metaInfo), { rangeDateChangeType: "from", isIncorrectOrder }));
+  }, [getIsToBeforeFrom, onFromDateChange, toDate]);
+  const handleToDateChange = (0, import_react.useCallback)((newVal, metaInfo) => {
+    const isIncorrectOrder = getIsToBeforeFrom(fromDate, newVal);
+    onToDateChange(newVal, __spreadProps(__spreadValues({}, metaInfo), { rangeDateChangeType: "to", isIncorrectOrder }));
+  }, [fromDate, getIsToBeforeFrom, onToDateChange]);
+  return (0, import_react.useMemo)(() => ({
+    latestChangedDate,
+    onCalendarOpen,
+    onCalendarClose,
+    handleFromDateChange,
+    handleToDateChange,
+    handlePickerDateChange,
+    handlePickerMonthDateChange,
+    handlePickerDayDateChange,
+    handlePickerYearDateChange,
+    getIsStartRangeDay,
+    getIsDayInRange,
+    getIsEndRangeDay
+  }), [
+    latestChangedDate,
+    onCalendarOpen,
+    onCalendarClose,
+    handleFromDateChange,
+    handleToDateChange,
+    handlePickerDateChange,
+    handlePickerMonthDateChange,
+    handlePickerDayDateChange,
+    handlePickerYearDateChange,
+    getIsStartRangeDay,
+    getIsDayInRange,
+    getIsEndRangeDay
+  ]);
+};
+module.exports = __toCommonJS(useRangePickerLogic_exports);
+//# sourceMappingURL=useRangePickerLogic.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/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 '../../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/dist/cjs/date-range-picker/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/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/dist/cjs/date-range-picker/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/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 '../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/dist/cjs/date-range-picker/index.js

@@ -0,0 +1,38 @@
+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 date_range_picker_exports = {};
+__export(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(date_range_picker_exports, require("./ControlledDateRangePicker"));
+var import_ControlledDateRangePickerDatatestid = require("./ControlledDateRangePickerDatatestid");
+var import_ControlledDateRangePickerTypes = require("./ControlledDateRangePickerTypes");
+module.exports = __toCommonJS(date_range_picker_exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/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,sCAAc;AACd,iDAAoD;AACpD,4CAAmD;",
+  "names": []
+}

package/dist/cjs/date-range-picker/parts/ControlledDateRangeCalendar.js

@@ -0,0 +1,84 @@
+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 ControlledDateRangeCalendar_exports = {};
+__export(ControlledDateRangeCalendar_exports, {
+  ControlledDateRangeCalendar: () => ControlledDateRangeCalendar
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_date_time_picker = require("../../date-time-picker");
+var import_ControlledDateRangePickerCTX = require("../ControlledDateRangePickerCTX");
+const ControlledDateRangeCalendar = () => {
+  const {
+    props: {
+      emptyPickerStartingMonth,
+      onCalendarOpenFocusedDay,
+      isClearable,
+      getIsDisabledDay,
+      getIsOutOfRangeDay,
+      hasError,
+      pickerFooterMsg
+    },
+    rangePickerLogic: {
+      latestChangedDate,
+      onCalendarOpen,
+      onCalendarClose,
+      handlePickerDateChange,
+      handlePickerMonthDateChange,
+      handlePickerDayDateChange,
+      handlePickerYearDateChange,
+      getIsStartRangeDay,
+      getIsDayInRange,
+      getIsEndRangeDay
+    },
+    isControllerOnly
+  } = (0, import_react.useContext)(import_ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
+  return /* @__PURE__ */ import_react.default.createElement(import_date_time_picker.DSControlledDateTimePicker, {
+    type: isControllerOnly ? import_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY : import_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER,
+    date: latestChangedDate,
+    onDateChange: handlePickerDateChange,
+    onMonthChange: handlePickerMonthDateChange,
+    onDayChange: handlePickerDayDateChange,
+    onYearChange: handlePickerYearDateChange,
+    getIsStartRangeDay,
+    getIsDayInRange,
+    getIsEndRangeDay,
+    onPickerOpen: onCalendarOpen,
+    onPickerClose: onCalendarClose,
+    isClearable,
+    getIsDisabledDay,
+    getIsOutOfRangeDay,
+    emptyPickerStartingMonth,
+    onCalendarOpenFocusedDay,
+    preventCloseOnSelection: true,
+    hasError,
+    pickerFooterMsg
+  });
+};
+module.exports = __toCommonJS(ControlledDateRangeCalendar_exports);
+//# sourceMappingURL=ControlledDateRangeCalendar.js.map

package/dist/cjs/date-range-picker/parts/ControlledDateRangeCalendar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/date-range-picker/parts/ControlledDateRangeCalendar.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '../../date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n  const {\n    props: {\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      pickerFooterMsg,\n    },\n    rangePickerLogic: {\n      latestChangedDate,\n      onCalendarOpen,\n      onCalendarClose,\n      handlePickerDateChange,\n      handlePickerMonthDateChange,\n      handlePickerDayDateChange,\n      handlePickerYearDateChange,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n    },\n    isControllerOnly,\n  } = useContext(ControlledDateRangePickerContext);\n\n  return (\n    <DSControlledDateTimePicker\n      type={\n        isControllerOnly\n          ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n          : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n      }\n      date={latestChangedDate}\n      onDateChange={handlePickerDateChange}\n      onMonthChange={handlePickerMonthDateChange}\n      onDayChange={handlePickerDayDateChange}\n      onYearChange={handlePickerYearDateChange}\n      getIsStartRangeDay={getIsStartRangeDay}\n      getIsDayInRange={getIsDayInRange}\n      getIsEndRangeDay={getIsEndRangeDay}\n      onPickerOpen={onCalendarOpen}\n      onPickerClose={onCalendarClose}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      emptyPickerStartingMonth={emptyPickerStartingMonth}\n      onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n      preventCloseOnSelection\n      hasError={hasError}\n      pickerFooterMsg={pickerFooterMsg}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,8BAA8E;AAC9E,0CAAiD;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,MACE,6BAAW;AAEf,SACE,mDAAC,oDAAD;AAAA,IACE,MACE,mBACI,0DAAkC,KAAK,kBACvC,0DAAkC,KAAK;AAAA,IAE7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,yBAAuB;AAAA,IACvB;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/date-range-picker/parts/ControlledDateRangeContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/date-range-picker/parts/ControlledDateRangeContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport styled from 'styled-components';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\nimport { ControlledDateRangeFromDate } from './ControlledDateRangeFromDate';\nimport { ControlledDateRangeToDate } from './ControlledDateRangeToDate';\nimport { ControlledDateRangeCalendar } from './ControlledDateRangeCalendar';\nimport { ControlledDateRangePickerDatatestid } from '../ControlledDateRangePickerDatatestid';\n\nconst StyledWrapper = styled.div<{ isControllerOnly: boolean }>`\n  display: grid;\n  grid-template-columns: auto auto auto;\n  grid-template-rows: auto;\n  ${({ isControllerOnly }) => (isControllerOnly ? undefined : 'gap: 0px 8px;')}\n  grid-auto-flow: row;\n  grid-template-areas: '. .';\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const ControlledDateRangeContent = (): JSX.Element => {\n  const {\n    props: { dataAttrs },\n    withIcon,\n    withInputs,\n    isControllerOnly,\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <StyledWrapper\n      isControllerOnly={isControllerOnly}\n      data-testid={ControlledDateRangePickerDatatestid.WRAPPER}\n      {...dataAttrs}\n    >\n      {withInputs ? (\n        <>\n          <ControlledDateRangeFromDate />\n          <ControlledDateRangeToDate />\n        </>\n      ) : null}\n      {withIcon || isControllerOnly ? <ControlledDateRangeCalendar /> : null}\n    </StyledWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,+BAAmB;AACnB,0CAAiD;AACjD,yCAA4C;AAC5C,uCAA0C;AAC1C,yCAA4C;AAC5C,iDAAoD;AAEpD,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA;AAAA,IAIzB,CAAC,EAAE,uBAAwB,mBAAmB,SAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvD,MAAM,6BAA6B,MAAmB;AAC3D,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AACf,SACE,mDAAC,eAAD;AAAA,IACE;AAAA,IACA,eAAa,+EAAoC;AAAA,KAC7C,YAEH,aACC,wFACE,mDAAC,gEAAD,OACA,mDAAC,4DAAD,SAEA,MACH,YAAY,mBAAmB,mDAAC,gEAAD,QAAkC;AAAA;",
+  "names": []
+}

package/dist/cjs/date-range-picker/parts/ControlledDateRangeFromDate.js

@@ -0,0 +1,66 @@
+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 ControlledDateRangeFromDate_exports = {};
+__export(ControlledDateRangeFromDate_exports, {
+  ControlledDateRangeFromDate: () => ControlledDateRangeFromDate
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ControlledDateRangePickerCTX = require("../ControlledDateRangePickerCTX");
+var import_date_time_picker = require("../../date-time-picker");
+const ControlledDateRangeFromDate = () => {
+  const {
+    props: {
+      fromDate,
+      onMonthFromChange,
+      onDayFromChange,
+      onYearFromChange,
+      isClearable,
+      getIsDisabledDay,
+      getIsOutOfRangeDay,
+      hasError,
+      autoFocus
+    },
+    rangePickerLogic: { handleFromDateChange }
+  } = (0, import_react.useContext)(import_ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
+  return /* @__PURE__ */ import_react.default.createElement(import_date_time_picker.DSControlledDateTimePicker, {
+    type: import_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
+    date: fromDate,
+    onDateChange: handleFromDateChange,
+    onMonthChange: onMonthFromChange,
+    onDayChange: onDayFromChange,
+    onYearChange: onYearFromChange,
+    isClearable,
+    getIsDisabledDay,
+    getIsOutOfRangeDay,
+    hasError,
+    autoFocus
+  });
+};
+module.exports = __toCommonJS(ControlledDateRangeFromDate_exports);
+//# sourceMappingURL=ControlledDateRangeFromDate.js.map

package/dist/cjs/date-range-picker/parts/ControlledDateRangeFromDate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/date-range-picker/parts/ControlledDateRangeFromDate.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '../../date-time-picker';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n  const {\n    props: {\n      fromDate,\n      onMonthFromChange,\n      onDayFromChange,\n      onYearFromChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n      autoFocus,\n    },\n    rangePickerLogic: { handleFromDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n      date={fromDate}\n      onDateChange={handleFromDateChange}\n      onMonthChange={onMonthFromChange}\n      onDayChange={onDayFromChange}\n      onYearChange={onYearFromChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n      autoFocus={autoFocus}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,0CAAiD;AACjD,8BAA8E;AAEvE,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,kBAAkB,EAAE;AAAA,MAClB,6BAAW;AACf,SACE,mDAAC,oDAAD;AAAA,IACE,MAAM,0DAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/date-range-picker/parts/ControlledDateRangeToDate.js

@@ -0,0 +1,64 @@
+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 ControlledDateRangeToDate_exports = {};
+__export(ControlledDateRangeToDate_exports, {
+  ControlledDateRangeToDate: () => ControlledDateRangeToDate
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ControlledDateRangePickerCTX = require("../ControlledDateRangePickerCTX");
+var import_date_time_picker = require("../../date-time-picker");
+const ControlledDateRangeToDate = () => {
+  const {
+    props: {
+      toDate,
+      onMonthToChange,
+      onDayToChange,
+      onYearToChange,
+      isClearable,
+      getIsDisabledDay,
+      getIsOutOfRangeDay,
+      hasError
+    },
+    rangePickerLogic: { handleToDateChange }
+  } = (0, import_react.useContext)(import_ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
+  return /* @__PURE__ */ import_react.default.createElement(import_date_time_picker.DSControlledDateTimePicker, {
+    type: import_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
+    date: toDate,
+    onDateChange: handleToDateChange,
+    onMonthChange: onMonthToChange,
+    onDayChange: onDayToChange,
+    onYearChange: onYearToChange,
+    isClearable,
+    getIsDisabledDay,
+    getIsOutOfRangeDay,
+    hasError
+  });
+};
+module.exports = __toCommonJS(ControlledDateRangeToDate_exports);
+//# sourceMappingURL=ControlledDateRangeToDate.js.map

package/dist/cjs/date-range-picker/parts/ControlledDateRangeToDate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/date-range-picker/parts/ControlledDateRangeToDate.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '../../date-time-picker';\n\nexport const ControlledDateRangeToDate = (): JSX.Element => {\n  const {\n    props: {\n      toDate,\n      onMonthToChange,\n      onDayToChange,\n      onYearToChange,\n      isClearable,\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      hasError,\n    },\n    rangePickerLogic: { handleToDateChange },\n  } = useContext(ControlledDateRangePickerContext);\n  return (\n    <DSControlledDateTimePicker\n      type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n      date={toDate}\n      onDateChange={handleToDateChange}\n      onMonthChange={onMonthToChange}\n      onDayChange={onDayToChange}\n      onYearChange={onYearToChange}\n      isClearable={isClearable}\n      getIsDisabledDay={getIsDisabledDay}\n      getIsOutOfRangeDay={getIsOutOfRangeDay}\n      hasError={hasError}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,0CAAiD;AACjD,8BAA8E;AAEvE,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,kBAAkB,EAAE;AAAA,MAClB,6BAAW;AACf,SACE,mDAAC,oDAAD;AAAA,IACE,MAAM,0DAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}