@elliemae/ds-date-range-selector 3.15.0 → 3.16.0-next.10

package/dist/cjs/DSDateRangeSelector.js

@@ -35,10 +35,11 @@ module.exports = __toCommonJS(DSDateRangeSelector_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_moment = __toESM(require("moment"));
-var import_DateRangeSelectorImpl = __toESM(require("./components/DateRangeSelectorImpl"));
-var import_dropdownPreselectedOptions = require("./options/dropdownPreselectedOptions");
-var import_CustomOptionRender = __toESM(require("./components/CustomOptionRender/CustomOptionRender"));
+var import_DateRangeSelectorImpl = __toESM(require("./components/DateRangeSelectorImpl.js"));
+var import_dropdownPreselectedOptions = require("./options/dropdownPreselectedOptions.js");
+var import_CustomOptionRender = __toESM(require("./components/CustomOptionRender/CustomOptionRender.js"));
 const DSDateRangeSelector = ({
   containerProps = {},
   className = "",
@@ -52,44 +53,47 @@ const DSDateRangeSelector = ({
   displayFormatDay = "D",
   disableCustomOption = false,
   hasError = false
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_DateRangeSelectorImpl.default,
-  {
-    className,
-    containerProps,
-    customOptionRender,
-    disableCustomOption,
-    displayFormatDay,
-    dropdownPreselectedOptions: preselectedOptions,
-    endDate,
-    onChange,
-    placeholder,
-    startDate,
-    value,
-    hasError
-  }
-);
+}) => {
+  (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-date-range-selector", version: "TBD Date: 2023 Q1" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_DateRangeSelectorImpl.default,
+    {
+      className,
+      containerProps,
+      customOptionRender,
+      disableCustomOption,
+      displayFormatDay,
+      dropdownPreselectedOptions: preselectedOptions,
+      endDate,
+      onChange,
+      placeholder,
+      startDate,
+      value,
+      hasError
+    }
+  );
+};
 const dateRangeRecurrenceSelectorProps = {
-  containerProps: import_ds_utilities.PropTypes.object.description("Set of properties attached to the main container"),
-  className: import_ds_utilities.PropTypes.string.description("html class attribute"),
-  preselectedOptions: import_ds_utilities.PropTypes.arrayOf(
-    import_ds_utilities.PropTypes.shape({
-      label: import_ds_utilities.PropTypes.string,
-      value: import_ds_utilities.PropTypes.string
+  containerProps: import_ds_props_helpers.PropTypes.object.description("Set of properties attached to the main container"),
+  className: import_ds_props_helpers.PropTypes.string.description("html class attribute"),
+  preselectedOptions: import_ds_props_helpers.PropTypes.arrayOf(
+    import_ds_props_helpers.PropTypes.shape({
+      label: import_ds_props_helpers.PropTypes.string,
+      value: import_ds_props_helpers.PropTypes.string
     })
   ).description("options to display in dropdown menu"),
-  onChange: import_ds_utilities.PropTypes.func.description("function executed when selection changes"),
-  placeholder: import_ds_utilities.PropTypes.string.description("inputs placeholder").defaultValue("Select Range"),
-  value: import_ds_utilities.PropTypes.oneOf([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("selected value"),
-  customOptionRender: import_ds_utilities.PropTypes.element.description("custom renderer for options"),
-  startDate: import_ds_utilities.PropTypes.instanceOf(Date, import_moment.default).description("moment object of start date"),
-  endDate: import_ds_utilities.PropTypes.instanceOf(Date, import_moment.default).description("moment object of end date"),
-  displayFormatDay: import_ds_utilities.PropTypes.string.description("format to display date").defaultValue("D"),
-  disableCustomOption: import_ds_utilities.PropTypes.bool.description("disables custom options").defaultValue(false)
+  onChange: import_ds_props_helpers.PropTypes.func.description("function executed when selection changes"),
+  placeholder: import_ds_props_helpers.PropTypes.string.description("inputs placeholder").defaultValue("Select Range"),
+  value: import_ds_props_helpers.PropTypes.oneOf([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description("selected value"),
+  customOptionRender: import_ds_props_helpers.PropTypes.element.description("custom renderer for options"),
+  startDate: import_ds_props_helpers.PropTypes.instanceOf(Date, import_moment.default).description("moment object of start date"),
+  endDate: import_ds_props_helpers.PropTypes.instanceOf(Date, import_moment.default).description("moment object of end date"),
+  displayFormatDay: import_ds_props_helpers.PropTypes.string.description("format to display date").defaultValue("D"),
+  disableCustomOption: import_ds_props_helpers.PropTypes.bool.description("disables custom options").defaultValue(false)
 };
 DSDateRangeSelector.propTypes = dateRangeRecurrenceSelectorProps;
 DSDateRangeSelector.displayName = "DSDateRangeSelector";
-const DateRangeRecurrenceSelectorWithSchema = (0, import_ds_utilities.describe)(DSDateRangeSelector);
+const DateRangeRecurrenceSelectorWithSchema = (0, import_ds_props_helpers.describe)(DSDateRangeSelector);
 DateRangeRecurrenceSelectorWithSchema.propTypes = dateRangeRecurrenceSelectorProps;
 var DSDateRangeSelector_default = DSDateRangeSelector;
 //# 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 '@elliemae/ds-utilities';\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;ADyBrB;AAxBF,0BAAoC;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,0BAAAA;AAAA,EACrB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,WAAW;AACb,MACE;AAAA,EAAC,6BAAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,4BAA4B;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;AAKF,MAAM,mCAAmC;AAAA,EACvC,gBAAgB,8BAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,oBAAoB,8BAAU;AAAA,IAC5B,8BAAU,MAAM;AAAA,MACd,OAAO,8BAAU;AAAA,MACjB,OAAO,8BAAU;AAAA,IACnB,CAAC;AAAA,EACH,EAAE,YAAY,qCAAqC;AAAA,EACnD,UAAU,8BAAU,KAAK,YAAY,0CAA0C;AAAA,EAC/E,aAAa,8BAAU,OAAO,YAAY,oBAAoB,EAAE,aAAa,cAAc;AAAA,EAC3F,OAAO,8BAAU,MAAM,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,gBAAgB;AAAA,EACzF,oBAAoB,8BAAU,QAAQ,YAAY,6BAA6B;AAAA,EAC/E,WAAW,8BAAU,WAAW,MAAM,cAAAC,OAAM,EAAE,YAAY,6BAA6B;AAAA,EACvF,SAAS,8BAAU,WAAW,MAAM,cAAAA,OAAM,EAAE,YAAY,2BAA2B;AAAA,EACnF,kBAAkB,8BAAU,OAAO,YAAY,wBAAwB,EAAE,aAAa,GAAG;AAAA,EACzF,qBAAqB,8BAAU,KAAK,YAAY,yBAAyB,EAAE,aAAa,KAAK;AAC/F;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,4CAAwC,8BAAS,mBAAmB;AAC1E,sCAAsC,YAAY;AAGlD,IAAO,8BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport moment from 'moment';\nimport DateRangeSelectorImpl from './components/DateRangeSelectorImpl.js';\nimport {\n  DropdownOptionsTypes,\n  dropdownPreselectedOptions,\n  CUSTOM_OPTION_VALUE,\n} from './options/dropdownPreselectedOptions.js';\nimport CustomOptionRender from './components/CustomOptionRender/CustomOptionRender.js';\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  useDeprecateComponent({ componentName: 'ds-date-range-selector', version: 'TBD Date: 2023 Q1' });\n\n  return (\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};\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;AD6BnB;AA5BJ,0BAAsC;AACtC,8BAAoC;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,0BAAAA;AAAA,EACrB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,WAAW;AACb,MAAM;AACJ,iDAAsB,EAAE,eAAe,0BAA0B,SAAS,oBAAoB,CAAC;AAE/F,SACE;AAAA,IAAC,6BAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,4BAA4B;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAIA,MAAM,mCAAmC;AAAA,EACvC,gBAAgB,kCAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,kCAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,oBAAoB,kCAAU;AAAA,IAC5B,kCAAU,MAAM;AAAA,MACd,OAAO,kCAAU;AAAA,MACjB,OAAO,kCAAU;AAAA,IACnB,CAAC;AAAA,EACH,EAAE,YAAY,qCAAqC;AAAA,EACnD,UAAU,kCAAU,KAAK,YAAY,0CAA0C;AAAA,EAC/E,aAAa,kCAAU,OAAO,YAAY,oBAAoB,EAAE,aAAa,cAAc;AAAA,EAC3F,OAAO,kCAAU,MAAM,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,gBAAgB;AAAA,EACzF,oBAAoB,kCAAU,QAAQ,YAAY,6BAA6B;AAAA,EAC/E,WAAW,kCAAU,WAAW,MAAM,cAAAC,OAAM,EAAE,YAAY,6BAA6B;AAAA,EACvF,SAAS,kCAAU,WAAW,MAAM,cAAAA,OAAM,EAAE,YAAY,2BAA2B;AAAA,EACnF,kBAAkB,kCAAU,OAAO,YAAY,wBAAwB,EAAE,aAAa,GAAG;AAAA,EACzF,qBAAqB,kCAAU,KAAK,YAAY,yBAAyB,EAAE,aAAa,KAAK;AAC/F;AAEA,oBAAoB,YAAY;AAChC,oBAAoB,cAAc;AAClC,MAAM,4CAAwC,kCAAS,mBAAmB;AAC1E,sCAAsC,YAAY;AAGlD,IAAO,8BAAQ;",
   "names": ["CustomOptionRender", "DateRangeSelectorImpl", "moment"]
 }

package/dist/cjs/components/DateRangeSelectorImpl.js

@@ -32,14 +32,14 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_moment = __toESM(require("moment"));
 var import_react_select = require("react-select");
-var import_initialize = require("react-dates/initialize");
+var import_initialize = require("react-dates/initialize.js");
 var import_react_dates = require("react-dates");
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_form = require("@elliemae/ds-form");
 var import_ds_popper = __toESM(require("@elliemae/ds-popper"));
 var import_ds_date_picker = require("@elliemae/ds-date-picker");
 var import_ds_icons = require("@elliemae/ds-icons");
-var import_dropdownPreselectedOptions = require("../options/dropdownPreselectedOptions");
+var import_dropdownPreselectedOptions = require("../options/dropdownPreselectedOptions.js");
 const START_DATE = "startDate";
 const END_DATE = "endDate";
 const advanceOption = {

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\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"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport moment from 'moment';\nimport { components } from 'react-select';\nimport 'react-dates/initialize.js';\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.js';\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": ["moment", "DSPopper"]
 }

package/dist/cjs/index.js

@@ -31,6 +31,6 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-var import_DSDateRangeSelector = __toESM(require("./DSDateRangeSelector"));
-var import_DSDateRangeSelector2 = require("./DSDateRangeSelector");
+var import_DSDateRangeSelector = __toESM(require("./DSDateRangeSelector.js"));
+var import_DSDateRangeSelector2 = require("./DSDateRangeSelector.js");
 //# 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 { default, DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector } from './DSDateRangeSelector';\nexport { CUSTOM_OPTION_VALUE } from './DSDateRangeSelector';\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["export { default, DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector } from './DSDateRangeSelector.js';\nexport { CUSTOM_OPTION_VALUE } from './DSDateRangeSelector.js';\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCAAoF;AACpF,IAAAA,8BAAoC;",
   "names": ["import_DSDateRangeSelector"]
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/DSDateRangeSelector.js

@@ -1,14 +1,15 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-import { PropTypes, describe } from "@elliemae/ds-utilities";
+import { useDeprecateComponent } from "@elliemae/ds-utilities";
+import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 import moment from "moment";
-import DateRangeSelectorImpl from "./components/DateRangeSelectorImpl";
+import DateRangeSelectorImpl from "./components/DateRangeSelectorImpl.js";
 import {
   DropdownOptionsTypes,
   dropdownPreselectedOptions,
   CUSTOM_OPTION_VALUE
-} from "./options/dropdownPreselectedOptions";
-import CustomOptionRender from "./components/CustomOptionRender/CustomOptionRender";
+} from "./options/dropdownPreselectedOptions.js";
+import CustomOptionRender from "./components/CustomOptionRender/CustomOptionRender.js";
 const DSDateRangeSelector = ({
   containerProps = {},
   className = "",
@@ -22,23 +23,26 @@ const DSDateRangeSelector = ({
   displayFormatDay = "D",
   disableCustomOption = false,
   hasError = false
-}) => /* @__PURE__ */ jsx(
-  DateRangeSelectorImpl,
-  {
-    className,
-    containerProps,
-    customOptionRender,
-    disableCustomOption,
-    displayFormatDay,
-    dropdownPreselectedOptions: preselectedOptions,
-    endDate,
-    onChange,
-    placeholder,
-    startDate,
-    value,
-    hasError
-  }
-);
+}) => {
+  useDeprecateComponent({ componentName: "ds-date-range-selector", version: "TBD Date: 2023 Q1" });
+  return /* @__PURE__ */ jsx(
+    DateRangeSelectorImpl,
+    {
+      className,
+      containerProps,
+      customOptionRender,
+      disableCustomOption,
+      displayFormatDay,
+      dropdownPreselectedOptions: preselectedOptions,
+      endDate,
+      onChange,
+      placeholder,
+      startDate,
+      value,
+      hasError
+    }
+  );
+};
 const dateRangeRecurrenceSelectorProps = {
   containerProps: PropTypes.object.description("Set of properties attached to the main container"),
   className: PropTypes.string.description("html class attribute"),

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 '@elliemae/ds-utilities';\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,YAAY,WAAW;ACyBrB;AAxBF,SAAS,WAAW,gBAAgB;AACpC,OAAO,YAAY;AACnB,OAAO,2BAA2B;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,wBAAwB;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;AACb,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,4BAA4B;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;AAKF,MAAM,mCAAmC;AAAA,EACvC,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,oBAAoB,UAAU;AAAA,IAC5B,UAAU,MAAM;AAAA,MACd,OAAO,UAAU;AAAA,MACjB,OAAO,UAAU;AAAA,IACnB,CAAC;AAAA,EACH,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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport moment from 'moment';\nimport DateRangeSelectorImpl from './components/DateRangeSelectorImpl.js';\nimport {\n  DropdownOptionsTypes,\n  dropdownPreselectedOptions,\n  CUSTOM_OPTION_VALUE,\n} from './options/dropdownPreselectedOptions.js';\nimport CustomOptionRender from './components/CustomOptionRender/CustomOptionRender.js';\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  useDeprecateComponent({ componentName: 'ds-date-range-selector', version: 'TBD Date: 2023 Q1' });\n\n  return (\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};\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,YAAY,WAAW;AC6BnB;AA5BJ,SAAS,6BAA6B;AACtC,SAAS,WAAW,gBAAgB;AACpC,OAAO,YAAY;AACnB,OAAO,2BAA2B;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,wBAAwB;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;AACb,MAAM;AACJ,wBAAsB,EAAE,eAAe,0BAA0B,SAAS,oBAAoB,CAAC;AAE/F,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,4BAA4B;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAIA,MAAM,mCAAmC;AAAA,EACvC,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,oBAAoB,UAAU;AAAA,IAC5B,UAAU,MAAM;AAAA,MACd,OAAO,UAAU;AAAA,MACjB,OAAO,UAAU;AAAA,IACnB,CAAC;AAAA,EACH,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/DateRangeSelectorImpl.js

@@ -3,14 +3,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Component } from "react";
 import moment from "moment";
 import { components } from "react-select";
-import "react-dates/initialize";
+import "react-dates/initialize.js";
 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";
+import { CUSTOM_OPTION_VALUE } from "../options/dropdownPreselectedOptions.js";
 const START_DATE = "startDate";
 const END_DATE = "endDate";
 const advanceOption = {

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\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"],
+  "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.js';\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.js';\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,6 +1,6 @@
 import * as React from "react";
-import { default as default2, DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector } from "./DSDateRangeSelector";
-import { CUSTOM_OPTION_VALUE } from "./DSDateRangeSelector";
+import { default as default2, DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector } from "./DSDateRangeSelector.js";
+import { CUSTOM_OPTION_VALUE } from "./DSDateRangeSelector.js";
 export {
   CUSTOM_OPTION_VALUE,
   DSDateRangeSelector,

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 { default, DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector } from './DSDateRangeSelector';\nexport { CUSTOM_OPTION_VALUE } from './DSDateRangeSelector';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector } from './DSDateRangeSelector.js';\nexport { CUSTOM_OPTION_VALUE } from './DSDateRangeSelector.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,UAAS,uCAAuC,2BAA2B;AACpF,SAAS,2BAA2B;",
   "names": ["default"]
 }

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-date-range-selector",
-  "version": "3.15.0",
+  "version": "3.16.0-next.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Date Range Selector",
   "files": [
@@ -54,12 +54,13 @@
     "moment": "~2.29.3",
     "react-dates": "~21.8.0",
     "react-select": "4.3.1",
-    "@elliemae/ds-classnames": "3.15.0",
-    "@elliemae/ds-date-picker": "3.15.0",
-    "@elliemae/ds-form": "3.15.0",
-    "@elliemae/ds-icons": "3.15.0",
-    "@elliemae/ds-popper": "3.15.0",
-    "@elliemae/ds-utilities": "3.15.0"
+    "@elliemae/ds-classnames": "3.16.0-next.10",
+    "@elliemae/ds-date-picker": "3.16.0-next.10",
+    "@elliemae/ds-form": "3.16.0-next.10",
+    "@elliemae/ds-props-helpers": "3.16.0-next.10",
+    "@elliemae/ds-popper": "3.16.0-next.10",
+    "@elliemae/ds-icons": "3.16.0-next.10",
+    "@elliemae/ds-utilities": "3.16.0-next.10"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -74,10 +75,10 @@
     "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
     "test": "node ../../scripts/testing/test.mjs",
     "lint": "node ../../scripts/lint.mjs",
-    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
-    "dts": "node ../../scripts/dts.mjs",
+    "eslint:fix": "exit 0",
+    "dts": "exit 0",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }

package/dist/types/DSDateRangeSelector.d.ts

@@ -1,64 +0,0 @@
-import { DropdownOptionsTypes, dropdownPreselectedOptions, CUSTOM_OPTION_VALUE } from './options/dropdownPreselectedOptions';
-declare const DSDateRangeSelector: {
-    ({ containerProps, className, preselectedOptions, onChange, placeholder, value, customOptionRender, startDate, endDate, displayFormatDay, disableCustomOption, hasError, }: {
-        containerProps?: {} | undefined;
-        className?: string | undefined;
-        preselectedOptions?: {
-            label: string;
-            value: string;
-        }[] | undefined;
-        onChange?: (() => null) | undefined;
-        placeholder?: string | undefined;
-        value?: null | undefined;
-        customOptionRender?: (({ customRange: { startDate, endDate } }: {
-            customRange: {
-                startDate: any;
-                endDate: any;
-            };
-        }) => JSX.Element) | undefined;
-        startDate?: null | undefined;
-        endDate?: null | undefined;
-        displayFormatDay?: string | undefined;
-        disableCustomOption?: boolean | undefined;
-        hasError?: boolean | undefined;
-    }): JSX.Element;
-    propTypes: {
-        containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        className: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        preselectedOptions: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        onChange: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        placeholder: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        value: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        customOptionRender: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        startDate: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        endDate: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        displayFormatDay: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-        disableCustomOption: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
-    };
-    displayName: string;
-};
-export { CUSTOM_OPTION_VALUE, dropdownPreselectedOptions, DropdownOptionsTypes };
-declare const DateRangeRecurrenceSelectorWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
-    containerProps?: {} | undefined;
-    className?: string | undefined;
-    preselectedOptions?: {
-        label: string;
-        value: string;
-    }[] | undefined;
-    onChange?: (() => null) | undefined;
-    placeholder?: string | undefined;
-    value?: null | undefined;
-    customOptionRender?: (({ customRange: { startDate, endDate } }: {
-        customRange: {
-            startDate: any;
-            endDate: any;
-        };
-    }) => JSX.Element) | undefined;
-    startDate?: null | undefined;
-    endDate?: null | undefined;
-    displayFormatDay?: string | undefined;
-    disableCustomOption?: boolean | undefined;
-    hasError?: boolean | undefined;
-}>;
-export { DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector };
-export default DSDateRangeSelector;

package/dist/types/components/CustomOptionRender/CustomOptionRender.d.ts

@@ -1,17 +0,0 @@
-/**
- * @param root0
- * @param root0.customRange
- * @param root0.customRange.startDate
- * @param root0.customRange.endDate
- * @customRange {
-endDate
-startDate
-}
- */
-declare const CustomOptionRender: ({ customRange: { startDate, endDate } }: {
-    customRange: {
-        startDate: any;
-        endDate: any;
-    };
-}) => JSX.Element;
-export default CustomOptionRender;

package/dist/types/components/DateRangeSelectorImpl.d.ts

@@ -1,17 +0,0 @@
-import { Component } from 'react';
-import 'react-dates/initialize';
-declare class DateTimeRecurenceSelectorImpl extends Component {
-    constructor(props: any);
-    onChange: () => void;
-    onChangeDropdown: (value: any) => void;
-    onDatesChange({ startDate, endDate }: {
-        startDate: any;
-        endDate: any;
-    }): void;
-    onFocusChange(): void;
-    handleConfirm: () => void;
-    handleOpenModal: () => void;
-    handleCloseModal: () => void;
-    render(): JSX.Element;
-}
-export default DateTimeRecurenceSelectorImpl;

package/dist/types/index.d.ts

@@ -1,2 +0,0 @@
-export { default, DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector } from './DSDateRangeSelector';
-export { CUSTOM_OPTION_VALUE } from './DSDateRangeSelector';

package/dist/types/options/dropdownPreselectedOptions.d.ts

@@ -1,13 +0,0 @@
-export declare const DropdownOptionsTypes: {
-    TODAY: string;
-    YESTERDAY: string;
-    LAST_7_DAYS: string;
-    LAST_30_DAYS: string;
-    THIS_MONTH: string;
-    LAST_MONTH: string;
-};
-export declare const dropdownPreselectedOptions: {
-    label: string;
-    value: string;
-}[];
-export declare const CUSTOM_OPTION_VALUE = "custom-option-value";