npm - @elliemae/ds-date-range-selector - Versions diffs - 3.0.0-alpha.0 → 3.0.0-alpha.1 - Mend

@elliemae/ds-date-range-selector 3.0.0-alpha.0 → 3.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/cjs/components/DateRangeSelectorImpl.js CHANGED Viewed

@@ -1,9 +1,26 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -130,17 +147,14 @@ class DateTimeRecurenceSelectorImpl extends import_react.Component {
     if (!disableCustomOption) {
       options = [...options, advanceOption];
     }
-    return /* @__PURE__ */ import_react.default.createElement("div", {
-      ...containerProps,
+    return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
       className: `${cssClassName} ${className}`
-    }, /* @__PURE__ */ import_react.default.createElement("div", {
+    }), /* @__PURE__ */ import_react.default.createElement("div", {
       className: `${classNameBlock("container-selector")}`
     }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSComboBox, {
       className: `${classNameElement("dropdown-field-selector")}`,
       components: {
-        Option: (props) => /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Option, {
-          ...props
-        }),
+        Option: (props) => /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Option, __spreadValues({}, props)),
         IndicatorSeparator: () => null
       },
       onChange: this.onChangeDropdown,

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

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

package/dist/esm/components/DateRangeSelectorImpl.js CHANGED Viewed

@@ -1,3 +1,22 @@
+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";
@@ -99,17 +118,14 @@ class DateTimeRecurenceSelectorImpl extends Component {
     if (!disableCustomOption) {
       options = [...options, advanceOption];
     }
-    return /* @__PURE__ */ React2.createElement("div", {
-      ...containerProps,
+    return /* @__PURE__ */ React2.createElement("div", __spreadProps(__spreadValues({}, containerProps), {
       className: `${cssClassName} ${className}`
-    }, /* @__PURE__ */ React2.createElement("div", {
+    }), /* @__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, {
-          ...props
-        }),
+        Option: (props) => /* @__PURE__ */ React2.createElement(components.Option, __spreadValues({}, props)),
         IndicatorSeparator: () => null
       },
       onChange: this.onChangeDropdown,

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

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-date-range-selector",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Date Range Selector",
   "files": [
@@ -51,11 +51,11 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.0.0-alpha.0",
-    "@elliemae/ds-date-picker": "3.0.0-alpha.0",
-    "@elliemae/ds-form": "3.0.0-alpha.0",
-    "@elliemae/ds-icons": "3.0.0-alpha.0",
-    "@elliemae/ds-popper": "3.0.0-alpha.0",
+    "@elliemae/ds-classnames": "3.0.0-alpha.1",
+    "@elliemae/ds-date-picker": "3.0.0-alpha.1",
+    "@elliemae/ds-form": "3.0.0-alpha.1",
+    "@elliemae/ds-icons": "3.0.0-alpha.1",
+    "@elliemae/ds-popper": "3.0.0-alpha.1",
     "moment": "~2.29.1",
     "react-dates": "~21.8.0",
     "react-desc": "~4.1.3",
@@ -74,6 +74,7 @@
     "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/dist/types/DSDateRangeSelector.d.ts DELETED Viewed

@@ -1,93 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-import { DropdownOptionsTypes, dropdownPreselectedOptions, CUSTOM_OPTION_VALUE } from './options/dropdownPreselectedOptions';
-declare const DSDateRangeSelector: {
-    ({ containerProps, className, preselectedOptions, onChange, placeholder, value, customOptionRender, startDate, endDate, displayFormatDay, disableCustomOption, }: {
-        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;
-    }): JSX.Element;
-    propTypes: {
-        containerProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        className: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        preselectedOptions: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        onChange: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        placeholder: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        value: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        customOptionRender: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        startDate: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        endDate: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        displayFormatDay: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        disableCustomOption: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-    };
-};
-export { CUSTOM_OPTION_VALUE, dropdownPreselectedOptions, DropdownOptionsTypes, };
-declare const DateRangeRecurrenceSelectorWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DateRangeRecurrenceSelectorWithSchema };
-export default DSDateRangeSelector;

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

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-/**
- * @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 DELETED Viewed

@@ -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 DELETED Viewed

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

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

@@ -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";