@elliemae/ds-form-date-time-picker 3.0.0-next.68 → 3.0.0-next.71
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/ControlledDateTimePicker.js +1 -1
- package/dist/cjs/ControlledDateTimePicker.js.map +2 -2
- package/dist/cjs/ControlledDateTimePickerDatatestid.js +8 -0
- package/dist/cjs/ControlledDateTimePickerDatatestid.js.map +2 -2
- package/dist/cjs/config/useControlledDateTimePicker.js +7 -4
- package/dist/cjs/config/useControlledDateTimePicker.js.map +2 -2
- package/dist/cjs/exported-related/theming.js +65 -0
- package/dist/cjs/exported-related/theming.js.map +7 -0
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/parts/ControlledDateTimePickerContent.js +8 -5
- package/dist/cjs/parts/ControlledDateTimePickerContent.js.map +2 -2
- package/dist/cjs/parts/Pickers/Calendar/CalendarFooter.js +3 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarFooter.js.map +2 -2
- package/dist/cjs/parts/Pickers/Calendar/CalendarHead.js +3 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarHead.js.map +2 -2
- package/dist/cjs/parts/Pickers/Calendar/Styleds.js +18 -14
- package/dist/cjs/parts/Pickers/Calendar/Styleds.js.map +2 -2
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js +3 -1
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js.map +2 -2
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/Styleds.js +12 -5
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/Styleds.js.map +2 -2
- package/dist/cjs/parts/Pickers/TimeWheel/Styleds.js +17 -11
- package/dist/cjs/parts/Pickers/TimeWheel/Styleds.js.map +2 -2
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelContent.js +3 -1
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelContent.js.map +2 -2
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelFooter.js +3 -1
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelFooter.js.map +2 -2
- package/dist/cjs/parts/Styleds.js +17 -12
- package/dist/cjs/parts/Styleds.js.map +2 -2
- package/dist/cjs/propTypes.js +19 -2
- package/dist/cjs/propTypes.js.map +2 -2
- package/dist/esm/ControlledDateTimePicker.js +1 -1
- package/dist/esm/ControlledDateTimePicker.js.map +2 -2
- package/dist/esm/ControlledDateTimePickerDatatestid.js +8 -0
- package/dist/esm/ControlledDateTimePickerDatatestid.js.map +2 -2
- package/dist/esm/config/useControlledDateTimePicker.js +8 -5
- package/dist/esm/config/useControlledDateTimePicker.js.map +2 -2
- package/dist/esm/exported-related/theming.js +43 -0
- package/dist/esm/exported-related/theming.js.map +7 -0
- package/dist/esm/index.js +4 -1
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/parts/ControlledDateTimePickerContent.js +9 -6
- package/dist/esm/parts/ControlledDateTimePickerContent.js.map +2 -2
- package/dist/esm/parts/Pickers/Calendar/CalendarFooter.js +3 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarFooter.js.map +2 -2
- package/dist/esm/parts/Pickers/Calendar/CalendarHead.js +4 -2
- package/dist/esm/parts/Pickers/Calendar/CalendarHead.js.map +2 -2
- package/dist/esm/parts/Pickers/Calendar/Styleds.js +14 -10
- package/dist/esm/parts/Pickers/Calendar/Styleds.js.map +2 -2
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js +3 -1
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js.map +2 -2
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/Styleds.js +10 -3
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/Styleds.js.map +2 -2
- package/dist/esm/parts/Pickers/TimeWheel/Styleds.js +13 -7
- package/dist/esm/parts/Pickers/TimeWheel/Styleds.js.map +2 -2
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContent.js +3 -1
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContent.js.map +2 -2
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelFooter.js +3 -1
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelFooter.js.map +2 -2
- package/dist/esm/parts/Styleds.js +9 -4
- package/dist/esm/parts/Styleds.js.map +2 -2
- package/dist/esm/propTypes.js +22 -3
- package/dist/esm/propTypes.js.map +2 -2
- package/package.json +1 -1
|
@@ -37,7 +37,7 @@ const DSControlledDateTimePicker = (props) => {
|
|
|
37
37
|
value: ctx
|
|
38
38
|
}, /* @__PURE__ */ import_react.default.createElement(import_ControlledDateTimePickerContent.ControlledDateTimePickerContent, null));
|
|
39
39
|
};
|
|
40
|
-
DSControlledDateTimePicker.
|
|
40
|
+
DSControlledDateTimePicker.displayName = "DSControlledDateTimePicker";
|
|
41
41
|
const DSControlledDateTimePickerWithSchema = (0, import_react_desc.describe)(DSControlledDateTimePicker);
|
|
42
42
|
DSControlledDateTimePickerWithSchema.propTypes = import_propTypes.propTypes;
|
|
43
43
|
//# sourceMappingURL=ControlledDateTimePicker.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ControlledDateTimePicker.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { propTypes } from './propTypes';\nimport { useControlledDateTimePicker } from './config/useControlledDateTimePicker';\nimport { ControlledDateTimePickerContent } from './parts/ControlledDateTimePickerContent';\nimport { ControlledDateTimePickerContext } from './ControlledDateTimePickerCTX';\nimport type { DSControlledDateTimePickerT } from './propTypes';\n\nconst DSControlledDateTimePicker = (props: DSControlledDateTimePickerT.Props): JSX.Element => {\n const ctx = useControlledDateTimePicker(props);\n return (\n <ControlledDateTimePickerContext.Provider value={ctx}>\n <ControlledDateTimePickerContent />\n </ControlledDateTimePickerContext.Provider>\n );\n};\n\nDSControlledDateTimePicker.
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAyB;AACzB,uBAA0B;AAC1B,yCAA4C;AAC5C,6CAAgD;AAChD,yCAAgD;AAGhD,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,QAAM,MAAM,oEAA4B,KAAK;AAC7C,SACE,mDAAC,mEAAgC,UAAhC;AAAA,IAAyC,OAAO;AAAA,KAC/C,mDAAC,4EAAgC,CACnC;AAEJ;AAEA,2BAA2B,
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { propTypes } from './propTypes';\nimport { useControlledDateTimePicker } from './config/useControlledDateTimePicker';\nimport { ControlledDateTimePickerContent } from './parts/ControlledDateTimePickerContent';\nimport { ControlledDateTimePickerContext } from './ControlledDateTimePickerCTX';\nimport type { DSControlledDateTimePickerT } from './propTypes';\n\nconst DSControlledDateTimePicker = (props: DSControlledDateTimePickerT.Props): JSX.Element => {\n const ctx = useControlledDateTimePicker(props);\n return (\n <ControlledDateTimePickerContext.Provider value={ctx}>\n <ControlledDateTimePickerContent />\n </ControlledDateTimePickerContext.Provider>\n );\n};\n\nDSControlledDateTimePicker.displayName = 'DSControlledDateTimePicker';\nconst DSControlledDateTimePickerWithSchema = describe(DSControlledDateTimePicker);\nDSControlledDateTimePickerWithSchema.propTypes = propTypes;\n\nexport { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAyB;AACzB,uBAA0B;AAC1B,yCAA4C;AAC5C,6CAAgD;AAChD,yCAAgD;AAGhD,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,QAAM,MAAM,oEAA4B,KAAK;AAC7C,SACE,mDAAC,mEAAgC,UAAhC;AAAA,IAAyC,OAAO;AAAA,KAC/C,mDAAC,4EAAgC,CACnC;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,uCAAuC,gCAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -25,6 +25,7 @@ __export(ControlledDateTimePickerDatatestid_exports, {
|
|
|
25
25
|
module.exports = __toCommonJS(ControlledDateTimePickerDatatestid_exports);
|
|
26
26
|
var React = __toESM(require("react"));
|
|
27
27
|
const ControlledDateTimePickerDatatestid = {
|
|
28
|
+
CONTAINER: "ds-controlled-date-time-picker-container",
|
|
28
29
|
DATE_INPUTS: {
|
|
29
30
|
MONTH: "ds-controlled-date-time-picker-month-input",
|
|
30
31
|
DAY: "ds-controlled-date-time-picker-day-input",
|
|
@@ -41,6 +42,7 @@ const ControlledDateTimePickerDatatestid = {
|
|
|
41
42
|
CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-trigger-icon"
|
|
42
43
|
},
|
|
43
44
|
CALENDAR: {
|
|
45
|
+
HEADER_LABEL: "ds-controlled-date-time-picker-calendar-header-label",
|
|
44
46
|
PREV_YEAR: "ds-controlled-date-time-picker-calendar-prev-year",
|
|
45
47
|
PREV_MONTH: "ds-controlled-date-time-picker-calendar-prev-month",
|
|
46
48
|
DAY: "ds-controlled-date-time-picker-calendar-day",
|
|
@@ -54,6 +56,7 @@ const ControlledDateTimePickerDatatestid = {
|
|
|
54
56
|
NEXT_YEAR: "ds-controlled-date-time-picker-calendar-next-year"
|
|
55
57
|
},
|
|
56
58
|
TIMEWHEEL: {
|
|
59
|
+
HEADER_LABEL: "ds-controlled-date-time-picker-timewheel-header-label",
|
|
57
60
|
PREV_HOUR: "ds-controlled-date-time-picker-timewheel-prev-hour",
|
|
58
61
|
HOUR: "ds-controlled-date-time-picker-timewheel-hour",
|
|
59
62
|
CURRENT_HOUR: "ds-controlled-date-time-picker-timewheel-current-hour",
|
|
@@ -77,6 +80,11 @@ const ControlledDateTimePickerDatatestid = {
|
|
|
77
80
|
TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-controller-wrapper",
|
|
78
81
|
CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper"
|
|
79
82
|
},
|
|
83
|
+
FOOTERS: {
|
|
84
|
+
CALENDAR: "ds-controlled-date-time-picker-calendar-context-footer",
|
|
85
|
+
TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-context-footer",
|
|
86
|
+
CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-context-footer"
|
|
87
|
+
},
|
|
80
88
|
CLEAR_BUTTON: "ds-controlled-date-time-picker-clear-btn"
|
|
81
89
|
};
|
|
82
90
|
//# sourceMappingURL=ControlledDateTimePickerDatatestid.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ControlledDateTimePickerDatatestid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export const ControlledDateTimePickerDatatestid = {\n DATE_INPUTS: {\n MONTH: 'ds-controlled-date-time-picker-month-input',\n DAY: 'ds-controlled-date-time-picker-day-input',\n YEAR: 'ds-controlled-date-time-picker-year-input',\n },\n TIME_INPUTS: {\n HOUR: 'ds-controlled-date-time-picker-hour-input',\n MINUTE: 'ds-controlled-date-time-picker-minute-input',\n MERIDIEM: 'ds-controlled-date-time-picker-meridiem-input',\n },\n PICKER_ICONS: {\n CALENDAR: 'ds-controlled-date-time-picker-calendar-trigger-icon',\n TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-trigger-icon',\n CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-trigger-icon',\n },\n CALENDAR: {\n PREV_YEAR: 'ds-controlled-date-time-picker-calendar-prev-year',\n PREV_MONTH: 'ds-controlled-date-time-picker-calendar-prev-month',\n DAY: 'ds-controlled-date-time-picker-calendar-day',\n FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-focused-day',\n START_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-start-range-day',\n IN_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-in-range-day',\n END_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-end-range-day',\n SELECTED_DAY: 'ds-controlled-date-time-picker-calendar-selected-day',\n SELECTED_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-selected-focused-day',\n NEXT_MONTH: 'ds-controlled-date-time-picker-calendar-next-month',\n NEXT_YEAR: 'ds-controlled-date-time-picker-calendar-next-year',\n },\n TIMEWHEEL: {\n PREV_HOUR: 'ds-controlled-date-time-picker-timewheel-prev-hour',\n HOUR: 'ds-controlled-date-time-picker-timewheel-hour',\n CURRENT_HOUR: 'ds-controlled-date-time-picker-timewheel-current-hour',\n NEXT_HOUR: 'ds-controlled-date-time-picker-timewheel-next-hour',\n PREV_MINUTE: 'ds-controlled-date-time-picker-timewheel-prev-minute',\n MINUTE: 'ds-controlled-date-time-picker-timewheel-minute',\n CURRENT_MINUTE: 'ds-controlled-date-time-picker-timewheel-current-minute',\n NEXT_MINUTE: 'ds-controlled-date-time-picker-timewheel-next-minute',\n PREV_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-prev-meridiem',\n MERIDIEM: 'ds-controlled-date-time-picker-timewheel-meridiem',\n CURRENT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-current-meridiem',\n NEXT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-next-meridiem',\n },\n CONTEXTUAL_MENU: {\n CALENDAR: 'ds-controlled-date-time-picker-calendar-context-content-wrapper',\n TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-content-wrapper',\n CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper',\n },\n CONTROLLER_COMPONENT: {\n CALENDAR: 'ds-controlled-date-time-picker-calendar-controller-wrapper',\n TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-controller-wrapper',\n CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper',\n },\n CLEAR_BUTTON: 'ds-controlled-date-time-picker-clear-btn',\n} as const;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qCAAqC;AAAA,EAChD,aAAa;AAAA,IACX,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,eAAe;AAAA,IACf,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,cAAc;AAAA,IACd,WAAW;AAAA,IACX,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,eAAe;AAAA,IACf,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,eAAe;AAAA,EACjB;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,sBAAsB;AAAA,IACpB,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,cAAc;AAChB;",
|
|
4
|
+
"sourcesContent": ["export const ControlledDateTimePickerDatatestid = {\n CONTAINER: 'ds-controlled-date-time-picker-container',\n DATE_INPUTS: {\n MONTH: 'ds-controlled-date-time-picker-month-input',\n DAY: 'ds-controlled-date-time-picker-day-input',\n YEAR: 'ds-controlled-date-time-picker-year-input',\n },\n TIME_INPUTS: {\n HOUR: 'ds-controlled-date-time-picker-hour-input',\n MINUTE: 'ds-controlled-date-time-picker-minute-input',\n MERIDIEM: 'ds-controlled-date-time-picker-meridiem-input',\n },\n PICKER_ICONS: {\n CALENDAR: 'ds-controlled-date-time-picker-calendar-trigger-icon',\n TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-trigger-icon',\n CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-trigger-icon',\n },\n CALENDAR: {\n HEADER_LABEL: 'ds-controlled-date-time-picker-calendar-header-label',\n PREV_YEAR: 'ds-controlled-date-time-picker-calendar-prev-year',\n PREV_MONTH: 'ds-controlled-date-time-picker-calendar-prev-month',\n DAY: 'ds-controlled-date-time-picker-calendar-day',\n FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-focused-day',\n START_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-start-range-day',\n IN_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-in-range-day',\n END_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-end-range-day',\n SELECTED_DAY: 'ds-controlled-date-time-picker-calendar-selected-day',\n SELECTED_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-selected-focused-day',\n NEXT_MONTH: 'ds-controlled-date-time-picker-calendar-next-month',\n NEXT_YEAR: 'ds-controlled-date-time-picker-calendar-next-year',\n },\n TIMEWHEEL: {\n HEADER_LABEL: 'ds-controlled-date-time-picker-timewheel-header-label',\n PREV_HOUR: 'ds-controlled-date-time-picker-timewheel-prev-hour',\n HOUR: 'ds-controlled-date-time-picker-timewheel-hour',\n CURRENT_HOUR: 'ds-controlled-date-time-picker-timewheel-current-hour',\n NEXT_HOUR: 'ds-controlled-date-time-picker-timewheel-next-hour',\n PREV_MINUTE: 'ds-controlled-date-time-picker-timewheel-prev-minute',\n MINUTE: 'ds-controlled-date-time-picker-timewheel-minute',\n CURRENT_MINUTE: 'ds-controlled-date-time-picker-timewheel-current-minute',\n NEXT_MINUTE: 'ds-controlled-date-time-picker-timewheel-next-minute',\n PREV_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-prev-meridiem',\n MERIDIEM: 'ds-controlled-date-time-picker-timewheel-meridiem',\n CURRENT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-current-meridiem',\n NEXT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-next-meridiem',\n },\n CONTEXTUAL_MENU: {\n CALENDAR: 'ds-controlled-date-time-picker-calendar-context-content-wrapper',\n TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-content-wrapper',\n CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper',\n },\n CONTROLLER_COMPONENT: {\n CALENDAR: 'ds-controlled-date-time-picker-calendar-controller-wrapper',\n TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-controller-wrapper',\n CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper',\n },\n FOOTERS: {\n CALENDAR: 'ds-controlled-date-time-picker-calendar-context-footer',\n TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-footer',\n CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-footer',\n },\n CLEAR_BUTTON: 'ds-controlled-date-time-picker-clear-btn',\n} as const;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qCAAqC;AAAA,EAChD,WAAW;AAAA,EACX,aAAa;AAAA,IACX,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,eAAe;AAAA,IACf,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,WAAW;AAAA,IACT,cAAc;AAAA,IACd,WAAW;AAAA,IACX,MAAM;AAAA,IACN,cAAc;AAAA,IACd,WAAW;AAAA,IACX,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,eAAe;AAAA,IACf,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,eAAe;AAAA,EACjB;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,sBAAsB;AAAA,IACpB,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,cAAc;AAChB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -67,18 +67,19 @@ const useControlledDateTimePicker = (props) => {
|
|
|
67
67
|
focusTrackers
|
|
68
68
|
});
|
|
69
69
|
const globalKeyHandlers = (0, import_useGlobalKeyHandlers.useGlobalKeyHandlers)({ changeHandlers, propsBasedOnType, DOMRefs, flags, focusTrackers });
|
|
70
|
-
const
|
|
70
|
+
const xstyledAttrs = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefaults);
|
|
71
|
+
const globalAttrs = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefaults);
|
|
71
72
|
const { announcedDateValues, announcedTimeValues } = destructuredValues;
|
|
72
73
|
const { isWithDateInputs, isDateTimeSelector, isWithTimeInputs } = flags;
|
|
73
74
|
const ariaCurrentValueForInputs = `current values: ${isWithDateInputs ? `${announcedDateValues}` : ""}${isDateTimeSelector ? ", " : ""}${isWithTimeInputs ? `${announcedTimeValues}` : ""}`;
|
|
74
75
|
const ctx = import_react.default.useMemo(() => __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
|
|
75
76
|
props: propsWithDefaults,
|
|
76
77
|
ariaCurrentValueForInputs,
|
|
77
|
-
|
|
78
|
+
xstyledAttrs,
|
|
79
|
+
globalAttrs
|
|
78
80
|
}, focusTrackers), flags), DOMRefs), relevantValues), propsBasedOnType), destructuredValues), changeHandlers), globalKeyHandlers), [
|
|
79
81
|
propsWithDefaults,
|
|
80
82
|
ariaCurrentValueForInputs,
|
|
81
|
-
dataAttrs,
|
|
82
83
|
focusTrackers,
|
|
83
84
|
flags,
|
|
84
85
|
DOMRefs,
|
|
@@ -86,7 +87,9 @@ const useControlledDateTimePicker = (props) => {
|
|
|
86
87
|
propsBasedOnType,
|
|
87
88
|
destructuredValues,
|
|
88
89
|
changeHandlers,
|
|
89
|
-
globalKeyHandlers
|
|
90
|
+
globalKeyHandlers,
|
|
91
|
+
xstyledAttrs,
|
|
92
|
+
globalAttrs
|
|
90
93
|
]);
|
|
91
94
|
return ctx;
|
|
92
95
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/config/useControlledDateTimePicker.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport { useGetDatePickerWithDefaultsProps } from './useGetPropsWithDefault';\nimport { useFocusTracker } from './useFocusTracker';\nimport { useGetFlags } from './useGetFlags';\nimport { useGetReferences } from './useGetReferences';\nimport { useRelevantValueFromProps } from './useRelevantValueFromProps';\nimport { useGetPropsBasedOnType } from './useGetPropsBasedOnType';\nimport { useGetDestructuredValues } from './useGetDestructuredValues';\nimport { useChangeHandlers } from './useChangeHandlers';\nimport { useGlobalKeyHandlers } from './useGlobalKeyHandlers';\nimport { useValidateProps } from './useValidateProps';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\n\nexport type ControlledDateTimePickerContextT = ReturnType<typeof useGetFlags> &\n ReturnType<typeof useFocusTracker> &\n ReturnType<typeof useGetReferences> &\n ReturnType<typeof useGetPropsBasedOnType> &\n ReturnType<typeof useRelevantValueFromProps> &\n ReturnType<typeof useGetDestructuredValues> &\n ReturnType<typeof useChangeHandlers> &\n ReturnType<typeof useGlobalKeyHandlers> & {\n props: DSControlledDateTimePickerT.InternalProps;\n ariaCurrentValueForInputs: string;\n globalAttrs: Record<string, unknown>;\n xstyledAttrs: Record<string, unknown>;\n };\n\nexport const useControlledDateTimePicker = (\n props: DSControlledDateTimePickerT.Props,\n): ControlledDateTimePickerContextT => {\n // if we detect wrong props configuration we throw meaningful errors\n useValidateProps(props);\n\n const propsWithDefaults = useGetDatePickerWithDefaultsProps(props);\n\n const flags = useGetFlags(propsWithDefaults);\n const DOMRefs = useGetReferences(flags); // refs are used for \"auto-advance\" feature\n const focusTrackers = useFocusTracker({ DOMRefs, flags });\n const relevantValues = useRelevantValueFromProps(propsWithDefaults);\n const propsBasedOnType = useGetPropsBasedOnType(propsWithDefaults);\n const destructuredValues = useGetDestructuredValues({ ...propsBasedOnType, ...flags });\n const changeHandlers = useChangeHandlers({\n relevantValues,\n destructuredValues,\n propsBasedOnType,\n DOMRefs,\n focusTrackers,\n });\n\n const globalKeyHandlers = useGlobalKeyHandlers({ changeHandlers, propsBasedOnType, DOMRefs, flags, focusTrackers });\n\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call\n // const dataAttrs = getDataProps<DSControlledDateTimePickerT.InternalProps>(propsWithDefaults);\n\n const xstyledAttrs = useGetXstyledProps(propsWithDefaults) as Record<string, unknown>;\n\n const globalAttrs = useGetGlobalAttributes(propsWithDefaults) as Record<string, unknown>;\n\n const { announcedDateValues, announcedTimeValues } = destructuredValues;\n const { isWithDateInputs, isDateTimeSelector, isWithTimeInputs } = flags;\n\n const ariaCurrentValueForInputs = `current values: ${isWithDateInputs ? `${announcedDateValues}` : ''}${\n isDateTimeSelector ? ', ' : ''\n }${isWithTimeInputs ? `${announcedTimeValues}` : ''}`;\n\n const ctx = React.useMemo(\n () => ({\n props: propsWithDefaults,\n ariaCurrentValueForInputs,\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n xstyledAttrs,\n globalAttrs,\n ...focusTrackers,\n ...flags,\n ...DOMRefs,\n ...relevantValues,\n ...propsBasedOnType,\n ...destructuredValues,\n ...changeHandlers,\n ...globalKeyHandlers,\n }),\n [\n propsWithDefaults,\n ariaCurrentValueForInputs,\n focusTrackers,\n flags,\n DOMRefs,\n relevantValues,\n propsBasedOnType,\n destructuredValues,\n changeHandlers,\n globalKeyHandlers,\n xstyledAttrs,\n globalAttrs,\n ],\n );\n\n return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA2D;AAC3D,oCAAkD;AAClD,6BAAgC;AAChC,yBAA4B;AAC5B,8BAAiC;AACjC,uCAA0C;AAC1C,oCAAuC;AACvC,sCAAyC;AACzC,+BAAkC;AAClC,kCAAqC;AACrC,8BAAiC;AAiB1B,MAAM,8BAA8B,CACzC,UACqC;AAErC,gDAAiB,KAAK;AAEtB,QAAM,oBAAoB,qEAAkC,KAAK;AAEjE,QAAM,QAAQ,oCAAY,iBAAiB;AAC3C,QAAM,UAAU,8CAAiB,KAAK;AACtC,QAAM,gBAAgB,4CAAgB,EAAE,SAAS,MAAM,CAAC;AACxD,QAAM,iBAAiB,gEAA0B,iBAAiB;AAClE,QAAM,mBAAmB,0DAAuB,iBAAiB;AACjE,QAAM,qBAAqB,8DAAyB,kCAAK,mBAAqB,MAAO;AACrF,QAAM,iBAAiB,gDAAkB;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,oBAAoB,sDAAqB,EAAE,gBAAgB,kBAAkB,SAAS,OAAO,cAAc,CAAC;AAKlH,QAAM,eAAe,4CAAmB,iBAAiB;AAEzD,QAAM,cAAc,gDAAuB,iBAAiB;AAE5D,QAAM,EAAE,qBAAqB,wBAAwB;AACrD,QAAM,EAAE,kBAAkB,oBAAoB,qBAAqB;AAEnE,QAAM,4BAA4B,mBAAmB,mBAAmB,GAAG,wBAAwB,KACjG,qBAAqB,OAAO,KAC3B,mBAAmB,GAAG,wBAAwB;AAEjD,QAAM,MAAM,qBAAM,QAChB,MAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IAEA;AAAA,IACA;AAAA,KACG,gBACA,QACA,UACA,iBACA,mBACA,qBACA,iBACA,oBAEL;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CACF;AAEA,SAAO;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1,65 @@
|
|
|
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 __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
+
var theming_exports = {};
|
|
22
|
+
__export(theming_exports, {
|
|
23
|
+
COMPONENT_NAME: () => COMPONENT_NAME,
|
|
24
|
+
slots: () => slots
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(theming_exports);
|
|
27
|
+
var React = __toESM(require("react"));
|
|
28
|
+
const COMPONENT_NAME = "DS-controlled-date-time-picker";
|
|
29
|
+
const slots = {
|
|
30
|
+
CONTAINER: "root",
|
|
31
|
+
INPUT: "field-input",
|
|
32
|
+
PICKER_ICONS: {
|
|
33
|
+
CALENDAR: "calendar-trigger-icon",
|
|
34
|
+
TIMEWHEEL: "timewheel-trigger-icon",
|
|
35
|
+
CALENDAR_TIMEWHEEL: "calendar-timewheel-trigger-icon"
|
|
36
|
+
},
|
|
37
|
+
CALENDAR: {
|
|
38
|
+
DAY_BUTTON: "calendar-day",
|
|
39
|
+
HEADER_LABEL: "calendar-header-label",
|
|
40
|
+
HEADER_BUTTON: "calendar-header-buttons",
|
|
41
|
+
HEADER_WEEKLY_DAY_LIST: "calendar-header-weekly-day-list"
|
|
42
|
+
},
|
|
43
|
+
TIMEWHEEL: {
|
|
44
|
+
TIME_BUTTON: "timewheel-time-button",
|
|
45
|
+
TIME_CHANGE_BUTTON: "timewheel-time-change-button",
|
|
46
|
+
HEADER_LABEL: "timewheel-header-label"
|
|
47
|
+
},
|
|
48
|
+
CONTEXTUAL_MENU: {
|
|
49
|
+
CALENDAR: "calendar-context-content-wrapper",
|
|
50
|
+
TIMEWHEEL: "timewheel-context-content-wrapper",
|
|
51
|
+
CALENDAR_TIMEWHEEL: "calendar-timewheel-context-content-wrapper"
|
|
52
|
+
},
|
|
53
|
+
FOOTERS: {
|
|
54
|
+
CALENDAR: "calendar-context-footer",
|
|
55
|
+
TIMEWHEEL: "timewheel-context-footer",
|
|
56
|
+
CALENDAR_TIMEWHEEL: "calendar-timewheel-context-footer"
|
|
57
|
+
},
|
|
58
|
+
CONTROLLER_COMPONENT: {
|
|
59
|
+
CALENDAR: "calendar-controller-wrapper",
|
|
60
|
+
TIMEWHEEL: "timewheel-controller-wrapper",
|
|
61
|
+
CALENDAR_TIMEWHEEL: "calendar-timewheel-controller-wrapper"
|
|
62
|
+
},
|
|
63
|
+
CLEAR_BUTTON: "clear-btn"
|
|
64
|
+
};
|
|
65
|
+
//# sourceMappingURL=theming.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/exported-related/theming.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["export const COMPONENT_NAME = 'DS-controlled-date-time-picker';\n\nexport const slots = {\n CONTAINER: 'root',\n INPUT: 'field-input',\n PICKER_ICONS: {\n CALENDAR: 'calendar-trigger-icon',\n TIMEWHEEL: 'timewheel-trigger-icon',\n CALENDAR_TIMEWHEEL: 'calendar-timewheel-trigger-icon',\n },\n CALENDAR: {\n DAY_BUTTON: 'calendar-day',\n HEADER_LABEL: 'calendar-header-label',\n HEADER_BUTTON: 'calendar-header-buttons',\n HEADER_WEEKLY_DAY_LIST: 'calendar-header-weekly-day-list',\n },\n TIMEWHEEL: {\n TIME_BUTTON: 'timewheel-time-button',\n TIME_CHANGE_BUTTON: 'timewheel-time-change-button',\n HEADER_LABEL: 'timewheel-header-label',\n },\n CONTEXTUAL_MENU: {\n CALENDAR: 'calendar-context-content-wrapper',\n TIMEWHEEL: 'timewheel-context-content-wrapper',\n CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-content-wrapper',\n },\n FOOTERS: {\n CALENDAR: 'calendar-context-footer',\n TIMEWHEEL: 'timewheel-context-footer',\n CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-footer',\n },\n CONTROLLER_COMPONENT: {\n CALENDAR: 'calendar-controller-wrapper',\n TIMEWHEEL: 'timewheel-controller-wrapper',\n CALENDAR_TIMEWHEEL: 'calendar-timewheel-controller-wrapper',\n },\n CLEAR_BUTTON: 'clear-btn',\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB;AAEvB,MAAM,QAAQ;AAAA,EACnB,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,wBAAwB;AAAA,EAC1B;AAAA,EACA,WAAW;AAAA,IACT,aAAa;AAAA,IACb,oBAAoB;AAAA,IACpB,cAAc;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,sBAAsB;AAAA,IACpB,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,cAAc;AAChB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -20,6 +20,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
20
20
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
21
|
var src_exports = {};
|
|
22
22
|
__export(src_exports, {
|
|
23
|
+
COMPONENT_NAME: () => import_theming.COMPONENT_NAME,
|
|
23
24
|
CONTROLLED_DATE_TIME_PICKER_TYPES: () => import_ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES,
|
|
24
25
|
ControlledDateTimePickerDatatestid: () => import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid,
|
|
25
26
|
DSControlledDateTimePicker: () => import_ControlledDateTimePicker.DSControlledDateTimePicker,
|
|
@@ -31,7 +32,8 @@ __export(src_exports, {
|
|
|
31
32
|
getValidationDateStringMetaInfo: () => import_dateHelpers.getValidationDateStringMetaInfo,
|
|
32
33
|
getValidationDateTimeStringMetaInfo: () => import_dateTimeHelpers.getValidationDateTimeStringMetaInfo,
|
|
33
34
|
getValidationTimeStringMetaInfo: () => import_timeHelpers.getValidationTimeStringMetaInfo,
|
|
34
|
-
prependStringWithPlaceHolders: () => import_stringHelpers.prependStringWithPlaceHolders
|
|
35
|
+
prependStringWithPlaceHolders: () => import_stringHelpers.prependStringWithPlaceHolders,
|
|
36
|
+
slots: () => import_theming.slots
|
|
35
37
|
});
|
|
36
38
|
module.exports = __toCommonJS(src_exports);
|
|
37
39
|
var React = __toESM(require("react"));
|
|
@@ -42,4 +44,5 @@ var import_stringHelpers = require("./utils/stringHelpers");
|
|
|
42
44
|
var import_dateTimeHelpers = require("./utils/dateTimeHelpers");
|
|
43
45
|
var import_dateHelpers = require("./utils/dateHelpers");
|
|
44
46
|
var import_timeHelpers = require("./utils/timeHelpers");
|
|
47
|
+
var import_theming = require("./exported-related/theming");
|
|
45
48
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker } from './ControlledDateTimePicker';\nexport { ControlledDateTimePickerDatatestid } from './ControlledDateTimePickerDatatestid';\nexport { CONTROLLED_DATE_TIME_PICKER_TYPES } from './ControlledDateTimePickerTypes';\nexport { deconstructValuesFromDateString, prependStringWithPlaceHolders } from './utils/stringHelpers';\nexport { getValidationDateTimeStringMetaInfo } from './utils/dateTimeHelpers';\nexport {\n getValidationDateStringMetaInfo,\n getDateStringFromDay,\n getDayFromDateString,\n getDateValuesFromDate,\n} from './utils/dateHelpers';\nexport { getValidationTimeStringMetaInfo } from './utils/timeHelpers';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sCAAiF;AACjF,gDAAmD;AACnD,2CAAkD;AAClD,2BAA+E;AAC/E,6BAAoD;AACpD,yBAKO;AACP,yBAAgD;",
|
|
4
|
+
"sourcesContent": ["export { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker } from './ControlledDateTimePicker';\nexport { ControlledDateTimePickerDatatestid } from './ControlledDateTimePickerDatatestid';\nexport { CONTROLLED_DATE_TIME_PICKER_TYPES } from './ControlledDateTimePickerTypes';\nexport { deconstructValuesFromDateString, prependStringWithPlaceHolders } from './utils/stringHelpers';\nexport { getValidationDateTimeStringMetaInfo } from './utils/dateTimeHelpers';\nexport {\n getValidationDateStringMetaInfo,\n getDateStringFromDay,\n getDayFromDateString,\n getDateValuesFromDate,\n} from './utils/dateHelpers';\nexport { getValidationTimeStringMetaInfo } from './utils/timeHelpers';\nexport { COMPONENT_NAME, slots } from './exported-related/theming';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sCAAiF;AACjF,gDAAmD;AACnD,2CAAkD;AAClD,2BAA+E;AAC/E,6BAAoD;AACpD,yBAKO;AACP,yBAAgD;AAChD,qBAAsC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -46,6 +46,7 @@ var import_DateInputs = require("./DateInputs/DateInputs");
|
|
|
46
46
|
var import_TimeInputs = require("./TimeInputs/TimeInputs");
|
|
47
47
|
var import_PickersIcons = require("./Pickers/PickersIcons");
|
|
48
48
|
var import_ClearButton = require("./ClearButton/ClearButton");
|
|
49
|
+
var import_ControlledDateTimePickerDatatestid = require("../ControlledDateTimePickerDatatestid");
|
|
49
50
|
const ControlledDateTimePickerContent = () => {
|
|
50
51
|
const {
|
|
51
52
|
props: { hasError, disabled },
|
|
@@ -58,10 +59,11 @@ const ControlledDateTimePickerContent = () => {
|
|
|
58
59
|
withAnyRightController,
|
|
59
60
|
shouldPreserveClearableSpace,
|
|
60
61
|
isControllerOnly,
|
|
61
|
-
|
|
62
|
+
globalAttrs,
|
|
63
|
+
xstyledAttrs,
|
|
62
64
|
onGlobalKeyDown,
|
|
63
65
|
trackFocusResetter
|
|
64
|
-
} = import_react.
|
|
66
|
+
} = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
|
|
65
67
|
const styledsAttrs = {
|
|
66
68
|
justPicker: hideDate && hideTime,
|
|
67
69
|
withAnyPicker,
|
|
@@ -80,14 +82,15 @@ const ControlledDateTimePickerContent = () => {
|
|
|
80
82
|
rightControlCols.push("28px");
|
|
81
83
|
if (withAnyPicker)
|
|
82
84
|
rightControlCols.push("auto");
|
|
83
|
-
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledInputsWrapperGrid, __spreadValues(__spreadValues({
|
|
85
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledInputsWrapperGrid, __spreadValues(__spreadValues(__spreadValues({
|
|
84
86
|
cols: mainCols,
|
|
85
87
|
gutter: "xxs",
|
|
86
88
|
pr: hideDatePicker && hideTimePicker && hideDateTimePicker ? "2px" : void 0,
|
|
87
89
|
onKeyDown: onGlobalKeyDown,
|
|
88
90
|
disabled,
|
|
89
|
-
onBlur: trackFocusResetter
|
|
90
|
-
|
|
91
|
+
onBlur: trackFocusResetter,
|
|
92
|
+
"data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTAINER
|
|
93
|
+
}, styledsAttrs), globalAttrs), xstyledAttrs), hideDate ? null : /* @__PURE__ */ import_react.default.createElement(import_DateInputs.DateInputs, null), hideTime ? null : /* @__PURE__ */ import_react.default.createElement(import_TimeInputs.TimeInputs, null), withAnyRightController ? /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
|
|
91
94
|
cols: rightControlCols
|
|
92
95
|
}, shouldPreserveClearableSpace ? /* @__PURE__ */ import_react.default.createElement(import_ClearButton.ClearButton, null) : null, withAnyPicker ? /* @__PURE__ */ import_react.default.createElement(import_PickersIcons.PickersIcons, null) : null) : null));
|
|
93
96
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/parts/ControlledDateTimePickerContent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable complexity */\nimport React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../ControlledDateTimePickerCTX';\nimport { StyledInputsWrapperGrid } from './Styleds';\nimport { DateInputs } from './DateInputs/DateInputs';\nimport { TimeInputs } from './TimeInputs/TimeInputs';\nimport { PickersIcons } from './Pickers/PickersIcons';\nimport { ClearButton } from './ClearButton/ClearButton';\n\nexport const ControlledDateTimePickerContent = (): JSX.Element => {\n const {\n props: { hasError, disabled },\n hideDate,\n hideDatePicker,\n hideTime,\n hideTimePicker,\n hideDateTimePicker,\n withAnyPicker,\n withAnyRightController,\n shouldPreserveClearableSpace,\n isControllerOnly,\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,
|
|
4
|
+
"sourcesContent": ["/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../ControlledDateTimePickerCTX';\nimport { StyledInputsWrapperGrid } from './Styleds';\nimport { DateInputs } from './DateInputs/DateInputs';\nimport { TimeInputs } from './TimeInputs/TimeInputs';\nimport { PickersIcons } from './Pickers/PickersIcons';\nimport { ClearButton } from './ClearButton/ClearButton';\nimport { ControlledDateTimePickerDatatestid } from '../ControlledDateTimePickerDatatestid';\n\nexport const ControlledDateTimePickerContent = (): JSX.Element => {\n const {\n props: { hasError, disabled },\n hideDate,\n hideDatePicker,\n hideTime,\n hideTimePicker,\n hideDateTimePicker,\n withAnyPicker,\n withAnyRightController,\n shouldPreserveClearableSpace,\n isControllerOnly,\n globalAttrs,\n xstyledAttrs,\n onGlobalKeyDown,\n trackFocusResetter,\n } = useContext(ControlledDateTimePickerContext);\n\n const styledsAttrs = {\n justPicker: hideDate && hideTime,\n withAnyPicker,\n hasError,\n isControllerOnly,\n };\n\n const mainCols = [];\n if (!hideDate) mainCols.push('auto');\n if (!hideTime) mainCols.push('auto');\n if (withAnyRightController) mainCols.push('auto');\n\n const rightControlCols = [];\n if (shouldPreserveClearableSpace) rightControlCols.push('28px');\n if (withAnyPicker) rightControlCols.push('auto');\n\n return (\n <>\n {/* The <div> element is catching the component-wise global hotkeys, there is no valid aria role for this */}\n {/* eslint-disable-next-line max-len */}\n {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n <StyledInputsWrapperGrid\n cols={mainCols}\n gutter=\"xxs\"\n pr={hideDatePicker && hideTimePicker && hideDateTimePicker ? '2px' : undefined}\n onKeyDown={onGlobalKeyDown}\n disabled={disabled}\n onBlur={trackFocusResetter}\n data-testid={ControlledDateTimePickerDatatestid.CONTAINER}\n {...styledsAttrs}\n {...globalAttrs}\n {...xstyledAttrs}\n >\n {hideDate ? null : <DateInputs />}\n {hideTime ? null : <TimeInputs />}\n {withAnyRightController ? (\n <Grid cols={rightControlCols}>\n {shouldPreserveClearableSpace ? <ClearButton /> : null}\n {withAnyPicker ? <PickersIcons /> : null}\n </Grid>\n ) : null}\n </StyledInputsWrapperGrid>\n </>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,qBAAqB;AACrB,yCAAgD;AAChD,qBAAwC;AACxC,wBAA2B;AAC3B,wBAA2B;AAC3B,0BAA6B;AAC7B,yBAA4B;AAC5B,gDAAmD;AAE5C,MAAM,kCAAkC,MAAmB;AAChE,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW,kEAA+B;AAE9C,QAAM,eAAe;AAAA,IACnB,YAAY,YAAY;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW,CAAC;AAClB,MAAI,CAAC;AAAU,aAAS,KAAK,MAAM;AACnC,MAAI,CAAC;AAAU,aAAS,KAAK,MAAM;AACnC,MAAI;AAAwB,aAAS,KAAK,MAAM;AAEhD,QAAM,mBAAmB,CAAC;AAC1B,MAAI;AAA8B,qBAAiB,KAAK,MAAM;AAC9D,MAAI;AAAe,qBAAiB,KAAK,MAAM;AAE/C,SACE,wFAKE,mDAAC;AAAA,IACC,MAAM;AAAA,IACN,QAAO;AAAA,IACP,IAAI,kBAAkB,kBAAkB,qBAAqB,QAAQ;AAAA,IACrE,WAAW;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,IACR,eAAa,6EAAmC;AAAA,KAC5C,eACA,cACA,eAEH,WAAW,OAAO,mDAAC,kCAAW,GAC9B,WAAW,OAAO,mDAAC,kCAAW,GAC9B,yBACC,mDAAC;AAAA,IAAK,MAAM;AAAA,KACT,+BAA+B,mDAAC,oCAAY,IAAK,MACjD,gBAAgB,mDAAC,sCAAa,IAAK,IACtC,IACE,IACN,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -25,6 +25,7 @@ __export(CalendarFooter_exports, {
|
|
|
25
25
|
module.exports = __toCommonJS(CalendarFooter_exports);
|
|
26
26
|
var React = __toESM(require("react"));
|
|
27
27
|
var import_react = __toESM(require("react"));
|
|
28
|
+
var import_ControlledDateTimePickerDatatestid = require("../../../ControlledDateTimePickerDatatestid");
|
|
28
29
|
var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX");
|
|
29
30
|
var import_Styleds = require("./Styleds");
|
|
30
31
|
const CalendarFooter = () => {
|
|
@@ -34,7 +35,8 @@ const CalendarFooter = () => {
|
|
|
34
35
|
} = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
|
|
35
36
|
if (pickerFooterMsg !== void 0 && !isWithTimeWheelToo && hasError)
|
|
36
37
|
return /* @__PURE__ */ import_react.default.createElement(import_Styleds.CalendarFooterMessage, {
|
|
37
|
-
role: "alert"
|
|
38
|
+
role: "alert",
|
|
39
|
+
"data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR
|
|
38
40
|
}, pickerFooterMsg);
|
|
39
41
|
return null;
|
|
40
42
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/Pickers/Calendar/CalendarFooter.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarFooterMessage } from './Styleds';\n\nexport const CalendarFooter: React.ComponentType = () => {\n const {\n props: { pickerFooterMsg, hasError },\n isWithTimeWheelToo,\n } = useContext(ControlledDateTimePickerContext);\n if (pickerFooterMsg !== undefined && !isWithTimeWheelToo && hasError)\n return <CalendarFooterMessage role=\"alert\"
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,yCAAgD;AAChD,qBAAsC;AAE/B,MAAM,iBAAsC,MAAM;AACvD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB;AAAA,IAC1B;AAAA,MACE,6BAAW,kEAA+B;AAC9C,MAAI,oBAAoB,UAAa,CAAC,sBAAsB;AAC1D,
|
|
4
|
+
"sourcesContent": ["import React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarFooterMessage } from './Styleds';\n\nexport const CalendarFooter: React.ComponentType = () => {\n const {\n props: { pickerFooterMsg, hasError },\n isWithTimeWheelToo,\n } = useContext(ControlledDateTimePickerContext);\n if (pickerFooterMsg !== undefined && !isWithTimeWheelToo && hasError)\n return (\n <CalendarFooterMessage role=\"alert\" data-testid={ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR}>\n {pickerFooterMsg}\n </CalendarFooterMessage>\n );\n return null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,qBAAsC;AAE/B,MAAM,iBAAsC,MAAM;AACvD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB;AAAA,IAC1B;AAAA,MACE,6BAAW,kEAA+B;AAC9C,MAAI,oBAAoB,UAAa,CAAC,sBAAsB;AAC1D,WACE,mDAAC;AAAA,MAAsB,MAAK;AAAA,MAAQ,eAAa,6EAAmC,QAAQ;AAAA,OACzF,eACH;AAEJ,SAAO;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -113,7 +113,9 @@ const CalendarHead = () => {
|
|
|
113
113
|
height: 14,
|
|
114
114
|
width: 14,
|
|
115
115
|
fill: "#25292f"
|
|
116
|
-
})), /* @__PURE__ */ import_react.default.createElement(
|
|
116
|
+
})), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledHeaderLabel, {
|
|
117
|
+
"data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL
|
|
118
|
+
}, currentFormatedDate), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledHeaderButton, {
|
|
117
119
|
"aria-label": "next month",
|
|
118
120
|
buttonType: "raw",
|
|
119
121
|
size: import_ds_button.BUTTON_SIZES.M,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/Pickers/Calendar/CalendarHead.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable complexity, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment */\nimport React, { useCallback, useContext, useMemo } from 'react';\
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;
|
|
4
|
+
"sourcesContent": ["/* eslint-disable complexity, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment */\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport { BUTTON_SIZES } from '@elliemae/ds-button';\nimport { ChevronDoubleLeft, ChevronLeft, ChevronDoubleRight, ChevronRight } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { getMonthNameByMonthNumber } from '../../../utils/dateHelpers';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { StyledHeader, StyledHeaderButton, StyledHeaderLabel } from './Styleds';\nimport { CalendarContext } from './CalendarContext';\n\nconst useGetFormattedCurrentDate = () => {\n const { currentMonth, currentYear } = useContext(CalendarContext);\n\n const monthString = currentMonth >= 0 && currentMonth <= 11 ? `${getMonthNameByMonthNumber(currentMonth)} ` : '';\n\n return useMemo(() => `${monthString}${currentYear}`, [monthString, currentYear]);\n};\nexport const CalendarHead = (): JSX.Element => {\n const currentFormatedDate = useGetFormattedCurrentDate();\n const {\n handlePrevYear,\n handlePrevMonth,\n handleNextMonth,\n handleNextYear,\n handlePrevYearKeyDown,\n handlePrevMonthKeyDown,\n handleNextMonthKeyDown,\n handleNextYearKeyDown,\n onPrevYearFocus,\n onPrevMonthFocus,\n onNextMonthFocus,\n onNextYearFocus,\n } = useContext(CalendarContext);\n\n const {\n isControllerOnly,\n autoFocusPrevMonthArrow,\n prevYearBtnRef,\n prevMonthBtnRef,\n nextMonthBtnRef,\n nextYearBtnRef,\n latestInteractionRegion,\n currFocusDescriber,\n } = useContext(ControlledDateTimePickerContext);\n\n const handlePrevYearRef = useCallback(\n (ButtonDomNode: HTMLButtonElement) => {\n prevYearBtnRef.current = ButtonDomNode;\n if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-year')\n ButtonDomNode?.focus?.();\n },\n [currFocusDescriber, latestInteractionRegion, prevYearBtnRef],\n );\n const handlePrevMonthRef = useCallback(\n (ButtonDomNode: HTMLButtonElement) => {\n prevMonthBtnRef.current = ButtonDomNode;\n if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-month')\n ButtonDomNode?.focus?.();\n },\n [currFocusDescriber, latestInteractionRegion, prevMonthBtnRef],\n );\n const handleNextMonthRef = useCallback(\n (ButtonDomNode: HTMLButtonElement) => {\n nextMonthBtnRef.current = ButtonDomNode;\n if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-next-month')\n ButtonDomNode?.focus?.();\n },\n [currFocusDescriber, latestInteractionRegion, nextMonthBtnRef],\n );\n const handleNextYearRef = useCallback(\n (ButtonDomNode: HTMLButtonElement) => {\n nextYearBtnRef.current = ButtonDomNode;\n if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-next-year')\n ButtonDomNode?.focus?.();\n },\n [currFocusDescriber, latestInteractionRegion, nextYearBtnRef],\n );\n\n return (\n <StyledHeader>\n <StyledHeaderButton\n aria-label=\"previous year\"\n buttonType=\"raw\"\n size={BUTTON_SIZES.M}\n onClick={handlePrevYear}\n innerRef={handlePrevYearRef}\n onKeyDown={handlePrevYearKeyDown}\n onFocus={onPrevYearFocus}\n tabIndex={isControllerOnly ? -1 : 1}\n data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR}\n type=\"button\"\n >\n <ChevronDoubleLeft height={14} width={14} fill=\"#25292f\" />\n </StyledHeaderButton>\n <StyledHeaderButton\n autoFocus={autoFocusPrevMonthArrow}\n aria-label=\"previous month\"\n buttonType=\"raw\"\n size={BUTTON_SIZES.M}\n onClick={handlePrevMonth}\n innerRef={handlePrevMonthRef}\n onKeyDown={handlePrevMonthKeyDown}\n onFocus={onPrevMonthFocus}\n data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH}\n type=\"button\"\n // this is a tabstop for when the calendar is open\n >\n <ChevronLeft height={14} width={14} fill=\"#25292f\" />\n </StyledHeaderButton>\n <StyledHeaderLabel data-testid={ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL}>\n {currentFormatedDate}\n </StyledHeaderLabel>\n <StyledHeaderButton\n aria-label=\"next month\"\n buttonType=\"raw\"\n size={BUTTON_SIZES.M}\n onClick={handleNextMonth}\n innerRef={handleNextMonthRef}\n onKeyDown={handleNextMonthKeyDown}\n onFocus={onNextMonthFocus}\n data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH}\n type=\"button\"\n >\n <ChevronRight height={14} width={14} fill=\"#25292f\" />\n </StyledHeaderButton>\n <StyledHeaderButton\n aria-label=\"next year\"\n buttonType=\"raw\"\n size={BUTTON_SIZES.M}\n onClick={handleNextYear}\n innerRef={handleNextYearRef}\n onKeyDown={handleNextYearKeyDown}\n onFocus={onNextYearFocus}\n data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR}\n type=\"button\"\n >\n <ChevronDoubleRight height={14} width={14} fill=\"#25292f\" />\n </StyledHeaderButton>\n </StyledHeader>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,uBAA6B;AAC7B,sBAAiF;AACjF,gDAAmD;AACnD,yBAA0C;AAC1C,yCAAgD;AAChD,qBAAoE;AACpE,6BAAgC;AAEhC,MAAM,6BAA6B,MAAM;AACvC,QAAM,EAAE,cAAc,gBAAgB,6BAAW,sCAAe;AAEhE,QAAM,cAAc,gBAAgB,KAAK,gBAAgB,KAAK,GAAG,kDAA0B,YAAY,OAAO;AAE9G,SAAO,0BAAQ,MAAM,GAAG,cAAc,eAAe,CAAC,aAAa,WAAW,CAAC;AACjF;AACO,MAAM,eAAe,MAAmB;AAC7C,QAAM,sBAAsB,2BAA2B;AACvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW,sCAAe;AAE9B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW,kEAA+B;AAE9C,QAAM,oBAAoB,8BACxB,CAAC,kBAAqC;AACpC,mBAAe,UAAU;AACzB,QAAI,4BAA4B,mBAAmB,uBAAuB;AACxE,qBAAe,QAAQ;AAAA,EAC3B,GACA,CAAC,oBAAoB,yBAAyB,cAAc,CAC9D;AACA,QAAM,qBAAqB,8BACzB,CAAC,kBAAqC;AACpC,oBAAgB,UAAU;AAC1B,QAAI,4BAA4B,mBAAmB,uBAAuB;AACxE,qBAAe,QAAQ;AAAA,EAC3B,GACA,CAAC,oBAAoB,yBAAyB,eAAe,CAC/D;AACA,QAAM,qBAAqB,8BACzB,CAAC,kBAAqC;AACpC,oBAAgB,UAAU;AAC1B,QAAI,4BAA4B,mBAAmB,uBAAuB;AACxE,qBAAe,QAAQ;AAAA,EAC3B,GACA,CAAC,oBAAoB,yBAAyB,eAAe,CAC/D;AACA,QAAM,oBAAoB,8BACxB,CAAC,kBAAqC;AACpC,mBAAe,UAAU;AACzB,QAAI,4BAA4B,mBAAmB,uBAAuB;AACxE,qBAAe,QAAQ;AAAA,EAC3B,GACA,CAAC,oBAAoB,yBAAyB,cAAc,CAC9D;AAEA,SACE,mDAAC,mCACC,mDAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,8BAAa;AAAA,IACnB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,UAAU,mBAAmB,KAAK;AAAA,IAClC,eAAa,6EAAmC,SAAS;AAAA,IACzD,MAAK;AAAA,KAEL,mDAAC;AAAA,IAAkB,QAAQ;AAAA,IAAI,OAAO;AAAA,IAAI,MAAK;AAAA,GAAU,CAC3D,GACA,mDAAC;AAAA,IACC,WAAW;AAAA,IACX,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,8BAAa;AAAA,IACnB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,eAAa,6EAAmC,SAAS;AAAA,IACzD,MAAK;AAAA,KAGL,mDAAC;AAAA,IAAY,QAAQ;AAAA,IAAI,OAAO;AAAA,IAAI,MAAK;AAAA,GAAU,CACrD,GACA,mDAAC;AAAA,IAAkB,eAAa,6EAAmC,SAAS;AAAA,KACzE,mBACH,GACA,mDAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,8BAAa;AAAA,IACnB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,eAAa,6EAAmC,SAAS;AAAA,IACzD,MAAK;AAAA,KAEL,mDAAC;AAAA,IAAa,QAAQ;AAAA,IAAI,OAAO;AAAA,IAAI,MAAK;AAAA,GAAU,CACtD,GACA,mDAAC;AAAA,IACC,cAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,8BAAa;AAAA,IACnB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,SAAS;AAAA,IACT,eAAa,6EAAmC,SAAS;AAAA,IACzD,MAAK;AAAA,KAEL,mDAAC;AAAA,IAAmB,QAAQ;AAAA,IAAI,OAAO;AAAA,IAAI,MAAK;AAAA,GAAU,CAC5D,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -26,6 +26,7 @@ __export(Styleds_exports, {
|
|
|
26
26
|
StyledDayBtn: () => StyledDayBtn,
|
|
27
27
|
StyledHeader: () => StyledHeader,
|
|
28
28
|
StyledHeaderButton: () => StyledHeaderButton,
|
|
29
|
+
StyledHeaderLabel: () => StyledHeaderLabel,
|
|
29
30
|
StyledIconTriggerButton: () => StyledIconTriggerButton,
|
|
30
31
|
StyledShadowWrapper: () => StyledShadowWrapper,
|
|
31
32
|
StyledWeekDaysHeaderItem: () => StyledWeekDaysHeaderItem,
|
|
@@ -33,10 +34,10 @@ __export(Styleds_exports, {
|
|
|
33
34
|
});
|
|
34
35
|
module.exports = __toCommonJS(Styleds_exports);
|
|
35
36
|
var React = __toESM(require("react"));
|
|
36
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
37
37
|
var import_ds_system = require("@elliemae/ds-system");
|
|
38
38
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
39
39
|
var import_ds_button = require("@elliemae/ds-button");
|
|
40
|
+
var import_theming = require("../../../exported-related/theming");
|
|
40
41
|
const diagonalLine = import_ds_system.css`
|
|
41
42
|
&:before {
|
|
42
43
|
position: absolute;
|
|
@@ -75,21 +76,21 @@ const backgroundDateRange = {
|
|
|
75
76
|
border-radius: 0 50% 50% 0;
|
|
76
77
|
`
|
|
77
78
|
};
|
|
78
|
-
const StyledIconTriggerButton = (0,
|
|
79
|
+
const StyledIconTriggerButton = (0, import_ds_system.styled)(import_ds_button.DSButtonV2, { name: import_theming.COMPONENT_NAME, slot: import_theming.slots.PICKER_ICONS.CALENDAR })`
|
|
79
80
|
color: ${({ theme }) => theme.colors.brand["600"]};
|
|
80
81
|
width: 26px;
|
|
81
82
|
height: 26px;
|
|
82
83
|
`;
|
|
83
|
-
const StyledShadowWrapper =
|
|
84
|
+
const StyledShadowWrapper = import_ds_system.styled.div`
|
|
84
85
|
${({ isControllerOnly }) => isControllerOnly ? void 0 : "box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);"}
|
|
85
86
|
`;
|
|
86
|
-
const StyledCalendarWrapper =
|
|
87
|
+
const StyledCalendarWrapper = import_ds_system.styled.div`
|
|
87
88
|
display: grid;
|
|
88
89
|
width: 260px;
|
|
89
90
|
background-color: ${({ theme }) => theme.colors.neutral["000"]};
|
|
90
91
|
grid-template-rows: auto auto;
|
|
91
92
|
`;
|
|
92
|
-
const StyledHeader =
|
|
93
|
+
const StyledHeader = import_ds_system.styled.section`
|
|
93
94
|
* {
|
|
94
95
|
margin: 0;
|
|
95
96
|
padding: 0;
|
|
@@ -103,11 +104,11 @@ const StyledHeader = import_styled_components.default.section`
|
|
|
103
104
|
justify-content: center;
|
|
104
105
|
text-align: center;
|
|
105
106
|
background: ${({ theme }) => theme.colors.neutral["050"]};
|
|
106
|
-
h3 {
|
|
107
|
-
font-size: 1rem;
|
|
108
|
-
}
|
|
109
107
|
`;
|
|
110
|
-
const
|
|
108
|
+
const StyledHeaderLabel = (0, import_ds_system.styled)("h3", { name: import_theming.COMPONENT_NAME, slot: import_theming.slots.CALENDAR.HEADER_LABEL })`
|
|
109
|
+
font-size: 1rem;
|
|
110
|
+
`;
|
|
111
|
+
const StyledHeaderButton = (0, import_ds_system.styled)(import_ds_button.DSButtonV2, { name: import_theming.COMPONENT_NAME, slot: import_theming.slots.CALENDAR.HEADER_BUTTON })`
|
|
111
112
|
position: relative;
|
|
112
113
|
width: 28px;
|
|
113
114
|
height: 28px;
|
|
@@ -128,10 +129,10 @@ const StyledHeaderButton = (0, import_styled_components.default)(import_ds_butto
|
|
|
128
129
|
background: ${({ theme }) => theme.colors.brand[200]};
|
|
129
130
|
}
|
|
130
131
|
`;
|
|
131
|
-
const StyledBody =
|
|
132
|
+
const StyledBody = import_ds_system.styled.section`
|
|
132
133
|
padding: ${({ theme }) => theme.space.xxxs};
|
|
133
134
|
`;
|
|
134
|
-
const StyledDayBtn = (0,
|
|
135
|
+
const StyledDayBtn = (0, import_ds_system.styled)(import_ds_button.DSButtonV2, { name: import_theming.COMPONENT_NAME, slot: import_theming.slots.CALENDAR.DAY_BUTTON })`
|
|
135
136
|
height: 32px;
|
|
136
137
|
width: 32px;
|
|
137
138
|
border-radius: 50%;
|
|
@@ -150,7 +151,10 @@ const StyledDayBtn = (0, import_styled_components.default)(import_ds_button.DSBu
|
|
|
150
151
|
${focusBorder}
|
|
151
152
|
}
|
|
152
153
|
`;
|
|
153
|
-
const StyledWeekDaysListWrapper = (0,
|
|
154
|
+
const StyledWeekDaysListWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, {
|
|
155
|
+
name: import_theming.COMPONENT_NAME,
|
|
156
|
+
slot: import_theming.slots.CALENDAR.HEADER_WEEKLY_DAY_LIST
|
|
157
|
+
})`
|
|
154
158
|
font-size: ${({ theme }) => theme.fontSizes.label[400]};
|
|
155
159
|
text-align: center;
|
|
156
160
|
${({ isHeader, theme }) => isHeader ? `background: ${theme.colors.neutral["050"]}` : ""};
|
|
@@ -332,11 +336,11 @@ const StyledWeekDaysListWrapper = (0, import_styled_components.default)(import_d
|
|
|
332
336
|
box-shadow: none;
|
|
333
337
|
}
|
|
334
338
|
`;
|
|
335
|
-
const StyledWeekDaysHeaderItem =
|
|
339
|
+
const StyledWeekDaysHeaderItem = import_ds_system.styled.div`
|
|
336
340
|
width: ${({ theme }) => theme.space.s};
|
|
337
341
|
min-width: ${({ theme }) => theme.space.s};
|
|
338
342
|
`;
|
|
339
|
-
const CalendarFooterMessage =
|
|
343
|
+
const CalendarFooterMessage = (0, import_ds_system.styled)("footer", { name: import_theming.COMPONENT_NAME, slot: import_theming.slots.FOOTERS.CALENDAR_TIMEWHEEL })`
|
|
340
344
|
border-top: solid 1px ${({ theme }) => theme.colors.neutral[300]};
|
|
341
345
|
margin: 0 ${({ theme }) => theme.space.xxs2};
|
|
342
346
|
padding: ${({ theme }) => theme.space.xxs2} 0;
|