@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,56 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import PropTypes from "prop-types";
4
- import { convertPropToCssClassName } from "@elliemae/ds-classnames";
5
- import { DSPopper } from "@elliemae/ds-popper";
6
- import { DatePickerPicker, PickerPropsTypes } from "./DatePickerPicker/DatePickerPicker";
7
- const { classNameElement } = convertPropToCssClassName("datepicker-range");
8
- const noop = () => null;
9
- function DatePickerDropdown({
10
- disabled = false,
11
- readOnly,
12
- onClick = noop,
13
- isOpen,
14
- menu,
15
- zIndex = 1,
16
- pickerProps,
17
- pickerRef
18
- }) {
19
- return /* @__PURE__ */ React2.createElement(DSPopper, {
20
- contentComponent: menu,
21
- isOpen,
22
- modifiers: {
23
- preventOverflow: {
24
- enabled: true,
25
- padding: 0,
26
- boundariesElement: "window"
27
- }
28
- },
29
- showArrow: false,
30
- triggerComponent: /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(DatePickerPicker, {
31
- innerRef: pickerRef,
32
- ...pickerProps,
33
- className: classNameElement("picker"),
34
- disabled,
35
- onClick,
36
- readOnly
37
- })),
38
- zIndex
39
- });
40
- }
41
- DatePickerDropdown.propTypes = {
42
- pickerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),
43
- disabled: PropTypes.bool,
44
- readOnly: PropTypes.bool,
45
- onClick: PropTypes.func,
46
- isOpen: PropTypes.bool,
47
- menu: PropTypes.element,
48
- zIndex: PropTypes.number,
49
- pickerProps: PropTypes.shape(PickerPropsTypes)
50
- };
51
- var DatePickerDropdown_default = DatePickerDropdown;
52
- export {
53
- DatePickerDropdown,
54
- DatePickerDropdown_default as default
55
- };
56
- //# sourceMappingURL=DatePickerDropdown.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DatePickerDropdown.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA,MAAM,EAAE,qBAAqB,0BAA0B;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,qCAAC,UAAD;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,qCAAC,OAAD,MACE,qCAAC,kBAAD;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,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,EACrF,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU,MAAM;AAAA;AAI/B,IAAO,6BAAQ;",
6
- "names": []
7
- }
@@ -1,45 +0,0 @@
1
- import * as React from "react";
2
- import React2, { useState, useEffect } from "react";
3
- import PropTypes from "prop-types";
4
- import moment from "moment";
5
- import { DSDateInputV2, DSInputGroup } from "@elliemae/ds-form";
6
- import { aggregatedClasses } from "@elliemae/ds-classnames";
7
- const DATE_FORMAT = "MMDDYYYY";
8
- const blockname = "date-picker-header";
9
- const Header = aggregatedClasses("div")(blockname);
10
- const isFn = (variable) => typeof variable === "function";
11
- const DatePickerHeader = ({ onInputChange = () => null, selectedDate, updateKeyDate }) => {
12
- const [value, setValue] = useState(isFn(selectedDate?.format) ? selectedDate.format(DATE_FORMAT) : "");
13
- useEffect(() => {
14
- if (isFn(selectedDate?.format)) {
15
- setValue(selectedDate?.format(DATE_FORMAT));
16
- }
17
- }, [selectedDate]);
18
- const handleOnChange = (newDate) => {
19
- setValue(newDate);
20
- };
21
- const handleOnKeyDown = (e) => {
22
- if (e.key === "Enter" && value.length === DATE_FORMAT.length) {
23
- const momentValue = moment(value, DATE_FORMAT);
24
- onInputChange(momentValue);
25
- updateKeyDate(momentValue);
26
- }
27
- };
28
- return /* @__PURE__ */ React2.createElement(Header, null, /* @__PURE__ */ React2.createElement(DSInputGroup, null, /* @__PURE__ */ React2.createElement(DSDateInputV2, {
29
- onChange: handleOnChange,
30
- onKeyDown: handleOnKeyDown,
31
- value,
32
- containerProps: { "data-testid": "start-date" }
33
- })));
34
- };
35
- DatePickerHeader.propTypes = {
36
- onInputChange: PropTypes.func,
37
- selectedDate: PropTypes.any,
38
- updateKeyDate: PropTypes.any
39
- };
40
- var DatePickerHeader_default = DatePickerHeader;
41
- export {
42
- DatePickerHeader,
43
- DatePickerHeader_default as default
44
- };
45
- //# sourceMappingURL=DatePickerHeader.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerHeader/DatePickerHeader.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,SAAS,kBAAkB,OAAO;AAExC,MAAM,OAAO,CAAC,aAAa,OAAO,aAAa;AAE/C,MAAM,mBAAmB,CAAC,EAAE,gBAAgB,MAAM,MAAM,cAAc,oBAAoB;AACxF,QAAM,CAAC,OAAO,YAAY,SAAS,KAAK,cAAc,UAAU,aAAa,OAAO,eAAe;AAEnG,YAAU,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,OAAO,OAAO;AAClC,oBAAc;AACd,oBAAc;AAAA;AAAA;AAIlB,SACE,qCAAC,QAAD,MACE,qCAAC,cAAD,MACE,qCAAC,eAAD;AAAA,IACE,UAAU;AAAA,IACV,WAAW;AAAA,IACX;AAAA,IACA,gBAAgB,EAAE,eAAe;AAAA;AAAA;AAO3C,iBAAiB,YAAY;AAAA,EAC3B,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAAA;AAI3B,IAAO,2BAAQ;",
6
- "names": []
7
- }
@@ -1,37 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import PropTypes from "prop-types";
4
- import { ChevronRight } from "@elliemae/ds-icons";
5
- import { DSIconColors, DSIconSizes } from "@elliemae/ds-icon";
6
- import {
7
- iconSizes,
8
- iconColors
9
- } from "@elliemae/ds-shared/prop-types";
10
- const Navigation = ({
11
- className = "date-picker-navigation",
12
- icon: Icon = ChevronRight,
13
- color = DSIconColors.NEUTRAL,
14
- size = DSIconSizes.S,
15
- innerRef
16
- }) => /* @__PURE__ */ React2.createElement("div", {
17
- tabIndex: 0,
18
- "data-testid": "date-picker-nav"
19
- }, /* @__PURE__ */ React2.createElement(Icon, {
20
- className,
21
- color,
22
- innerRef,
23
- size
24
- }));
25
- Navigation.propTypes = {
26
- className: "date-picker-navigation",
27
- icon: PropTypes.element,
28
- color: PropTypes.oneOf(iconColors),
29
- size: PropTypes.oneOf(iconSizes),
30
- innerRef: PropTypes.any
31
- };
32
- var DatePickerNavigation_default = Navigation;
33
- export {
34
- Navigation as DatePickerNavigation,
35
- DatePickerNavigation_default as default
36
- };
37
- //# sourceMappingURL=DatePickerNavigation.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerNavigation/DatePickerNavigation.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAKA,MAAM,aAAa,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,MAAM,OAAO;AAAA,EACb,QAAQ,aAAa;AAAA,EACrB,OAAO,YAAY;AAAA,EACnB;AAAA,MAEA,qCAAC,OAAD;AAAA,EAAK,UAAU;AAAA,EAAG,eAAY;AAAA,GAC5B,qCAAC,MAAD;AAAA,EAAM;AAAA,EAAsB;AAAA,EAAc;AAAA,EAAoB;AAAA;AAGlE,WAAW,YAAY;AAAA,EACrB,WAAW;AAAA,EACX,MAAM,UAAU;AAAA,EAChB,OAAO,UAAU,MAAM;AAAA,EACvB,MAAM,UAAU,MAAM;AAAA,EACtB,UAAU,UAAU;AAAA;AAItB,IAAO,+BAAQ;",
6
- "names": []
7
- }
@@ -1,56 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import PropTypes from "prop-types";
4
- import { DSIconColors, DSIconSizes } from "@elliemae/ds-icon";
5
- import { DatePicker } from "@elliemae/ds-icons";
6
- import { DSButton, buttonTypes } from "@elliemae/ds-button";
7
- import { iconSizes } from "@elliemae/ds-shared/prop-types";
8
- const Picker = ({
9
- className = "date-picker-icon",
10
- disabled = false,
11
- icon = /* @__PURE__ */ React2.createElement(DatePicker, null),
12
- size = DSIconSizes.M,
13
- buttonActionType = "secondary",
14
- onClick = () => null,
15
- onBlur = () => null,
16
- readOnly = false,
17
- tabIndex = 0,
18
- innerRef,
19
- ...rest
20
- }) => /* @__PURE__ */ React2.createElement(DSButton, {
21
- innerRef,
22
- "aria-label": rest["aria-label"] || "Date Picker Button",
23
- buttonType: buttonActionType,
24
- className,
25
- color: !disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL,
26
- disabled,
27
- icon,
28
- onBlur,
29
- onClick,
30
- readOnly,
31
- size,
32
- tabIndex,
33
- "data-testid": "btn-date-picker"
34
- });
35
- const PickerPropsTypes = {
36
- innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),
37
- className: PropTypes.string,
38
- disabled: PropTypes.bool,
39
- icon: PropTypes.element,
40
- size: PropTypes.oneOf(iconSizes),
41
- buttonActionType: PropTypes.oneOf(buttonTypes),
42
- onClick: PropTypes.func,
43
- onFocus: PropTypes.func,
44
- onBlur: PropTypes.func,
45
- readOnly: PropTypes.bool,
46
- tabIndex: PropTypes.number
47
- };
48
- Picker.propTypes = PickerPropsTypes;
49
- var DatePickerPicker_default = Picker;
50
- export {
51
- Picker as DatePickerPicker,
52
- Picker,
53
- PickerPropsTypes,
54
- DatePickerPicker_default as default
55
- };
56
- //# sourceMappingURL=DatePickerPicker.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerPicker/DatePickerPicker.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEO,MAAM,SAAS,CAAC;AAAA,EACrB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO,qCAAC,YAAD;AAAA,EACP,OAAO,YAAY;AAAA,EACnB,mBAAmB;AAAA,EACnB,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,KACG;AAAA,MAEH,qCAAC,UAAD;AAAA,EACE;AAAA,EACA,cAAY,KAAK,iBAAiB;AAAA,EAClC,YAAY;AAAA,EACZ;AAAA,EACA,OAAO,CAAC,WAAW,aAAa,UAAU,aAAa;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAY;AAAA;AAIT,MAAM,mBAAmB;AAAA,EAC9B,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU;AAAA,EACpF,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU,MAAM;AAAA,EACtB,kBAAkB,UAAU,MAAM;AAAA,EAClC,SAAS,UAAU;AAAA,EACnB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA;AAGtB,OAAO,YAAY;AAGnB,IAAO,2BAAQ;",
6
- "names": []
7
- }
@@ -1,81 +0,0 @@
1
- import * as React from "react";
2
- import React2, { useState, useRef } from "react";
3
- import { DayPickerRangeController } from "react-dates";
4
- import moment from "moment";
5
- import { aggregatedClasses, convertPropToCssClassName } from "@elliemae/ds-classnames";
6
- import { ChevronLeft } from "@elliemae/ds-icons";
7
- import { DatePickerDay } from "../DatePickerDay/DatePickerDay";
8
- import { DatePickerNavigation } from "../DatePickerNavigation/DatePickerNavigation";
9
- import { DatePickerRangeHeader } from "../DatePickerRangeHeader/DatePickerRangeHeader";
10
- const blockname = "date-range";
11
- const Wrapper = aggregatedClasses("div")(blockname, "wrapper");
12
- const { classNameElement, classNameBlock } = convertPropToCssClassName("datepicker");
13
- const START_DATE = "startDate";
14
- const END_DATE = "endDate";
15
- const DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = "D", showHeader = true, otherProps }) => {
16
- const [selectedDateStart, setSelectedDateStart] = useState(dateStart);
17
- const [selectedDateEnd, setSelectedDateEnd] = useState(dateEnd);
18
- const [focusedInput, setFocusedInput] = useState(START_DATE);
19
- const datePickerRef = useRef();
20
- const handleFocusChange = () => {
21
- setFocusedInput(focusedInput === START_DATE ? END_DATE : START_DATE);
22
- };
23
- const handleDatesChange = ({ startDate, endDate }) => {
24
- setSelectedDateStart(startDate);
25
- setSelectedDateEnd(endDate);
26
- };
27
- const handleStartInputChange = (newDate) => {
28
- setSelectedDateStart(newDate);
29
- };
30
- const handleEndInputChange = (newDate) => {
31
- setSelectedDateEnd(newDate);
32
- };
33
- const getSafeDateStartValue = () => {
34
- if (selectedDateStart) {
35
- return moment(selectedDateStart);
36
- }
37
- };
38
- const getSafeDateEndValue = () => {
39
- if (selectedDateEnd) {
40
- return moment(selectedDateEnd);
41
- }
42
- };
43
- const safeStartDate = getSafeDateStartValue();
44
- const safeEndDate = getSafeDateEndValue();
45
- return /* @__PURE__ */ React2.createElement(Wrapper, null, showHeader && /* @__PURE__ */ React2.createElement(DatePickerRangeHeader, {
46
- onEndInputChange: handleEndInputChange,
47
- onStartInputChange: handleStartInputChange,
48
- selectedEndDate: safeEndDate,
49
- selectedStartDate: safeStartDate
50
- }), /* @__PURE__ */ React2.createElement("div", {
51
- ref: datePickerRef,
52
- className: classNameBlock("wrapper-day-picker-single-date-controller")
53
- }, /* @__PURE__ */ React2.createElement(DayPickerRangeController, {
54
- ...otherProps,
55
- enableOutsideDays: true,
56
- endDate: safeEndDate,
57
- focused: true,
58
- focusedInput,
59
- hideKeyboardShortcutsPanel: true,
60
- navNext: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
61
- className: classNameElement("navigation-next")
62
- }),
63
- navPrev: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
64
- className: classNameElement("navigation-prev"),
65
- icon: ChevronLeft
66
- }),
67
- onDatesChange: handleDatesChange,
68
- onFocusChange: handleFocusChange,
69
- renderDayContents: (date) => /* @__PURE__ */ React2.createElement(DatePickerDay, {
70
- className: classNameElement("day-contents"),
71
- date: date.format(displayFormatDay)
72
- }),
73
- startDate: safeStartDate
74
- })));
75
- };
76
- var DatePickerRange_default = DatePickerRangeDate;
77
- export {
78
- DatePickerRangeDate,
79
- DatePickerRange_default as default
80
- };
81
- //# sourceMappingURL=DatePickerRange.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerRange/DatePickerRange.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
5
- "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,OAAO,WAAW;AAEpD,MAAM,EAAE,kBAAkB,mBAAmB,0BAA0B;AAEvE,MAAM,aAAa;AACnB,MAAM,WAAW;AAEjB,MAAM,sBAAsB,CAAC,EAAE,WAAW,SAAS,mBAAmB,KAAK,aAAa,MAAM,iBAAiB;AAC7G,QAAM,CAAC,mBAAmB,wBAAwB,SAAS;AAC3D,QAAM,CAAC,iBAAiB,sBAAsB,SAAS;AACvD,QAAM,CAAC,cAAc,mBAAmB,SAAS;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,OAAO;AAAA;AAAA;AAIlB,QAAM,sBAAsB,MAAM;AAChC,QAAI,iBAAiB;AACnB,aAAO,OAAO;AAAA;AAAA;AAIlB,QAAM,gBAAgB;AACtB,QAAM,cAAc;AAEpB,SACE,qCAAC,SAAD,MACG,cACC,qCAAC,uBAAD;AAAA,IACE,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,MAGvB,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAe,WAAW,eAAe;AAAA,KACjD,qCAAC,0BAAD;AAAA,OACM;AAAA,IACJ,mBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,SAAO;AAAA,IACP;AAAA,IACA,4BAA0B;AAAA,IAC1B,SAAS,qCAAC,sBAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA;AAAA,IAC3D,SAAS,qCAAC,sBAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA,MAAoB,MAAM;AAAA;AAAA,IACrF,eAAe;AAAA,IACf,eAAe;AAAA,IACf,mBAAmB,CAAC,SAClB,qCAAC,eAAD;AAAA,MAAe,WAAW,iBAAiB;AAAA,MAAiB,MAAM,KAAK,OAAO;AAAA;AAAA,IAEhF,WAAW;AAAA;AAAA;AAQrB,IAAO,0BAAQ;",
6
- "names": []
7
- }
@@ -1,109 +0,0 @@
1
- import * as React from "react";
2
- import React2, { useState, useEffect, useRef } from "react";
3
- import PropTypes from "prop-types";
4
- import moment from "moment";
5
- import { DSDateInputV2, DSInputGroup } from "@elliemae/ds-form";
6
- import { aggregatedClasses } from "@elliemae/ds-classnames";
7
- const blockname = "date-range-picker";
8
- const DATE_FORMAT = "MMDDYYYY";
9
- const MAGIC_NUMBER = 999;
10
- const Header = aggregatedClasses("div")(blockname, "header", ({ invalidDate }) => ({ invalidDate }));
11
- const DatePickerRangeHeader = ({
12
- onStartInputChange = () => null,
13
- onEndInputChange = () => null,
14
- onFocusChange = () => null,
15
- selectedStartDate,
16
- selectedEndDate,
17
- handleDatesChange,
18
- autoJumpOnEdit = true
19
- }) => {
20
- const [startValue, setStartValue] = useState(selectedStartDate);
21
- const [endValue, setEndValue] = useState(selectedEndDate);
22
- const startInputRef = useRef();
23
- const endInputRef = useRef();
24
- useEffect(() => {
25
- if (selectedStartDate) {
26
- setStartValue(selectedStartDate.format(DATE_FORMAT));
27
- }
28
- if (selectedEndDate) {
29
- setEndValue(selectedEndDate.format(DATE_FORMAT));
30
- }
31
- }, [selectedStartDate, selectedEndDate]);
32
- const isValidRangeDate = (start, end) => {
33
- let isValidRange = false;
34
- if (start && end) {
35
- const momentStart = moment(start, DATE_FORMAT);
36
- const momentEnd = moment(end, DATE_FORMAT);
37
- isValidRange = momentStart.isBefore(momentEnd);
38
- }
39
- return isValidRange;
40
- };
41
- const handleOnFocus = (inputType) => onFocusChange(inputType);
42
- const handleOnChangeStart = (newStartValue) => {
43
- const y = newStartValue.substring(4);
44
- const momentValue = moment(newStartValue, DATE_FORMAT);
45
- if (newStartValue && newStartValue.length === DATE_FORMAT.length) {
46
- onStartInputChange(momentValue);
47
- }
48
- setStartValue(newStartValue);
49
- if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef?.current?.firstChild?.focus) {
50
- endInputRef.current.firstChild.focus();
51
- }
52
- };
53
- const handleOnChangeEnd = (newEndValue) => {
54
- const momentValue = moment(newEndValue, DATE_FORMAT);
55
- if (isValidRangeDate(startValue, newEndValue) && newEndValue && newEndValue.length === DATE_FORMAT.length) {
56
- onEndInputChange(momentValue);
57
- }
58
- setEndValue(newEndValue);
59
- };
60
- const handleOnKeyDownStart = (e) => {
61
- const isValid = isValidRangeDate(startValue, endValue);
62
- const momentStart = moment(startValue, DATE_FORMAT);
63
- const momentEnd = moment(endValue, DATE_FORMAT);
64
- if (e.key === "Enter" && startValue) {
65
- onStartInputChange(momentStart);
66
- if (isValid)
67
- handleDatesChange({ startDate: momentStart, endDate: momentEnd });
68
- }
69
- };
70
- const handleOnKeyDownEnd = (e) => {
71
- const isValid = isValidRangeDate(startValue, endValue);
72
- const momentStart = moment(startValue, DATE_FORMAT);
73
- const momentEnd = moment(endValue, DATE_FORMAT);
74
- if (e.key === "Enter" && isValid) {
75
- handleDatesChange({ startDate: momentStart, endDate: momentEnd });
76
- onEndInputChange(momentEnd);
77
- }
78
- };
79
- return /* @__PURE__ */ React2.createElement(Header, null, /* @__PURE__ */ React2.createElement(DSInputGroup, null, /* @__PURE__ */ React2.createElement(DSDateInputV2, {
80
- containerProps: { "data-testid": "start-date" },
81
- innerRef: startInputRef,
82
- onChange: handleOnChangeStart,
83
- onFocus: () => handleOnFocus("startDate"),
84
- onKeyDown: handleOnKeyDownStart,
85
- value: startValue
86
- }), /* @__PURE__ */ React2.createElement(DSDateInputV2, {
87
- containerProps: { "data-testid": "end-date" },
88
- innerRef: endInputRef,
89
- onChange: handleOnChangeEnd,
90
- onFocus: () => handleOnFocus("endDate"),
91
- onKeyDown: handleOnKeyDownEnd,
92
- value: endValue
93
- })));
94
- };
95
- DatePickerRangeHeader.propTypes = {
96
- onStartInputChange: PropTypes.func,
97
- onEndInputChange: PropTypes.func,
98
- onFocusChange: PropTypes.func,
99
- selectedStartDate: PropTypes.any,
100
- selectedEndDate: PropTypes.any,
101
- handleDatesChange: PropTypes.func,
102
- autoJumpOnEdit: PropTypes.bool
103
- };
104
- var DatePickerRangeHeader_default = DatePickerRangeHeader;
105
- export {
106
- DatePickerRangeHeader,
107
- DatePickerRangeHeader_default as default
108
- };
109
- //# sourceMappingURL=DatePickerRangeHeader.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerRangeHeader/DatePickerRangeHeader.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable consistent-return */\n/* eslint-disable no-unused-expressions */\nimport React, { useState, useEffect, useRef } 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 blockname = 'date-range-picker';\n\nconst DATE_FORMAT = 'MMDDYYYY';\n\n// When year is greater than 999 it means the user finished writing\n// the year for the range, because they must type 4 numbers for the year\n// to be higher than 999\nconst MAGIC_NUMBER = 999;\n\nconst Header = aggregatedClasses('div')(blockname, 'header', ({ invalidDate }) => ({ invalidDate }));\n\nconst DatePickerRangeHeader = ({\n onStartInputChange = () => null,\n onEndInputChange = () => null,\n onFocusChange = () => null,\n selectedStartDate,\n selectedEndDate,\n handleDatesChange,\n autoJumpOnEdit = true,\n}) => {\n const [startValue, setStartValue] = useState(selectedStartDate);\n const [endValue, setEndValue] = useState(selectedEndDate);\n const startInputRef = useRef();\n const endInputRef = useRef();\n\n useEffect(() => {\n if (selectedStartDate) {\n setStartValue(selectedStartDate.format(DATE_FORMAT));\n }\n if (selectedEndDate) {\n setEndValue(selectedEndDate.format(DATE_FORMAT));\n }\n }, [selectedStartDate, selectedEndDate]);\n\n const isValidRangeDate = (start, end) => {\n let isValidRange = false;\n if (start && end) {\n const momentStart = moment(start, DATE_FORMAT);\n const momentEnd = moment(end, DATE_FORMAT);\n isValidRange = momentStart.isBefore(momentEnd);\n }\n return isValidRange;\n };\n\n const handleOnFocus = (inputType) => onFocusChange(inputType);\n\n const handleOnChangeStart = (newStartValue) => {\n const y = newStartValue.substring(4);\n const momentValue = moment(newStartValue, DATE_FORMAT);\n if (newStartValue && newStartValue.length === DATE_FORMAT.length) {\n onStartInputChange(momentValue);\n }\n\n setStartValue(newStartValue);\n if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef?.current?.firstChild?.focus) {\n endInputRef.current.firstChild.focus();\n }\n };\n\n const handleOnChangeEnd = (newEndValue) => {\n const momentValue = moment(newEndValue, DATE_FORMAT);\n if (isValidRangeDate(startValue, newEndValue) && newEndValue && newEndValue.length === DATE_FORMAT.length) {\n onEndInputChange(momentValue);\n }\n setEndValue(newEndValue);\n };\n\n const handleOnKeyDownStart = (e) => {\n const isValid = isValidRangeDate(startValue, endValue);\n const momentStart = moment(startValue, DATE_FORMAT);\n const momentEnd = moment(endValue, DATE_FORMAT);\n if (e.key === 'Enter' && startValue) {\n onStartInputChange(momentStart);\n if (isValid) handleDatesChange({ startDate: momentStart, endDate: momentEnd });\n }\n };\n\n const handleOnKeyDownEnd = (e) => {\n const isValid = isValidRangeDate(startValue, endValue);\n const momentStart = moment(startValue, DATE_FORMAT);\n const momentEnd = moment(endValue, DATE_FORMAT);\n if (e.key === 'Enter' && isValid) {\n handleDatesChange({ startDate: momentStart, endDate: momentEnd });\n onEndInputChange(momentEnd);\n }\n };\n\n return (\n <Header>\n <DSInputGroup>\n <DSDateInputV2\n containerProps={{ 'data-testid': 'start-date' }}\n innerRef={startInputRef}\n onChange={handleOnChangeStart}\n onFocus={() => handleOnFocus('startDate')}\n onKeyDown={handleOnKeyDownStart}\n value={startValue}\n />\n <DSDateInputV2\n containerProps={{ 'data-testid': 'end-date' }}\n innerRef={endInputRef}\n onChange={handleOnChangeEnd}\n onFocus={() => handleOnFocus('endDate')}\n onKeyDown={handleOnKeyDownEnd}\n value={endValue}\n />\n </DSInputGroup>\n </Header>\n );\n};\n\nDatePickerRangeHeader.propTypes = {\n onStartInputChange: PropTypes.func,\n onEndInputChange: PropTypes.func,\n onFocusChange: PropTypes.func,\n selectedStartDate: PropTypes.any,\n selectedEndDate: PropTypes.any,\n handleDatesChange: PropTypes.func,\n autoJumpOnEdit: PropTypes.bool,\n};\n\nexport { DatePickerRangeHeader };\nexport default DatePickerRangeHeader;\n"],
5
- "mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,cAAc;AAKpB,MAAM,eAAe;AAErB,MAAM,SAAS,kBAAkB,OAAO,WAAW,UAAU,CAAC,EAAE,kBAAmB,GAAE;AAErF,MAAM,wBAAwB,CAAC;AAAA,EAC7B,qBAAqB,MAAM;AAAA,EAC3B,mBAAmB,MAAM;AAAA,EACzB,gBAAgB,MAAM;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,MACb;AACJ,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAC7C,QAAM,CAAC,UAAU,eAAe,SAAS;AACzC,QAAM,gBAAgB;AACtB,QAAM,cAAc;AAEpB,YAAU,MAAM;AACd,QAAI,mBAAmB;AACrB,oBAAc,kBAAkB,OAAO;AAAA;AAEzC,QAAI,iBAAiB;AACnB,kBAAY,gBAAgB,OAAO;AAAA;AAAA,KAEpC,CAAC,mBAAmB;AAEvB,QAAM,mBAAmB,CAAC,OAAO,QAAQ;AACvC,QAAI,eAAe;AACnB,QAAI,SAAS,KAAK;AAChB,YAAM,cAAc,OAAO,OAAO;AAClC,YAAM,YAAY,OAAO,KAAK;AAC9B,qBAAe,YAAY,SAAS;AAAA;AAEtC,WAAO;AAAA;AAGT,QAAM,gBAAgB,CAAC,cAAc,cAAc;AAEnD,QAAM,sBAAsB,CAAC,kBAAkB;AAC7C,UAAM,IAAI,cAAc,UAAU;AAClC,UAAM,cAAc,OAAO,eAAe;AAC1C,QAAI,iBAAiB,cAAc,WAAW,YAAY,QAAQ;AAChE,yBAAmB;AAAA;AAGrB,kBAAc;AACd,QAAI,kBAAkB,SAAS,GAAG,MAAM,gBAAgB,aAAa,SAAS,YAAY,OAAO;AAC/F,kBAAY,QAAQ,WAAW;AAAA;AAAA;AAInC,QAAM,oBAAoB,CAAC,gBAAgB;AACzC,UAAM,cAAc,OAAO,aAAa;AACxC,QAAI,iBAAiB,YAAY,gBAAgB,eAAe,YAAY,WAAW,YAAY,QAAQ;AACzG,uBAAiB;AAAA;AAEnB,gBAAY;AAAA;AAGd,QAAM,uBAAuB,CAAC,MAAM;AAClC,UAAM,UAAU,iBAAiB,YAAY;AAC7C,UAAM,cAAc,OAAO,YAAY;AACvC,UAAM,YAAY,OAAO,UAAU;AACnC,QAAI,EAAE,QAAQ,WAAW,YAAY;AACnC,yBAAmB;AACnB,UAAI;AAAS,0BAAkB,EAAE,WAAW,aAAa,SAAS;AAAA;AAAA;AAItE,QAAM,qBAAqB,CAAC,MAAM;AAChC,UAAM,UAAU,iBAAiB,YAAY;AAC7C,UAAM,cAAc,OAAO,YAAY;AACvC,UAAM,YAAY,OAAO,UAAU;AACnC,QAAI,EAAE,QAAQ,WAAW,SAAS;AAChC,wBAAkB,EAAE,WAAW,aAAa,SAAS;AACrD,uBAAiB;AAAA;AAAA;AAIrB,SACE,qCAAC,QAAD,MACE,qCAAC,cAAD,MACE,qCAAC,eAAD;AAAA,IACE,gBAAgB,EAAE,eAAe;AAAA,IACjC,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS,MAAM,cAAc;AAAA,IAC7B,WAAW;AAAA,IACX,OAAO;AAAA,MAET,qCAAC,eAAD;AAAA,IACE,gBAAgB,EAAE,eAAe;AAAA,IACjC,UAAU;AAAA,IACV,UAAU;AAAA,IACV,SAAS,MAAM,cAAc;AAAA,IAC7B,WAAW;AAAA,IACX,OAAO;AAAA;AAAA;AAOjB,sBAAsB,YAAY;AAAA,EAChC,oBAAoB,UAAU;AAAA,EAC9B,kBAAkB,UAAU;AAAA,EAC5B,eAAe,UAAU;AAAA,EACzB,mBAAmB,UAAU;AAAA,EAC7B,iBAAiB,UAAU;AAAA,EAC3B,mBAAmB,UAAU;AAAA,EAC7B,gBAAgB,UAAU;AAAA;AAI5B,IAAO,gCAAQ;",
6
- "names": []
7
- }
@@ -1,32 +0,0 @@
1
- import * as React from "react";
2
- import React2 from "react";
3
- import { ChevronDoubleLeft, ChevronDoubleRight } from "@elliemae/ds-icons";
4
- import { Grid } from "@elliemae/ds-grid";
5
- const renderMonthElement = ({ month, onYearSelect }) => /* @__PURE__ */ React2.createElement(Grid, {
6
- height: "20px",
7
- cols: ["auto", 1, "auto"],
8
- alignItems: "flex-end",
9
- mr: "10px"
10
- }, /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", {
11
- role: "button",
12
- tabIndex: "0",
13
- "data-testid": "date-picker-prev-year-arrow",
14
- onClick: () => onYearSelect(month, month.year() - 1)
15
- }, /* @__PURE__ */ React2.createElement(ChevronDoubleLeft, {
16
- width: 13.6,
17
- height: 13.6
18
- }))), /* @__PURE__ */ React2.createElement(Grid, {
19
- "data-testid": "date-picker-header"
20
- }, /* @__PURE__ */ React2.createElement("strong", null, month.format("MMMM YYYY"))), /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", {
21
- role: "button",
22
- tabIndex: "0",
23
- "data-testid": "date-picker-next-year-arrow",
24
- onClick: () => onYearSelect(month, month.year() + 1)
25
- }, /* @__PURE__ */ React2.createElement(ChevronDoubleRight, {
26
- width: 13.6,
27
- height: 13.6
28
- }))));
29
- export {
30
- renderMonthElement
31
- };
32
- //# sourceMappingURL=DatePickerRenderMonth.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerRenderMonth/DatePickerRenderMonth.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React from 'react';\nimport { ChevronDoubleLeft, ChevronDoubleRight } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const renderMonthElement = ({ month, onYearSelect }) => (\n <Grid height=\"20px\" cols={['auto', 1, 'auto']} alignItems=\"flex-end\" mr=\"10px\">\n <div>\n <div\n role=\"button\"\n tabIndex=\"0\"\n data-testid=\"date-picker-prev-year-arrow\"\n onClick={() => onYearSelect(month, month.year() - 1)}\n >\n <ChevronDoubleLeft width={13.6} height={13.6} />\n </div>\n </div>\n <Grid data-testid=\"date-picker-header\">\n <strong>{month.format('MMMM YYYY')}</strong>\n </Grid>\n <div>\n <div\n role=\"button\"\n tabIndex=\"0\"\n data-testid=\"date-picker-next-year-arrow\"\n onClick={() => onYearSelect(month, month.year() + 1)}\n >\n <ChevronDoubleRight width={13.6} height={13.6} />\n </div>\n </div>\n </Grid>\n);\n"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AAEO,MAAM,qBAAqB,CAAC,EAAE,OAAO,mBAC1C,qCAAC,MAAD;AAAA,EAAM,QAAO;AAAA,EAAO,MAAM,CAAC,QAAQ,GAAG;AAAA,EAAS,YAAW;AAAA,EAAW,IAAG;AAAA,GACtE,qCAAC,OAAD,MACE,qCAAC,OAAD;AAAA,EACE,MAAK;AAAA,EACL,UAAS;AAAA,EACT,eAAY;AAAA,EACZ,SAAS,MAAM,aAAa,OAAO,MAAM,SAAS;AAAA,GAElD,qCAAC,mBAAD;AAAA,EAAmB,OAAO;AAAA,EAAM,QAAQ;AAAA,MAG5C,qCAAC,MAAD;AAAA,EAAM,eAAY;AAAA,GAChB,qCAAC,UAAD,MAAS,MAAM,OAAO,gBAExB,qCAAC,OAAD,MACE,qCAAC,OAAD;AAAA,EACE,MAAK;AAAA,EACL,UAAS;AAAA,EACT,eAAY;AAAA,EACZ,SAAS,MAAM,aAAa,OAAO,MAAM,SAAS;AAAA,GAElD,qCAAC,oBAAD;AAAA,EAAoB,OAAO;AAAA,EAAM,QAAQ;AAAA;",
6
- "names": []
7
- }
@@ -1,67 +0,0 @@
1
- import * as React from "react";
2
- import React2, { useState, useRef } from "react";
3
- import { DayPickerSingleDateController } from "react-dates";
4
- import moment from "moment";
5
- import { aggregatedClasses, convertPropToCssClassName } from "@elliemae/ds-classnames";
6
- import { ChevronLeft } from "@elliemae/ds-icons";
7
- import { DatePickerDay } from "../DatePickerDay/DatePickerDay";
8
- import { DatePickerNavigation } from "../DatePickerNavigation/DatePickerNavigation";
9
- import { DatePickerHeader } from "../DatePickerHeader/DatePickerHeader";
10
- const blockname = "single-date";
11
- const Wrapper = aggregatedClasses("div")(blockname, "wrapper");
12
- const { classNameElement, classNameBlock } = convertPropToCssClassName("datepicker");
13
- const DatePickerSingleDate = ({
14
- date,
15
- displayFormatDay = "D",
16
- isDayHighlighted = () => false,
17
- enableOutsideDays = true,
18
- showHeader = true,
19
- onChange = () => null,
20
- ...rest
21
- }) => {
22
- const [selectedDate, setSelectedDate] = useState(date);
23
- const [key, setKey] = useState(moment());
24
- const datePickerRef = useRef();
25
- const updateKeyDate = (newDate) => {
26
- setKey(newDate);
27
- };
28
- const handleDateChange = (newDate) => {
29
- setSelectedDate(newDate);
30
- setTimeout(() => onChange(newDate), 500);
31
- };
32
- return /* @__PURE__ */ React2.createElement(Wrapper, null, showHeader && /* @__PURE__ */ React2.createElement(DatePickerHeader, {
33
- onInputChange: handleDateChange,
34
- selectedDate,
35
- updateKeyDate
36
- }), /* @__PURE__ */ React2.createElement("div", {
37
- ref: datePickerRef,
38
- className: classNameBlock("wrapper-day-picker-single-date-controller"),
39
- "data-testid": rest["data-testid"] || "date-picker-single-date"
40
- }, /* @__PURE__ */ React2.createElement(DayPickerSingleDateController, {
41
- key,
42
- date: selectedDate,
43
- enableOutsideDays,
44
- focused: true,
45
- hideKeyboardShortcutsPanel: true,
46
- isDayHighlighted,
47
- keepOpenOnDateSelect: true,
48
- navNext: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
49
- className: classNameElement("navigation-next")
50
- }),
51
- navPrev: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
52
- className: classNameElement("navigation-prev"),
53
- icon: ChevronLeft
54
- }),
55
- onDateChange: handleDateChange,
56
- renderDayContents: (givenDate) => /* @__PURE__ */ React2.createElement(DatePickerDay, {
57
- className: classNameElement("day-contents"),
58
- date: givenDate.format(displayFormatDay)
59
- })
60
- })));
61
- };
62
- var DatePickerSingleDate_default = DatePickerSingleDate;
63
- export {
64
- DatePickerSingleDate,
65
- DatePickerSingleDate_default as default
66
- };
67
- //# sourceMappingURL=DatePickerSingleDate.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DatePickerSingleDate/DatePickerSingleDate.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable react/prop-types */\n/* eslint-disable no-console */\nimport React, { useState, useRef } from 'react';\nimport { DayPickerSingleDateController } 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 { DatePickerHeader } from '../DatePickerHeader/DatePickerHeader';\n\nconst blockname = 'single-date';\nconst Wrapper = aggregatedClasses('div')(blockname, 'wrapper');\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker');\n\nconst DatePickerSingleDate = ({\n date,\n displayFormatDay = 'D',\n isDayHighlighted = () => false,\n enableOutsideDays = true,\n showHeader = true,\n onChange = () => null,\n ...rest\n}) => {\n const [selectedDate, setSelectedDate] = useState(date);\n const [key, setKey] = useState(moment());\n const datePickerRef = useRef();\n\n const updateKeyDate = (newDate) => {\n setKey(newDate);\n };\n\n const handleDateChange = (newDate) => {\n setSelectedDate(newDate);\n setTimeout(() => onChange(newDate), 500);\n };\n\n return (\n <Wrapper>\n {showHeader && (\n <DatePickerHeader onInputChange={handleDateChange} selectedDate={selectedDate} updateKeyDate={updateKeyDate} />\n )}\n <div\n ref={datePickerRef}\n className={classNameBlock('wrapper-day-picker-single-date-controller')}\n data-testid={rest['data-testid'] || 'date-picker-single-date'}\n >\n <DayPickerSingleDateController\n key={key}\n date={selectedDate}\n enableOutsideDays={enableOutsideDays}\n focused\n hideKeyboardShortcutsPanel\n isDayHighlighted={isDayHighlighted}\n keepOpenOnDateSelect\n navNext={<DatePickerNavigation className={classNameElement('navigation-next')} />}\n navPrev={<DatePickerNavigation className={classNameElement('navigation-prev')} icon={ChevronLeft} />}\n onDateChange={handleDateChange}\n renderDayContents={(givenDate) => (\n <DatePickerDay className={classNameElement('day-contents')} date={givenDate.format(displayFormatDay)} />\n )}\n />\n </div>\n </Wrapper>\n );\n};\n\nexport { DatePickerSingleDate };\nexport default DatePickerSingleDate;\n"],
5
- "mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,UAAU,kBAAkB,OAAO,WAAW;AAEpD,MAAM,EAAE,kBAAkB,mBAAmB,0BAA0B;AAEvE,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA,mBAAmB;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,WAAW,MAAM;AAAA,KACd;AAAA,MACC;AACJ,QAAM,CAAC,cAAc,mBAAmB,SAAS;AACjD,QAAM,CAAC,KAAK,UAAU,SAAS;AAC/B,QAAM,gBAAgB;AAEtB,QAAM,gBAAgB,CAAC,YAAY;AACjC,WAAO;AAAA;AAGT,QAAM,mBAAmB,CAAC,YAAY;AACpC,oBAAgB;AAChB,eAAW,MAAM,SAAS,UAAU;AAAA;AAGtC,SACE,qCAAC,SAAD,MACG,cACC,qCAAC,kBAAD;AAAA,IAAkB,eAAe;AAAA,IAAkB;AAAA,IAA4B;AAAA,MAEjF,qCAAC,OAAD;AAAA,IACE,KAAK;AAAA,IACL,WAAW,eAAe;AAAA,IAC1B,eAAa,KAAK,kBAAkB;AAAA,KAEpC,qCAAC,+BAAD;AAAA,IACE;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,SAAO;AAAA,IACP,4BAA0B;AAAA,IAC1B;AAAA,IACA,sBAAoB;AAAA,IACpB,SAAS,qCAAC,sBAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA;AAAA,IAC3D,SAAS,qCAAC,sBAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA,MAAoB,MAAM;AAAA;AAAA,IACrF,cAAc;AAAA,IACd,mBAAmB,CAAC,cAClB,qCAAC,eAAD;AAAA,MAAe,WAAW,iBAAiB;AAAA,MAAiB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAS/F,IAAO,+BAAQ;",
6
- "names": []
7
- }