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

package/cjs/controlled-date-time-picker/utils/hooks/useGetDayFromDateString.js

@@ -1,41 +1,16 @@
-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 useGetDayFromDateString_exports = {};
-__export(useGetDayFromDateString_exports, {
-  useGetDayFromDateString: () => useGetDayFromDateString
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_ControlledDateTimePickerCTX = require("../../ControlledDateTimePickerCTX");
-var import_dateHelpers = require("../dateHelpers");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
+var dateHelpers = require('../dateHelpers.js');
+
 const useGetDayFromDateString = () => {
-  const { dateStringFromProps } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return (0, import_react.useMemo)(() => (0, import_dateHelpers.getDayFromDateString)(dateStringFromProps), [dateStringFromProps]);
+  const {
+    dateStringFromProps
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  return React.useMemo(() => dateHelpers.getDayFromDateString(dateStringFromProps), [dateStringFromProps]);
 };
-module.exports = __toCommonJS(useGetDayFromDateString_exports);
-//# sourceMappingURL=useGetDayFromDateString.js.map
+
+exports.useGetDayFromDateString = useGetDayFromDateString;

package/cjs/controlled-date-time-picker/utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.js

@@ -1,53 +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 useGetMonthYearFromDateStringOrEmptyStartingMonth_exports = {};
-__export(useGetMonthYearFromDateStringOrEmptyStartingMonth_exports, {
-  useGetMonthYearFromDateStringOrEmptyStartingMonth: () => useGetMonthYearFromDateStringOrEmptyStartingMonth
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_ControlledDateTimePickerCTX = require("../../ControlledDateTimePickerCTX");
-var import_stringHelpers = require("../stringHelpers");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
+var stringHelpers = require('../stringHelpers.js');
+
 const useGetMonthYearFromDateStringOrEmptyStartingMonth = () => {
   const {
     dateStringFromProps,
-    props: { emptyPickerStartingMonth }
-  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return (0, import_react.useMemo)(() => {
-    const emptyPickerStartingMonthDefault = `${new Date().getMonth() + 1}/__/${new Date().getFullYear()}`;
-    const { month: stringMonthVal, year: stringYearVal } = (0, import_stringHelpers.deconstructValuesFromDateString)(dateStringFromProps);
-    const { month: emptyStringSplitMonth, year: emptyStringSplitYear } = (0, import_stringHelpers.deconstructValuesFromDateString)(emptyPickerStartingMonth || emptyPickerStartingMonthDefault);
+    props: {
+      emptyPickerStartingMonth
+    }
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  return React.useMemo(() => {
+    const emptyPickerStartingMonthDefault = "".concat(new Date().getMonth() + 1, "/__/").concat(new Date().getFullYear());
+    const {
+      month: stringMonthVal,
+      year: stringYearVal
+    } = stringHelpers.deconstructValuesFromDateString(dateStringFromProps);
+    const {
+      month: emptyStringSplitMonth,
+      year: emptyStringSplitYear
+    } = stringHelpers.deconstructValuesFromDateString(emptyPickerStartingMonth || emptyPickerStartingMonthDefault);
     const userEmptyStringMonth = Number.parseInt(emptyStringSplitMonth, 10);
     const userEmptyStringYear = Number.parseInt(emptyStringSplitYear, 10);
-    const month = stringMonthVal === "" || stringMonthVal.length !== 2 ? userEmptyStringMonth - 1 : Number.parseInt(stringMonthVal, 10) - 1;
-    const year = stringYearVal === "" ? userEmptyStringYear : Number.parseInt(stringYearVal, 10);
-    return { year, month };
+    const month = stringMonthVal === '' || stringMonthVal.length !== 2 ? userEmptyStringMonth - 1 : Number.parseInt(stringMonthVal, 10) - 1; // month is 0~11 in javascript Date...
+
+    const year = stringYearVal === '' ? userEmptyStringYear : Number.parseInt(stringYearVal, 10);
+    return {
+      year,
+      month
+    };
   }, [dateStringFromProps, emptyPickerStartingMonth]);
 };
-module.exports = __toCommonJS(useGetMonthYearFromDateStringOrEmptyStartingMonth_exports);
-//# sourceMappingURL=useGetMonthYearFromDateStringOrEmptyStartingMonth.js.map
+
+exports.useGetMonthYearFromDateStringOrEmptyStartingMonth = useGetMonthYearFromDateStringOrEmptyStartingMonth;

package/cjs/controlled-date-time-picker/utils/hooks/useGetStartingFocusedDay.js

@@ -1,41 +1,15 @@
-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 useGetStartingFocusedDay_exports = {};
-__export(useGetStartingFocusedDay_exports, {
-  useGetStartingFocusedDay: () => useGetStartingFocusedDay
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_ControlledDateTimePickerCTX = require("../../ControlledDateTimePickerCTX");
-var import_stringHelpers = require("../stringHelpers");
-var import_numberHelpers = require("../numberHelpers");
-var import_dateHelpers = require("../dateHelpers");
-var import_useGetDayFromDateString = require("./useGetDayFromDateString");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
+var stringHelpers = require('../stringHelpers.js');
+var numberHelpers = require('../numberHelpers.js');
+var dateHelpers = require('../dateHelpers.js');
+var useGetDayFromDateString = require('./useGetDayFromDateString.js');
+
+/* eslint-disable max-statements */
 const empty = {
   startFocusedYear: null,
   startFocusedDay: null,
@@ -44,46 +18,55 @@ const empty = {
 };
 const useGetStartingFocusedDay = () => {
   const {
-    props: { onCalendarOpenFocusedDay }
-  } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const dayFromInputValues = (0, import_useGetDayFromDateString.useGetDayFromDateString)();
-  return (0, import_react.useMemo)(() => {
+    props: {
+      onCalendarOpenFocusedDay
+    }
+  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  const dayFromInputValues = useGetDayFromDateString.useGetDayFromDateString();
+  return React.useMemo(() => {
     const {
       month: inputValuesSplitMonth,
       day: inputValuesSplitDay,
       year: inputValuesDaySplitYear
-    } = (0, import_dateHelpers.getDateValuesFromDate)(dayFromInputValues);
+    } = dateHelpers.getDateValuesFromDate(dayFromInputValues);
     let startFocusedMonth = null;
     let startFocusedDay = null;
     let startFocusedYear = null;
     let startFocusedDate = null;
-    const isInputFilledAndValid = inputValuesSplitMonth && inputValuesSplitDay && inputValuesDaySplitYear && (0, import_dateHelpers.isValidDayForTheMonth)(inputValuesSplitMonth, inputValuesDaySplitYear, inputValuesSplitDay);
+    const isInputFilledAndValid = inputValuesSplitMonth && inputValuesSplitDay && inputValuesDaySplitYear && dateHelpers.isValidDayForTheMonth(inputValuesSplitMonth, inputValuesDaySplitYear, inputValuesSplitDay);
     const isOnCalendarOpenFocusedDayEmpty = !onCalendarOpenFocusedDay;
-    const shouldFillWithOnCalendarOpenFocusedDay = !isInputFilledAndValid && !isOnCalendarOpenFocusedDayEmpty;
+    const shouldFillWithOnCalendarOpenFocusedDay = !isInputFilledAndValid && !isOnCalendarOpenFocusedDayEmpty; // if input was filled start focus is the filled value (if it's valid day for the month)
+
     if (isInputFilledAndValid) {
       startFocusedMonth = inputValuesSplitMonth;
       startFocusedDay = inputValuesSplitDay;
       startFocusedYear = inputValuesDaySplitYear;
-      startFocusedDate = dayFromInputValues;
-    }
-    if (!isInputFilledAndValid && isOnCalendarOpenFocusedDayEmpty)
-      return empty;
+      startFocusedDate = dayFromInputValues; // if input was not filled (or filled invalid) and there is no onCalendarOpenFocusedDay start focus is not a day
+    } // if input was not filled and there is onCalendarOpenFocusedDay start focus is onCalendarOpenFocusedDay day
+
+
+    if (!isInputFilledAndValid && isOnCalendarOpenFocusedDayEmpty) return empty;
+
     if (shouldFillWithOnCalendarOpenFocusedDay) {
       const {
         month: focusedDaySplitMonth,
         day: focusedDaySplitDay,
         year: focusedDaySplitYear
-      } = (0, import_stringHelpers.deconstructValuesFromDateString)(onCalendarOpenFocusedDay);
-      const monthAsInt = (0, import_numberHelpers.convertToPositiveNumberIfPossible)(focusedDaySplitMonth);
-      const dayAsInt = (0, import_numberHelpers.convertToPositiveNumberIfPossible)(focusedDaySplitDay);
-      const yearAsInt = (0, import_numberHelpers.convertToPositiveNumberIfPossible)(focusedDaySplitYear);
-      if (monthAsInt !== -1 && dayAsInt !== -1 && yearAsInt !== -1 && (0, import_dateHelpers.isValidDayForTheMonth)(monthAsInt - 1, yearAsInt, dayAsInt)) {
+      } = stringHelpers.deconstructValuesFromDateString(onCalendarOpenFocusedDay);
+      const monthAsInt = numberHelpers.convertToPositiveNumberIfPossible(focusedDaySplitMonth);
+      const dayAsInt = numberHelpers.convertToPositiveNumberIfPossible(focusedDaySplitDay);
+      const yearAsInt = numberHelpers.convertToPositiveNumberIfPossible(focusedDaySplitYear); // if this condition is false, return will be the same as return empty
+      // because startFocusedMonth/Day/Year/Date will be === null
+      // which is the expected result
+
+      if (monthAsInt !== -1 && dayAsInt !== -1 && yearAsInt !== -1 && dateHelpers.isValidDayForTheMonth(monthAsInt - 1, yearAsInt, dayAsInt)) {
         startFocusedMonth = monthAsInt;
         startFocusedDay = dayAsInt;
         startFocusedYear = yearAsInt;
         startFocusedDate = new Date(yearAsInt, monthAsInt - 1, dayAsInt);
       }
     }
+
     return {
       startFocusedYear,
       startFocusedDay,
@@ -92,5 +75,5 @@ const useGetStartingFocusedDay = () => {
     };
   }, [dayFromInputValues, onCalendarOpenFocusedDay]);
 };
-module.exports = __toCommonJS(useGetStartingFocusedDay_exports);
-//# sourceMappingURL=useGetStartingFocusedDay.js.map
+
+exports.useGetStartingFocusedDay = useGetStartingFocusedDay;

package/cjs/controlled-date-time-picker/utils/hooks/useOnClickOutside.js

@@ -1,51 +1,29 @@
-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 useOnClickOutside_exports = {};
-__export(useOnClickOutside_exports, {
-  useOnClickOutside: () => useOnClickOutside
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
 const useOnClickOutside = (ref, handler) => {
-  (0, import_react.useEffect)(() => {
-    const listener = (event) => {
-      if (!ref || ref?.contains?.(event.target)) {
+  React.useEffect(() => {
+    const listener = event => {
+      var _ref$contains;
+
+      // Do nothing if clicking ref's element or descendent elements
+      if (!ref || ref !== null && ref !== void 0 && (_ref$contains = ref.contains) !== null && _ref$contains !== void 0 && _ref$contains.call(ref, event.target)) {
         return;
       }
+
       handler(event);
     };
-    document.addEventListener("mousedown", listener);
-    document.addEventListener("touchstart", listener);
+
+    document.addEventListener('mousedown', listener);
+    document.addEventListener('touchstart', listener);
     return () => {
-      document.removeEventListener("mousedown", listener);
-      document.removeEventListener("touchstart", listener);
+      document.removeEventListener('mousedown', listener);
+      document.removeEventListener('touchstart', listener);
     };
   }, [ref, handler]);
 };
-module.exports = __toCommonJS(useOnClickOutside_exports);
-//# sourceMappingURL=useOnClickOutside.js.map
+
+exports.useOnClickOutside = useOnClickOutside;

package/cjs/controlled-date-time-picker/utils/numberHelpers.js

@@ -1,40 +1,11 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var numberHelpers_exports = {};
-__export(numberHelpers_exports, {
-  convertToPositiveNumberIfPossible: () => convertToPositiveNumberIfPossible
-});
-var React = __toESM(require("react"));
-const convertToPositiveNumberIfPossible = (numberString) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const convertToPositiveNumberIfPossible = numberString => {
   const convertedNum = Number.parseInt(numberString, 10);
-  if (Number.isNaN(convertedNum))
-    return -1;
+  if (Number.isNaN(convertedNum)) return -1;
   return convertedNum;
 };
-module.exports = __toCommonJS(numberHelpers_exports);
-//# sourceMappingURL=numberHelpers.js.map
+
+exports.convertToPositiveNumberIfPossible = convertToPositiveNumberIfPossible;