@elliemae/ds-date-picker 3.12.0-next.0 → 3.12.0-rc.0
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.
- package/dist/cjs/components/DatePickerDropdown.js +24 -26
- package/dist/cjs/components/DatePickerDropdown.js.map +2 -2
- package/dist/cjs/defaultPhrases.js.map +2 -2
- package/dist/esm/components/DatePickerDropdown.js +24 -26
- package/dist/esm/components/DatePickerDropdown.js.map +2 -2
- package/dist/esm/defaultPhrases.js.map +2 -2
- package/package.json +11 -11
|
@@ -36,7 +36,7 @@ var import_ds_popper = require("@elliemae/ds-popper");
|
|
|
36
36
|
var import_DatePickerPicker = require("./DatePickerPicker/DatePickerPicker");
|
|
37
37
|
const { classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker-range");
|
|
38
38
|
const noop = () => null;
|
|
39
|
-
|
|
39
|
+
const DatePickerDropdown = ({
|
|
40
40
|
disabled = false,
|
|
41
41
|
readOnly,
|
|
42
42
|
onClick = noop,
|
|
@@ -45,31 +45,29 @@ function DatePickerDropdown({
|
|
|
45
45
|
zIndex = 1,
|
|
46
46
|
pickerProps,
|
|
47
47
|
pickerRef
|
|
48
|
-
}) {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
});
|
|
72
|
-
}
|
|
48
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popper.DSPopper, {
|
|
49
|
+
contentComponent: menu,
|
|
50
|
+
isOpen,
|
|
51
|
+
modifiers: {
|
|
52
|
+
preventOverflow: {
|
|
53
|
+
enabled: true,
|
|
54
|
+
padding: 0,
|
|
55
|
+
boundariesElement: "window"
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
showArrow: false,
|
|
59
|
+
triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
60
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DatePickerPicker.DatePickerPicker, {
|
|
61
|
+
innerRef: pickerRef,
|
|
62
|
+
...pickerProps,
|
|
63
|
+
className: classNameElement("picker"),
|
|
64
|
+
disabled,
|
|
65
|
+
onClick,
|
|
66
|
+
readOnly
|
|
67
|
+
})
|
|
68
|
+
}),
|
|
69
|
+
zIndex
|
|
70
|
+
});
|
|
73
71
|
DatePickerDropdown.propTypes = {
|
|
74
72
|
pickerRef: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.shape({ current: import_prop_types.default.any })]),
|
|
75
73
|
disabled: import_prop_types.default.bool,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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;\
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
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;\nconst DatePickerDropdown = ({\n disabled = false,\n readOnly,\n onClick = noop,\n isOpen,\n menu,\n zIndex = 1,\n pickerProps,\n pickerRef,\n}) => (\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\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;AAAA;ACAA,YAAuB;AD+Bf;AA9BR,wBAAsB;AACtB,2BAA0C;AAC1C,uBAAyB;AACzB,8BAAmD;AACnD,MAAM,EAAE,iBAAiB,QAAI,gDAA0B,kBAAkB;AAEzE,MAAM,OAAO,MAAM;AACnB,MAAM,qBAAqB,CAAC;AAAA,EAC1B,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,MACE,4CAAC;AAAA,EACC,kBAAkB;AAAA,EAClB;AAAA,EACA,WAAW;AAAA,IACT,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,SAAS;AAAA,MACT,mBAAmB;AAAA,IACrB;AAAA,EACF;AAAA,EACA,WAAW;AAAA,EACX,kBACE,4CAAC;AAAA,IACC,sDAAC;AAAA,MACC,UAAU;AAAA,MACT,GAAG;AAAA,MACJ,WAAW,iBAAiB,QAAQ;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,KACF;AAAA,GACF;AAAA,EAEF;AAAA,CACF;AAGF,mBAAmB,YAAY;AAAA,EAC7B,WAAW,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,MAAM,kBAAAA,QAAU,MAAM,EAAE,SAAS,kBAAAA,QAAU,IAAI,CAAC,CAAC,CAAC;AAAA,EAC5F,UAAU,kBAAAA,QAAU;AAAA,EACpB,UAAU,kBAAAA,QAAU;AAAA,EACpB,SAAS,kBAAAA,QAAU;AAAA,EACnB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,MAAM,kBAAAA,QAAU;AAAA,EAChB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,aAAa,kBAAAA,QAAU,MAAM,wCAAgB;AAC/C;AAGA,IAAO,6BAAQ;",
|
|
6
6
|
"names": ["PropTypes"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/defaultPhrases.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["const calendarLabel = 'Calendar';\nconst roleDescription = 'datepicker';\nconst closeDatePicker = 'Close';\nconst focusStartDate
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,gBAAgB;AACtB,MAAM,kBAAkB;AACxB,MAAM,kBAAkB;AACxB,MAAM,
|
|
4
|
+
"sourcesContent": ["const calendarLabel = 'Calendar';\nconst roleDescription = 'datepicker';\nconst closeDatePicker = 'Close';\nconst focusStartDate = 'Interact with the calendar and add the check-in date for your trip.';\nconst clearDate = 'Clear Date';\nconst clearDates = 'Clear Dates';\nconst jumpToPrevMonth = 'Move backward to switch to the previous month.';\nconst jumpToNextMonth = 'Move forward to switch to the next month.';\nconst keyboardShortcuts = 'Keyboard Shortcuts';\nconst showKeyboardShortcutsPanel = 'Open the keyboard shortcuts panel.';\nconst hideKeyboardShortcutsPanel = 'Close the shortcuts panel.';\nconst openThisPanel = 'Open this panel.';\nconst enterKey = 'Enter key';\nconst leftArrowRightArrow = 'Right and left arrow keys';\nconst upArrowDownArrow = 'up and down arrow keys';\nconst pageUpPageDown = 'page up and page down keys';\nconst homeEnd = 'Home and end keys';\nconst escape = 'Escape key';\nconst questionMark = 'Question mark';\nconst selectFocusedDate = 'Select the date in focus.';\nconst moveFocusByOneDay = 'Move backward (left) and forward (right) by one day.';\nconst moveFocusByOneWeek = 'Move backward (up) and forward (down) by one week.';\nconst moveFocusByOneMonth = 'Switch months.';\nconst moveFocustoStartAndEndOfWeek = 'Go to the first or last day of a week.';\nconst returnFocusToInput = 'Return to the date input field.';\nconst keyboardForwardNavigationInstructions =\n 'Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.';\nconst keyboardBackwardNavigationInstructions =\n 'Navigate backward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.';\n\nconst chooseAvailableStartDate = ({ date }) => `Choose ${date} as your check-in date. It\u2019s available.`;\nconst chooseAvailableEndDate = ({ date }) => `Choose ${date} as your check-out date. It\u2019s available.`;\nconst chooseAvailableDate = ({ date }) => date;\nconst dateIsUnavailable = ({ date }) => `Not available. ${date}`;\nconst dateIsSelected = ({ date }) => `Selected. ${date}`;\nconst dateIsSelectedAsStartDate = ({ date }) => `Selected as start date. ${date}`;\nconst dateIsSelectedAsEndDate = ({ date }) => `Selected as end date. ${date}`;\n\nexport default {\n calendarLabel,\n roleDescription,\n closeDatePicker,\n focusStartDate,\n clearDate,\n clearDates,\n jumpToPrevMonth,\n jumpToNextMonth,\n keyboardShortcuts,\n showKeyboardShortcutsPanel,\n hideKeyboardShortcutsPanel,\n openThisPanel,\n enterKey,\n leftArrowRightArrow,\n upArrowDownArrow,\n pageUpPageDown,\n homeEnd,\n escape,\n questionMark,\n selectFocusedDate,\n moveFocusByOneDay,\n moveFocusByOneWeek,\n moveFocusByOneMonth,\n moveFocustoStartAndEndOfWeek,\n returnFocusToInput,\n keyboardForwardNavigationInstructions,\n keyboardBackwardNavigationInstructions,\n\n chooseAvailableStartDate,\n chooseAvailableEndDate,\n dateIsUnavailable,\n dateIsSelected,\n dateIsSelectedAsStartDate,\n dateIsSelectedAsEndDate,\n};\n\nexport const DateRangePickerPhrases = {\n calendarLabel,\n roleDescription,\n closeDatePicker,\n clearDates,\n focusStartDate,\n jumpToPrevMonth,\n jumpToNextMonth,\n keyboardShortcuts,\n showKeyboardShortcutsPanel,\n hideKeyboardShortcutsPanel,\n openThisPanel,\n enterKey,\n leftArrowRightArrow,\n upArrowDownArrow,\n pageUpPageDown,\n homeEnd,\n escape,\n questionMark,\n selectFocusedDate,\n moveFocusByOneDay,\n moveFocusByOneWeek,\n moveFocusByOneMonth,\n moveFocustoStartAndEndOfWeek,\n returnFocusToInput,\n keyboardForwardNavigationInstructions,\n keyboardBackwardNavigationInstructions,\n chooseAvailableStartDate,\n chooseAvailableEndDate,\n dateIsUnavailable,\n dateIsSelected,\n dateIsSelectedAsStartDate,\n dateIsSelectedAsEndDate,\n};\n\nexport const DateRangePickerInputPhrases = {\n focusStartDate,\n clearDates,\n keyboardForwardNavigationInstructions,\n keyboardBackwardNavigationInstructions,\n};\n\nexport const SingleDatePickerPhrases = {\n calendarLabel,\n roleDescription,\n closeDatePicker,\n clearDate,\n jumpToPrevMonth,\n jumpToNextMonth,\n keyboardShortcuts,\n showKeyboardShortcutsPanel,\n hideKeyboardShortcutsPanel,\n openThisPanel,\n enterKey,\n leftArrowRightArrow,\n upArrowDownArrow,\n pageUpPageDown,\n homeEnd,\n escape,\n questionMark,\n selectFocusedDate,\n moveFocusByOneDay,\n moveFocusByOneWeek,\n moveFocusByOneMonth,\n moveFocustoStartAndEndOfWeek,\n returnFocusToInput,\n keyboardForwardNavigationInstructions,\n keyboardBackwardNavigationInstructions,\n chooseAvailableDate,\n dateIsUnavailable,\n dateIsSelected,\n};\n\nexport const SingleDatePickerInputPhrases = {\n clearDate,\n keyboardForwardNavigationInstructions,\n keyboardBackwardNavigationInstructions,\n};\n\nexport const DayPickerPhrases = {\n calendarLabel,\n roleDescription,\n jumpToPrevMonth,\n jumpToNextMonth,\n keyboardShortcuts,\n showKeyboardShortcutsPanel,\n hideKeyboardShortcutsPanel,\n openThisPanel,\n enterKey,\n leftArrowRightArrow,\n upArrowDownArrow,\n pageUpPageDown,\n homeEnd,\n escape,\n questionMark,\n selectFocusedDate,\n moveFocusByOneDay,\n moveFocusByOneWeek,\n moveFocusByOneMonth,\n moveFocustoStartAndEndOfWeek,\n returnFocusToInput,\n chooseAvailableStartDate,\n chooseAvailableEndDate,\n chooseAvailableDate,\n dateIsUnavailable,\n dateIsSelected,\n dateIsSelectedAsStartDate,\n dateIsSelectedAsEndDate,\n};\n\nexport const DayPickerKeyboardShortcutsPhrases = {\n keyboardShortcuts,\n showKeyboardShortcutsPanel,\n hideKeyboardShortcutsPanel,\n openThisPanel,\n enterKey,\n leftArrowRightArrow,\n upArrowDownArrow,\n pageUpPageDown,\n homeEnd,\n escape,\n questionMark,\n selectFocusedDate,\n moveFocusByOneDay,\n moveFocusByOneWeek,\n moveFocusByOneMonth,\n moveFocustoStartAndEndOfWeek,\n returnFocusToInput,\n};\n\nexport const DayPickerNavigationPhrases = {\n jumpToPrevMonth,\n jumpToNextMonth,\n};\n\nexport const CalendarDayPhrases = {\n chooseAvailableDate,\n dateIsUnavailable,\n dateIsSelected,\n dateIsSelectedAsStartDate,\n dateIsSelectedAsEndDate,\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -6,7 +6,7 @@ import { DSPopper } from "@elliemae/ds-popper";
|
|
|
6
6
|
import { DatePickerPicker, PickerPropsTypes } from "./DatePickerPicker/DatePickerPicker";
|
|
7
7
|
const { classNameElement } = convertPropToCssClassName("datepicker-range");
|
|
8
8
|
const noop = () => null;
|
|
9
|
-
|
|
9
|
+
const DatePickerDropdown = ({
|
|
10
10
|
disabled = false,
|
|
11
11
|
readOnly,
|
|
12
12
|
onClick = noop,
|
|
@@ -15,31 +15,29 @@ function DatePickerDropdown({
|
|
|
15
15
|
zIndex = 1,
|
|
16
16
|
pickerProps,
|
|
17
17
|
pickerRef
|
|
18
|
-
}) {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
});
|
|
42
|
-
}
|
|
18
|
+
}) => /* @__PURE__ */ jsx(DSPopper, {
|
|
19
|
+
contentComponent: menu,
|
|
20
|
+
isOpen,
|
|
21
|
+
modifiers: {
|
|
22
|
+
preventOverflow: {
|
|
23
|
+
enabled: true,
|
|
24
|
+
padding: 0,
|
|
25
|
+
boundariesElement: "window"
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
showArrow: false,
|
|
29
|
+
triggerComponent: /* @__PURE__ */ jsx("div", {
|
|
30
|
+
children: /* @__PURE__ */ jsx(DatePickerPicker, {
|
|
31
|
+
innerRef: pickerRef,
|
|
32
|
+
...pickerProps,
|
|
33
|
+
className: classNameElement("picker"),
|
|
34
|
+
disabled,
|
|
35
|
+
onClick,
|
|
36
|
+
readOnly
|
|
37
|
+
})
|
|
38
|
+
}),
|
|
39
|
+
zIndex
|
|
40
|
+
});
|
|
43
41
|
DatePickerDropdown.propTypes = {
|
|
44
42
|
pickerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),
|
|
45
43
|
disabled: PropTypes.bool,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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;\
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
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;\nconst DatePickerDropdown = ({\n disabled = false,\n readOnly,\n onClick = noop,\n isOpen,\n menu,\n zIndex = 1,\n pickerProps,\n pickerRef,\n}) => (\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\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,YAAY,WAAW;AC+Bf;AA9BR,OAAO,eAAe;AACtB,SAAS,iCAAiC;AAC1C,SAAS,gBAAgB;AACzB,SAAS,kBAAkB,wBAAwB;AACnD,MAAM,EAAE,iBAAiB,IAAI,0BAA0B,kBAAkB;AAEzE,MAAM,OAAO,MAAM;AACnB,MAAM,qBAAqB,CAAC;AAAA,EAC1B,WAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AACF,MACE,oBAAC;AAAA,EACC,kBAAkB;AAAA,EAClB;AAAA,EACA,WAAW;AAAA,IACT,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,SAAS;AAAA,MACT,mBAAmB;AAAA,IACrB;AAAA,EACF;AAAA,EACA,WAAW;AAAA,EACX,kBACE,oBAAC;AAAA,IACC,8BAAC;AAAA,MACC,UAAU;AAAA,MACT,GAAG;AAAA,MACJ,WAAW,iBAAiB,QAAQ;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,KACF;AAAA,GACF;AAAA,EAEF;AAAA,CACF;AAGF,mBAAmB,YAAY;AAAA,EAC7B,WAAW,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC;AAAA,EAC5F,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,gBAAgB;AAC/C;AAGA,IAAO,6BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultPhrases.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const calendarLabel = 'Calendar';\nconst roleDescription = 'datepicker';\nconst closeDatePicker = 'Close';\nconst focusStartDate
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,MAAM,gBAAgB;AACtB,MAAM,kBAAkB;AACxB,MAAM,kBAAkB;AACxB,MAAM,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const calendarLabel = 'Calendar';\nconst roleDescription = 'datepicker';\nconst closeDatePicker = 'Close';\nconst focusStartDate = 'Interact with the calendar and add the check-in date for your trip.';\nconst clearDate = 'Clear Date';\nconst clearDates = 'Clear Dates';\nconst jumpToPrevMonth = 'Move backward to switch to the previous month.';\nconst jumpToNextMonth = 'Move forward to switch to the next month.';\nconst keyboardShortcuts = 'Keyboard Shortcuts';\nconst showKeyboardShortcutsPanel = 'Open the keyboard shortcuts panel.';\nconst hideKeyboardShortcutsPanel = 'Close the shortcuts panel.';\nconst openThisPanel = 'Open this panel.';\nconst enterKey = 'Enter key';\nconst leftArrowRightArrow = 'Right and left arrow keys';\nconst upArrowDownArrow = 'up and down arrow keys';\nconst pageUpPageDown = 'page up and page down keys';\nconst homeEnd = 'Home and end keys';\nconst escape = 'Escape key';\nconst questionMark = 'Question mark';\nconst selectFocusedDate = 'Select the date in focus.';\nconst moveFocusByOneDay = 'Move backward (left) and forward (right) by one day.';\nconst moveFocusByOneWeek = 'Move backward (up) and forward (down) by one week.';\nconst moveFocusByOneMonth = 'Switch months.';\nconst moveFocustoStartAndEndOfWeek = 'Go to the first or last day of a week.';\nconst returnFocusToInput = 'Return to the date input field.';\nconst keyboardForwardNavigationInstructions =\n 'Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.';\nconst keyboardBackwardNavigationInstructions =\n 'Navigate backward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.';\n\nconst chooseAvailableStartDate = ({ date }) => `Choose ${date} as your check-in date. It\u2019s available.`;\nconst chooseAvailableEndDate = ({ date }) => `Choose ${date} as your check-out date. It\u2019s available.`;\nconst chooseAvailableDate = ({ date }) => date;\nconst dateIsUnavailable = ({ date }) => `Not available. ${date}`;\nconst dateIsSelected = ({ date }) => `Selected. ${date}`;\nconst dateIsSelectedAsStartDate = ({ date }) => `Selected as start date. ${date}`;\nconst dateIsSelectedAsEndDate = ({ date }) => `Selected as end date. ${date}`;\n\nexport default {\n calendarLabel,\n roleDescription,\n closeDatePicker,\n focusStartDate,\n clearDate,\n clearDates,\n jumpToPrevMonth,\n jumpToNextMonth,\n keyboardShortcuts,\n showKeyboardShortcutsPanel,\n hideKeyboardShortcutsPanel,\n openThisPanel,\n enterKey,\n leftArrowRightArrow,\n upArrowDownArrow,\n pageUpPageDown,\n homeEnd,\n escape,\n questionMark,\n selectFocusedDate,\n moveFocusByOneDay,\n moveFocusByOneWeek,\n moveFocusByOneMonth,\n moveFocustoStartAndEndOfWeek,\n returnFocusToInput,\n keyboardForwardNavigationInstructions,\n keyboardBackwardNavigationInstructions,\n\n chooseAvailableStartDate,\n chooseAvailableEndDate,\n dateIsUnavailable,\n dateIsSelected,\n dateIsSelectedAsStartDate,\n dateIsSelectedAsEndDate,\n};\n\nexport const DateRangePickerPhrases = {\n calendarLabel,\n roleDescription,\n closeDatePicker,\n clearDates,\n focusStartDate,\n jumpToPrevMonth,\n jumpToNextMonth,\n keyboardShortcuts,\n showKeyboardShortcutsPanel,\n hideKeyboardShortcutsPanel,\n openThisPanel,\n enterKey,\n leftArrowRightArrow,\n upArrowDownArrow,\n pageUpPageDown,\n homeEnd,\n escape,\n questionMark,\n selectFocusedDate,\n moveFocusByOneDay,\n moveFocusByOneWeek,\n moveFocusByOneMonth,\n moveFocustoStartAndEndOfWeek,\n returnFocusToInput,\n keyboardForwardNavigationInstructions,\n keyboardBackwardNavigationInstructions,\n chooseAvailableStartDate,\n chooseAvailableEndDate,\n dateIsUnavailable,\n dateIsSelected,\n dateIsSelectedAsStartDate,\n dateIsSelectedAsEndDate,\n};\n\nexport const DateRangePickerInputPhrases = {\n focusStartDate,\n clearDates,\n keyboardForwardNavigationInstructions,\n keyboardBackwardNavigationInstructions,\n};\n\nexport const SingleDatePickerPhrases = {\n calendarLabel,\n roleDescription,\n closeDatePicker,\n clearDate,\n jumpToPrevMonth,\n jumpToNextMonth,\n keyboardShortcuts,\n showKeyboardShortcutsPanel,\n hideKeyboardShortcutsPanel,\n openThisPanel,\n enterKey,\n leftArrowRightArrow,\n upArrowDownArrow,\n pageUpPageDown,\n homeEnd,\n escape,\n questionMark,\n selectFocusedDate,\n moveFocusByOneDay,\n moveFocusByOneWeek,\n moveFocusByOneMonth,\n moveFocustoStartAndEndOfWeek,\n returnFocusToInput,\n keyboardForwardNavigationInstructions,\n keyboardBackwardNavigationInstructions,\n chooseAvailableDate,\n dateIsUnavailable,\n dateIsSelected,\n};\n\nexport const SingleDatePickerInputPhrases = {\n clearDate,\n keyboardForwardNavigationInstructions,\n keyboardBackwardNavigationInstructions,\n};\n\nexport const DayPickerPhrases = {\n calendarLabel,\n roleDescription,\n jumpToPrevMonth,\n jumpToNextMonth,\n keyboardShortcuts,\n showKeyboardShortcutsPanel,\n hideKeyboardShortcutsPanel,\n openThisPanel,\n enterKey,\n leftArrowRightArrow,\n upArrowDownArrow,\n pageUpPageDown,\n homeEnd,\n escape,\n questionMark,\n selectFocusedDate,\n moveFocusByOneDay,\n moveFocusByOneWeek,\n moveFocusByOneMonth,\n moveFocustoStartAndEndOfWeek,\n returnFocusToInput,\n chooseAvailableStartDate,\n chooseAvailableEndDate,\n chooseAvailableDate,\n dateIsUnavailable,\n dateIsSelected,\n dateIsSelectedAsStartDate,\n dateIsSelectedAsEndDate,\n};\n\nexport const DayPickerKeyboardShortcutsPhrases = {\n keyboardShortcuts,\n showKeyboardShortcutsPanel,\n hideKeyboardShortcutsPanel,\n openThisPanel,\n enterKey,\n leftArrowRightArrow,\n upArrowDownArrow,\n pageUpPageDown,\n homeEnd,\n escape,\n questionMark,\n selectFocusedDate,\n moveFocusByOneDay,\n moveFocusByOneWeek,\n moveFocusByOneMonth,\n moveFocustoStartAndEndOfWeek,\n returnFocusToInput,\n};\n\nexport const DayPickerNavigationPhrases = {\n jumpToPrevMonth,\n jumpToNextMonth,\n};\n\nexport const CalendarDayPhrases = {\n chooseAvailableDate,\n dateIsUnavailable,\n dateIsSelected,\n dateIsSelectedAsStartDate,\n dateIsSelectedAsEndDate,\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,MAAM,gBAAgB;AACtB,MAAM,kBAAkB;AACxB,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;AACvB,MAAM,YAAY;AAClB,MAAM,aAAa;AACnB,MAAM,kBAAkB;AACxB,MAAM,kBAAkB;AACxB,MAAM,oBAAoB;AAC1B,MAAM,6BAA6B;AACnC,MAAM,6BAA6B;AACnC,MAAM,gBAAgB;AACtB,MAAM,WAAW;AACjB,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AACvB,MAAM,UAAU;AAChB,MAAM,SAAS;AACf,MAAM,eAAe;AACrB,MAAM,oBAAoB;AAC1B,MAAM,oBAAoB;AAC1B,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,+BAA+B;AACrC,MAAM,qBAAqB;AAC3B,MAAM,wCACJ;AACF,MAAM,yCACJ;AAEF,MAAM,2BAA2B,CAAC,EAAE,KAAK,MAAM,UAAU;AACzD,MAAM,yBAAyB,CAAC,EAAE,KAAK,MAAM,UAAU;AACvD,MAAM,sBAAsB,CAAC,EAAE,KAAK,MAAM;AAC1C,MAAM,oBAAoB,CAAC,EAAE,KAAK,MAAM,kBAAkB;AAC1D,MAAM,iBAAiB,CAAC,EAAE,KAAK,MAAM,aAAa;AAClD,MAAM,4BAA4B,CAAC,EAAE,KAAK,MAAM,2BAA2B;AAC3E,MAAM,0BAA0B,CAAC,EAAE,KAAK,MAAM,yBAAyB;AAEvE,IAAO,yBAAQ;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,yBAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,8BAA8B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,+BAA+B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,oCAAoC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,6BAA6B;AAAA,EACxC;AAAA,EACA;AACF;AAEO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-date-picker",
|
|
3
|
-
"version": "3.12.0-
|
|
3
|
+
"version": "3.12.0-rc.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Date Picker",
|
|
6
6
|
"files": [
|
|
@@ -95,16 +95,16 @@
|
|
|
95
95
|
"indent": 4
|
|
96
96
|
},
|
|
97
97
|
"dependencies": {
|
|
98
|
-
"@elliemae/ds-button": "3.12.0-
|
|
99
|
-
"@elliemae/ds-classnames": "3.12.0-
|
|
100
|
-
"@elliemae/ds-form": "3.12.0-
|
|
101
|
-
"@elliemae/ds-grid": "3.12.0-
|
|
102
|
-
"@elliemae/ds-icon": "3.12.0-
|
|
103
|
-
"@elliemae/ds-icons": "3.12.0-
|
|
104
|
-
"@elliemae/ds-popper": "3.12.0-
|
|
105
|
-
"@elliemae/ds-shared": "3.12.0-
|
|
106
|
-
"@elliemae/ds-system": "3.12.0-
|
|
107
|
-
"@elliemae/ds-utilities": "3.12.0-
|
|
98
|
+
"@elliemae/ds-button": "3.12.0-rc.0",
|
|
99
|
+
"@elliemae/ds-classnames": "3.12.0-rc.0",
|
|
100
|
+
"@elliemae/ds-form": "3.12.0-rc.0",
|
|
101
|
+
"@elliemae/ds-grid": "3.12.0-rc.0",
|
|
102
|
+
"@elliemae/ds-icon": "3.12.0-rc.0",
|
|
103
|
+
"@elliemae/ds-icons": "3.12.0-rc.0",
|
|
104
|
+
"@elliemae/ds-popper": "3.12.0-rc.0",
|
|
105
|
+
"@elliemae/ds-shared": "3.12.0-rc.0",
|
|
106
|
+
"@elliemae/ds-system": "3.12.0-rc.0",
|
|
107
|
+
"@elliemae/ds-utilities": "3.12.0-rc.0",
|
|
108
108
|
"moment": "~2.29.3",
|
|
109
109
|
"prop-types": "~15.8.1",
|
|
110
110
|
"react-dates": "~21.8.0"
|