@elliemae/ds-date-range-selector 3.0.0-next.2 → 3.0.0-next.3

package/dist/esm/components/DateRangeSelectorImpl.js

@@ -0,0 +1,170 @@
+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));
+import * as React from "react";
+import React2, { Component } from "react";
+import moment from "moment";
+import { components } from "react-select";
+import "react-dates/initialize";
+import { DayPickerRangeController } from "react-dates";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import { DSComboBox } from "@elliemae/ds-form";
+import DSPopper from "@elliemae/ds-popper";
+import { DatePickerDay, DatePickerNavigation } from "@elliemae/ds-date-picker";
+import { ChevronLeft } from "@elliemae/ds-icons";
+import { CUSTOM_OPTION_VALUE } from "../options/dropdownPreselectedOptions";
+const START_DATE = "startDate";
+const END_DATE = "endDate";
+const advanceOption = {
+  label: "Custom",
+  value: CUSTOM_OPTION_VALUE,
+  isAdvance: true
+};
+const { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName("date-range-selector");
+const { classNameElement: pickerNameElement } = convertPropToCssClassName("datepicker");
+class DateTimeRecurenceSelectorImpl extends Component {
+  constructor(props) {
+    super(props);
+    this.onChange = () => {
+      const { onChange } = this.props;
+      const { customRange, selected } = this.state;
+      onChange(selected, customRange);
+    };
+    this.onChangeDropdown = (value) => {
+      const { dropdownPreselectedOptions } = this.props;
+      const selected = dropdownPreselectedOptions.find((op) => op.value === value);
+      const { onChange } = this.props;
+      if (!selected) {
+        this.setState({ selected: value });
+        this.handleOpenModal();
+      } else if (selected) {
+        onChange(value);
+        this.setState({ selected: value, openModal: false });
+      }
+    };
+    this.handleConfirm = () => {
+      const { customOptionRender: CustomOptionRender } = this.props;
+      const { customRange } = this.state;
+      advanceOption.label = /* @__PURE__ */ React2.createElement(CustomOptionRender, {
+        customRange
+      });
+      this.onChange();
+      this.handleCloseModal();
+    };
+    this.handleOpenModal = () => this.setState({ openModal: true });
+    this.handleCloseModal = () => this.setState({ openModal: false });
+    const customRange = {
+      startDate: props.startDate ? moment(props.startDate) : moment(),
+      endDate: props.endDate ? moment(props.endDate) : moment()
+    };
+    this.state = {
+      openModal: false,
+      selected: props.value,
+      focusedInput: START_DATE,
+      customRange
+    };
+    const { customOptionRender: CustomOptionRender } = props;
+    advanceOption.label = /* @__PURE__ */ React2.createElement(CustomOptionRender, {
+      customRange
+    });
+  }
+  onDatesChange({ startDate, endDate }) {
+    this.setState({
+      customRange: {
+        startDate,
+        endDate
+      }
+    }, () => {
+      this.onChange();
+    });
+  }
+  onFocusChange() {
+    this.setState(({ focusedInput }) => ({
+      focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
+    }));
+  }
+  render() {
+    const {
+      placeholder,
+      dropdownPreselectedOptions,
+      displayFormatDay,
+      className,
+      disableCustomOption,
+      containerProps
+    } = this.props;
+    const {
+      selected,
+      openModal,
+      focusedInput,
+      customRange: { startDate, endDate }
+    } = this.state;
+    let options = [...dropdownPreselectedOptions];
+    if (!disableCustomOption) {
+      options = [...options, advanceOption];
+    }
+    return /* @__PURE__ */ React2.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
+      className: `${cssClassName} ${className}`
+    }), /* @__PURE__ */ React2.createElement("div", {
+      className: `${classNameBlock("container-selector")}`
+    }, /* @__PURE__ */ React2.createElement(DSComboBox, {
+      className: `${classNameElement("dropdown-field-selector")}`,
+      components: {
+        Option: (props) => /* @__PURE__ */ React2.createElement(components.Option, __spreadValues({}, props)),
+        IndicatorSeparator: () => null
+      },
+      onChange: this.onChangeDropdown,
+      onKeyDown: this.onKeyDown,
+      options,
+      placeholder,
+      value: selected,
+      keepTypedValue: false
+    })), /* @__PURE__ */ React2.createElement(DSPopper, {
+      contentComponent: /* @__PURE__ */ React2.createElement("div", {
+        className: classNameBlock("wrap-day-picker")
+      }, /* @__PURE__ */ React2.createElement(DayPickerRangeController, {
+        endDate,
+        focusedInput,
+        hideKeyboardShortcutsPanel: true,
+        navNext: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
+          className: pickerNameElement("navigation-next")
+        }),
+        navPrev: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
+          className: pickerNameElement("navigation-prev"),
+          icon: ChevronLeft
+        }),
+        onDatesChange: this.onDatesChange,
+        onFocusChange: this.onFocusChange,
+        onOutsideClick: this.handleConfirm,
+        renderDayContents: (date) => /* @__PURE__ */ React2.createElement(DatePickerDay, {
+          className: pickerNameElement("day-contents"),
+          date: date.format(displayFormatDay)
+        }),
+        startDate
+      })),
+      isOpen: openModal,
+      showArrow: false,
+      triggerComponent: /* @__PURE__ */ React2.createElement("div", null)
+    }));
+  }
+}
+var DateRangeSelectorImpl_default = DateTimeRecurenceSelectorImpl;
+export {
+  DateRangeSelectorImpl_default as default
+};
+//# sourceMappingURL=DateRangeSelectorImpl.js.map

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

@@ -0,0 +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": "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",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import {
+  default as default2,
+  DateRangeRecurrenceSelectorWithSchema
+} from "./DSDateRangeSelector";
+import { CUSTOM_OPTION_VALUE } from "./DSDateRangeSelector";
+export {
+  CUSTOM_OPTION_VALUE,
+  DateRangeRecurrenceSelectorWithSchema,
+  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 {\n  default,\n  DateRangeRecurrenceSelectorWithSchema,\n} from './DSDateRangeSelector';\nexport { CUSTOM_OPTION_VALUE } from './DSDateRangeSelector';\n"],
+  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAIA;",
+  "names": []
+}

package/dist/esm/options/dropdownPreselectedOptions.js

@@ -0,0 +1,42 @@
+import * as React from "react";
+const DropdownOptionsTypes = {
+  TODAY: "today",
+  YESTERDAY: "yesterday",
+  LAST_7_DAYS: "7days",
+  LAST_30_DAYS: "30days",
+  THIS_MONTH: "thismonth",
+  LAST_MONTH: "lastmonth"
+};
+const dropdownPreselectedOptions = [
+  {
+    label: "Today",
+    value: DropdownOptionsTypes.TODAY
+  },
+  {
+    label: "Yesterday",
+    value: DropdownOptionsTypes.YESTERDAY
+  },
+  {
+    label: "Last 7 Days",
+    value: DropdownOptionsTypes.LAST_7_DAYS
+  },
+  {
+    label: "Last 30 days",
+    value: DropdownOptionsTypes.LAST_30_DAYS
+  },
+  {
+    label: "This month",
+    value: DropdownOptionsTypes.THIS_MONTH
+  },
+  {
+    label: "Last month",
+    value: DropdownOptionsTypes.LAST_MONTH
+  }
+];
+const CUSTOM_OPTION_VALUE = "custom-option-value";
+export {
+  CUSTOM_OPTION_VALUE,
+  DropdownOptionsTypes,
+  dropdownPreselectedOptions
+};
+//# sourceMappingURL=dropdownPreselectedOptions.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

package/package.json

@@ -1,31 +1,34 @@
 {
   "name": "@elliemae/ds-date-range-selector",
-  "version": "3.0.0-next.2",
+  "version": "3.0.0-next.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Date Range Selector",
-  "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"
     },
     "./options/dropdownPreselectedOptions": {
-      "import": "./esm/options/dropdownPreselectedOptions.js",
-      "require": "./cjs/options/dropdownPreselectedOptions.js"
+      "import": "./dist/esm/options/dropdownPreselectedOptions.js",
+      "require": "./dist/cjs/options/dropdownPreselectedOptions.js"
     },
     "./DSDateRangeSelector": {
-      "import": "./esm/DSDateRangeSelector.js",
-      "require": "./cjs/DSDateRangeSelector.js"
+      "import": "./dist/esm/DSDateRangeSelector.js",
+      "require": "./dist/cjs/DSDateRangeSelector.js"
     },
     "./components/DateRangeSelectorImpl": {
-      "import": "./esm/components/DateRangeSelectorImpl.js",
-      "require": "./cjs/components/DateRangeSelectorImpl.js"
+      "import": "./dist/esm/components/DateRangeSelectorImpl.js",
+      "require": "./dist/cjs/components/DateRangeSelectorImpl.js"
     },
     "./components/CustomOptionRender/CustomOptionRender": {
-      "import": "./esm/components/CustomOptionRender/CustomOptionRender.js",
-      "require": "./cjs/components/CustomOptionRender/CustomOptionRender.js"
+      "import": "./dist/esm/components/CustomOptionRender/CustomOptionRender.js",
+      "require": "./dist/cjs/components/CustomOptionRender/CustomOptionRender.js"
     }
   },
   "sideEffects": [
@@ -37,26 +40,26 @@
     "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": "3.0.0-next.2",
-    "@elliemae/ds-date-picker": "3.0.0-next.2",
-    "@elliemae/ds-form": "3.0.0-next.2",
-    "@elliemae/ds-icons": "3.0.0-next.2",
-    "@elliemae/ds-popper": "3.0.0-next.2",
+    "@elliemae/ds-classnames": "3.0.0-next.3",
+    "@elliemae/ds-date-picker": "3.0.0-next.3",
+    "@elliemae/ds-form": "3.0.0-next.3",
+    "@elliemae/ds-icons": "3.0.0-next.3",
+    "@elliemae/ds-popper": "3.0.0-next.3",
     "moment": "~2.29.1",
     "react-dates": "~21.8.0",
     "react-desc": "~4.1.3",
-    "react-select": "4.3.0"
+    "react-select": "4.3.1"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -65,7 +68,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/DSDateRangeSelector.js

@@ -1,69 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var moment = require('moment');
-var DateRangeSelectorImpl = require('./components/DateRangeSelectorImpl.js');
-var dropdownPreselectedOptions = require('./options/dropdownPreselectedOptions.js');
-var CustomOptionRender = require('./components/CustomOptionRender/CustomOptionRender.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-
-const DSDateRangeSelector = _ref => {
-  let {
-    containerProps = {},
-    className = '',
-    preselectedOptions = dropdownPreselectedOptions.dropdownPreselectedOptions,
-    onChange = () => null,
-    placeholder = 'Select Range',
-    value = null,
-    customOptionRender = CustomOptionRender,
-    startDate = null,
-    endDate = null,
-    displayFormatDay = 'D',
-    disableCustomOption = false
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](DateRangeSelectorImpl, {
-    className: className,
-    containerProps: containerProps,
-    customOptionRender: customOptionRender,
-    disableCustomOption: disableCustomOption,
-    displayFormatDay: displayFormatDay,
-    dropdownPreselectedOptions: preselectedOptions,
-    endDate: endDate,
-    onChange: onChange,
-    placeholder: placeholder,
-    startDate: startDate,
-    value: value
-  });
-};
-const dateRangeRecurrenceSelectorProps = {
-  containerProps: reactDesc.PropTypes.object.description('Set of properties attached to the main container'),
-  className: reactDesc.PropTypes.string.description('html class attribute'),
-  preselectedOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
-    label: reactDesc.PropTypes.string,
-    value: reactDesc.PropTypes.string
-  })).description('options to display in dropdown menu'),
-  onChange: reactDesc.PropTypes.func.description('function executed when selection changes'),
-  placeholder: reactDesc.PropTypes.string.description('inputs placeholder').defaultValue('Select Range'),
-  value: reactDesc.PropTypes.oneOf([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('selected value'),
-  customOptionRender: reactDesc.PropTypes.element.description('custom renderer for options'),
-  startDate: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('moment object of start date'),
-  endDate: reactDesc.PropTypes.instanceOf(Date, moment__default["default"]).description('moment object of end date'),
-  displayFormatDay: reactDesc.PropTypes.string.description('format to display date').defaultValue('D'),
-  disableCustomOption: reactDesc.PropTypes.bool.description('disables custom options').defaultValue(false)
-};
-const DateRangeRecurrenceSelectorWithSchema = reactDesc.describe(DSDateRangeSelector);
-DateRangeRecurrenceSelectorWithSchema.propTypes = dateRangeRecurrenceSelectorProps;
-
-exports.CUSTOM_OPTION_VALUE = dropdownPreselectedOptions.CUSTOM_OPTION_VALUE;
-exports.DropdownOptionsTypes = dropdownPreselectedOptions.DropdownOptionsTypes;
-exports.dropdownPreselectedOptions = dropdownPreselectedOptions.dropdownPreselectedOptions;
-exports.DateRangeRecurrenceSelectorWithSchema = DateRangeRecurrenceSelectorWithSchema;
-exports["default"] = DSDateRangeSelector;

package/cjs/components/CustomOptionRender/CustomOptionRender.js

@@ -1,40 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsClassnames = require('@elliemae/ds-classnames');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const {
-  cssClassName
-} = dsClassnames.convertPropToCssClassName('date-range-selector-customoption');
-/**
- * @param root0
- * @param root0.customRange
- * @param root0.customRange.startDate
- * @param root0.customRange.endDate
- * @customRange {
-endDate
-startDate
-}
- */
-
-const CustomOptionRender = _ref => {
-  let {
-    customRange: {
-      startDate,
-      endDate
-    }
-  } = _ref;
-  const start = startDate ? startDate.format('MM/DD/YYYY') : null;
-  const end = endDate ? endDate.format('MM/DD/YYYY') : null;
-  const display = "From ".concat(start, " to ").concat(end) || 'Custom';
-  return /*#__PURE__*/_jsx__default["default"]("em", {
-    className: cssClassName
-  }, void 0, display);
-};
-
-module.exports = CustomOptionRender;