@elliemae/ds-date-range-selector 3.0.0-next.8 → 3.0.0-rc.0

package/dist/cjs/DSDateRangeSelector.js

@@ -4,35 +4,30 @@ 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSDateRangeSelector_exports = {};
 __export(DSDateRangeSelector_exports, {
   CUSTOM_OPTION_VALUE: () => import_dropdownPreselectedOptions.CUSTOM_OPTION_VALUE,
+  DSDateRangeSelector: () => DSDateRangeSelector,
   DateRangeRecurrenceSelectorWithSchema: () => DateRangeRecurrenceSelectorWithSchema,
   DropdownOptionsTypes: () => import_dropdownPreselectedOptions.DropdownOptionsTypes,
   default: () => DSDateRangeSelector_default,
   dropdownPreselectedOptions: () => import_dropdownPreselectedOptions.dropdownPreselectedOptions
 });
+module.exports = __toCommonJS(DSDateRangeSelector_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_react_desc = require("react-desc");
@@ -51,7 +46,8 @@ const DSDateRangeSelector = ({
   startDate = null,
   endDate = null,
   displayFormatDay = "D",
-  disableCustomOption = false
+  disableCustomOption = false,
+  hasError = false
 }) => /* @__PURE__ */ import_react.default.createElement(import_DateRangeSelectorImpl.default, {
   className,
   containerProps,
@@ -63,7 +59,8 @@ const DSDateRangeSelector = ({
   onChange,
   placeholder,
   startDate,
-  value
+  value,
+  hasError
 });
 const dateRangeRecurrenceSelectorProps = {
   containerProps: import_react_desc.PropTypes.object.description("Set of properties attached to the main container"),
@@ -82,8 +79,8 @@ const dateRangeRecurrenceSelectorProps = {
   disableCustomOption: import_react_desc.PropTypes.bool.description("disables custom options").defaultValue(false)
 };
 DSDateRangeSelector.propTypes = dateRangeRecurrenceSelectorProps;
+DSDateRangeSelector.displayName = "DSDateRangeSelector";
 const DateRangeRecurrenceSelectorWithSchema = (0, import_react_desc.describe)(DSDateRangeSelector);
 DateRangeRecurrenceSelectorWithSchema.propTypes = dateRangeRecurrenceSelectorProps;
 var DSDateRangeSelector_default = DSDateRangeSelector;
-module.exports = __toCommonJS(DSDateRangeSelector_exports);
 //# sourceMappingURL=DSDateRangeSelector.js.map

package/dist/cjs/DSDateRangeSelector.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSDateRangeSelector.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport moment from 'moment';\nimport DateRangeSelectorImpl from './components/DateRangeSelectorImpl';\nimport {\n  DropdownOptionsTypes,\n  dropdownPreselectedOptions,\n  CUSTOM_OPTION_VALUE,\n} from './options/dropdownPreselectedOptions';\nimport CustomOptionRender from './components/CustomOptionRender/CustomOptionRender';\n\nconst DSDateRangeSelector = ({\n  containerProps = {},\n  className = '',\n  preselectedOptions = dropdownPreselectedOptions,\n  onChange = () => null,\n  placeholder = 'Select Range',\n  value = null,\n  customOptionRender = CustomOptionRender,\n  startDate = null,\n  endDate = null,\n  displayFormatDay = 'D',\n  disableCustomOption = false,\n}) => (\n  <DateRangeSelectorImpl\n    className={className}\n    containerProps={containerProps}\n    customOptionRender={customOptionRender}\n    disableCustomOption={disableCustomOption}\n    displayFormatDay={displayFormatDay}\n    dropdownPreselectedOptions={preselectedOptions}\n    endDate={endDate}\n    onChange={onChange}\n    placeholder={placeholder}\n    startDate={startDate}\n    value={value}\n  />\n);\n\nexport {\n  CUSTOM_OPTION_VALUE,\n  dropdownPreselectedOptions,\n  DropdownOptionsTypes,\n};\n\nconst dateRangeRecurrenceSelectorProps = {\n  containerProps: PropTypes.object.description(\n    'Set of properties attached to the main container',\n  ),\n  className: PropTypes.string.description('html class attribute'),\n  preselectedOptions: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n    }),\n  ).description('options to display in dropdown menu'),\n  onChange: PropTypes.func.description(\n    'function executed when selection changes',\n  ),\n  placeholder: PropTypes.string\n    .description('inputs placeholder')\n    .defaultValue('Select Range'),\n  value: PropTypes.oneOf([PropTypes.string, PropTypes.number]).description(\n    'selected value',\n  ),\n  customOptionRender: PropTypes.element.description(\n    'custom renderer for options',\n  ),\n  startDate: PropTypes.instanceOf(Date, moment).description(\n    'moment object of start date',\n  ),\n  endDate: PropTypes.instanceOf(Date, moment).description(\n    'moment object of end date',\n  ),\n  displayFormatDay: PropTypes.string\n    .description('format to display date')\n    .defaultValue('D'),\n  disableCustomOption: PropTypes.bool\n    .description('disables custom options')\n    .defaultValue(false),\n};\n\nDSDateRangeSelector.propTypes = dateRangeRecurrenceSelectorProps;\n\nconst DateRangeRecurrenceSelectorWithSchema = describe(DSDateRangeSelector);\nDateRangeRecurrenceSelectorWithSchema.propTypes = dateRangeRecurrenceSelectorProps;\n\nexport { DateRangeRecurrenceSelectorWithSchema };\nexport default DSDateRangeSelector;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,oBAAmB;AACnB,mCAAkC;AAClC,wCAIO;AACP,gCAA+B;AAE/B,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,WAAW,MAAM;AAAA,EACjB,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,MAEtB,mDAAC,sCAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,4BAA4B;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAUJ,MAAM,mCAAmC;AAAA,EACvC,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAEF,WAAW,4BAAU,OAAO,YAAY;AAAA,EACxC,oBAAoB,4BAAU,QAC5B,4BAAU,MAAM;AAAA,IACd,OAAO,4BAAU;AAAA,IACjB,OAAO,4BAAU;AAAA,MAEnB,YAAY;AAAA,EACd,UAAU,4BAAU,KAAK,YACvB;AAAA,EAEF,aAAa,4BAAU,OACpB,YAAY,sBACZ,aAAa;AAAA,EAChB,OAAO,4BAAU,MAAM,CAAC,4BAAU,QAAQ,4BAAU,SAAS,YAC3D;AAAA,EAEF,oBAAoB,4BAAU,QAAQ,YACpC;AAAA,EAEF,WAAW,4BAAU,WAAW,MAAM,uBAAQ,YAC5C;AAAA,EAEF,SAAS,4BAAU,WAAW,MAAM,uBAAQ,YAC1C;AAAA,EAEF,kBAAkB,4BAAU,OACzB,YAAY,0BACZ,aAAa;AAAA,EAChB,qBAAqB,4BAAU,KAC5B,YAAY,2BACZ,aAAa;AAAA;AAGlB,oBAAoB,YAAY;AAEhC,MAAM,wCAAwC,gCAAS;AACvD,sCAAsC,YAAY;AAGlD,IAAO,8BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport moment from 'moment';\nimport DateRangeSelectorImpl from './components/DateRangeSelectorImpl';\nimport {\n  DropdownOptionsTypes,\n  dropdownPreselectedOptions,\n  CUSTOM_OPTION_VALUE,\n} from './options/dropdownPreselectedOptions';\nimport CustomOptionRender from './components/CustomOptionRender/CustomOptionRender';\n\nconst DSDateRangeSelector = ({\n  containerProps = {},\n  className = '',\n  preselectedOptions = dropdownPreselectedOptions,\n  onChange = () => null,\n  placeholder = 'Select Range',\n  value = null,\n  customOptionRender = CustomOptionRender,\n  startDate = null,\n  endDate = null,\n  displayFormatDay = 'D',\n  disableCustomOption = false,\n  hasError = false,\n}) => (\n  <DateRangeSelectorImpl\n    className={className}\n    containerProps={containerProps}\n    customOptionRender={customOptionRender}\n    disableCustomOption={disableCustomOption}\n    displayFormatDay={displayFormatDay}\n    dropdownPreselectedOptions={preselectedOptions}\n    endDate={endDate}\n    onChange={onChange}\n    placeholder={placeholder}\n    startDate={startDate}\n    value={value}\n    hasError={hasError}\n  />\n);\n\nexport { CUSTOM_OPTION_VALUE, dropdownPreselectedOptions, DropdownOptionsTypes };\n\nconst dateRangeRecurrenceSelectorProps = {\n  containerProps: PropTypes.object.description('Set of properties attached to the main container'),\n  className: PropTypes.string.description('html class attribute'),\n  preselectedOptions: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n    }),\n  ).description('options to display in dropdown menu'),\n  onChange: PropTypes.func.description('function executed when selection changes'),\n  placeholder: PropTypes.string.description('inputs placeholder').defaultValue('Select Range'),\n  value: PropTypes.oneOf([PropTypes.string, PropTypes.number]).description('selected value'),\n  customOptionRender: PropTypes.element.description('custom renderer for options'),\n  startDate: PropTypes.instanceOf(Date, moment).description('moment object of start date'),\n  endDate: PropTypes.instanceOf(Date, moment).description('moment object of end date'),\n  displayFormatDay: PropTypes.string.description('format to display date').defaultValue('D'),\n  disableCustomOption: PropTypes.bool.description('disables custom options').defaultValue(false),\n};\n\nDSDateRangeSelector.propTypes = dateRangeRecurrenceSelectorProps;\nDSDateRangeSelector.displayName = 'DSDateRangeSelector';\nconst DateRangeRecurrenceSelectorWithSchema = describe(DSDateRangeSelector);\nDateRangeRecurrenceSelectorWithSchema.propTypes = dateRangeRecurrenceSelectorProps;\n\nexport { DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector };\nexport default DSDateRangeSelector;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,oBAAmB;AACnB,mCAAkC;AAClC,wCAIO;AACP,gCAA+B;AAE/B,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,WAAW,MAAM;AAAA,EACjB,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,WAAW;AAAA,MAEX,mDAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,4BAA4B;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAKF,MAAM,mCAAmC;AAAA,EACvC,gBAAgB,4BAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,4BAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,oBAAoB,4BAAU,QAC5B,4BAAU,MAAM;AAAA,IACd,OAAO,4BAAU;AAAA,IACjB,OAAO,4BAAU;AAAA,EACnB,CAAC,CACH,EAAE,YAAY,qCAAqC;AAAA,EACnD,UAAU,4BAAU,KAAK,YAAY,0CAA0C;AAAA,EAC/E,aAAa,4BAAU,OAAO,YAAY,oBAAoB,EAAE,aAAa,cAAc;AAAA,EAC3F,OAAO,4BAAU,MAAM,CAAC,4BAAU,QAAQ,4BAAU,MAAM,CAAC,EAAE,YAAY,gBAAgB;AAAA,EACzF,oBAAoB,4BAAU,QAAQ,YAAY,6BAA6B;AAAA,EAC/E,WAAW,4BAAU,WAAW,MAAM,qBAAM,EAAE,YAAY,6BAA6B;AAAA,EACvF,SAAS,4BAAU,WAAW,MAAM,qBAAM,EAAE,YAAY,2BAA2B;AAAA,EACnF,kBAAkB,4BAAU,OAAO,YAAY,wBAAwB,EAAE,aAAa,GAAG;AAAA,EACzF,qBAAqB,4BAAU,KAAK,YAAY,yBAAyB,EAAE,aAAa,KAAK;AAC/F;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,wCAAwC,gCAAS,mBAAmB;AAC1E,sCAAsC,YAAY;AAGlD,IAAO,8BAAQ;",
   "names": []
 }

package/dist/cjs/components/CustomOptionRender/CustomOptionRender.js

@@ -4,31 +4,25 @@ 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var CustomOptionRender_exports = {};
 __export(CustomOptionRender_exports, {
   default: () => CustomOptionRender_default
 });
+module.exports = __toCommonJS(CustomOptionRender_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_classnames = require("@elliemae/ds-classnames");
@@ -42,5 +36,4 @@ const CustomOptionRender = ({ customRange: { startDate, endDate } }) => {
   }, display);
 };
 var CustomOptionRender_default = CustomOptionRender;
-module.exports = __toCommonJS(CustomOptionRender_exports);
 //# sourceMappingURL=CustomOptionRender.js.map

package/dist/cjs/components/CustomOptionRender/CustomOptionRender.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/CustomOptionRender/CustomOptionRender.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst { cssClassName } = convertPropToCssClassName(\n  'date-range-selector-customoption',\n);\n/**\n * @param root0\n * @param root0.customRange\n * @param root0.customRange.startDate\n * @param root0.customRange.endDate\n * @customRange {\nendDate\nstartDate\n}\n */\nconst CustomOptionRender = ({ customRange: { startDate, endDate } }) => {\n  const start = startDate ? startDate.format('MM/DD/YYYY') : null;\n  const end = endDate ? endDate.format('MM/DD/YYYY') : null;\n  const display = `From ${start} to ${end}` || 'Custom';\n  return <em className={cssClassName}>{display}</em>;\n};\n\nexport default CustomOptionRender;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAA0C;AAE1C,MAAM,EAAE,iBAAiB,oDACvB;AAYF,MAAM,qBAAqB,CAAC,EAAE,aAAa,EAAE,WAAW,gBAAgB;AACtE,QAAM,QAAQ,YAAY,UAAU,OAAO,gBAAgB;AAC3D,QAAM,MAAM,UAAU,QAAQ,OAAO,gBAAgB;AACrD,QAAM,UAAU,QAAQ,YAAY,SAAS;AAC7C,SAAO,mDAAC,MAAD;AAAA,IAAI,WAAW;AAAA,KAAe;AAAA;AAGvC,IAAO,6BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAA0C;AAE1C,MAAM,EAAE,iBAAiB,oDACvB,kCACF;AAWA,MAAM,qBAAqB,CAAC,EAAE,aAAa,EAAE,WAAW,gBAAgB;AACtE,QAAM,QAAQ,YAAY,UAAU,OAAO,YAAY,IAAI;AAC3D,QAAM,MAAM,UAAU,QAAQ,OAAO,YAAY,IAAI;AACrD,QAAM,UAAU,QAAQ,YAAY,SAAS;AAC7C,SAAO,mDAAC;AAAA,IAAG,WAAW;AAAA,KAAe,OAAQ;AAC/C;AAEA,IAAO,6BAAQ;",
   "names": []
 }

package/dist/cjs/components/DateRangeSelectorImpl.js

@@ -21,31 +21,25 @@ var __spreadValues = (a, b) => {
   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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DateRangeSelectorImpl_exports = {};
 __export(DateRangeSelectorImpl_exports, {
   default: () => DateRangeSelectorImpl_default
 });
+module.exports = __toCommonJS(DateRangeSelectorImpl_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_moment = __toESM(require("moment"));
@@ -108,6 +102,8 @@ class DateTimeRecurenceSelectorImpl extends import_react.Component {
       focusedInput: START_DATE,
       customRange
     };
+    this.onDatesChange = this.onDatesChange.bind(this);
+    this.onFocusChange = this.onFocusChange.bind(this);
     const { customOptionRender: CustomOptionRender } = props;
     advanceOption.label = /* @__PURE__ */ import_react.default.createElement(CustomOptionRender, {
       customRange
@@ -135,7 +131,8 @@ class DateTimeRecurenceSelectorImpl extends import_react.Component {
       displayFormatDay,
       className,
       disableCustomOption,
-      containerProps
+      containerProps,
+      hasError
     } = this.props;
     const {
       selected,
@@ -162,6 +159,7 @@ class DateTimeRecurenceSelectorImpl extends import_react.Component {
       options,
       placeholder,
       value: selected,
+      hasError,
       keepTypedValue: false
     })), /* @__PURE__ */ import_react.default.createElement(import_ds_popper.default, {
       contentComponent: /* @__PURE__ */ import_react.default.createElement("div", {
@@ -193,5 +191,4 @@ class DateTimeRecurenceSelectorImpl extends import_react.Component {
   }
 }
 var DateRangeSelectorImpl_default = DateTimeRecurenceSelectorImpl;
-module.exports = __toCommonJS(DateRangeSelectorImpl_exports);
 //# sourceMappingURL=DateRangeSelectorImpl.js.map

package/dist/cjs/components/DateRangeSelectorImpl.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/DateRangeSelectorImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport moment from 'moment';\nimport { components } from 'react-select';\nimport 'react-dates/initialize';\nimport { DayPickerRangeController } from 'react-dates';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox } from '@elliemae/ds-form';\nimport DSPopper from '@elliemae/ds-popper';\nimport { DatePickerDay, DatePickerNavigation } from '@elliemae/ds-date-picker';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { CUSTOM_OPTION_VALUE } from '../options/dropdownPreselectedOptions';\n\nconst START_DATE = 'startDate';\nconst END_DATE = 'endDate';\n\nconst advanceOption = {\n  label: 'Custom',\n  value: CUSTOM_OPTION_VALUE,\n  isAdvance: true,\n};\nconst { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName('date-range-selector');\n\nconst { classNameElement: pickerNameElement } = convertPropToCssClassName('datepicker');\n\nclass DateTimeRecurenceSelectorImpl extends Component {\n  constructor(props) {\n    super(props);\n\n    const customRange = {\n      startDate: props.startDate ? moment(props.startDate) : moment(),\n      endDate: props.endDate ? moment(props.endDate) : moment(),\n    };\n    this.state = {\n      openModal: false,\n      selected: props.value,\n      focusedInput: START_DATE,\n      customRange,\n    };\n    const { customOptionRender: CustomOptionRender } = props;\n    advanceOption.label = <CustomOptionRender customRange={customRange} />;\n  }\n\n  onChange = () => {\n    const { onChange } = this.props;\n    const { customRange, selected } = this.state;\n    onChange(selected, customRange);\n  };\n\n  onChangeDropdown = (value) => {\n    const { dropdownPreselectedOptions } = this.props;\n    const selected = dropdownPreselectedOptions.find((op) => op.value === value);\n    const { onChange } = this.props;\n    if (!selected) {\n      this.setState({ selected: value });\n      this.handleOpenModal();\n    } else if (selected) {\n      onChange(value);\n      this.setState({ selected: value, openModal: false });\n    }\n  };\n\n  onDatesChange({ startDate, endDate }) {\n    this.setState(\n      {\n        customRange: {\n          startDate,\n          endDate,\n        },\n      },\n      () => {\n        this.onChange();\n      },\n    );\n  }\n\n  onFocusChange() {\n    this.setState(({ focusedInput }) => ({\n      focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE,\n    }));\n  }\n\n  handleConfirm = () => {\n    const { customOptionRender: CustomOptionRender } = this.props;\n    const { customRange } = this.state;\n    advanceOption.label = <CustomOptionRender customRange={customRange} />;\n    this.onChange();\n    this.handleCloseModal();\n  };\n\n  handleOpenModal = () => this.setState({ openModal: true });\n\n  handleCloseModal = () => this.setState({ openModal: false });\n\n  render() {\n    const {\n      placeholder,\n      dropdownPreselectedOptions,\n      displayFormatDay,\n      className,\n      disableCustomOption,\n      containerProps,\n    } = this.props;\n    const {\n      selected,\n      openModal,\n      focusedInput,\n      customRange: { startDate, endDate },\n    } = this.state;\n\n    let options = [...dropdownPreselectedOptions];\n    if (!disableCustomOption) {\n      options = [...options, advanceOption];\n      // eslint-disable-next-line max-lines\n    }\n\n    return (\n      <div {...containerProps} className={`${cssClassName} ${className}`}>\n        <div className={`${classNameBlock('container-selector')}`}>\n          <DSComboBox\n            className={`${classNameElement('dropdown-field-selector')}`}\n            components={{\n              Option: (props) => <components.Option {...props} />,\n              IndicatorSeparator: () => null,\n            }}\n            onChange={this.onChangeDropdown}\n            onKeyDown={this.onKeyDown}\n            options={options}\n            placeholder={placeholder}\n            value={selected}\n            keepTypedValue={false} // TEMPORARY FIX\n          />\n        </div>\n        <DSPopper\n          contentComponent={\n            <div className={classNameBlock('wrap-day-picker')}>\n              <DayPickerRangeController\n                endDate={endDate}\n                focusedInput={focusedInput}\n                hideKeyboardShortcutsPanel\n                navNext={<DatePickerNavigation className={pickerNameElement('navigation-next')} />}\n                navPrev={<DatePickerNavigation className={pickerNameElement('navigation-prev')} icon={ChevronLeft} />}\n                onDatesChange={this.onDatesChange}\n                onFocusChange={this.onFocusChange}\n                onOutsideClick={this.handleConfirm}\n                renderDayContents={(date) => (\n                  <DatePickerDay className={pickerNameElement('day-contents')} date={date.format(displayFormatDay)} />\n                )}\n                startDate={startDate}\n              />\n            </div>\n          }\n          isOpen={openModal}\n          showArrow={false}\n          triggerComponent={<div />}\n        />\n      </div>\n    );\n  }\n}\n\nexport default DateTimeRecurenceSelectorImpl;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport moment from 'moment';\nimport { components } from 'react-select';\nimport 'react-dates/initialize';\nimport { DayPickerRangeController } from 'react-dates';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox } from '@elliemae/ds-form';\nimport DSPopper from '@elliemae/ds-popper';\nimport { DatePickerDay, DatePickerNavigation } from '@elliemae/ds-date-picker';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { CUSTOM_OPTION_VALUE } from '../options/dropdownPreselectedOptions';\n\nconst START_DATE = 'startDate';\nconst END_DATE = 'endDate';\n\nconst advanceOption = {\n  label: 'Custom',\n  value: CUSTOM_OPTION_VALUE,\n  isAdvance: true,\n};\nconst { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName('date-range-selector');\n\nconst { classNameElement: pickerNameElement } = convertPropToCssClassName('datepicker');\n\nclass DateTimeRecurenceSelectorImpl extends Component {\n  constructor(props) {\n    super(props);\n\n    const customRange = {\n      startDate: props.startDate ? moment(props.startDate) : moment(),\n      endDate: props.endDate ? moment(props.endDate) : moment(),\n    };\n    this.state = {\n      openModal: false,\n      selected: props.value,\n      focusedInput: START_DATE,\n      customRange,\n    };\n\n    this.onDatesChange = this.onDatesChange.bind(this);\n    this.onFocusChange = this.onFocusChange.bind(this);\n\n    const { customOptionRender: CustomOptionRender } = props;\n    advanceOption.label = <CustomOptionRender customRange={customRange} />;\n  }\n\n  onChange = () => {\n    const { onChange } = this.props;\n    const { customRange, selected } = this.state;\n    onChange(selected, customRange);\n  };\n\n  onChangeDropdown = (value) => {\n    const { dropdownPreselectedOptions } = this.props;\n    const selected = dropdownPreselectedOptions.find((op) => op.value === value);\n    const { onChange } = this.props;\n    if (!selected) {\n      this.setState({ selected: value });\n      this.handleOpenModal();\n    } else if (selected) {\n      onChange(value);\n      this.setState({ selected: value, openModal: false });\n    }\n  };\n\n  onDatesChange({ startDate, endDate }) {\n    this.setState(\n      {\n        customRange: {\n          startDate,\n          endDate,\n        },\n      },\n      () => {\n        this.onChange();\n      },\n    );\n  }\n\n  onFocusChange() {\n    this.setState(({ focusedInput }) => ({\n      focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE,\n    }));\n  }\n\n  handleConfirm = () => {\n    const { customOptionRender: CustomOptionRender } = this.props;\n    const { customRange } = this.state;\n    advanceOption.label = <CustomOptionRender customRange={customRange} />;\n    this.onChange();\n    this.handleCloseModal();\n  };\n\n  handleOpenModal = () => this.setState({ openModal: true });\n\n  handleCloseModal = () => this.setState({ openModal: false });\n\n  render() {\n    const {\n      placeholder,\n      dropdownPreselectedOptions,\n      displayFormatDay,\n      className,\n      disableCustomOption,\n      containerProps,\n      hasError,\n    } = this.props;\n    const {\n      selected,\n      openModal,\n      focusedInput,\n      customRange: { startDate, endDate },\n    } = this.state;\n\n    let options = [...dropdownPreselectedOptions];\n    if (!disableCustomOption) {\n      options = [...options, advanceOption];\n      // eslint-disable-next-line max-lines\n    }\n\n    return (\n      <div {...containerProps} className={`${cssClassName} ${className}`}>\n        <div className={`${classNameBlock('container-selector')}`}>\n          <DSComboBox\n            className={`${classNameElement('dropdown-field-selector')}`}\n            components={{\n              Option: (props) => <components.Option {...props} />,\n              IndicatorSeparator: () => null,\n            }}\n            onChange={this.onChangeDropdown}\n            onKeyDown={this.onKeyDown}\n            options={options}\n            placeholder={placeholder}\n            value={selected}\n            hasError={hasError}\n            keepTypedValue={false} // TEMPORARY FIX\n          />\n        </div>\n        <DSPopper\n          contentComponent={\n            <div className={classNameBlock('wrap-day-picker')}>\n              <DayPickerRangeController\n                endDate={endDate}\n                focusedInput={focusedInput}\n                hideKeyboardShortcutsPanel\n                navNext={<DatePickerNavigation className={pickerNameElement('navigation-next')} />}\n                navPrev={<DatePickerNavigation className={pickerNameElement('navigation-prev')} icon={ChevronLeft} />}\n                onDatesChange={this.onDatesChange}\n                onFocusChange={this.onFocusChange}\n                onOutsideClick={this.handleConfirm}\n                renderDayContents={(date) => (\n                  <DatePickerDay className={pickerNameElement('day-contents')} date={date.format(displayFormatDay)} />\n                )}\n                startDate={startDate}\n              />\n            </div>\n          }\n          isOpen={openModal}\n          showArrow={false}\n          triggerComponent={<div />}\n        />\n      </div>\n    );\n  }\n}\n\nexport default DateTimeRecurenceSelectorImpl;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/index.js

@@ -4,35 +4,29 @@ 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
   CUSTOM_OPTION_VALUE: () => import_DSDateRangeSelector2.CUSTOM_OPTION_VALUE,
+  DSDateRangeSelector: () => import_DSDateRangeSelector.DSDateRangeSelector,
   DateRangeRecurrenceSelectorWithSchema: () => import_DSDateRangeSelector.DateRangeRecurrenceSelectorWithSchema,
   default: () => import_DSDateRangeSelector.default
 });
+module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
 var import_DSDateRangeSelector = __toESM(require("./DSDateRangeSelector"));
 var import_DSDateRangeSelector2 = require("./DSDateRangeSelector");
-module.exports = __toCommonJS(src_exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export {\n  default,\n  DateRangeRecurrenceSelectorWithSchema,\n} from './DSDateRangeSelector';\nexport { CUSTOM_OPTION_VALUE } from './DSDateRangeSelector';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAGO;AACP,kCAAoC;",
+  "sourcesContent": ["export { default, DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector } from './DSDateRangeSelector';\nexport { CUSTOM_OPTION_VALUE } from './DSDateRangeSelector';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAAoF;AACpF,kCAAoC;",
   "names": []
 }

package/dist/cjs/options/dropdownPreselectedOptions.js

@@ -4,33 +4,27 @@ 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 });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var dropdownPreselectedOptions_exports = {};
 __export(dropdownPreselectedOptions_exports, {
   CUSTOM_OPTION_VALUE: () => CUSTOM_OPTION_VALUE,
   DropdownOptionsTypes: () => DropdownOptionsTypes,
   dropdownPreselectedOptions: () => dropdownPreselectedOptions
 });
+module.exports = __toCommonJS(dropdownPreselectedOptions_exports);
 var React = __toESM(require("react"));
 const DropdownOptionsTypes = {
   TODAY: "today",
@@ -67,5 +61,4 @@ const dropdownPreselectedOptions = [
   }
 ];
 const CUSTOM_OPTION_VALUE = "custom-option-value";
-module.exports = __toCommonJS(dropdownPreselectedOptions_exports);
 //# sourceMappingURL=dropdownPreselectedOptions.js.map

package/dist/cjs/options/dropdownPreselectedOptions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/options/dropdownPreselectedOptions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const DropdownOptionsTypes = {\n  TODAY: 'today',\n  YESTERDAY: 'yesterday',\n  LAST_7_DAYS: '7days',\n  LAST_30_DAYS: '30days',\n  THIS_MONTH: 'thismonth',\n  LAST_MONTH: 'lastmonth',\n};\nexport const dropdownPreselectedOptions = [\n  {\n    label: 'Today',\n    value: DropdownOptionsTypes.TODAY,\n  },\n  {\n    label: 'Yesterday',\n    value: DropdownOptionsTypes.YESTERDAY,\n  },\n  {\n    label: 'Last 7 Days',\n    value: DropdownOptionsTypes.LAST_7_DAYS,\n  },\n  {\n    label: 'Last 30 days',\n    value: DropdownOptionsTypes.LAST_30_DAYS,\n  },\n  {\n    label: 'This month',\n    value: DropdownOptionsTypes.THIS_MONTH,\n  },\n  {\n    label: 'Last month',\n    value: DropdownOptionsTypes.LAST_MONTH,\n  },\n];\n\nexport const CUSTOM_OPTION_VALUE = 'custom-option-value';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,uBAAuB;AAAA,EAClC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA;AAEP,MAAM,6BAA6B;AAAA,EACxC;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA;AAAA,EAE9B;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA;AAAA,EAE9B;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA;AAAA,EAE9B;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA;AAAA,EAE9B;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA;AAAA,EAE9B;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA;AAAA;AAIzB,MAAM,sBAAsB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,uBAAuB;AAAA,EAClC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AACd;AACO,MAAM,6BAA6B;AAAA,EACxC;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA,EAC9B;AACF;AAEO,MAAM,sBAAsB;",
   "names": []
 }

package/dist/esm/DSDateRangeSelector.js

@@ -20,7 +20,8 @@ const DSDateRangeSelector = ({
   startDate = null,
   endDate = null,
   displayFormatDay = "D",
-  disableCustomOption = false
+  disableCustomOption = false,
+  hasError = false
 }) => /* @__PURE__ */ React2.createElement(DateRangeSelectorImpl, {
   className,
   containerProps,
@@ -32,7 +33,8 @@ const DSDateRangeSelector = ({
   onChange,
   placeholder,
   startDate,
-  value
+  value,
+  hasError
 });
 const dateRangeRecurrenceSelectorProps = {
   containerProps: PropTypes.object.description("Set of properties attached to the main container"),
@@ -51,11 +53,13 @@ const dateRangeRecurrenceSelectorProps = {
   disableCustomOption: PropTypes.bool.description("disables custom options").defaultValue(false)
 };
 DSDateRangeSelector.propTypes = dateRangeRecurrenceSelectorProps;
+DSDateRangeSelector.displayName = "DSDateRangeSelector";
 const DateRangeRecurrenceSelectorWithSchema = describe(DSDateRangeSelector);
 DateRangeRecurrenceSelectorWithSchema.propTypes = dateRangeRecurrenceSelectorProps;
 var DSDateRangeSelector_default = DSDateRangeSelector;
 export {
   CUSTOM_OPTION_VALUE,
+  DSDateRangeSelector,
   DateRangeRecurrenceSelectorWithSchema,
   DropdownOptionsTypes,
   DSDateRangeSelector_default as default,

package/dist/esm/DSDateRangeSelector.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSDateRangeSelector.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport moment from 'moment';\nimport DateRangeSelectorImpl from './components/DateRangeSelectorImpl';\nimport {\n  DropdownOptionsTypes,\n  dropdownPreselectedOptions,\n  CUSTOM_OPTION_VALUE,\n} from './options/dropdownPreselectedOptions';\nimport CustomOptionRender from './components/CustomOptionRender/CustomOptionRender';\n\nconst DSDateRangeSelector = ({\n  containerProps = {},\n  className = '',\n  preselectedOptions = dropdownPreselectedOptions,\n  onChange = () => null,\n  placeholder = 'Select Range',\n  value = null,\n  customOptionRender = CustomOptionRender,\n  startDate = null,\n  endDate = null,\n  displayFormatDay = 'D',\n  disableCustomOption = false,\n}) => (\n  <DateRangeSelectorImpl\n    className={className}\n    containerProps={containerProps}\n    customOptionRender={customOptionRender}\n    disableCustomOption={disableCustomOption}\n    displayFormatDay={displayFormatDay}\n    dropdownPreselectedOptions={preselectedOptions}\n    endDate={endDate}\n    onChange={onChange}\n    placeholder={placeholder}\n    startDate={startDate}\n    value={value}\n  />\n);\n\nexport {\n  CUSTOM_OPTION_VALUE,\n  dropdownPreselectedOptions,\n  DropdownOptionsTypes,\n};\n\nconst dateRangeRecurrenceSelectorProps = {\n  containerProps: PropTypes.object.description(\n    'Set of properties attached to the main container',\n  ),\n  className: PropTypes.string.description('html class attribute'),\n  preselectedOptions: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n    }),\n  ).description('options to display in dropdown menu'),\n  onChange: PropTypes.func.description(\n    'function executed when selection changes',\n  ),\n  placeholder: PropTypes.string\n    .description('inputs placeholder')\n    .defaultValue('Select Range'),\n  value: PropTypes.oneOf([PropTypes.string, PropTypes.number]).description(\n    'selected value',\n  ),\n  customOptionRender: PropTypes.element.description(\n    'custom renderer for options',\n  ),\n  startDate: PropTypes.instanceOf(Date, moment).description(\n    'moment object of start date',\n  ),\n  endDate: PropTypes.instanceOf(Date, moment).description(\n    'moment object of end date',\n  ),\n  displayFormatDay: PropTypes.string\n    .description('format to display date')\n    .defaultValue('D'),\n  disableCustomOption: PropTypes.bool\n    .description('disables custom options')\n    .defaultValue(false),\n};\n\nDSDateRangeSelector.propTypes = dateRangeRecurrenceSelectorProps;\n\nconst DateRangeRecurrenceSelectorWithSchema = describe(DSDateRangeSelector);\nDateRangeRecurrenceSelectorWithSchema.propTypes = dateRangeRecurrenceSelectorProps;\n\nexport { DateRangeRecurrenceSelectorWithSchema };\nexport default DSDateRangeSelector;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,WAAW,MAAM;AAAA,EACjB,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,MAEtB,qCAAC,uBAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,4BAA4B;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAUJ,MAAM,mCAAmC;AAAA,EACvC,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAEF,WAAW,UAAU,OAAO,YAAY;AAAA,EACxC,oBAAoB,UAAU,QAC5B,UAAU,MAAM;AAAA,IACd,OAAO,UAAU;AAAA,IACjB,OAAO,UAAU;AAAA,MAEnB,YAAY;AAAA,EACd,UAAU,UAAU,KAAK,YACvB;AAAA,EAEF,aAAa,UAAU,OACpB,YAAY,sBACZ,aAAa;AAAA,EAChB,OAAO,UAAU,MAAM,CAAC,UAAU,QAAQ,UAAU,SAAS,YAC3D;AAAA,EAEF,oBAAoB,UAAU,QAAQ,YACpC;AAAA,EAEF,WAAW,UAAU,WAAW,MAAM,QAAQ,YAC5C;AAAA,EAEF,SAAS,UAAU,WAAW,MAAM,QAAQ,YAC1C;AAAA,EAEF,kBAAkB,UAAU,OACzB,YAAY,0BACZ,aAAa;AAAA,EAChB,qBAAqB,UAAU,KAC5B,YAAY,2BACZ,aAAa;AAAA;AAGlB,oBAAoB,YAAY;AAEhC,MAAM,wCAAwC,SAAS;AACvD,sCAAsC,YAAY;AAGlD,IAAO,8BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport moment from 'moment';\nimport DateRangeSelectorImpl from './components/DateRangeSelectorImpl';\nimport {\n  DropdownOptionsTypes,\n  dropdownPreselectedOptions,\n  CUSTOM_OPTION_VALUE,\n} from './options/dropdownPreselectedOptions';\nimport CustomOptionRender from './components/CustomOptionRender/CustomOptionRender';\n\nconst DSDateRangeSelector = ({\n  containerProps = {},\n  className = '',\n  preselectedOptions = dropdownPreselectedOptions,\n  onChange = () => null,\n  placeholder = 'Select Range',\n  value = null,\n  customOptionRender = CustomOptionRender,\n  startDate = null,\n  endDate = null,\n  displayFormatDay = 'D',\n  disableCustomOption = false,\n  hasError = false,\n}) => (\n  <DateRangeSelectorImpl\n    className={className}\n    containerProps={containerProps}\n    customOptionRender={customOptionRender}\n    disableCustomOption={disableCustomOption}\n    displayFormatDay={displayFormatDay}\n    dropdownPreselectedOptions={preselectedOptions}\n    endDate={endDate}\n    onChange={onChange}\n    placeholder={placeholder}\n    startDate={startDate}\n    value={value}\n    hasError={hasError}\n  />\n);\n\nexport { CUSTOM_OPTION_VALUE, dropdownPreselectedOptions, DropdownOptionsTypes };\n\nconst dateRangeRecurrenceSelectorProps = {\n  containerProps: PropTypes.object.description('Set of properties attached to the main container'),\n  className: PropTypes.string.description('html class attribute'),\n  preselectedOptions: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.string,\n    }),\n  ).description('options to display in dropdown menu'),\n  onChange: PropTypes.func.description('function executed when selection changes'),\n  placeholder: PropTypes.string.description('inputs placeholder').defaultValue('Select Range'),\n  value: PropTypes.oneOf([PropTypes.string, PropTypes.number]).description('selected value'),\n  customOptionRender: PropTypes.element.description('custom renderer for options'),\n  startDate: PropTypes.instanceOf(Date, moment).description('moment object of start date'),\n  endDate: PropTypes.instanceOf(Date, moment).description('moment object of end date'),\n  displayFormatDay: PropTypes.string.description('format to display date').defaultValue('D'),\n  disableCustomOption: PropTypes.bool.description('disables custom options').defaultValue(false),\n};\n\nDSDateRangeSelector.propTypes = dateRangeRecurrenceSelectorProps;\nDSDateRangeSelector.displayName = 'DSDateRangeSelector';\nconst DateRangeRecurrenceSelectorWithSchema = describe(DSDateRangeSelector);\nDateRangeRecurrenceSelectorWithSchema.propTypes = dateRangeRecurrenceSelectorProps;\n\nexport { DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector };\nexport default DSDateRangeSelector;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA,MAAM,sBAAsB,CAAC;AAAA,EAC3B,iBAAiB,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,WAAW,MAAM;AAAA,EACjB,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,WAAW;AAAA,MAEX,qCAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,4BAA4B;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAKF,MAAM,mCAAmC;AAAA,EACvC,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,oBAAoB,UAAU,QAC5B,UAAU,MAAM;AAAA,IACd,OAAO,UAAU;AAAA,IACjB,OAAO,UAAU;AAAA,EACnB,CAAC,CACH,EAAE,YAAY,qCAAqC;AAAA,EACnD,UAAU,UAAU,KAAK,YAAY,0CAA0C;AAAA,EAC/E,aAAa,UAAU,OAAO,YAAY,oBAAoB,EAAE,aAAa,cAAc;AAAA,EAC3F,OAAO,UAAU,MAAM,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,gBAAgB;AAAA,EACzF,oBAAoB,UAAU,QAAQ,YAAY,6BAA6B;AAAA,EAC/E,WAAW,UAAU,WAAW,MAAM,MAAM,EAAE,YAAY,6BAA6B;AAAA,EACvF,SAAS,UAAU,WAAW,MAAM,MAAM,EAAE,YAAY,2BAA2B;AAAA,EACnF,kBAAkB,UAAU,OAAO,YAAY,wBAAwB,EAAE,aAAa,GAAG;AAAA,EACzF,qBAAqB,UAAU,KAAK,YAAY,yBAAyB,EAAE,aAAa,KAAK;AAC/F;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,wCAAwC,SAAS,mBAAmB;AAC1E,sCAAsC,YAAY;AAGlD,IAAO,8BAAQ;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/CustomOptionRender/CustomOptionRender.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\n\nconst { cssClassName } = convertPropToCssClassName(\n  'date-range-selector-customoption',\n);\n/**\n * @param root0\n * @param root0.customRange\n * @param root0.customRange.startDate\n * @param root0.customRange.endDate\n * @customRange {\nendDate\nstartDate\n}\n */\nconst CustomOptionRender = ({ customRange: { startDate, endDate } }) => {\n  const start = startDate ? startDate.format('MM/DD/YYYY') : null;\n  const end = endDate ? endDate.format('MM/DD/YYYY') : null;\n  const display = `From ${start} to ${end}` || 'Custom';\n  return <em className={cssClassName}>{display}</em>;\n};\n\nexport default CustomOptionRender;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,EAAE,iBAAiB,0BACvB;AAYF,MAAM,qBAAqB,CAAC,EAAE,aAAa,EAAE,WAAW,gBAAgB;AACtE,QAAM,QAAQ,YAAY,UAAU,OAAO,gBAAgB;AAC3D,QAAM,MAAM,UAAU,QAAQ,OAAO,gBAAgB;AACrD,QAAM,UAAU,QAAQ,YAAY,SAAS;AAC7C,SAAO,qCAAC,MAAD;AAAA,IAAI,WAAW;AAAA,KAAe;AAAA;AAGvC,IAAO,6BAAQ;",
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,EAAE,iBAAiB,0BACvB,kCACF;AAWA,MAAM,qBAAqB,CAAC,EAAE,aAAa,EAAE,WAAW,gBAAgB;AACtE,QAAM,QAAQ,YAAY,UAAU,OAAO,YAAY,IAAI;AAC3D,QAAM,MAAM,UAAU,QAAQ,OAAO,YAAY,IAAI;AACrD,QAAM,UAAU,QAAQ,YAAY,SAAS;AAC7C,SAAO,qCAAC;AAAA,IAAG,WAAW;AAAA,KAAe,OAAQ;AAC/C;AAEA,IAAO,6BAAQ;",
   "names": []
 }

package/dist/esm/components/DateRangeSelectorImpl.js

@@ -79,6 +79,8 @@ class DateTimeRecurenceSelectorImpl extends Component {
       focusedInput: START_DATE,
       customRange
     };
+    this.onDatesChange = this.onDatesChange.bind(this);
+    this.onFocusChange = this.onFocusChange.bind(this);
     const { customOptionRender: CustomOptionRender } = props;
     advanceOption.label = /* @__PURE__ */ React2.createElement(CustomOptionRender, {
       customRange
@@ -106,7 +108,8 @@ class DateTimeRecurenceSelectorImpl extends Component {
       displayFormatDay,
       className,
       disableCustomOption,
-      containerProps
+      containerProps,
+      hasError
     } = this.props;
     const {
       selected,
@@ -133,6 +136,7 @@ class DateTimeRecurenceSelectorImpl extends Component {
       options,
       placeholder,
       value: selected,
+      hasError,
       keepTypedValue: false
     })), /* @__PURE__ */ React2.createElement(DSPopper, {
       contentComponent: /* @__PURE__ */ React2.createElement("div", {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DateRangeSelectorImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport moment from 'moment';\nimport { components } from 'react-select';\nimport 'react-dates/initialize';\nimport { DayPickerRangeController } from 'react-dates';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox } from '@elliemae/ds-form';\nimport DSPopper from '@elliemae/ds-popper';\nimport { DatePickerDay, DatePickerNavigation } from '@elliemae/ds-date-picker';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { CUSTOM_OPTION_VALUE } from '../options/dropdownPreselectedOptions';\n\nconst START_DATE = 'startDate';\nconst END_DATE = 'endDate';\n\nconst advanceOption = {\n  label: 'Custom',\n  value: CUSTOM_OPTION_VALUE,\n  isAdvance: true,\n};\nconst { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName('date-range-selector');\n\nconst { classNameElement: pickerNameElement } = convertPropToCssClassName('datepicker');\n\nclass DateTimeRecurenceSelectorImpl extends Component {\n  constructor(props) {\n    super(props);\n\n    const customRange = {\n      startDate: props.startDate ? moment(props.startDate) : moment(),\n      endDate: props.endDate ? moment(props.endDate) : moment(),\n    };\n    this.state = {\n      openModal: false,\n      selected: props.value,\n      focusedInput: START_DATE,\n      customRange,\n    };\n    const { customOptionRender: CustomOptionRender } = props;\n    advanceOption.label = <CustomOptionRender customRange={customRange} />;\n  }\n\n  onChange = () => {\n    const { onChange } = this.props;\n    const { customRange, selected } = this.state;\n    onChange(selected, customRange);\n  };\n\n  onChangeDropdown = (value) => {\n    const { dropdownPreselectedOptions } = this.props;\n    const selected = dropdownPreselectedOptions.find((op) => op.value === value);\n    const { onChange } = this.props;\n    if (!selected) {\n      this.setState({ selected: value });\n      this.handleOpenModal();\n    } else if (selected) {\n      onChange(value);\n      this.setState({ selected: value, openModal: false });\n    }\n  };\n\n  onDatesChange({ startDate, endDate }) {\n    this.setState(\n      {\n        customRange: {\n          startDate,\n          endDate,\n        },\n      },\n      () => {\n        this.onChange();\n      },\n    );\n  }\n\n  onFocusChange() {\n    this.setState(({ focusedInput }) => ({\n      focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE,\n    }));\n  }\n\n  handleConfirm = () => {\n    const { customOptionRender: CustomOptionRender } = this.props;\n    const { customRange } = this.state;\n    advanceOption.label = <CustomOptionRender customRange={customRange} />;\n    this.onChange();\n    this.handleCloseModal();\n  };\n\n  handleOpenModal = () => this.setState({ openModal: true });\n\n  handleCloseModal = () => this.setState({ openModal: false });\n\n  render() {\n    const {\n      placeholder,\n      dropdownPreselectedOptions,\n      displayFormatDay,\n      className,\n      disableCustomOption,\n      containerProps,\n    } = this.props;\n    const {\n      selected,\n      openModal,\n      focusedInput,\n      customRange: { startDate, endDate },\n    } = this.state;\n\n    let options = [...dropdownPreselectedOptions];\n    if (!disableCustomOption) {\n      options = [...options, advanceOption];\n      // eslint-disable-next-line max-lines\n    }\n\n    return (\n      <div {...containerProps} className={`${cssClassName} ${className}`}>\n        <div className={`${classNameBlock('container-selector')}`}>\n          <DSComboBox\n            className={`${classNameElement('dropdown-field-selector')}`}\n            components={{\n              Option: (props) => <components.Option {...props} />,\n              IndicatorSeparator: () => null,\n            }}\n            onChange={this.onChangeDropdown}\n            onKeyDown={this.onKeyDown}\n            options={options}\n            placeholder={placeholder}\n            value={selected}\n            keepTypedValue={false} // TEMPORARY FIX\n          />\n        </div>\n        <DSPopper\n          contentComponent={\n            <div className={classNameBlock('wrap-day-picker')}>\n              <DayPickerRangeController\n                endDate={endDate}\n                focusedInput={focusedInput}\n                hideKeyboardShortcutsPanel\n                navNext={<DatePickerNavigation className={pickerNameElement('navigation-next')} />}\n                navPrev={<DatePickerNavigation className={pickerNameElement('navigation-prev')} icon={ChevronLeft} />}\n                onDatesChange={this.onDatesChange}\n                onFocusChange={this.onFocusChange}\n                onOutsideClick={this.handleConfirm}\n                renderDayContents={(date) => (\n                  <DatePickerDay className={pickerNameElement('day-contents')} date={date.format(displayFormatDay)} />\n                )}\n                startDate={startDate}\n              />\n            </div>\n          }\n          isOpen={openModal}\n          showArrow={false}\n          triggerComponent={<div />}\n        />\n      </div>\n    );\n  }\n}\n\nexport default DateTimeRecurenceSelectorImpl;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,aAAa;AACnB,MAAM,WAAW;AAEjB,MAAM,gBAAgB;AAAA,EACpB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,WAAW;AAAA;AAEb,MAAM,EAAE,cAAc,kBAAkB,mBAAmB,0BAA0B;AAErF,MAAM,EAAE,kBAAkB,sBAAsB,0BAA0B;AAE1E,4CAA4C,UAAU;AAAA,EACpD,YAAY,OAAO;AACjB,UAAM;AAgBR,oBAAW,MAAM;AACf,YAAM,EAAE,aAAa,KAAK;AAC1B,YAAM,EAAE,aAAa,aAAa,KAAK;AACvC,eAAS,UAAU;AAAA;AAGrB,4BAAmB,CAAC,UAAU;AAC5B,YAAM,EAAE,+BAA+B,KAAK;AAC5C,YAAM,WAAW,2BAA2B,KAAK,CAAC,OAAO,GAAG,UAAU;AACtE,YAAM,EAAE,aAAa,KAAK;AAC1B,UAAI,CAAC,UAAU;AACb,aAAK,SAAS,EAAE,UAAU;AAC1B,aAAK;AAAA,iBACI,UAAU;AACnB,iBAAS;AACT,aAAK,SAAS,EAAE,UAAU,OAAO,WAAW;AAAA;AAAA;AAwBhD,yBAAgB,MAAM;AACpB,YAAM,EAAE,oBAAoB,uBAAuB,KAAK;AACxD,YAAM,EAAE,gBAAgB,KAAK;AAC7B,oBAAc,QAAQ,qCAAC,oBAAD;AAAA,QAAoB;AAAA;AAC1C,WAAK;AACL,WAAK;AAAA;AAGP,2BAAkB,MAAM,KAAK,SAAS,EAAE,WAAW;AAEnD,4BAAmB,MAAM,KAAK,SAAS,EAAE,WAAW;AA/DlD,UAAM,cAAc;AAAA,MAClB,WAAW,MAAM,YAAY,OAAO,MAAM,aAAa;AAAA,MACvD,SAAS,MAAM,UAAU,OAAO,MAAM,WAAW;AAAA;AAEnD,SAAK,QAAQ;AAAA,MACX,WAAW;AAAA,MACX,UAAU,MAAM;AAAA,MAChB,cAAc;AAAA,MACd;AAAA;AAEF,UAAM,EAAE,oBAAoB,uBAAuB;AACnD,kBAAc,QAAQ,qCAAC,oBAAD;AAAA,MAAoB;AAAA;AAAA;AAAA,EAsB5C,cAAc,EAAE,WAAW,WAAW;AACpC,SAAK,SACH;AAAA,MACE,aAAa;AAAA,QACX;AAAA,QACA;AAAA;AAAA,OAGJ,MAAM;AACJ,WAAK;AAAA;AAAA;AAAA,EAKX,gBAAgB;AACd,SAAK,SAAS,CAAC,EAAE,mBAAoB;AAAA,MACnC,cAAc,iBAAiB,aAAa,WAAW;AAAA;AAAA;AAAA,EAgB3D,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,EAAE,WAAW;AAAA,QACxB,KAAK;AAET,QAAI,UAAU,CAAC,GAAG;AAClB,QAAI,CAAC,qBAAqB;AACxB,gBAAU,CAAC,GAAG,SAAS;AAAA;AAIzB,WACE,qCAAC,OAAD,iCAAS,iBAAT;AAAA,MAAyB,WAAW,GAAG,gBAAgB;AAAA,QACrD,qCAAC,OAAD;AAAA,MAAK,WAAW,GAAG,eAAe;AAAA,OAChC,qCAAC,YAAD;AAAA,MACE,WAAW,GAAG,iBAAiB;AAAA,MAC/B,YAAY;AAAA,QACV,QAAQ,CAAC,UAAU,qCAAC,WAAW,QAAZ,mBAAuB;AAAA,QAC1C,oBAAoB,MAAM;AAAA;AAAA,MAE5B,UAAU,KAAK;AAAA,MACf,WAAW,KAAK;AAAA,MAChB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,gBAAgB;AAAA,SAGpB,qCAAC,UAAD;AAAA,MACE,kBACE,qCAAC,OAAD;AAAA,QAAK,WAAW,eAAe;AAAA,SAC7B,qCAAC,0BAAD;AAAA,QACE;AAAA,QACA;AAAA,QACA,4BAA0B;AAAA,QAC1B,SAAS,qCAAC,sBAAD;AAAA,UAAsB,WAAW,kBAAkB;AAAA;AAAA,QAC5D,SAAS,qCAAC,sBAAD;AAAA,UAAsB,WAAW,kBAAkB;AAAA,UAAoB,MAAM;AAAA;AAAA,QACtF,eAAe,KAAK;AAAA,QACpB,eAAe,KAAK;AAAA,QACpB,gBAAgB,KAAK;AAAA,QACrB,mBAAmB,CAAC,SAClB,qCAAC,eAAD;AAAA,UAAe,WAAW,kBAAkB;AAAA,UAAiB,MAAM,KAAK,OAAO;AAAA;AAAA,QAEjF;AAAA;AAAA,MAIN,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,kBAAkB,qCAAC,OAAD;AAAA;AAAA;AAAA;AAO5B,IAAO,gCAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport moment from 'moment';\nimport { components } from 'react-select';\nimport 'react-dates/initialize';\nimport { DayPickerRangeController } from 'react-dates';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox } from '@elliemae/ds-form';\nimport DSPopper from '@elliemae/ds-popper';\nimport { DatePickerDay, DatePickerNavigation } from '@elliemae/ds-date-picker';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { CUSTOM_OPTION_VALUE } from '../options/dropdownPreselectedOptions';\n\nconst START_DATE = 'startDate';\nconst END_DATE = 'endDate';\n\nconst advanceOption = {\n  label: 'Custom',\n  value: CUSTOM_OPTION_VALUE,\n  isAdvance: true,\n};\nconst { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName('date-range-selector');\n\nconst { classNameElement: pickerNameElement } = convertPropToCssClassName('datepicker');\n\nclass DateTimeRecurenceSelectorImpl extends Component {\n  constructor(props) {\n    super(props);\n\n    const customRange = {\n      startDate: props.startDate ? moment(props.startDate) : moment(),\n      endDate: props.endDate ? moment(props.endDate) : moment(),\n    };\n    this.state = {\n      openModal: false,\n      selected: props.value,\n      focusedInput: START_DATE,\n      customRange,\n    };\n\n    this.onDatesChange = this.onDatesChange.bind(this);\n    this.onFocusChange = this.onFocusChange.bind(this);\n\n    const { customOptionRender: CustomOptionRender } = props;\n    advanceOption.label = <CustomOptionRender customRange={customRange} />;\n  }\n\n  onChange = () => {\n    const { onChange } = this.props;\n    const { customRange, selected } = this.state;\n    onChange(selected, customRange);\n  };\n\n  onChangeDropdown = (value) => {\n    const { dropdownPreselectedOptions } = this.props;\n    const selected = dropdownPreselectedOptions.find((op) => op.value === value);\n    const { onChange } = this.props;\n    if (!selected) {\n      this.setState({ selected: value });\n      this.handleOpenModal();\n    } else if (selected) {\n      onChange(value);\n      this.setState({ selected: value, openModal: false });\n    }\n  };\n\n  onDatesChange({ startDate, endDate }) {\n    this.setState(\n      {\n        customRange: {\n          startDate,\n          endDate,\n        },\n      },\n      () => {\n        this.onChange();\n      },\n    );\n  }\n\n  onFocusChange() {\n    this.setState(({ focusedInput }) => ({\n      focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE,\n    }));\n  }\n\n  handleConfirm = () => {\n    const { customOptionRender: CustomOptionRender } = this.props;\n    const { customRange } = this.state;\n    advanceOption.label = <CustomOptionRender customRange={customRange} />;\n    this.onChange();\n    this.handleCloseModal();\n  };\n\n  handleOpenModal = () => this.setState({ openModal: true });\n\n  handleCloseModal = () => this.setState({ openModal: false });\n\n  render() {\n    const {\n      placeholder,\n      dropdownPreselectedOptions,\n      displayFormatDay,\n      className,\n      disableCustomOption,\n      containerProps,\n      hasError,\n    } = this.props;\n    const {\n      selected,\n      openModal,\n      focusedInput,\n      customRange: { startDate, endDate },\n    } = this.state;\n\n    let options = [...dropdownPreselectedOptions];\n    if (!disableCustomOption) {\n      options = [...options, advanceOption];\n      // eslint-disable-next-line max-lines\n    }\n\n    return (\n      <div {...containerProps} className={`${cssClassName} ${className}`}>\n        <div className={`${classNameBlock('container-selector')}`}>\n          <DSComboBox\n            className={`${classNameElement('dropdown-field-selector')}`}\n            components={{\n              Option: (props) => <components.Option {...props} />,\n              IndicatorSeparator: () => null,\n            }}\n            onChange={this.onChangeDropdown}\n            onKeyDown={this.onKeyDown}\n            options={options}\n            placeholder={placeholder}\n            value={selected}\n            hasError={hasError}\n            keepTypedValue={false} // TEMPORARY FIX\n          />\n        </div>\n        <DSPopper\n          contentComponent={\n            <div className={classNameBlock('wrap-day-picker')}>\n              <DayPickerRangeController\n                endDate={endDate}\n                focusedInput={focusedInput}\n                hideKeyboardShortcutsPanel\n                navNext={<DatePickerNavigation className={pickerNameElement('navigation-next')} />}\n                navPrev={<DatePickerNavigation className={pickerNameElement('navigation-prev')} icon={ChevronLeft} />}\n                onDatesChange={this.onDatesChange}\n                onFocusChange={this.onFocusChange}\n                onOutsideClick={this.handleConfirm}\n                renderDayContents={(date) => (\n                  <DatePickerDay className={pickerNameElement('day-contents')} date={date.format(displayFormatDay)} />\n                )}\n                startDate={startDate}\n              />\n            </div>\n          }\n          isOpen={openModal}\n          showArrow={false}\n          triggerComponent={<div />}\n        />\n      </div>\n    );\n  }\n}\n\nexport default DateTimeRecurenceSelectorImpl;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/index.js

@@ -1,11 +1,9 @@
 import * as React from "react";
-import {
-  default as default2,
-  DateRangeRecurrenceSelectorWithSchema
-} from "./DSDateRangeSelector";
+import { default as default2, DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector } from "./DSDateRangeSelector";
 import { CUSTOM_OPTION_VALUE } from "./DSDateRangeSelector";
 export {
   CUSTOM_OPTION_VALUE,
+  DSDateRangeSelector,
   DateRangeRecurrenceSelectorWithSchema,
   default2 as default
 };

package/dist/esm/index.js.map

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

package/dist/esm/options/dropdownPreselectedOptions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/options/dropdownPreselectedOptions.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DropdownOptionsTypes = {\n  TODAY: 'today',\n  YESTERDAY: 'yesterday',\n  LAST_7_DAYS: '7days',\n  LAST_30_DAYS: '30days',\n  THIS_MONTH: 'thismonth',\n  LAST_MONTH: 'lastmonth',\n};\nexport const dropdownPreselectedOptions = [\n  {\n    label: 'Today',\n    value: DropdownOptionsTypes.TODAY,\n  },\n  {\n    label: 'Yesterday',\n    value: DropdownOptionsTypes.YESTERDAY,\n  },\n  {\n    label: 'Last 7 Days',\n    value: DropdownOptionsTypes.LAST_7_DAYS,\n  },\n  {\n    label: 'Last 30 days',\n    value: DropdownOptionsTypes.LAST_30_DAYS,\n  },\n  {\n    label: 'This month',\n    value: DropdownOptionsTypes.THIS_MONTH,\n  },\n  {\n    label: 'Last month',\n    value: DropdownOptionsTypes.LAST_MONTH,\n  },\n];\n\nexport const CUSTOM_OPTION_VALUE = 'custom-option-value';\n"],
-  "mappings": "AAAA;ACAO,MAAM,uBAAuB;AAAA,EAClC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AAAA;AAEP,MAAM,6BAA6B;AAAA,EACxC;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA;AAAA,EAE9B;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA;AAAA,EAE9B;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA;AAAA,EAE9B;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA;AAAA,EAE9B;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA;AAAA,EAE9B;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA;AAAA;AAIzB,MAAM,sBAAsB;",
+  "mappings": "AAAA;ACAO,MAAM,uBAAuB;AAAA,EAClC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AACd;AACO,MAAM,6BAA6B;AAAA,EACxC;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO,qBAAqB;AAAA,EAC9B;AACF;AAEO,MAAM,sBAAsB;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-date-range-selector",
-  "version": "3.0.0-next.8",
+  "version": "3.0.0-rc.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Date Range Selector",
   "files": [
@@ -50,12 +50,19 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
+  "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"
+  },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.0.0-next.8",
-    "@elliemae/ds-date-picker": "3.0.0-next.8",
-    "@elliemae/ds-form": "3.0.0-next.8",
-    "@elliemae/ds-icons": "3.0.0-next.8",
-    "@elliemae/ds-popper": "3.0.0-next.8",
+    "@elliemae/ds-classnames": "workspace:*",
+    "@elliemae/ds-date-picker": "workspace:*",
+    "@elliemae/ds-form": "workspace:*",
+    "@elliemae/ds-icons": "workspace:*",
+    "@elliemae/ds-popper": "workspace:*",
     "moment": "~2.29.1",
     "react-dates": "~21.8.0",
     "react-desc": "~4.1.3",
@@ -69,12 +76,5 @@
   "publishConfig": {
     "access": "public",
     "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"
   }
-}
+}