@elliemae/ds-date-picker 2.3.0-alpha.8 → 2.3.0-next.2

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 (118) hide show
  1. package/cjs/DSDatePicker.js +233 -0
  2. package/cjs/components/DSDatePickerImpl.js +354 -0
  3. package/cjs/components/DatePickerController/DatePickerController.js +360 -0
  4. package/cjs/components/DatePickerDay/DatePickerDay.js +24 -0
  5. package/cjs/components/DatePickerDropdown.js +65 -0
  6. package/cjs/components/DatePickerHeader/DatePickerHeader.js +56 -0
  7. package/cjs/components/DatePickerNavigation/DatePickerNavigation.js +32 -0
  8. package/cjs/components/DatePickerPicker/DatePickerPicker.js +74 -0
  9. package/cjs/components/DatePickerRange/DatePickerRange.js +119 -0
  10. package/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +144 -0
  11. package/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js +46 -0
  12. package/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js +85 -0
  13. package/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +59 -0
  14. package/cjs/components/index.js +27 -0
  15. package/cjs/defaultPhrases.js +261 -0
  16. package/cjs/index.js +35 -0
  17. package/esm/DSDatePicker.js +211 -0
  18. package/esm/components/DSDatePickerImpl.js +346 -0
  19. package/esm/components/DatePickerController/DatePickerController.js +350 -0
  20. package/esm/components/DatePickerDay/DatePickerDay.js +18 -0
  21. package/esm/components/DatePickerDropdown.js +57 -0
  22. package/esm/components/DatePickerHeader/DatePickerHeader.js +49 -0
  23. package/esm/components/DatePickerNavigation/DatePickerNavigation.js +25 -0
  24. package/esm/components/DatePickerPicker/DatePickerPicker.js +60 -0
  25. package/esm/components/DatePickerRange/DatePickerRange.js +111 -0
  26. package/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +137 -0
  27. package/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js +38 -0
  28. package/esm/components/DatePickerSingleDate/DatePickerSingleDate.js +77 -0
  29. package/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +53 -0
  30. package/esm/components/index.js +10 -0
  31. package/{dist/esm → esm}/defaultPhrases.js +80 -48
  32. package/esm/index.js +13 -0
  33. package/package.json +56 -58
  34. package/types/components/DSDatePickerImpl.d.ts +20 -0
  35. package/types/components/DatePickerController/DatePickerController.d.ts +80 -0
  36. package/types/components/DatePickerDay/DatePickerDay.d.ts +13 -0
  37. package/types/components/DatePickerDropdown.d.ts +41 -0
  38. package/types/components/DatePickerHeader/DatePickerHeader.d.ts +15 -0
  39. package/types/components/DatePickerNavigation/DatePickerNavigation.d.ts +19 -0
  40. package/types/components/DatePickerPicker/DatePickerPicker.d.ts +48 -0
  41. package/types/components/DatePickerRange/DatePickerRange.d.ts +9 -0
  42. package/types/components/DatePickerRangeHeader/DatePickerRangeHeader.d.ts +23 -0
  43. package/types/components/DatePickerRangeHeader/tests/DatePickerRangeHeader.test.d.ts +1 -0
  44. package/types/components/DatePickerRenderMonth/DatePickerRenderMonth.d.ts +5 -0
  45. package/types/components/DatePickerSingleDate/DatePickerSingleDate.d.ts +11 -0
  46. package/types/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.d.ts +16 -0
  47. package/types/components/index.d.ts +10 -0
  48. package/types/components/tests/DatePickerHeader.test.d.ts +1 -0
  49. package/types/components/tests/DatePickerRange.test.d.ts +1 -0
  50. package/types/components/tests/DatePickerRangeHeader.test.d.ts +1 -0
  51. package/types/components/tests/DatePickerSelectedDate.test.d.ts +1 -0
  52. package/types/components/tests/DatePickerSingleDate.test.d.ts +1 -0
  53. package/types/components/tests/SingleRangeDateSwitcher.test.d.ts +1 -0
  54. package/types/defaultPhrases.d.ts +225 -0
  55. package/types/index.d.ts +3 -0
  56. package/dist/cjs/DSDatePicker.js +0 -231
  57. package/dist/cjs/DSDatePicker.js.map +0 -7
  58. package/dist/cjs/components/DSDatePickerImpl.js +0 -274
  59. package/dist/cjs/components/DSDatePickerImpl.js.map +0 -7
  60. package/dist/cjs/components/DatePickerController/DatePickerController.js +0 -322
  61. package/dist/cjs/components/DatePickerController/DatePickerController.js.map +0 -7
  62. package/dist/cjs/components/DatePickerDay/DatePickerDay.js +0 -49
  63. package/dist/cjs/components/DatePickerDay/DatePickerDay.js.map +0 -7
  64. package/dist/cjs/components/DatePickerDropdown.js +0 -85
  65. package/dist/cjs/components/DatePickerDropdown.js.map +0 -7
  66. package/dist/cjs/components/DatePickerHeader/DatePickerHeader.js +0 -74
  67. package/dist/cjs/components/DatePickerHeader/DatePickerHeader.js.map +0 -7
  68. package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js +0 -63
  69. package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js.map +0 -7
  70. package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js +0 -85
  71. package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js.map +0 -7
  72. package/dist/cjs/components/DatePickerRange/DatePickerRange.js +0 -110
  73. package/dist/cjs/components/DatePickerRange/DatePickerRange.js.map +0 -7
  74. package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js +0 -138
  75. package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
  76. package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js +0 -61
  77. package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +0 -7
  78. package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js +0 -96
  79. package/dist/cjs/components/DatePickerSingleDate/DatePickerSingleDate.js.map +0 -7
  80. package/dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +0 -80
  81. package/dist/cjs/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +0 -7
  82. package/dist/cjs/components/index.js +0 -53
  83. package/dist/cjs/components/index.js.map +0 -7
  84. package/dist/cjs/defaultPhrases.js +0 -246
  85. package/dist/cjs/defaultPhrases.js.map +0 -7
  86. package/dist/cjs/index.js +0 -38
  87. package/dist/cjs/index.js.map +0 -7
  88. package/dist/esm/DSDatePicker.js +0 -213
  89. package/dist/esm/DSDatePicker.js.map +0 -7
  90. package/dist/esm/components/DSDatePickerImpl.js +0 -245
  91. package/dist/esm/components/DSDatePickerImpl.js.map +0 -7
  92. package/dist/esm/components/DatePickerController/DatePickerController.js +0 -293
  93. package/dist/esm/components/DatePickerController/DatePickerController.js.map +0 -7
  94. package/dist/esm/components/DatePickerDay/DatePickerDay.js +0 -20
  95. package/dist/esm/components/DatePickerDay/DatePickerDay.js.map +0 -7
  96. package/dist/esm/components/DatePickerDropdown.js +0 -56
  97. package/dist/esm/components/DatePickerDropdown.js.map +0 -7
  98. package/dist/esm/components/DatePickerHeader/DatePickerHeader.js +0 -45
  99. package/dist/esm/components/DatePickerHeader/DatePickerHeader.js.map +0 -7
  100. package/dist/esm/components/DatePickerNavigation/DatePickerNavigation.js +0 -37
  101. package/dist/esm/components/DatePickerNavigation/DatePickerNavigation.js.map +0 -7
  102. package/dist/esm/components/DatePickerPicker/DatePickerPicker.js +0 -56
  103. package/dist/esm/components/DatePickerPicker/DatePickerPicker.js.map +0 -7
  104. package/dist/esm/components/DatePickerRange/DatePickerRange.js +0 -81
  105. package/dist/esm/components/DatePickerRange/DatePickerRange.js.map +0 -7
  106. package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js +0 -109
  107. package/dist/esm/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map +0 -7
  108. package/dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js +0 -32
  109. package/dist/esm/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map +0 -7
  110. package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js +0 -67
  111. package/dist/esm/components/DatePickerSingleDate/DatePickerSingleDate.js.map +0 -7
  112. package/dist/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js +0 -51
  113. package/dist/esm/components/SingleRangeDateSwitcher/SingleRangeDateSwitcher.js.map +0 -7
  114. package/dist/esm/components/index.js +0 -24
  115. package/dist/esm/components/index.js.map +0 -7
  116. package/dist/esm/defaultPhrases.js.map +0 -7
  117. package/dist/esm/index.js +0 -9
  118. package/dist/esm/index.js.map +0 -7
@@ -1,49 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var DatePickerDay_exports = {};
29
- __export(DatePickerDay_exports, {
30
- DatePickerDay: () => Day,
31
- default: () => DatePickerDay_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_prop_types = __toESM(require("prop-types"));
36
- const Day = ({ className = "date-picker-content-day", date = "" }) => /* @__PURE__ */ import_react.default.createElement("div", {
37
- className,
38
- "data-testid": `datepicker-day-${date}`
39
- }, /* @__PURE__ */ import_react.default.createElement("div", {
40
- className: `${className}-half`,
41
- "data-testid": "datepicker-day"
42
- }, date));
43
- Day.propTypes = {
44
- className: import_prop_types.default.string,
45
- date: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number])
46
- };
47
- var DatePickerDay_default = Day;
48
- module.exports = __toCommonJS(DatePickerDay_exports);
49
- //# sourceMappingURL=DatePickerDay.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/DatePickerDay/DatePickerDay.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Day = ({ className = 'date-picker-content-day', date = '' }) => (\n <div className={className} data-testid={`datepicker-day-${date}`}>\n <div className={`${className}-half`} data-testid=\"datepicker-day\">\n {date}\n </div>\n </div>\n);\nDay.propTypes = {\n className: PropTypes.string,\n date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport { Day as DatePickerDay };\nexport default Day;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AAEtB,MAAM,MAAM,CAAC,EAAE,YAAY,2BAA2B,OAAO,SAC3D,mDAAC,OAAD;AAAA,EAAK;AAAA,EAAsB,eAAa,kBAAkB;AAAA,GACxD,mDAAC,OAAD;AAAA,EAAK,WAAW,GAAG;AAAA,EAAkB,eAAY;AAAA,GAC9C;AAIP,IAAI,YAAY;AAAA,EACd,WAAW,0BAAU;AAAA,EACrB,MAAM,0BAAU,UAAU,CAAC,0BAAU,QAAQ,0BAAU;AAAA;AAIzD,IAAO,wBAAQ;",
6
- "names": []
7
- }
@@ -1,85 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var DatePickerDropdown_exports = {};
29
- __export(DatePickerDropdown_exports, {
30
- DatePickerDropdown: () => DatePickerDropdown,
31
- default: () => DatePickerDropdown_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_prop_types = __toESM(require("prop-types"));
36
- var import_ds_classnames = require("@elliemae/ds-classnames");
37
- var import_ds_popper = require("@elliemae/ds-popper");
38
- var import_DatePickerPicker = require("./DatePickerPicker/DatePickerPicker");
39
- const { classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker-range");
40
- const noop = () => null;
41
- function DatePickerDropdown({
42
- disabled = false,
43
- readOnly,
44
- onClick = noop,
45
- isOpen,
46
- menu,
47
- zIndex = 1,
48
- pickerProps,
49
- pickerRef
50
- }) {
51
- return /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
52
- contentComponent: menu,
53
- isOpen,
54
- modifiers: {
55
- preventOverflow: {
56
- enabled: true,
57
- padding: 0,
58
- boundariesElement: "window"
59
- }
60
- },
61
- showArrow: false,
62
- triggerComponent: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_DatePickerPicker.DatePickerPicker, {
63
- innerRef: pickerRef,
64
- ...pickerProps,
65
- className: classNameElement("picker"),
66
- disabled,
67
- onClick,
68
- readOnly
69
- })),
70
- zIndex
71
- });
72
- }
73
- DatePickerDropdown.propTypes = {
74
- pickerRef: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.shape({ current: import_prop_types.default.any })]),
75
- disabled: import_prop_types.default.bool,
76
- readOnly: import_prop_types.default.bool,
77
- onClick: import_prop_types.default.func,
78
- isOpen: import_prop_types.default.bool,
79
- menu: import_prop_types.default.element,
80
- zIndex: import_prop_types.default.number,
81
- pickerProps: import_prop_types.default.shape(import_DatePickerPicker.PickerPropsTypes)
82
- };
83
- var DatePickerDropdown_default = DatePickerDropdown;
84
- module.exports = __toCommonJS(DatePickerDropdown_exports);
85
- //# sourceMappingURL=DatePickerDropdown.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/DatePickerDropdown.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSPopper } from '@elliemae/ds-popper';\nimport { DatePickerPicker, PickerPropsTypes } from './DatePickerPicker/DatePickerPicker';\nconst { classNameElement } = convertPropToCssClassName('datepicker-range');\n\nconst noop = () => null;\nfunction DatePickerDropdown({\n disabled = false,\n readOnly,\n onClick = noop,\n isOpen,\n menu,\n zIndex = 1,\n pickerProps,\n pickerRef,\n}) {\n return (\n <DSPopper\n contentComponent={menu}\n isOpen={isOpen}\n modifiers={{\n preventOverflow: {\n enabled: true,\n padding: 0,\n boundariesElement: 'window',\n },\n }}\n showArrow={false}\n triggerComponent={\n <div>\n <DatePickerPicker\n innerRef={pickerRef}\n {...pickerProps}\n className={classNameElement('picker')}\n disabled={disabled}\n onClick={onClick}\n readOnly={readOnly}\n />\n </div>\n }\n zIndex={zIndex}\n />\n );\n}\n\nDatePickerDropdown.propTypes = {\n pickerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n disabled: PropTypes.bool,\n readOnly: PropTypes.bool,\n onClick: PropTypes.func,\n isOpen: PropTypes.bool,\n menu: PropTypes.element,\n zIndex: PropTypes.number,\n pickerProps: PropTypes.shape(PickerPropsTypes),\n};\n\nexport { DatePickerDropdown };\nexport default DatePickerDropdown;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,2BAA0C;AAC1C,uBAAyB;AACzB,8BAAmD;AACnD,MAAM,EAAE,qBAAqB,oDAA0B;AAEvD,MAAM,OAAO,MAAM;AACnB,4BAA4B;AAAA,EAC1B,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,GACC;AACD,SACE,mDAAC,2BAAD;AAAA,IACE,kBAAkB;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,SAAS;AAAA,QACT,mBAAmB;AAAA;AAAA;AAAA,IAGvB,WAAW;AAAA,IACX,kBACE,mDAAC,OAAD,MACE,mDAAC,0CAAD;AAAA,MACE,UAAU;AAAA,SACN;AAAA,MACJ,WAAW,iBAAiB;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAIN;AAAA;AAAA;AAKN,mBAAmB,YAAY;AAAA,EAC7B,WAAW,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,MAAM,EAAE,SAAS,0BAAU;AAAA,EACrF,UAAU,0BAAU;AAAA,EACpB,UAAU,0BAAU;AAAA,EACpB,SAAS,0BAAU;AAAA,EACnB,QAAQ,0BAAU;AAAA,EAClB,MAAM,0BAAU;AAAA,EAChB,QAAQ,0BAAU;AAAA,EAClB,aAAa,0BAAU,MAAM;AAAA;AAI/B,IAAO,6BAAQ;",
6
- "names": []
7
- }
@@ -1,74 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var DatePickerHeader_exports = {};
29
- __export(DatePickerHeader_exports, {
30
- DatePickerHeader: () => DatePickerHeader,
31
- default: () => DatePickerHeader_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_prop_types = __toESM(require("prop-types"));
36
- var import_moment = __toESM(require("moment"));
37
- var import_ds_form = require("@elliemae/ds-form");
38
- var import_ds_classnames = require("@elliemae/ds-classnames");
39
- const DATE_FORMAT = "MMDDYYYY";
40
- const blockname = "date-picker-header";
41
- const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname);
42
- const isFn = (variable) => typeof variable === "function";
43
- const DatePickerHeader = ({ onInputChange = () => null, selectedDate, updateKeyDate }) => {
44
- const [value, setValue] = (0, import_react.useState)(isFn(selectedDate?.format) ? selectedDate.format(DATE_FORMAT) : "");
45
- (0, import_react.useEffect)(() => {
46
- if (isFn(selectedDate?.format)) {
47
- setValue(selectedDate?.format(DATE_FORMAT));
48
- }
49
- }, [selectedDate]);
50
- const handleOnChange = (newDate) => {
51
- setValue(newDate);
52
- };
53
- const handleOnKeyDown = (e) => {
54
- if (e.key === "Enter" && value.length === DATE_FORMAT.length) {
55
- const momentValue = (0, import_moment.default)(value, DATE_FORMAT);
56
- onInputChange(momentValue);
57
- updateKeyDate(momentValue);
58
- }
59
- };
60
- return /* @__PURE__ */ import_react.default.createElement(Header, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputGroup, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSDateInputV2, {
61
- onChange: handleOnChange,
62
- onKeyDown: handleOnKeyDown,
63
- value,
64
- containerProps: { "data-testid": "start-date" }
65
- })));
66
- };
67
- DatePickerHeader.propTypes = {
68
- onInputChange: import_prop_types.default.func,
69
- selectedDate: import_prop_types.default.any,
70
- updateKeyDate: import_prop_types.default.any
71
- };
72
- var DatePickerHeader_default = DatePickerHeader;
73
- module.exports = __toCommonJS(DatePickerHeader_exports);
74
- //# sourceMappingURL=DatePickerHeader.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/DatePickerHeader/DatePickerHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable no-console */\nimport React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { DSDateInputV2, DSInputGroup } from '@elliemae/ds-form';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst DATE_FORMAT = 'MMDDYYYY';\nconst blockname = 'date-picker-header';\nconst Header = aggregatedClasses('div')(blockname);\n\nconst isFn = (variable) => typeof variable === 'function';\n\nconst DatePickerHeader = ({ onInputChange = () => null, selectedDate, updateKeyDate }) => {\n const [value, setValue] = useState(isFn(selectedDate?.format) ? selectedDate.format(DATE_FORMAT) : '');\n\n useEffect(() => {\n if (isFn(selectedDate?.format)) {\n setValue(selectedDate?.format(DATE_FORMAT));\n }\n }, [selectedDate]);\n\n const handleOnChange = (newDate) => {\n setValue(newDate);\n };\n\n const handleOnKeyDown = (e) => {\n if (e.key === 'Enter' && value.length === DATE_FORMAT.length) {\n const momentValue = moment(value, DATE_FORMAT);\n onInputChange(momentValue);\n updateKeyDate(momentValue);\n }\n };\n\n return (\n <Header>\n <DSInputGroup>\n <DSDateInputV2\n onChange={handleOnChange}\n onKeyDown={handleOnKeyDown}\n value={value}\n containerProps={{ 'data-testid': 'start-date' }}\n />\n </DSInputGroup>\n </Header>\n );\n};\n\nDatePickerHeader.propTypes = {\n onInputChange: PropTypes.func,\n selectedDate: PropTypes.any,\n updateKeyDate: PropTypes.any,\n};\n\nexport { DatePickerHeader };\nexport default DatePickerHeader;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA2C;AAC3C,wBAAsB;AACtB,oBAAmB;AACnB,qBAA4C;AAC5C,2BAAkC;AAElC,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,SAAS,4CAAkB,OAAO;AAExC,MAAM,OAAO,CAAC,aAAa,OAAO,aAAa;AAE/C,MAAM,mBAAmB,CAAC,EAAE,gBAAgB,MAAM,MAAM,cAAc,oBAAoB;AACxF,QAAM,CAAC,OAAO,YAAY,2BAAS,KAAK,cAAc,UAAU,aAAa,OAAO,eAAe;AAEnG,8BAAU,MAAM;AACd,QAAI,KAAK,cAAc,SAAS;AAC9B,eAAS,cAAc,OAAO;AAAA;AAAA,KAE/B,CAAC;AAEJ,QAAM,iBAAiB,CAAC,YAAY;AAClC,aAAS;AAAA;AAGX,QAAM,kBAAkB,CAAC,MAAM;AAC7B,QAAI,EAAE,QAAQ,WAAW,MAAM,WAAW,YAAY,QAAQ;AAC5D,YAAM,cAAc,2BAAO,OAAO;AAClC,oBAAc;AACd,oBAAc;AAAA;AAAA;AAIlB,SACE,mDAAC,QAAD,MACE,mDAAC,6BAAD,MACE,mDAAC,8BAAD;AAAA,IACE,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA,gBAAgB,EAAE,eAAe;AAAA;AAAA;AAO3C,iBAAiB,YAAY;AAAA,EAC3B,eAAe,0BAAU;AAAA,EACzB,cAAc,0BAAU;AAAA,EACxB,eAAe,0BAAU;AAAA;AAI3B,IAAO,2BAAQ;",
6
- "names": []
7
- }
@@ -1,63 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var DatePickerNavigation_exports = {};
29
- __export(DatePickerNavigation_exports, {
30
- DatePickerNavigation: () => Navigation,
31
- default: () => DatePickerNavigation_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_prop_types = __toESM(require("prop-types"));
36
- var import_ds_icons = require("@elliemae/ds-icons");
37
- var import_ds_icon = require("@elliemae/ds-icon");
38
- var import_prop_types2 = require("@elliemae/ds-shared/prop-types");
39
- const Navigation = ({
40
- className = "date-picker-navigation",
41
- icon: Icon = import_ds_icons.ChevronRight,
42
- color = import_ds_icon.DSIconColors.NEUTRAL,
43
- size = import_ds_icon.DSIconSizes.S,
44
- innerRef
45
- }) => /* @__PURE__ */ import_react.default.createElement("div", {
46
- tabIndex: 0,
47
- "data-testid": "date-picker-nav"
48
- }, /* @__PURE__ */ import_react.default.createElement(Icon, {
49
- className,
50
- color,
51
- innerRef,
52
- size
53
- }));
54
- Navigation.propTypes = {
55
- className: "date-picker-navigation",
56
- icon: import_prop_types.default.element,
57
- color: import_prop_types.default.oneOf(import_prop_types2.iconColors),
58
- size: import_prop_types.default.oneOf(import_prop_types2.iconSizes),
59
- innerRef: import_prop_types.default.any
60
- };
61
- var DatePickerNavigation_default = Navigation;
62
- module.exports = __toCommonJS(DatePickerNavigation_exports);
63
- //# sourceMappingURL=DatePickerNavigation.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/DatePickerNavigation/DatePickerNavigation.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronRight } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport {\n iconSizes,\n iconColors,\n} from '@elliemae/ds-shared/prop-types';\n\nconst Navigation = ({\n className = 'date-picker-navigation',\n icon: Icon = ChevronRight,\n color = DSIconColors.NEUTRAL,\n size = DSIconSizes.S,\n innerRef,\n}) => (\n <div tabIndex={0} data-testid=\"date-picker-nav\">\n <Icon className={className} color={color} innerRef={innerRef} size={size} />\n </div>\n);\nNavigation.propTypes = {\n className: 'date-picker-navigation',\n icon: PropTypes.element,\n color: PropTypes.oneOf(iconColors),\n size: PropTypes.oneOf(iconSizes),\n innerRef: PropTypes.any,\n};\n\nexport { Navigation as DatePickerNavigation };\nexport default Navigation;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,sBAA6B;AAC7B,qBAA0C;AAC1C,yBAGO;AAEP,MAAM,aAAa,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,MAAM,OAAO;AAAA,EACb,QAAQ,4BAAa;AAAA,EACrB,OAAO,2BAAY;AAAA,EACnB;AAAA,MAEA,mDAAC,OAAD;AAAA,EAAK,UAAU;AAAA,EAAG,eAAY;AAAA,GAC5B,mDAAC,MAAD;AAAA,EAAM;AAAA,EAAsB;AAAA,EAAc;AAAA,EAAoB;AAAA;AAGlE,WAAW,YAAY;AAAA,EACrB,WAAW;AAAA,EACX,MAAM,0BAAU;AAAA,EAChB,OAAO,0BAAU,MAAM;AAAA,EACvB,MAAM,0BAAU,MAAM;AAAA,EACtB,UAAU,0BAAU;AAAA;AAItB,IAAO,+BAAQ;",
6
- "names": []
7
- }
@@ -1,85 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var DatePickerPicker_exports = {};
29
- __export(DatePickerPicker_exports, {
30
- DatePickerPicker: () => Picker,
31
- Picker: () => Picker,
32
- PickerPropsTypes: () => PickerPropsTypes,
33
- default: () => DatePickerPicker_default
34
- });
35
- var React = __toESM(require("react"));
36
- var import_react = __toESM(require("react"));
37
- var import_prop_types = __toESM(require("prop-types"));
38
- var import_ds_icon = require("@elliemae/ds-icon");
39
- var import_ds_icons = require("@elliemae/ds-icons");
40
- var import_ds_button = require("@elliemae/ds-button");
41
- var import_prop_types2 = require("@elliemae/ds-shared/prop-types");
42
- const Picker = ({
43
- className = "date-picker-icon",
44
- disabled = false,
45
- icon = /* @__PURE__ */ import_react.default.createElement(import_ds_icons.DatePicker, null),
46
- size = import_ds_icon.DSIconSizes.M,
47
- buttonActionType = "secondary",
48
- onClick = () => null,
49
- onBlur = () => null,
50
- readOnly = false,
51
- tabIndex = 0,
52
- innerRef,
53
- ...rest
54
- }) => /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
55
- innerRef,
56
- "aria-label": rest["aria-label"] || "Date Picker Button",
57
- buttonType: buttonActionType,
58
- className,
59
- color: !disabled ? import_ds_icon.DSIconColors.PRIMARY : import_ds_icon.DSIconColors.NEUTRAL,
60
- disabled,
61
- icon,
62
- onBlur,
63
- onClick,
64
- readOnly,
65
- size,
66
- tabIndex,
67
- "data-testid": "btn-date-picker"
68
- });
69
- const PickerPropsTypes = {
70
- innerRef: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.shape({ current: import_prop_types.default.any })]),
71
- className: import_prop_types.default.string,
72
- disabled: import_prop_types.default.bool,
73
- icon: import_prop_types.default.element,
74
- size: import_prop_types.default.oneOf(import_prop_types2.iconSizes),
75
- buttonActionType: import_prop_types.default.oneOf(import_ds_button.buttonTypes),
76
- onClick: import_prop_types.default.func,
77
- onFocus: import_prop_types.default.func,
78
- onBlur: import_prop_types.default.func,
79
- readOnly: import_prop_types.default.bool,
80
- tabIndex: import_prop_types.default.number
81
- };
82
- Picker.propTypes = PickerPropsTypes;
83
- var DatePickerPicker_default = Picker;
84
- module.exports = __toCommonJS(DatePickerPicker_exports);
85
- //# sourceMappingURL=DatePickerPicker.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/DatePickerPicker/DatePickerPicker.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport { DSButton, buttonTypes } from '@elliemae/ds-button';\nimport { iconSizes } from '@elliemae/ds-shared/prop-types';\n\nexport const Picker = ({\n className = 'date-picker-icon',\n disabled = false,\n icon = <DatePicker />,\n size = DSIconSizes.M,\n buttonActionType = 'secondary',\n onClick = () => null,\n onBlur = () => null,\n readOnly = false,\n tabIndex = 0,\n innerRef,\n ...rest\n}) => (\n <DSButton\n innerRef={innerRef}\n aria-label={rest['aria-label'] || 'Date Picker Button'}\n buttonType={buttonActionType}\n className={className}\n color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n disabled={disabled}\n icon={icon}\n onBlur={onBlur}\n onClick={onClick}\n readOnly={readOnly}\n size={size}\n tabIndex={tabIndex}\n data-testid=\"btn-date-picker\"\n />\n);\n\nexport const PickerPropsTypes = {\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n className: PropTypes.string,\n disabled: PropTypes.bool,\n icon: PropTypes.element,\n size: PropTypes.oneOf(iconSizes),\n buttonActionType: PropTypes.oneOf(buttonTypes),\n onClick: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n readOnly: PropTypes.bool,\n tabIndex: PropTypes.number,\n};\n\nPicker.propTypes = PickerPropsTypes;\n\nexport { Picker as DatePickerPicker };\nexport default Picker;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,qBAA0C;AAC1C,sBAA2B;AAC3B,uBAAsC;AACtC,yBAA0B;AAEnB,MAAM,SAAS,CAAC;AAAA,EACrB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO,mDAAC,4BAAD;AAAA,EACP,OAAO,2BAAY;AAAA,EACnB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,KACG;AAAA,MAEH,mDAAC,2BAAD;AAAA,EACE;AAAA,EACA,cAAY,KAAK,iBAAiB;AAAA,EAClC,YAAY;AAAA,EACZ;AAAA,EACA,OAAO,CAAC,WAAW,4BAAa,UAAU,4BAAa;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAY;AAAA;AAIT,MAAM,mBAAmB;AAAA,EAC9B,UAAU,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,MAAM,EAAE,SAAS,0BAAU;AAAA,EACpF,WAAW,0BAAU;AAAA,EACrB,UAAU,0BAAU;AAAA,EACpB,MAAM,0BAAU;AAAA,EAChB,MAAM,0BAAU,MAAM;AAAA,EACtB,kBAAkB,0BAAU,MAAM;AAAA,EAClC,SAAS,0BAAU;AAAA,EACnB,SAAS,0BAAU;AAAA,EACnB,QAAQ,0BAAU;AAAA,EAClB,UAAU,0BAAU;AAAA,EACpB,UAAU,0BAAU;AAAA;AAGtB,OAAO,YAAY;AAGnB,IAAO,2BAAQ;",
6
- "names": []
7
- }
@@ -1,110 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var DatePickerRange_exports = {};
29
- __export(DatePickerRange_exports, {
30
- DatePickerRangeDate: () => DatePickerRangeDate,
31
- default: () => DatePickerRange_default
32
- });
33
- var React = __toESM(require("react"));
34
- var import_react = __toESM(require("react"));
35
- var import_react_dates = require("react-dates");
36
- var import_moment = __toESM(require("moment"));
37
- var import_ds_classnames = require("@elliemae/ds-classnames");
38
- var import_ds_icons = require("@elliemae/ds-icons");
39
- var import_DatePickerDay = require("../DatePickerDay/DatePickerDay");
40
- var import_DatePickerNavigation = require("../DatePickerNavigation/DatePickerNavigation");
41
- var import_DatePickerRangeHeader = require("../DatePickerRangeHeader/DatePickerRangeHeader");
42
- const blockname = "date-range";
43
- const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "wrapper");
44
- const { classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker");
45
- const START_DATE = "startDate";
46
- const END_DATE = "endDate";
47
- const DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = "D", showHeader = true, otherProps }) => {
48
- const [selectedDateStart, setSelectedDateStart] = (0, import_react.useState)(dateStart);
49
- const [selectedDateEnd, setSelectedDateEnd] = (0, import_react.useState)(dateEnd);
50
- const [focusedInput, setFocusedInput] = (0, import_react.useState)(START_DATE);
51
- const datePickerRef = (0, import_react.useRef)();
52
- const handleFocusChange = () => {
53
- setFocusedInput(focusedInput === START_DATE ? END_DATE : START_DATE);
54
- };
55
- const handleDatesChange = ({ startDate, endDate }) => {
56
- setSelectedDateStart(startDate);
57
- setSelectedDateEnd(endDate);
58
- };
59
- const handleStartInputChange = (newDate) => {
60
- setSelectedDateStart(newDate);
61
- };
62
- const handleEndInputChange = (newDate) => {
63
- setSelectedDateEnd(newDate);
64
- };
65
- const getSafeDateStartValue = () => {
66
- if (selectedDateStart) {
67
- return (0, import_moment.default)(selectedDateStart);
68
- }
69
- };
70
- const getSafeDateEndValue = () => {
71
- if (selectedDateEnd) {
72
- return (0, import_moment.default)(selectedDateEnd);
73
- }
74
- };
75
- const safeStartDate = getSafeDateStartValue();
76
- const safeEndDate = getSafeDateEndValue();
77
- return /* @__PURE__ */ import_react.default.createElement(Wrapper, null, showHeader && /* @__PURE__ */ import_react.default.createElement(import_DatePickerRangeHeader.DatePickerRangeHeader, {
78
- onEndInputChange: handleEndInputChange,
79
- onStartInputChange: handleStartInputChange,
80
- selectedEndDate: safeEndDate,
81
- selectedStartDate: safeStartDate
82
- }), /* @__PURE__ */ import_react.default.createElement("div", {
83
- ref: datePickerRef,
84
- className: classNameBlock("wrapper-day-picker-single-date-controller")
85
- }, /* @__PURE__ */ import_react.default.createElement(import_react_dates.DayPickerRangeController, {
86
- ...otherProps,
87
- enableOutsideDays: true,
88
- endDate: safeEndDate,
89
- focused: true,
90
- focusedInput,
91
- hideKeyboardShortcutsPanel: true,
92
- navNext: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
93
- className: classNameElement("navigation-next")
94
- }),
95
- navPrev: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
96
- className: classNameElement("navigation-prev"),
97
- icon: import_ds_icons.ChevronLeft
98
- }),
99
- onDatesChange: handleDatesChange,
100
- onFocusChange: handleFocusChange,
101
- renderDayContents: (date) => /* @__PURE__ */ import_react.default.createElement(import_DatePickerDay.DatePickerDay, {
102
- className: classNameElement("day-contents"),
103
- date: date.format(displayFormatDay)
104
- }),
105
- startDate: safeStartDate
106
- })));
107
- };
108
- var DatePickerRange_default = DatePickerRangeDate;
109
- module.exports = __toCommonJS(DatePickerRange_exports);
110
- //# sourceMappingURL=DatePickerRange.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../src/components/DatePickerRange/DatePickerRange.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable consistent-return */\nimport React, { useState, useRef } from 'react';\nimport { DayPickerRangeController } from 'react-dates';\nimport moment from 'moment';\nimport { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { DatePickerDay } from '../DatePickerDay/DatePickerDay';\nimport { DatePickerNavigation } from '../DatePickerNavigation/DatePickerNavigation';\nimport { DatePickerRangeHeader } from '../DatePickerRangeHeader/DatePickerRangeHeader';\n\nconst blockname = 'date-range';\nconst Wrapper = aggregatedClasses('div')(blockname, 'wrapper');\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker');\n\nconst START_DATE = 'startDate';\nconst END_DATE = 'endDate';\n\nconst DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = 'D', showHeader = true, otherProps }) => {\n const [selectedDateStart, setSelectedDateStart] = useState(dateStart);\n const [selectedDateEnd, setSelectedDateEnd] = useState(dateEnd);\n const [focusedInput, setFocusedInput] = useState(START_DATE);\n const datePickerRef = useRef();\n\n const handleFocusChange = () => {\n setFocusedInput(focusedInput === START_DATE ? END_DATE : START_DATE);\n };\n\n const handleDatesChange = ({ startDate, endDate }) => {\n setSelectedDateStart(startDate);\n setSelectedDateEnd(endDate);\n };\n\n const handleStartInputChange = (newDate) => {\n setSelectedDateStart(newDate);\n };\n\n const handleEndInputChange = (newDate) => {\n setSelectedDateEnd(newDate);\n };\n\n const getSafeDateStartValue = () => {\n if (selectedDateStart) {\n return moment(selectedDateStart);\n }\n };\n\n const getSafeDateEndValue = () => {\n if (selectedDateEnd) {\n return moment(selectedDateEnd);\n }\n };\n\n const safeStartDate = getSafeDateStartValue();\n const safeEndDate = getSafeDateEndValue();\n\n return (\n <Wrapper>\n {showHeader && (\n <DatePickerRangeHeader\n onEndInputChange={handleEndInputChange}\n onStartInputChange={handleStartInputChange}\n selectedEndDate={safeEndDate}\n selectedStartDate={safeStartDate}\n />\n )}\n <div ref={datePickerRef} className={classNameBlock('wrapper-day-picker-single-date-controller')}>\n <DayPickerRangeController\n {...otherProps}\n enableOutsideDays\n endDate={safeEndDate}\n focused\n focusedInput={focusedInput}\n hideKeyboardShortcutsPanel\n navNext={<DatePickerNavigation className={classNameElement('navigation-next')} />}\n navPrev={<DatePickerNavigation className={classNameElement('navigation-prev')} icon={ChevronLeft} />}\n onDatesChange={handleDatesChange}\n onFocusChange={handleFocusChange}\n renderDayContents={(date) => (\n <DatePickerDay className={classNameElement('day-contents')} date={date.format(displayFormatDay)} />\n )}\n startDate={safeStartDate}\n />\n </div>\n </Wrapper>\n );\n};\n\nexport { DatePickerRangeDate };\nexport default DatePickerRangeDate;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAwC;AACxC,yBAAyC;AACzC,oBAAmB;AACnB,2BAA6D;AAC7D,sBAA4B;AAC5B,2BAA8B;AAC9B,kCAAqC;AACrC,mCAAsC;AAEtC,MAAM,YAAY;AAClB,MAAM,UAAU,4CAAkB,OAAO,WAAW;AAEpD,MAAM,EAAE,kBAAkB,mBAAmB,oDAA0B;AAEvE,MAAM,aAAa;AACnB,MAAM,WAAW;AAEjB,MAAM,sBAAsB,CAAC,EAAE,WAAW,SAAS,mBAAmB,KAAK,aAAa,MAAM,iBAAiB;AAC7G,QAAM,CAAC,mBAAmB,wBAAwB,2BAAS;AAC3D,QAAM,CAAC,iBAAiB,sBAAsB,2BAAS;AACvD,QAAM,CAAC,cAAc,mBAAmB,2BAAS;AACjD,QAAM,gBAAgB;AAEtB,QAAM,oBAAoB,MAAM;AAC9B,oBAAgB,iBAAiB,aAAa,WAAW;AAAA;AAG3D,QAAM,oBAAoB,CAAC,EAAE,WAAW,cAAc;AACpD,yBAAqB;AACrB,uBAAmB;AAAA;AAGrB,QAAM,yBAAyB,CAAC,YAAY;AAC1C,yBAAqB;AAAA;AAGvB,QAAM,uBAAuB,CAAC,YAAY;AACxC,uBAAmB;AAAA;AAGrB,QAAM,wBAAwB,MAAM;AAClC,QAAI,mBAAmB;AACrB,aAAO,2BAAO;AAAA;AAAA;AAIlB,QAAM,sBAAsB,MAAM;AAChC,QAAI,iBAAiB;AACnB,aAAO,2BAAO;AAAA;AAAA;AAIlB,QAAM,gBAAgB;AACtB,QAAM,cAAc;AAEpB,SACE,mDAAC,SAAD,MACG,cACC,mDAAC,oDAAD;AAAA,IACE,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,MAGvB,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAe,WAAW,eAAe;AAAA,KACjD,mDAAC,6CAAD;AAAA,OACM;AAAA,IACJ,mBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,SAAO;AAAA,IACP;AAAA,IACA,4BAA0B;AAAA,IAC1B,SAAS,mDAAC,kDAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA;AAAA,IAC3D,SAAS,mDAAC,kDAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA,MAAoB,MAAM;AAAA;AAAA,IACrF,eAAe;AAAA,IACf,eAAe;AAAA,IACf,mBAAmB,CAAC,SAClB,mDAAC,oCAAD;AAAA,MAAe,WAAW,iBAAiB;AAAA,MAAiB,MAAM,KAAK,OAAO;AAAA;AAAA,IAEhF,WAAW;AAAA;AAAA;AAQrB,IAAO,0BAAQ;",
6
- "names": []
7
- }