@elliemae/ds-date-range-picker 2.3.1 → 3.0.0-alpha.3

package/dist/esm/components/DayPickerRangeController.js

@@ -0,0 +1,176 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2, { useRef, useEffect } from "react";
+import PropTypes from "prop-types";
+import moment from "moment";
+import { DayPickerRangeController as RDRangeController } from "react-dates";
+import { DatePickerDay, DatePickerNavigation, renderMonthElement } from "@elliemae/ds-date-picker";
+import { ChevronLeft } from "@elliemae/ds-icons";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+const { classNameElement, classNameBlock } = convertPropToCssClassName("datepicker-range");
+const DayPickerRangeController = (_a) => {
+  var _b = _a, {
+    endDate = void 0,
+    startDate = void 0,
+    displayFormatDay = "D",
+    focusedInput = void 0,
+    enableOutsideDays = false,
+    onDatesChange = () => null,
+    onFocusChange = () => null,
+    onOutsideClick = () => null,
+    isDayBlocked = () => null,
+    isDayHighlighted = () => null,
+    isOutsideRange = () => null,
+    onNextMonthClick = () => null,
+    onPrevMonthClick = () => null
+  } = _b, otherProps = __objRest(_b, [
+    "endDate",
+    "startDate",
+    "displayFormatDay",
+    "focusedInput",
+    "enableOutsideDays",
+    "onDatesChange",
+    "onFocusChange",
+    "onOutsideClick",
+    "isDayBlocked",
+    "isDayHighlighted",
+    "isOutsideRange",
+    "onNextMonthClick",
+    "onPrevMonthClick"
+  ]);
+  const datePickerRef = useRef();
+  useEffect(() => {
+    const handleMouseUp = () => {
+      const focusedElement = document.activeElement;
+      focusedElement.blur();
+    };
+    const handleKeyDown = (event) => {
+      const [firstDay, ...restOfDays] = document.getElementsByClassName("CalendarMonthGrid_month__horizontal")[1].getElementsByClassName("CalendarDay");
+      const [lastDay] = restOfDays.slice(-1);
+      const focusedElement = document.activeElement;
+      const [prev, next] = document.getElementsByClassName("DayPickerNavigation_button");
+      switch (event.key) {
+        case "Home":
+          event.stopPropagation();
+          firstDay.focus();
+          break;
+        case "End":
+          event.stopPropagation();
+          lastDay.focus();
+          break;
+        case "Enter":
+        case " ":
+          if (focusedElement === prev) {
+            event.stopPropagation();
+            setTimeout(() => {
+              prev.focus();
+            }, 240);
+          } else if (focusedElement === next) {
+            event.stopPropagation();
+            setTimeout(() => {
+              next?.focus();
+            }, 240);
+          }
+          break;
+        case "Tab":
+          if (firstDay === focusedElement || restOfDays.includes(focusedElement)) {
+            event.preventDefault();
+            prev.focus();
+          }
+          break;
+        default:
+          break;
+      }
+    };
+    datePickerRef.current.addEventListener("mouseup", handleMouseUp, false);
+    datePickerRef.current.addEventListener("keydown", handleKeyDown, false);
+    return () => {
+      if (datePickerRef.current) {
+        datePickerRef.current.removeEventListener("mouseup", handleMouseUp, false);
+        datePickerRef.current.removeEventListener("keydown", handleKeyDown, false);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ React2.createElement("div", {
+    ref: datePickerRef,
+    className: classNameBlock("wrapper-day-picker-single-date-controller"),
+    "data-testid": otherProps["data-testid"] || "date-range-picker-controller"
+  }, /* @__PURE__ */ React2.createElement(RDRangeController, __spreadProps(__spreadValues({}, otherProps), {
+    isDayBlocked,
+    isDayHighlighted,
+    isOutsideRange,
+    enableOutsideDays,
+    endDate,
+    focused: true,
+    focusedInput,
+    hideKeyboardShortcutsPanel: true,
+    navNext: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
+      className: classNameElement("navigation-next")
+    }),
+    navPrev: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
+      className: classNameElement("navigation-prev"),
+      icon: ChevronLeft
+    }),
+    onDatesChange,
+    onFocusChange,
+    onOutsideClick,
+    onNextMonthClick,
+    onPrevMonthClick,
+    renderDayContents: (date) => /* @__PURE__ */ React2.createElement(DatePickerDay, {
+      className: classNameElement("day-contents"),
+      date: date.format(displayFormatDay)
+    }),
+    renderMonthElement,
+    startDate
+  })));
+};
+DayPickerRangeController.propTypes = {
+  endDate: PropTypes.instanceOf(Date, moment),
+  startDate: PropTypes.instanceOf(Date, moment),
+  displayFormatDay: PropTypes.string,
+  focusedInput: PropTypes.bool,
+  onDatesChange: PropTypes.func,
+  onFocusChange: PropTypes.func,
+  onOutsideClick: PropTypes.func,
+  onNextMonthClick: PropTypes.func,
+  onPrevMonthClick: PropTypes.func,
+  enableOutsideDays: PropTypes.bool,
+  isDayBlocked: PropTypes.func,
+  isDayHighlighted: PropTypes.func,
+  isOutsideRange: PropTypes.func
+};
+var DayPickerRangeController_default = DayPickerRangeController;
+export {
+  DayPickerRangeController_default as default
+};
+//# sourceMappingURL=DayPickerRangeController.js.map

package/dist/esm/components/DayPickerRangeController.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DayPickerRangeController.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\nimport React, { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { DayPickerRangeController as RDRangeController } from 'react-dates';\nimport { DatePickerDay, DatePickerNavigation, renderMonthElement } from '@elliemae/ds-date-picker';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker-range');\n\nconst DayPickerRangeController = ({\n  endDate = undefined,\n  startDate = undefined,\n  displayFormatDay = 'D',\n  focusedInput = undefined,\n  enableOutsideDays = false,\n  onDatesChange = () => null,\n  onFocusChange = () => null,\n  onOutsideClick = () => null,\n  isDayBlocked = () => null,\n  isDayHighlighted = () => null,\n  isOutsideRange = () => null,\n  onNextMonthClick = () => null,\n  onPrevMonthClick = () => null,\n  ...otherProps\n}) => {\n  const datePickerRef = useRef();\n\n  useEffect(() => {\n    const handleMouseUp = () => {\n      const focusedElement = document.activeElement;\n\n      focusedElement.blur();\n    };\n    const handleKeyDown = (event) => {\n      const [firstDay, ...restOfDays] = document\n        .getElementsByClassName('CalendarMonthGrid_month__horizontal')[1]\n        .getElementsByClassName('CalendarDay');\n      const [lastDay] = restOfDays.slice(-1);\n      const focusedElement = document.activeElement;\n      const [prev, next] = document.getElementsByClassName('DayPickerNavigation_button');\n\n      switch (event.key) {\n        case 'Home':\n          event.stopPropagation();\n          firstDay.focus();\n          break;\n        case 'End':\n          event.stopPropagation();\n          lastDay.focus();\n          break;\n        case 'Enter':\n        case ' ':\n          if (focusedElement === prev) {\n            event.stopPropagation();\n            setTimeout(() => {\n              prev.focus();\n            }, 240);\n          } else if (focusedElement === next) {\n            event.stopPropagation();\n            setTimeout(() => {\n              next?.focus();\n            }, 240);\n          }\n          break;\n        case 'Tab':\n          if (firstDay === focusedElement || restOfDays.includes(focusedElement)) {\n            event.preventDefault();\n            prev.focus();\n          }\n          break;\n        default:\n          break;\n      }\n    };\n\n    datePickerRef.current.addEventListener('mouseup', handleMouseUp, false);\n\n    datePickerRef.current.addEventListener('keydown', handleKeyDown, false);\n\n    return () => {\n      if (datePickerRef.current) {\n        datePickerRef.current.removeEventListener('mouseup', handleMouseUp, false);\n\n        datePickerRef.current.removeEventListener('keydown', handleKeyDown, false);\n      }\n    };\n  }, []);\n\n  return (\n    <div\n      ref={datePickerRef}\n      className={classNameBlock('wrapper-day-picker-single-date-controller')}\n      data-testid={otherProps['data-testid'] || 'date-range-picker-controller'}\n    >\n      <RDRangeController\n        {...otherProps}\n        isDayBlocked={isDayBlocked}\n        isDayHighlighted={isDayHighlighted}\n        isOutsideRange={isOutsideRange}\n        enableOutsideDays={enableOutsideDays}\n        endDate={endDate}\n        focused\n        focusedInput={focusedInput}\n        hideKeyboardShortcutsPanel\n        navNext={<DatePickerNavigation className={classNameElement('navigation-next')} />}\n        navPrev={<DatePickerNavigation className={classNameElement('navigation-prev')} icon={ChevronLeft} />}\n        onDatesChange={onDatesChange}\n        onFocusChange={onFocusChange}\n        onOutsideClick={onOutsideClick}\n        onNextMonthClick={onNextMonthClick}\n        onPrevMonthClick={onPrevMonthClick}\n        renderDayContents={(date) => (\n          <DatePickerDay className={classNameElement('day-contents')} date={date.format(displayFormatDay)} />\n        )}\n        renderMonthElement={renderMonthElement}\n        startDate={startDate}\n      />\n    </div>\n  );\n};\n\nDayPickerRangeController.propTypes = {\n  endDate: PropTypes.instanceOf(Date, moment),\n  startDate: PropTypes.instanceOf(Date, moment),\n  displayFormatDay: PropTypes.string,\n  focusedInput: PropTypes.bool,\n  onDatesChange: PropTypes.func,\n  onFocusChange: PropTypes.func,\n  onOutsideClick: PropTypes.func,\n  onNextMonthClick: PropTypes.func,\n  onPrevMonthClick: PropTypes.func,\n  enableOutsideDays: PropTypes.bool,\n  isDayBlocked: PropTypes.func,\n  isDayHighlighted: PropTypes.func,\n  isOutsideRange: PropTypes.func,\n};\n\nexport default DayPickerRangeController;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,EAAE,kBAAkB,mBAAmB,0BAA0B;AAEvE,MAAM,2BAA2B,CAAC,OAe5B;AAf4B,eAChC;AAAA,cAAU;AAAA,IACV,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,gBAAgB,MAAM;AAAA,IACtB,gBAAgB,MAAM;AAAA,IACtB,iBAAiB,MAAM;AAAA,IACvB,eAAe,MAAM;AAAA,IACrB,mBAAmB,MAAM;AAAA,IACzB,iBAAiB,MAAM;AAAA,IACvB,mBAAmB,MAAM;AAAA,IACzB,mBAAmB,MAAM;AAAA,MAbO,IAc7B,uBAd6B,IAc7B;AAAA,IAbH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,gBAAgB;AAEtB,YAAU,MAAM;AACd,UAAM,gBAAgB,MAAM;AAC1B,YAAM,iBAAiB,SAAS;AAEhC,qBAAe;AAAA;AAEjB,UAAM,gBAAgB,CAAC,UAAU;AAC/B,YAAM,CAAC,aAAa,cAAc,SAC/B,uBAAuB,uCAAuC,GAC9D,uBAAuB;AAC1B,YAAM,CAAC,WAAW,WAAW,MAAM;AACnC,YAAM,iBAAiB,SAAS;AAChC,YAAM,CAAC,MAAM,QAAQ,SAAS,uBAAuB;AAErD,cAAQ,MAAM;AAAA,aACP;AACH,gBAAM;AACN,mBAAS;AACT;AAAA,aACG;AACH,gBAAM;AACN,kBAAQ;AACR;AAAA,aACG;AAAA,aACA;AACH,cAAI,mBAAmB,MAAM;AAC3B,kBAAM;AACN,uBAAW,MAAM;AACf,mBAAK;AAAA,eACJ;AAAA,qBACM,mBAAmB,MAAM;AAClC,kBAAM;AACN,uBAAW,MAAM;AACf,oBAAM;AAAA,eACL;AAAA;AAEL;AAAA,aACG;AACH,cAAI,aAAa,kBAAkB,WAAW,SAAS,iBAAiB;AACtE,kBAAM;AACN,iBAAK;AAAA;AAEP;AAAA;AAEA;AAAA;AAAA;AAIN,kBAAc,QAAQ,iBAAiB,WAAW,eAAe;AAEjE,kBAAc,QAAQ,iBAAiB,WAAW,eAAe;AAEjE,WAAO,MAAM;AACX,UAAI,cAAc,SAAS;AACzB,sBAAc,QAAQ,oBAAoB,WAAW,eAAe;AAEpE,sBAAc,QAAQ,oBAAoB,WAAW,eAAe;AAAA;AAAA;AAAA,KAGvE;AAEH,SACE,qCAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,WAAW,eAAe;AAAA,IAC1B,eAAa,WAAW,kBAAkB;AAAA,KAE1C,qCAAC,mBAAD,iCACM,aADN;AAAA,IAEE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAO;AAAA,IACP;AAAA,IACA,4BAA0B;AAAA,IAC1B,SAAS,qCAAC,sBAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA;AAAA,IAC3D,SAAS,qCAAC,sBAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA,MAAoB,MAAM;AAAA;AAAA,IACrF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB,CAAC,SAClB,qCAAC,eAAD;AAAA,MAAe,WAAW,iBAAiB;AAAA,MAAiB,MAAM,KAAK,OAAO;AAAA;AAAA,IAEhF;AAAA,IACA;AAAA;AAAA;AAMR,yBAAyB,YAAY;AAAA,EACnC,SAAS,UAAU,WAAW,MAAM;AAAA,EACpC,WAAW,UAAU,WAAW,MAAM;AAAA,EACtC,kBAAkB,UAAU;AAAA,EAC5B,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAAA,EACzB,eAAe,UAAU;AAAA,EACzB,gBAAgB,UAAU;AAAA,EAC1B,kBAAkB,UAAU;AAAA,EAC5B,kBAAkB,UAAU;AAAA,EAC5B,mBAAmB,UAAU;AAAA,EAC7B,cAAc,UAAU;AAAA,EACxB,kBAAkB,UAAU;AAAA,EAC5B,gBAAgB,UAAU;AAAA;AAG5B,IAAO,mCAAQ;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { default as default2 } from "./DSDateRangePicker";
+export * from "./DSDateRangePicker";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default } from './DSDateRangePicker';\nexport * from './DSDateRangePicker';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/dist/esm/isMaxDiffSafe.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+const MAX_YEARS_DIFF = 150;
+const isMaxDiffSafe = (startDate, endDate, prevStart, prevEnd) => {
+  try {
+    const diff = Math.abs(endDate.diff(startDate, "years"));
+    const diffStart = Math.abs(startDate.diff(prevStart, "years"));
+    const diffEnd = Math.abs(endDate.diff(prevEnd, "years"));
+    return diff < MAX_YEARS_DIFF && diffStart < MAX_YEARS_DIFF && diffEnd < MAX_YEARS_DIFF;
+  } catch (error) {
+    return true;
+  }
+};
+export {
+  MAX_YEARS_DIFF,
+  isMaxDiffSafe
+};
+//# sourceMappingURL=isMaxDiffSafe.js.map

package/dist/esm/isMaxDiffSafe.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/isMaxDiffSafe.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nexport const MAX_YEARS_DIFF = 150;\n// https://jira.elliemae.io/browse/PUI-4145\nexport const isMaxDiffSafe = (startDate, endDate, prevStart, prevEnd) => {\n  try {\n    const diff = Math.abs(endDate.diff(startDate, 'years'));\n    const diffStart = Math.abs(startDate.diff(prevStart, 'years'));\n    const diffEnd = Math.abs(endDate.diff(prevEnd, 'years'));\n    return (\n      diff < MAX_YEARS_DIFF &&\n      diffStart < MAX_YEARS_DIFF &&\n      diffEnd < MAX_YEARS_DIFF\n    );\n  } catch (error) {\n    return true;\n  }\n};\n"],
+  "mappings": "AAAA;ACCO,MAAM,iBAAiB;AAEvB,MAAM,gBAAgB,CAAC,WAAW,SAAS,WAAW,YAAY;AACvE,MAAI;AACF,UAAM,OAAO,KAAK,IAAI,QAAQ,KAAK,WAAW;AAC9C,UAAM,YAAY,KAAK,IAAI,UAAU,KAAK,WAAW;AACrD,UAAM,UAAU,KAAK,IAAI,QAAQ,KAAK,SAAS;AAC/C,WACE,OAAO,kBACP,YAAY,kBACZ,UAAU;AAAA,WAEL,OAAP;AACA,WAAO;AAAA;AAAA;",
+  "names": []
+}

package/package.json

@@ -1,39 +1,42 @@
 {
   "name": "@elliemae/ds-date-range-picker",
-  "version": "2.3.1",
+  "version": "3.0.0-alpha.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Date Range Picker",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./isMaxDiffSafe": {
-      "import": "./esm/isMaxDiffSafe.js",
-      "require": "./cjs/isMaxDiffSafe.js"
+      "import": "./dist/esm/isMaxDiffSafe.js",
+      "require": "./dist/cjs/isMaxDiffSafe.js"
     },
     "./DSDateRangePicker": {
-      "import": "./esm/DSDateRangePicker.js",
-      "require": "./cjs/DSDateRangePicker.js"
+      "import": "./dist/esm/DSDateRangePicker.js",
+      "require": "./dist/cjs/DSDateRangePicker.js"
     },
     "./components/DSDateRangePickerImpl": {
-      "import": "./esm/components/DSDateRangePickerImpl.js",
-      "require": "./cjs/components/DSDateRangePickerImpl.js"
+      "import": "./dist/esm/components/DSDateRangePickerImpl.js",
+      "require": "./dist/cjs/components/DSDateRangePickerImpl.js"
     },
     "./components/DayPickerRangeController": {
-      "import": "./esm/components/DayPickerRangeController.js",
-      "require": "./cjs/components/DayPickerRangeController.js"
+      "import": "./dist/esm/components/DayPickerRangeController.js",
+      "require": "./dist/cjs/components/DayPickerRangeController.js"
     },
     "./components/DatePickerRangeHeader/DatePickerRangeHeader": {
-      "import": "./esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js",
-      "require": "./cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js"
+      "import": "./dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js",
+      "require": "./dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js"
     },
     "./components/DatePickerLabel/DatePickerLabel": {
-      "import": "./esm/components/DatePickerLabel/DatePickerLabel.js",
-      "require": "./cjs/components/DatePickerLabel/DatePickerLabel.js"
+      "import": "./dist/esm/components/DatePickerLabel/DatePickerLabel.js",
+      "require": "./dist/cjs/components/DatePickerLabel/DatePickerLabel.js"
     }
   },
   "sideEffects": [
@@ -45,22 +48,22 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.3.1",
-    "@elliemae/ds-date-picker": "2.3.1",
-    "@elliemae/ds-form": "2.3.1",
-    "@elliemae/ds-icons": "2.3.1",
-    "@elliemae/ds-popper": "2.3.1",
+    "@elliemae/ds-classnames": "3.0.0-alpha.3",
+    "@elliemae/ds-date-picker": "3.0.0-alpha.3",
+    "@elliemae/ds-form": "3.0.0-alpha.3",
+    "@elliemae/ds-icons": "3.0.0-alpha.3",
+    "@elliemae/ds-popper": "3.0.0-alpha.3",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
     "react-dates": "~21.8.0",
@@ -73,7 +76,13 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/DSDateRangePicker.js

@@ -1,204 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var dsClassnames = require('@elliemae/ds-classnames');
-var moment = require('moment');
-require('react-dates/initialize');
-var defaultPhrases = require('react-dates/lib/defaultPhrases');
-var DayPickerRangeController = require('./components/DayPickerRangeController.js');
-var DSDateRangePickerImpl = require('./components/DSDateRangePickerImpl.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSDateRangePicker = _ref => {
-  let {
-    containerProps = {},
-    className = '',
-    disabled = false,
-    required = false,
-    startDateRequired = false,
-    endDateRequired = false,
-    id,
-    hasError = false,
-    validationMessage = '',
-    readOnly = false,
-    screenReaderInputMessage = 'Select date',
-    initialVisibleMonth = moment__default["default"](),
-    firstDayOfWeek = 0,
-    keepOpenOnDateSelect = true,
-    reopenPickerOnClearDates = false,
-    hideKeyboardShortcutsPanel = true,
-    onPrevMonthClick = () => null,
-    onNextMonthClick = () => null,
-    onClose = () => null,
-    onOutsideClick = () => null,
-    transitionDuration = 0,
-    verticalSpacing = 0,
-    minimumNights = 0,
-    isDayBlocked = () => false,
-    isOutsideRange = () => false,
-    isDayHighlighted = () => false,
-    displayFormat = 'L',
-    displayFormatDay = 'D',
-    phrases = defaultPhrases.DateRangePickerPhrases,
-    startDate,
-    endDate,
-    startDateId = 'startDateId',
-    endDateId = 'endDateId',
-    labelFrom = 'From',
-    labelTo = 'To',
-    enableOutsideDays = true,
-    onChangeStartInput = () => null,
-    onChangeEndInput = () => null,
-    onDatesChange = () => null
-  } = _ref;
-  const {
-    cssClassName,
-    prefixBlockName
-  } = dsClassnames.convertPropToCssClassName('datepicker', className, {
-    hasError,
-    readOnly,
-    disabled,
-    id
-  });
-  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-    className: "".concat(prefixBlockName, "-range ").concat(cssClassName, " ").concat(prefixBlockName, "-range"),
-    children: /*#__PURE__*/_jsx__default["default"](DSDateRangePickerImpl["default"], {
-      appendToBody: true,
-      disabled: disabled,
-      displayFormat: displayFormat,
-      displayFormatDay: displayFormatDay,
-      enableOutsideDays: enableOutsideDays,
-      endDate: endDate,
-      endDateId: endDateId,
-      firstDayOfWeek: firstDayOfWeek,
-      hideKeyboardShortcutsPanel: hideKeyboardShortcutsPanel,
-      initialVisibleMonth: () => initialVisibleMonth ? moment__default["default"](initialVisibleMonth) : moment__default["default"](startDate),
-      isDayBlocked: isDayBlocked,
-      isDayHighlighted: isDayHighlighted,
-      isOutsideRange: isOutsideRange === true || isOutsideRange === false ? () => isOutsideRange : isOutsideRange,
-      keepOpenOnDateSelect: keepOpenOnDateSelect,
-      labelFrom: labelFrom,
-      labelTo: labelTo,
-      minimumNights: minimumNights,
-      onDatesChange: onDatesChange,
-      onChangeStartInput: onChangeStartInput,
-      onChangeEndInput: onChangeEndInput,
-      onClose: onClose,
-      onNextMonthClick: onNextMonthClick,
-      onPrevMonthClick: onPrevMonthClick,
-      onOutsideClick: onOutsideClick,
-      phrases: phrases,
-      readOnly: readOnly,
-      reopenPickerOnClearDates: reopenPickerOnClearDates,
-      required: required,
-      startDateRequired: startDateRequired,
-      endDateRequired: endDateRequired,
-      screenReaderInputMessage: screenReaderInputMessage,
-      startDate: startDate,
-      startDateId: startDateId,
-      transitionDuration: transitionDuration,
-      verticalSpacing: verticalSpacing,
-      hasError: hasError,
-      validationMessage: validationMessage
-    })
-  }));
-};
-
-const dateRangePickerProps = {
-  containerProps: reactDesc.PropTypes.shape({}).description('Set of Properties attached to the main container'),
-  className: reactDesc.PropTypes.string.description('html class attribute'),
-  disabled: reactDesc.PropTypes.bool.description('disable component or not').defaultValue(false),
-  required: reactDesc.PropTypes.bool.description('input is required or not').defaultValue(false),
-  startDateRequired: reactDesc.PropTypes.bool.description('start date is required or not').defaultValue(false),
-  endDateRequired: reactDesc.PropTypes.bool.description('end date is required or not').defaultValue(false),
-  id: reactDesc.PropTypes.string.description('components id'),
-  hasError: reactDesc.PropTypes.bool.description('set error state').defaultValue(false),
-  validationMessage: reactDesc.PropTypes.string.description('validation message'),
-  readOnly: reactDesc.PropTypes.bool.description('component is read only or not').description(false),
-  screenReaderInputMessage: reactDesc.PropTypes.string.description('message to be anounced by screen reader').defaultValue('select date'),
-  initialVisibleMonth: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('initial visible month'),
-  firstDayOfWeek: reactDesc.PropTypes.number.description('first day of week').defaultValue(0),
-  keepOpenOnDateSelect: reactDesc.PropTypes.bool.description('keep picker open when a date is selected').defaultValue(true),
-  reopenPickerOnClearDates: reactDesc.PropTypes.bool.description('reopen picker when clearing dates').defaultValue(false),
-  hideKeyboardShortcutsPanel: reactDesc.PropTypes.bool.description('hide keyabord shortcut panel or not'),
-  onPrevMonthClick: reactDesc.PropTypes.func.description('function executed when clicking on prev month button'),
-  onNextMonthClick: reactDesc.PropTypes.func.description('function executed when clicking on next month button'),
-  onClose: reactDesc.PropTypes.func.description('function executed when component closes'),
-  transitionDuration: reactDesc.PropTypes.number.description('transition duration').defaultValue(0),
-  verticalSpacing: reactDesc.PropTypes.number.description('vertical spacing'),
-  isDayBlocked: reactDesc.PropTypes.func.description('function that returns each day and disables desired dates'),
-  isOutsideRange: reactDesc.PropTypes.func.description('function that returns each day and disables outisde range dates'),
-  isDayHighlighted: reactDesc.PropTypes.func.description('function that returns each day and higlights desired dates'),
-  minimumNights: 0,
-  displayFormat: reactDesc.PropTypes.string.description('display format').defaultValue('L'),
-  displayFormatDay: reactDesc.PropTypes.string.description('display format day').defaultValue('D'),
-  phrases: reactDesc.PropTypes.shape({
-    calendarLabel: reactDesc.PropTypes.string,
-    closeDatePicker: reactDesc.PropTypes.string,
-    clearDates: reactDesc.PropTypes.string,
-    focusStartDate: reactDesc.PropTypes.string,
-    jumpToPrevMonth: reactDesc.PropTypes.string,
-    jumpToNextMonth: reactDesc.PropTypes.string,
-    keyboardShortcuts: reactDesc.PropTypes.string,
-    showKeyboardShortcutsPanel: reactDesc.PropTypes.string,
-    hideKeyboardShortcutsPanel: reactDesc.PropTypes.string,
-    openThisPanel: reactDesc.PropTypes.string,
-    enterKey: reactDesc.PropTypes.string,
-    leftArrowRightArrow: reactDesc.PropTypes.string,
-    upArrowDownArrow: reactDesc.PropTypes.string,
-    pageUpPageDown: reactDesc.PropTypes.string,
-    homeEnd: reactDesc.PropTypes.string,
-    escape: reactDesc.PropTypes.string,
-    questionMark: reactDesc.PropTypes.string,
-    selectFocusedDate: reactDesc.PropTypes.string,
-    moveFocusByOneDay: reactDesc.PropTypes.string,
-    moveFocusByOneWeek: reactDesc.PropTypes.string,
-    moveFocusByOneMonth: reactDesc.PropTypes.string,
-    moveFocustoStartAndEndOfWeek: reactDesc.PropTypes.string,
-    returnFocusToInput: reactDesc.PropTypes.string,
-    keyboardNavigationInstructions: reactDesc.PropTypes.string,
-    chooseAvailableStartDate: reactDesc.PropTypes.func,
-    chooseAvailableEndDate: reactDesc.PropTypes.func,
-    dateIsUnavailable: reactDesc.PropTypes.func,
-    dateIsSelected: reactDesc.PropTypes.func
-  }).description('react-dates phrases'),
-  startDate: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('start date value'),
-  endDate: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('end date value'),
-  startDateId: reactDesc.PropTypes.string.description('start date id'),
-  endDateId: reactDesc.PropTypes.string.description('end date id'),
-  labelFrom: reactDesc.PropTypes.string.description('label of start date input'),
-  labelTo: reactDesc.PropTypes.string.description('label of end date input'),
-  enableOutsideDays: reactDesc.PropTypes.bool.description('enable days outside current month').defaultValue('true'),
-  onDatesChange: reactDesc.PropTypes.func.description('function executed when dates change'),
-  onChangeStartInput: reactDesc.PropTypes.func.description('function executed when start date input changes'),
-  onChangeEndInput: reactDesc.PropTypes.func.description('function executed when end date input changes'),
-  onOutsideClick: reactDesc.PropTypes.func.description('function executed when clicking outside component')
-};
-const DateRangePickerWithSchema = reactDesc.describe(DSDateRangePicker);
-DateRangePickerWithSchema.propTypes = dateRangePickerProps;
-
-exports.DayPickerRangeController = DayPickerRangeController;
-exports.END_DATE = DSDateRangePickerImpl.END_DATE;
-exports.START_DATE = DSDateRangePickerImpl.START_DATE;
-exports.DateRangePickerWithSchema = DateRangePickerWithSchema;
-exports["default"] = DSDateRangePicker;