@elliemae/ds-form-date-time-picker 3.12.0-rc.2 → 3.12.0-rc.21
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 -4
- package/dist/cjs/ControlledDateTimePicker.js.map +1 -1
- package/dist/cjs/config/useGlobalKeyHandlers.js +11 -4
- package/dist/cjs/config/useGlobalKeyHandlers.js.map +2 -2
- package/dist/cjs/parts/ClearButton/ClearButton.js +19 -18
- package/dist/cjs/parts/ClearButton/ClearButton.js.map +1 -1
- package/dist/cjs/parts/ControlledDateTimePickerContent.js +9 -11
- package/dist/cjs/parts/ControlledDateTimePickerContent.js.map +1 -1
- package/dist/cjs/parts/DateInputs/DDInput.js +20 -17
- package/dist/cjs/parts/DateInputs/DDInput.js.map +1 -1
- package/dist/cjs/parts/DateInputs/DateInputs.js +63 -63
- package/dist/cjs/parts/DateInputs/DateInputs.js.map +1 -1
- package/dist/cjs/parts/DateInputs/MMInput.js +17 -14
- package/dist/cjs/parts/DateInputs/MMInput.js.map +1 -1
- package/dist/cjs/parts/DateInputs/YYYYInput.js +20 -17
- package/dist/cjs/parts/DateInputs/YYYYInput.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/Calendar.js +6 -18
- package/dist/cjs/parts/Pickers/Calendar/Calendar.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarBody.js +4 -11
- package/dist/cjs/parts/Pickers/Calendar/CalendarBody.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarContent.js +10 -11
- package/dist/cjs/parts/Pickers/Calendar/CalendarContent.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarDaysList.js +11 -20
- package/dist/cjs/parts/Pickers/Calendar/CalendarDaysList.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarFooter.js +1 -5
- package/dist/cjs/parts/Pickers/Calendar/CalendarFooter.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarHead.js +27 -36
- package/dist/cjs/parts/Pickers/Calendar/CalendarHead.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarIconTrigger.js +15 -12
- package/dist/cjs/parts/Pickers/Calendar/CalendarIconTrigger.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarMonthDays.js +9 -6
- package/dist/cjs/parts/Pickers/Calendar/CalendarMonthDays.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarWeekDays.js +12 -40
- package/dist/cjs/parts/Pickers/Calendar/CalendarWeekDays.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/CalendarWrapper.js +11 -8
- package/dist/cjs/parts/Pickers/Calendar/CalendarWrapper.js.map +1 -1
- package/dist/cjs/parts/Pickers/Calendar/Day.js +30 -24
- package/dist/cjs/parts/Pickers/Calendar/Day.js.map +1 -1
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js +5 -17
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js.map +1 -1
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js +12 -9
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js.map +1 -1
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js +8 -5
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js.map +1 -1
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js +15 -12
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js.map +1 -1
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js +11 -8
- package/dist/cjs/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js.map +1 -1
- package/dist/cjs/parts/Pickers/PickersIcons.js +5 -9
- package/dist/cjs/parts/Pickers/PickersIcons.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/HoursList.js +68 -72
- package/dist/cjs/parts/Pickers/TimeWheel/HoursList.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/MeridiemList.js +82 -86
- package/dist/cjs/parts/Pickers/TimeWheel/MeridiemList.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/MinutesList.js +73 -70
- package/dist/cjs/parts/Pickers/TimeWheel/MinutesList.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheel.js +6 -18
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheel.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelContent.js +18 -28
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelContent.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelFooter.js +1 -5
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelFooter.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js +15 -12
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelWrapper.js +11 -8
- package/dist/cjs/parts/Pickers/TimeWheel/TimeWheelWrapper.js.map +1 -1
- package/dist/cjs/parts/Pickers/TimeWheel/useKeyboardHandlers.js +7 -2
- package/dist/cjs/parts/Pickers/TimeWheel/useKeyboardHandlers.js.map +2 -2
- package/dist/cjs/parts/Styleds.js +2 -1
- package/dist/cjs/parts/Styleds.js.map +2 -2
- package/dist/cjs/parts/TimeInputs/HHInput.js +21 -18
- package/dist/cjs/parts/TimeInputs/HHInput.js.map +1 -1
- package/dist/cjs/parts/TimeInputs/MeridiemInput.js +20 -17
- package/dist/cjs/parts/TimeInputs/MeridiemInput.js.map +1 -1
- package/dist/cjs/parts/TimeInputs/MinutesInput.js +20 -17
- package/dist/cjs/parts/TimeInputs/MinutesInput.js.map +1 -1
- package/dist/cjs/parts/TimeInputs/TimeInputs.js +62 -61
- package/dist/cjs/parts/TimeInputs/TimeInputs.js.map +1 -1
- package/dist/esm/ControlledDateTimePicker.js +1 -4
- package/dist/esm/ControlledDateTimePicker.js.map +1 -1
- package/dist/esm/config/useGlobalKeyHandlers.js +11 -4
- package/dist/esm/config/useGlobalKeyHandlers.js.map +2 -2
- package/dist/esm/parts/ClearButton/ClearButton.js +19 -18
- package/dist/esm/parts/ClearButton/ClearButton.js.map +1 -1
- package/dist/esm/parts/ControlledDateTimePickerContent.js +9 -11
- package/dist/esm/parts/ControlledDateTimePickerContent.js.map +1 -1
- package/dist/esm/parts/DateInputs/DDInput.js +20 -17
- package/dist/esm/parts/DateInputs/DDInput.js.map +1 -1
- package/dist/esm/parts/DateInputs/DateInputs.js +63 -63
- package/dist/esm/parts/DateInputs/DateInputs.js.map +1 -1
- package/dist/esm/parts/DateInputs/MMInput.js +17 -14
- package/dist/esm/parts/DateInputs/MMInput.js.map +1 -1
- package/dist/esm/parts/DateInputs/YYYYInput.js +20 -17
- package/dist/esm/parts/DateInputs/YYYYInput.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/Calendar.js +6 -18
- package/dist/esm/parts/Pickers/Calendar/Calendar.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarBody.js +4 -11
- package/dist/esm/parts/Pickers/Calendar/CalendarBody.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarContent.js +10 -11
- package/dist/esm/parts/Pickers/Calendar/CalendarContent.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarDaysList.js +11 -20
- package/dist/esm/parts/Pickers/Calendar/CalendarDaysList.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarFooter.js +1 -5
- package/dist/esm/parts/Pickers/Calendar/CalendarFooter.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarHead.js +27 -36
- package/dist/esm/parts/Pickers/Calendar/CalendarHead.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarIconTrigger.js +15 -12
- package/dist/esm/parts/Pickers/Calendar/CalendarIconTrigger.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarMonthDays.js +9 -6
- package/dist/esm/parts/Pickers/Calendar/CalendarMonthDays.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarWeekDays.js +12 -40
- package/dist/esm/parts/Pickers/Calendar/CalendarWeekDays.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/CalendarWrapper.js +11 -8
- package/dist/esm/parts/Pickers/Calendar/CalendarWrapper.js.map +1 -1
- package/dist/esm/parts/Pickers/Calendar/Day.js +30 -24
- package/dist/esm/parts/Pickers/Calendar/Day.js.map +1 -1
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js +5 -17
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.js.map +1 -1
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js +12 -9
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.js.map +1 -1
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js +8 -5
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.js.map +1 -1
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js +15 -12
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js.map +1 -1
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js +11 -8
- package/dist/esm/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js.map +1 -1
- package/dist/esm/parts/Pickers/PickersIcons.js +5 -9
- package/dist/esm/parts/Pickers/PickersIcons.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/HoursList.js +68 -72
- package/dist/esm/parts/Pickers/TimeWheel/HoursList.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/MeridiemList.js +82 -86
- package/dist/esm/parts/Pickers/TimeWheel/MeridiemList.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/MinutesList.js +73 -70
- package/dist/esm/parts/Pickers/TimeWheel/MinutesList.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheel.js +6 -18
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheel.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContent.js +18 -28
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelContent.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelFooter.js +1 -5
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelFooter.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js +15 -12
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelWrapper.js +11 -8
- package/dist/esm/parts/Pickers/TimeWheel/TimeWheelWrapper.js.map +1 -1
- package/dist/esm/parts/Pickers/TimeWheel/useKeyboardHandlers.js +7 -2
- package/dist/esm/parts/Pickers/TimeWheel/useKeyboardHandlers.js.map +2 -2
- package/dist/esm/parts/Styleds.js +2 -1
- package/dist/esm/parts/Styleds.js.map +2 -2
- package/dist/esm/parts/TimeInputs/HHInput.js +21 -18
- package/dist/esm/parts/TimeInputs/HHInput.js.map +1 -1
- package/dist/esm/parts/TimeInputs/MeridiemInput.js +20 -17
- package/dist/esm/parts/TimeInputs/MeridiemInput.js.map +1 -1
- package/dist/esm/parts/TimeInputs/MinutesInput.js +20 -17
- package/dist/esm/parts/TimeInputs/MinutesInput.js.map +1 -1
- package/dist/esm/parts/TimeInputs/TimeInputs.js +62 -61
- package/dist/esm/parts/TimeInputs/TimeInputs.js.map +1 -1
- package/package.json +8 -8
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/Pickers/Calendar/Calendar.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-len */\nimport React, { useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarIconTrigger } from './CalendarIconTrigger';\nimport { CalendarWrapper } from './CalendarWrapper';\n\nimport { CalendarContext } from './CalendarContext';\nimport { useConfigCalendarCTX } from './useConfigCalendarCTX';\n\nexport const WrappedCalendarContext = ({ children }: { children: JSX.Element }) => {\n const ctx = useConfigCalendarCTX();\n return <CalendarContext.Provider value={ctx}>{children}</CalendarContext.Provider>;\n};\n\nconst CalendarContent = () => {\n const { showCalendar, handleMenuWrapperKeyDown } = useContext(CalendarContext);\n const { isControllerOnly } = useContext(ControlledDateTimePickerContext);\n return (\n <>\n {isControllerOnly ? null : <CalendarIconTrigger />}\n {isControllerOnly || showCalendar ? (\n <>\n {/* The <div> element is catching the \"ESC\" key to close the calendar, there is no valid aria role for this */}\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 <div onKeyDown={handleMenuWrapperKeyDown}>\n <CalendarWrapper />\n </div>\n </>\n ) : null}\n </>\n );\n};\n\n// we wrap in context in a separate statement so we can use the useContext and be sure it's correctly initialized\nexport const Calendar = () => (\n <WrappedCalendarContext>\n <CalendarContent />\n </WrappedCalendarContext>\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWd;AAVT,mBAAkC;AAClC,yCAAgD;AAChD,iCAAoC;AACpC,6BAAgC;AAEhC,6BAAgC;AAChC,kCAAqC;AAE9B,MAAM,yBAAyB,CAAC,EAAE,SAAS,MAAiC;AACjF,QAAM,UAAM,kDAAqB;AACjC,SAAO,4CAAC,uCAAgB,UAAhB
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWd;AAVT,mBAAkC;AAClC,yCAAgD;AAChD,iCAAoC;AACpC,6BAAgC;AAEhC,6BAAgC;AAChC,kCAAqC;AAE9B,MAAM,yBAAyB,CAAC,EAAE,SAAS,MAAiC;AACjF,QAAM,UAAM,kDAAqB;AACjC,SAAO,4CAAC,uCAAgB,UAAhB,EAAyB,OAAO,KAAM,UAAS;AACzD;AAEA,MAAM,kBAAkB,MAAM;AAC5B,QAAM,EAAE,cAAc,yBAAyB,QAAI,yBAAW,sCAAe;AAC7E,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AACvE,SACE,4EACG;AAAA,uBAAmB,OAAO,4CAAC,kDAAoB;AAAA,IAC/C,oBAAoB,eACnB,2EAIE,sDAAC,SAAI,WAAW,0BACd,sDAAC,0CAAgB,GACnB,GACF,IACE;AAAA,KACN;AAEJ;AAGO,MAAM,WAAW,MACtB,4CAAC,0BACC,sDAAC,mBAAgB,GACnB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -33,15 +33,8 @@ var import_react = __toESM(require("react"));
|
|
|
33
33
|
var import_CalendarMonthDays = require("./CalendarMonthDays");
|
|
34
34
|
var import_CalendarWeekDays = require("./CalendarWeekDays");
|
|
35
35
|
var import_Styleds = require("./Styleds");
|
|
36
|
-
const CalendarBody = import_react.default.memo(({ weekRowsNum }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
children: [
|
|
41
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWeekDays.CalendarWeekDays, {}),
|
|
42
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledBody, {
|
|
43
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarMonthDays.CalendarMonthDays, {})
|
|
44
|
-
})
|
|
45
|
-
]
|
|
46
|
-
}));
|
|
36
|
+
const CalendarBody = import_react.default.memo(({ weekRowsNum }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { role: "grid", "aria-colcount": 7, "aria-rowcount": weekRowsNum, children: [
|
|
37
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWeekDays.CalendarWeekDays, {}),
|
|
38
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledBody, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarMonthDays.CalendarMonthDays, {}) })
|
|
39
|
+
] }));
|
|
47
40
|
//# sourceMappingURL=CalendarBody.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/Pickers/Calendar/CalendarBody.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { CalendarMonthDays } from './CalendarMonthDays';\nimport { CalendarWeekDays } from './CalendarWeekDays';\nimport { StyledBody } from './Styleds';\ninterface CalendarBodyPropsT {\n weekRowsNum: number;\n}\nexport const CalendarBody = React.memo(({ weekRowsNum }: CalendarBodyPropsT) => (\n <span role=\"grid\" aria-colcount={7} aria-rowcount={weekRowsNum}>\n <CalendarWeekDays />\n <StyledBody>\n <CalendarMonthDays />\n </StyledBody>\n </span>\n));\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQrB;AARF,mBAAkB;AAClB,+BAAkC;AAClC,8BAAiC;AACjC,qBAA2B;AAIpB,MAAM,eAAe,aAAAA,QAAM,KAAK,CAAC,EAAE,YAAY,MACpD,6CAAC
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQrB;AARF,mBAAkB;AAClB,+BAAkC;AAClC,8BAAiC;AACjC,qBAA2B;AAIpB,MAAM,eAAe,aAAAA,QAAM,KAAK,CAAC,EAAE,YAAY,MACpD,6CAAC,UAAK,MAAK,QAAO,iBAAe,GAAG,iBAAe,aACjD;AAAA,8CAAC,4CAAiB;AAAA,EAClB,4CAAC,6BACC,sDAAC,8CAAkB,GACrB;AAAA,GACF,CACD;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -38,18 +38,17 @@ var import_CalendarContext = require("./CalendarContext");
|
|
|
38
38
|
var import_Styleds = require("./Styleds");
|
|
39
39
|
const CalendarContent = ({ className = "" }) => {
|
|
40
40
|
const { daysMatrixByWeekday } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
|
|
41
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
41
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
42
|
+
import_Styleds.StyledShadowWrapper,
|
|
43
|
+
{
|
|
44
|
+
className,
|
|
45
|
+
"data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR,
|
|
46
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledCalendarWrapper, { children: [
|
|
46
47
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarHead.CalendarHead, {}),
|
|
47
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarBody.CalendarBody, {
|
|
48
|
-
weekRowsNum: daysMatrixByWeekday.length
|
|
49
|
-
}),
|
|
48
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarBody.CalendarBody, { weekRowsNum: daysMatrixByWeekday.length }),
|
|
50
49
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarFooter.CalendarFooter, {})
|
|
51
|
-
]
|
|
52
|
-
}
|
|
53
|
-
|
|
50
|
+
] })
|
|
51
|
+
}
|
|
52
|
+
);
|
|
54
53
|
};
|
|
55
54
|
//# sourceMappingURL=CalendarContent.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/Pickers/Calendar/CalendarContent.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-len */\nimport React, { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { CalendarBody } from './CalendarBody';\nimport { CalendarHead } from './CalendarHead';\nimport { CalendarFooter } from './CalendarFooter';\nimport { CalendarContext } from './CalendarContext';\nimport { StyledShadowWrapper, StyledCalendarWrapper } from './Styleds';\n\n// ({ className = '' }: { className?: string })\n// <StyledShadowWrapper className={className}>\n// is required for styled-components, without this we can't styled(CalendarContent)...\n// https://stackoverflow.com/questions/52542817/styled-components-not-applying-style-to-custom-functional-react-component\nexport const CalendarContent = ({ className = '' }: { className?: string }): JSX.Element => {\n const { daysMatrixByWeekday } = useContext(CalendarContext);\n\n return (\n <StyledShadowWrapper\n className={className}\n data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR}\n >\n <StyledCalendarWrapper>\n <CalendarHead />\n <CalendarBody weekRowsNum={daysMatrixByWeekday.length} />\n <CalendarFooter />\n </StyledCalendarWrapper>\n </StyledShadowWrapper>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBjB;AApBN,mBAAkC;AAClC,gDAAmD;AACnD,0BAA6B;AAC7B,0BAA6B;AAC7B,4BAA+B;AAC/B,6BAAgC;AAChC,qBAA2D;AAMpD,MAAM,kBAAkB,CAAC,EAAE,YAAY,GAAG,MAA2C;AAC1F,QAAM,EAAE,oBAAoB,QAAI,yBAAW,sCAAe;AAE1D,SACE,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBjB;AApBN,mBAAkC;AAClC,gDAAmD;AACnD,0BAA6B;AAC7B,0BAA6B;AAC7B,4BAA+B;AAC/B,6BAAgC;AAChC,qBAA2D;AAMpD,MAAM,kBAAkB,CAAC,EAAE,YAAY,GAAG,MAA2C;AAC1F,QAAM,EAAE,oBAAoB,QAAI,yBAAW,sCAAe;AAE1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,6EAAmC,qBAAqB;AAAA,MAErE,uDAAC,wCACC;AAAA,oDAAC,oCAAa;AAAA,QACd,4CAAC,oCAAa,aAAa,oBAAoB,QAAQ;AAAA,QACvD,4CAAC,wCAAe;AAAA,SAClB;AAAA;AAAA,EACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -33,15 +33,11 @@ var import_react = __toESM(require("react"));
|
|
|
33
33
|
var import_Day = require("./Day");
|
|
34
34
|
var import_Styleds = require("./Styleds");
|
|
35
35
|
const CalendarDaysList = import_react.default.memo(
|
|
36
|
-
({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
metaDay: invisibleFirstDay,
|
|
42
|
-
isInvisible: true
|
|
43
|
-
}, `ds-calendar-${invisibleFirstDay.day.toString()}`) : null,
|
|
44
|
-
daysMatrixByWeekday.map((week, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysListWrapper, {
|
|
36
|
+
({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: innerRef, role: "rowgroup", children: [
|
|
37
|
+
invisibleFirstDay ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Day.Day, { metaDay: invisibleFirstDay, isInvisible: true }, `ds-calendar-${invisibleFirstDay.day.toString()}`) : null,
|
|
38
|
+
daysMatrixByWeekday.map((week, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
39
|
+
import_Styleds.StyledWeekDaysListWrapper,
|
|
40
|
+
{
|
|
45
41
|
role: "row",
|
|
46
42
|
"aria-rowindex": i + 1,
|
|
47
43
|
cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
|
|
@@ -50,16 +46,11 @@ const CalendarDaysList = import_react.default.memo(
|
|
|
50
46
|
px: "2px",
|
|
51
47
|
justifyContent: "space-between",
|
|
52
48
|
alignItems: "center",
|
|
53
|
-
children: week.map((metaDay, z) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Day.Day, {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
metaDay: invisibleLastDay,
|
|
60
|
-
isInvisible: true
|
|
61
|
-
}, `ds-calendar-${invisibleLastDay.day.toString()}`) : null
|
|
62
|
-
]
|
|
63
|
-
})
|
|
49
|
+
children: week.map((metaDay, z) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Day.Day, { metaDay, colIndex: z + 1 }, `ds-calendar-${metaDay.day.toString()}`))
|
|
50
|
+
},
|
|
51
|
+
`ds-calendar-week-${week[0].day.toString()}-${week[6].day.toString()}`
|
|
52
|
+
)),
|
|
53
|
+
invisibleLastDay ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Day.Day, { metaDay: invisibleLastDay, isInvisible: true }, `ds-calendar-${invisibleLastDay.day.toString()}`) : null
|
|
54
|
+
] })
|
|
64
55
|
);
|
|
65
56
|
//# sourceMappingURL=CalendarDaysList.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/Pickers/Calendar/CalendarDaysList.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { Day } from './Day';\nimport { StyledWeekDaysListWrapper } from './Styleds';\nimport type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes';\n\nexport const CalendarDaysList = React.memo(\n ({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }: CalendarDaysListPropsT): JSX.Element => (\n <div ref={innerRef} role=\"rowgroup\">\n {invisibleFirstDay ? (\n <Day key={`ds-calendar-${invisibleFirstDay.day.toString()}`} metaDay={invisibleFirstDay} isInvisible />\n ) : null}\n {daysMatrixByWeekday.map((week, i) => (\n <StyledWeekDaysListWrapper\n key={`ds-calendar-week-${week[0].day.toString()}-${week[6].day.toString()}`}\n role=\"row\"\n aria-rowindex={i + 1}\n cols={['32px', '32px', '32px', '32px', '32px', '32px', '32px']}\n rows={['28px']}\n py=\"xxxs\"\n px=\"2px\"\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n {week.map((metaDay, z) => (\n <Day key={`ds-calendar-${metaDay.day.toString()}`} metaDay={metaDay} colIndex={z + 1} />\n ))}\n </StyledWeekDaysListWrapper>\n ))}\n {invisibleLastDay ? (\n <Day key={`ds-calendar-${invisibleLastDay.day.toString()}`} metaDay={invisibleLastDay} isInvisible />\n ) : null}\n </div>\n ),\n);\nexport interface CalendarDaysListPropsT {\n invisibleFirstDay?: DSControlledDateTimePickerInternalsT.MetaMonthDay;\n daysMatrixByWeekday: DSControlledDateTimePickerInternalsT.MetaMonthDay[][];\n invisibleLastDay?: DSControlledDateTimePickerInternalsT.MetaMonthDay;\n innerRef: React.RefObject<HTMLDivElement>;\n}\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOnB;AAPJ,mBAAkB;AAClB,iBAAoB;AACpB,qBAA0C;AAGnC,MAAM,mBAAmB,aAAAA,QAAM;AAAA,EACpC,CAAC,EAAE,mBAAmB,qBAAqB,kBAAkB,SAAS,MACpE,6CAAC
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADOnB;AAPJ,mBAAkB;AAClB,iBAAoB;AACpB,qBAA0C;AAGnC,MAAM,mBAAmB,aAAAA,QAAM;AAAA,EACpC,CAAC,EAAE,mBAAmB,qBAAqB,kBAAkB,SAAS,MACpE,6CAAC,SAAI,KAAK,UAAU,MAAK,YACtB;AAAA,wBACC,4CAAC,kBAA4D,SAAS,mBAAmB,aAAW,QAA1F,eAAe,kBAAkB,IAAI,SAAS,GAA6C,IACnG;AAAA,IACH,oBAAoB,IAAI,CAAC,MAAM,MAC9B;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,iBAAe,IAAI;AAAA,QACnB,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,MAAM;AAAA,QAC7D,MAAM,CAAC,MAAM;AAAA,QACb,IAAG;AAAA,QACH,IAAG;AAAA,QACH,gBAAe;AAAA,QACf,YAAW;AAAA,QAEV,eAAK,IAAI,CAAC,SAAS,MAClB,4CAAC,kBAAkD,SAAkB,UAAU,IAAI,KAAzE,eAAe,QAAQ,IAAI,SAAS,GAAwC,CACvF;AAAA;AAAA,MAZI,oBAAoB,KAAK,GAAG,IAAI,SAAS,KAAK,KAAK,GAAG,IAAI,SAAS;AAAA,IAa1E,CACD;AAAA,IACA,mBACC,4CAAC,kBAA2D,SAAS,kBAAkB,aAAW,QAAxF,eAAe,iBAAiB,IAAI,SAAS,GAA4C,IACjG;AAAA,KACN;AAEJ;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -39,11 +39,7 @@ const CalendarFooter = () => {
|
|
|
39
39
|
isWithTimeWheelToo
|
|
40
40
|
} = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
|
|
41
41
|
if (pickerFooterMsg !== void 0 && !isWithTimeWheelToo && hasError)
|
|
42
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.CalendarFooterMessage, {
|
|
43
|
-
role: "alert",
|
|
44
|
-
"data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR,
|
|
45
|
-
children: pickerFooterMsg
|
|
46
|
-
});
|
|
42
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.CalendarFooterMessage, { role: "alert", "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.FOOTERS.CALENDAR, children: pickerFooterMsg });
|
|
47
43
|
return null;
|
|
48
44
|
};
|
|
49
45
|
//# sourceMappingURL=CalendarFooter.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/Pickers/Calendar/CalendarFooter.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
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;ADYjB;AAZN,mBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,qBAAsC;AAE/B,MAAM,iBAAsC,MAAM;AACvD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,SAAS;AAAA,IACnC;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,MAAI,oBAAoB,UAAa,CAAC,sBAAsB;AAC1D,WACE,4CAAC
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYjB;AAZN,mBAAkC;AAClC,gDAAmD;AACnD,yCAAgD;AAChD,qBAAsC;AAE/B,MAAM,iBAAsC,MAAM;AACvD,QAAM;AAAA,IACJ,OAAO,EAAE,iBAAiB,SAAS;AAAA,IACnC;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,MAAI,oBAAoB,UAAa,CAAC,sBAAsB;AAC1D,WACE,4CAAC,wCAAsB,MAAK,SAAQ,eAAa,6EAAmC,QAAQ,UACzF,2BACH;AAEJ,SAAO;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -100,9 +100,10 @@ const CalendarHead = () => {
|
|
|
100
100
|
},
|
|
101
101
|
[currFocusDescriber, latestInteractionRegion, nextYearBtnRef]
|
|
102
102
|
);
|
|
103
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledHeader, {
|
|
104
|
-
|
|
105
|
-
|
|
103
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledHeader, { children: [
|
|
104
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
105
|
+
import_Styleds.StyledHeaderButton,
|
|
106
|
+
{
|
|
106
107
|
"aria-label": "previous year",
|
|
107
108
|
buttonType: "raw",
|
|
108
109
|
size: import_ds_button.BUTTON_SIZES.M,
|
|
@@ -113,13 +114,12 @@ const CalendarHead = () => {
|
|
|
113
114
|
tabIndex: isControllerOnly ? -1 : 0,
|
|
114
115
|
"data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR,
|
|
115
116
|
type: "button",
|
|
116
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDoubleLeft, {
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledHeaderButton, {
|
|
117
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDoubleLeft, { height: 14, width: 14, fill: "#25292f" })
|
|
118
|
+
}
|
|
119
|
+
),
|
|
120
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
121
|
+
import_Styleds.StyledHeaderButton,
|
|
122
|
+
{
|
|
123
123
|
autoFocus: autoFocusPrevMonthArrow,
|
|
124
124
|
"aria-label": "previous month",
|
|
125
125
|
buttonType: "raw",
|
|
@@ -130,17 +130,13 @@ const CalendarHead = () => {
|
|
|
130
130
|
onFocus: onPrevMonthFocus,
|
|
131
131
|
"data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH,
|
|
132
132
|
type: "button",
|
|
133
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronLeft, {
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
"data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL,
|
|
141
|
-
children: currentFormatedDate
|
|
142
|
-
}),
|
|
143
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledHeaderButton, {
|
|
133
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronLeft, { height: 14, width: 14, fill: "#25292f" })
|
|
134
|
+
}
|
|
135
|
+
),
|
|
136
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledHeaderLabel, { "data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL, children: currentFormatedDate }),
|
|
137
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
138
|
+
import_Styleds.StyledHeaderButton,
|
|
139
|
+
{
|
|
144
140
|
"aria-label": "next month",
|
|
145
141
|
buttonType: "raw",
|
|
146
142
|
size: import_ds_button.BUTTON_SIZES.M,
|
|
@@ -150,13 +146,12 @@ const CalendarHead = () => {
|
|
|
150
146
|
onFocus: onNextMonthFocus,
|
|
151
147
|
"data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH,
|
|
152
148
|
type: "button",
|
|
153
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronRight, {
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledHeaderButton, {
|
|
149
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronRight, { height: 14, width: 14, fill: "#25292f" })
|
|
150
|
+
}
|
|
151
|
+
),
|
|
152
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
153
|
+
import_Styleds.StyledHeaderButton,
|
|
154
|
+
{
|
|
160
155
|
"aria-label": "next year",
|
|
161
156
|
buttonType: "raw",
|
|
162
157
|
size: import_ds_button.BUTTON_SIZES.M,
|
|
@@ -166,13 +161,9 @@ const CalendarHead = () => {
|
|
|
166
161
|
onFocus: onNextYearFocus,
|
|
167
162
|
"data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR,
|
|
168
163
|
type: "button",
|
|
169
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDoubleRight, {
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
})
|
|
174
|
-
})
|
|
175
|
-
]
|
|
176
|
-
});
|
|
164
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDoubleRight, { height: 14, width: 14, fill: "#25292f" })
|
|
165
|
+
}
|
|
166
|
+
)
|
|
167
|
+
] });
|
|
177
168
|
};
|
|
178
169
|
//# sourceMappingURL=CalendarHead.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/Pickers/Calendar/CalendarHead.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
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 : 0}\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;AD+EnB;AA9EJ,mBAAwD;AACxD,uBAA6B;AAC7B,sBAAiF;AACjF,gDAAmD;AACnD,yBAA0C;AAC1C,yCAAgD;AAChD,qBAAoE;AACpE,6BAAgC;AAEhC,MAAM,6BAA6B,MAAM;AACvC,QAAM,EAAE,cAAc,YAAY,QAAI,yBAAW,sCAAe;AAEhE,QAAM,cAAc,gBAAgB,KAAK,gBAAgB,KAAK,OAAG,8CAA0B,YAAY,OAAO;AAE9G,aAAO,sBAAQ,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,EACF,QAAI,yBAAW,sCAAe;AAE9B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAE9C,QAAM,wBAAoB;AAAA,IACxB,CAAC,kBAAqC;AACpC,qBAAe,UAAU;AACzB,UAAI,4BAA4B,mBAAmB,uBAAuB;AACxE,uBAAe,QAAQ;AAAA,IAC3B;AAAA,IACA,CAAC,oBAAoB,yBAAyB,cAAc;AAAA,EAC9D;AACA,QAAM,yBAAqB;AAAA,IACzB,CAAC,kBAAqC;AACpC,sBAAgB,UAAU;AAC1B,UAAI,4BAA4B,mBAAmB,uBAAuB;AACxE,uBAAe,QAAQ;AAAA,IAC3B;AAAA,IACA,CAAC,oBAAoB,yBAAyB,eAAe;AAAA,EAC/D;AACA,QAAM,yBAAqB;AAAA,IACzB,CAAC,kBAAqC;AACpC,sBAAgB,UAAU;AAC1B,UAAI,4BAA4B,mBAAmB,uBAAuB;AACxE,uBAAe,QAAQ;AAAA,IAC3B;AAAA,IACA,CAAC,oBAAoB,yBAAyB,eAAe;AAAA,EAC/D;AACA,QAAM,wBAAoB;AAAA,IACxB,CAAC,kBAAqC;AACpC,qBAAe,UAAU;AACzB,UAAI,4BAA4B,mBAAmB,uBAAuB;AACxE,uBAAe,QAAQ;AAAA,IAC3B;AAAA,IACA,CAAC,oBAAoB,yBAAyB,cAAc;AAAA,EAC9D;AAEA,SACE,6CAAC;AAAA
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -43,18 +43,21 @@ const CalendarIconTrigger = () => {
|
|
|
43
43
|
ariaCurrentValueForInputs
|
|
44
44
|
} = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
|
|
45
45
|
return (0, import_react.useMemo)(
|
|
46
|
-
() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
46
|
+
() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
47
|
+
import_Styleds.StyledIconTriggerButton,
|
|
48
|
+
{
|
|
49
|
+
"aria-label": `date picker context menu trigger, ${ariaCurrentValueForInputs}`,
|
|
50
|
+
buttonType: "icon",
|
|
51
|
+
size: import_ds_button.BUTTON_SIZES.M,
|
|
52
|
+
innerRef: handleSetTriggerRef,
|
|
53
|
+
onClick: handleToggleCalendar,
|
|
54
|
+
onKeyDown: handlePickerIconKeyDown,
|
|
55
|
+
"data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR,
|
|
56
|
+
disabled,
|
|
57
|
+
type: "button",
|
|
58
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.DatePicker, {})
|
|
59
|
+
}
|
|
60
|
+
),
|
|
58
61
|
[ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled]
|
|
59
62
|
);
|
|
60
63
|
};
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/Pickers/Calendar/CalendarIconTrigger.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { BUTTON_SIZES } from '@elliemae/ds-button';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContext } from './CalendarContext';\nimport { StyledIconTriggerButton } from './Styleds';\n// we memoize the Icon for maximum optimization\n// this is particularly usefull due to how usePopper needs to check the references\n// since references are saved in a immutable way, we make sure to shortcircuit useless-re-renders\nexport const CalendarIconTrigger = (): JSX.Element => {\n const { handleToggleCalendar, handleSetTriggerRef, handlePickerIconKeyDown } = useContext(CalendarContext);\n const {\n props: { disabled },\n ariaCurrentValueForInputs,\n } = useContext(ControlledDateTimePickerContext);\n return useMemo(\n () => (\n <StyledIconTriggerButton\n aria-label={`date picker context menu trigger, ${ariaCurrentValueForInputs}`}\n buttonType=\"icon\"\n size={BUTTON_SIZES.M}\n innerRef={handleSetTriggerRef}\n onClick={handleToggleCalendar}\n onKeyDown={handlePickerIconKeyDown}\n data-testid={ControlledDateTimePickerDatatestid.PICKER_ICONS.CALENDAR}\n disabled={disabled}\n type=\"button\"\n >\n <DatePicker />\n </StyledIconTriggerButton>\n ),\n [ariaCurrentValueForInputs, handleSetTriggerRef, handleToggleCalendar, handlePickerIconKeyDown, disabled],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6Bf;AA7BR,mBAA2C;AAC3C,uBAA6B;AAC7B,sBAA2B;AAC3B,gDAAmD;AACnD,yCAAgD;AAChD,6BAAgC;AAChC,qBAAwC;AAIjC,MAAM,sBAAsB,MAAmB;AACpD,QAAM,EAAE,sBAAsB,qBAAqB,wBAAwB,QAAI,yBAAW,sCAAe;AACzG,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,IAClB;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,aAAO;AAAA,IACL,MACE,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6Bf;AA7BR,mBAA2C;AAC3C,uBAA6B;AAC7B,sBAA2B;AAC3B,gDAAmD;AACnD,yCAAgD;AAChD,6BAAgC;AAChC,qBAAwC;AAIjC,MAAM,sBAAsB,MAAmB;AACpD,QAAM,EAAE,sBAAsB,qBAAqB,wBAAwB,QAAI,yBAAW,sCAAe;AACzG,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,IAClB;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,aAAO;AAAA,IACL,MACE;AAAA,MAAC;AAAA;AAAA,QACC,cAAY,qCAAqC;AAAA,QACjD,YAAW;AAAA,QACX,MAAM,8BAAa;AAAA,QACnB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WAAW;AAAA,QACX,eAAa,6EAAmC,aAAa;AAAA,QAC7D;AAAA,QACA,MAAK;AAAA,QAEL,sDAAC,8BAAW;AAAA;AAAA,IACd;AAAA,IAEF,CAAC,2BAA2B,qBAAqB,sBAAsB,yBAAyB,QAAQ;AAAA,EAC1G;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -36,11 +36,14 @@ var import_CalendarContext = require("./CalendarContext");
|
|
|
36
36
|
const CalendarMonthDays = () => {
|
|
37
37
|
const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
|
|
38
38
|
const { calendarDaysWrapperRef } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
|
|
39
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
39
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
40
|
+
import_CalendarDaysList.CalendarDaysList,
|
|
41
|
+
{
|
|
42
|
+
invisibleFirstDay,
|
|
43
|
+
daysMatrixByWeekday,
|
|
44
|
+
invisibleLastDay,
|
|
45
|
+
innerRef: calendarDaysWrapperRef
|
|
46
|
+
}
|
|
47
|
+
);
|
|
45
48
|
};
|
|
46
49
|
//# sourceMappingURL=CalendarMonthDays.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/Pickers/Calendar/CalendarMonthDays.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useContext } from 'react';\n\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarDaysList } from './CalendarDaysList';\nimport { CalendarContext } from './CalendarContext';\n\nexport const CalendarMonthDays = (): JSX.Element => {\n const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay } = useContext(CalendarContext);\n const { calendarDaysWrapperRef } = useContext(ControlledDateTimePickerContext);\n\n return (\n <CalendarDaysList\n invisibleFirstDay={invisibleFirstDay}\n daysMatrixByWeekday={daysMatrixByWeekday}\n invisibleLastDay={invisibleLastDay}\n innerRef={calendarDaysWrapperRef}\n />\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWnB;AAXJ,mBAAkC;AAElC,yCAAgD;AAChD,8BAAiC;AACjC,6BAAgC;AAEzB,MAAM,oBAAoB,MAAmB;AAClD,QAAM,EAAE,mBAAmB,qBAAqB,iBAAiB,QAAI,yBAAW,sCAAe;AAC/F,QAAM,EAAE,uBAAuB,QAAI,yBAAW,kEAA+B;AAE7E,SACE,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWnB;AAXJ,mBAAkC;AAElC,yCAAgD;AAChD,8BAAiC;AACjC,6BAAgC;AAEzB,MAAM,oBAAoB,MAAmB;AAClD,QAAM,EAAE,mBAAmB,qBAAqB,iBAAiB,QAAI,yBAAW,sCAAe;AAC/F,QAAM,EAAE,uBAAuB,QAAI,yBAAW,kEAA+B;AAE7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA;AAAA,EACZ;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -31,9 +31,9 @@ var React = __toESM(require("react"));
|
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
var import_react = __toESM(require("react"));
|
|
33
33
|
var import_Styleds = require("./Styleds");
|
|
34
|
-
const CalendarWeekDays = import_react.default.memo(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
const CalendarWeekDays = import_react.default.memo(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { role: "rowgroup", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
35
|
+
import_Styleds.StyledWeekDaysListWrapper,
|
|
36
|
+
{
|
|
37
37
|
role: "row",
|
|
38
38
|
cols: ["32px", "32px", "32px", "32px", "32px", "32px", "32px"],
|
|
39
39
|
rows: ["22px"],
|
|
@@ -43,42 +43,14 @@ const CalendarWeekDays = import_react.default.memo(() => /* @__PURE__ */ (0, imp
|
|
|
43
43
|
alignItems: "center",
|
|
44
44
|
isHeader: true,
|
|
45
45
|
children: [
|
|
46
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}),
|
|
51
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
|
|
52
|
-
|
|
53
|
-
"aria-colindex": 2,
|
|
54
|
-
children: "mon"
|
|
55
|
-
}),
|
|
56
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
|
|
57
|
-
role: "columnheader",
|
|
58
|
-
"aria-colindex": 3,
|
|
59
|
-
children: "tue"
|
|
60
|
-
}),
|
|
61
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
|
|
62
|
-
role: "columnheader",
|
|
63
|
-
"aria-colindex": 4,
|
|
64
|
-
children: "wed"
|
|
65
|
-
}),
|
|
66
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
|
|
67
|
-
role: "columnheader",
|
|
68
|
-
"aria-colindex": 5,
|
|
69
|
-
children: "thu"
|
|
70
|
-
}),
|
|
71
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
|
|
72
|
-
role: "columnheader",
|
|
73
|
-
"aria-colindex": 6,
|
|
74
|
-
children: "fri"
|
|
75
|
-
}),
|
|
76
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, {
|
|
77
|
-
role: "columnheader",
|
|
78
|
-
"aria-colindex": 7,
|
|
79
|
-
children: "sat"
|
|
80
|
-
})
|
|
46
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 1, children: "sun" }),
|
|
47
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 2, children: "mon" }),
|
|
48
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 3, children: "tue" }),
|
|
49
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 4, children: "wed" }),
|
|
50
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 5, children: "thu" }),
|
|
51
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 6, children: "fri" }),
|
|
52
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 7, children: "sat" })
|
|
81
53
|
]
|
|
82
|
-
}
|
|
83
|
-
}));
|
|
54
|
+
}
|
|
55
|
+
) }));
|
|
84
56
|
//# sourceMappingURL=CalendarWeekDays.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/Pickers/Calendar/CalendarWeekDays.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { StyledWeekDaysListWrapper, StyledWeekDaysHeaderItem } from './Styleds';\n\nexport const CalendarWeekDays = React.memo(() => (\n <span role=\"rowgroup\">\n <StyledWeekDaysListWrapper\n role=\"row\"\n cols={['32px', '32px', '32px', '32px', '32px', '32px', '32px']}\n rows={['22px']}\n py=\"xxxs\"\n px=\"6px\"\n justifyContent=\"space-between\"\n alignItems=\"center\"\n isHeader\n >\n <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={1}>\n sun\n </StyledWeekDaysHeaderItem>\n <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={2}>\n mon\n </StyledWeekDaysHeaderItem>\n <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={3}>\n tue\n </StyledWeekDaysHeaderItem>\n <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={4}>\n wed\n </StyledWeekDaysHeaderItem>\n <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={5}>\n thu\n </StyledWeekDaysHeaderItem>\n <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={6}>\n fri\n </StyledWeekDaysHeaderItem>\n <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={7}>\n sat\n </StyledWeekDaysHeaderItem>\n </StyledWeekDaysListWrapper>\n </span>\n));\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKnB;AALJ,mBAAkB;AAClB,qBAAoE;AAE7D,MAAM,mBAAmB,aAAAA,QAAM,KAAK,MACzC,4CAAC
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKnB;AALJ,mBAAkB;AAClB,qBAAoE;AAE7D,MAAM,mBAAmB,aAAAA,QAAM,KAAK,MACzC,4CAAC,UAAK,MAAK,YACT;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ,MAAM;AAAA,IAC7D,MAAM,CAAC,MAAM;AAAA,IACb,IAAG;AAAA,IACH,IAAG;AAAA,IACH,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,UAAQ;AAAA,IAER;AAAA,kDAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA;AAAA;AACF,GACF,CACD;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -40,13 +40,16 @@ const CalendarWrapper = () => {
|
|
|
40
40
|
const { referenceElement, closeCalendar } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
|
|
41
41
|
if (isControllerOnly)
|
|
42
42
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarContent.CalendarContent, {});
|
|
43
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
43
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
44
|
+
import_ds_popperjs.DSPopperJS,
|
|
45
|
+
{
|
|
46
|
+
showPopover: true,
|
|
47
|
+
"data-testid": import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR,
|
|
48
|
+
referenceElement,
|
|
49
|
+
withoutArrow: true,
|
|
50
|
+
onClickOutside: closeCalendar,
|
|
51
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarContent.CalendarContent, {})
|
|
52
|
+
}
|
|
53
|
+
);
|
|
51
54
|
};
|
|
52
55
|
//# sourceMappingURL=CalendarWrapper.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/parts/Pickers/Calendar/CalendarWrapper.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContent } from './CalendarContent';\nimport { CalendarContext } from './CalendarContext';\n\nexport const CalendarWrapper = (): JSX.Element => {\n const { isControllerOnly } = useContext(ControlledDateTimePickerContext);\n const { referenceElement, closeCalendar } = useContext(CalendarContext);\n if (isControllerOnly) return <CalendarContent />;\n\n return (\n <DSPopperJS\n showPopover\n data-testid={ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR}\n referenceElement={referenceElement}\n withoutArrow\n onClickOutside={closeCalendar}\n >\n <CalendarContent />\n </DSPopperJS>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUQ;AAV/B,mBAAkC;AAClC,yBAA2B;AAC3B,gDAAmD;AACnD,yCAAgD;AAChD,6BAAgC;AAChC,6BAAgC;AAEzB,MAAM,kBAAkB,MAAmB;AAChD,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AACvE,QAAM,EAAE,kBAAkB,cAAc,QAAI,yBAAW,sCAAe;AACtE,MAAI;AAAkB,WAAO,4CAAC,0CAAgB;AAE9C,SACE,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUQ;AAV/B,mBAAkC;AAClC,yBAA2B;AAC3B,gDAAmD;AACnD,yCAAgD;AAChD,6BAAgC;AAChC,6BAAgC;AAEzB,MAAM,kBAAkB,MAAmB;AAChD,QAAM,EAAE,iBAAiB,QAAI,yBAAW,kEAA+B;AACvE,QAAM,EAAE,kBAAkB,cAAc,QAAI,yBAAW,sCAAe;AACtE,MAAI;AAAkB,WAAO,4CAAC,0CAAgB;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,eAAa,6EAAmC,gBAAgB;AAAA,MAChE;AAAA,MACA,cAAY;AAAA,MACZ,gBAAgB;AAAA,MAEhB,sDAAC,0CAAgB;AAAA;AAAA,EACnB;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -141,29 +141,35 @@ const Day = ({ metaDay, colIndex, isInvisible }) => {
|
|
|
141
141
|
dataTestid = import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;
|
|
142
142
|
if (isDayInRange)
|
|
143
143
|
dataTestid = import_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;
|
|
144
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
"aria-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
144
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
145
|
+
"div",
|
|
146
|
+
{
|
|
147
|
+
className: dayClassModifiers,
|
|
148
|
+
style: isHidden ? displayNone : void 0,
|
|
149
|
+
role: !isInvisible ? "gridcell" : void 0,
|
|
150
|
+
...Number.isInteger(colIndex) && { "aria-colindex": colIndex },
|
|
151
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
152
|
+
import_Styleds.StyledDayBtn,
|
|
153
|
+
{
|
|
154
|
+
"aria-label": `${(0, import_stringHelpers.getAriaDayFromDateString)(dayAsString)}, ${import_constants.weekDays[metaDay.day.getDay()]}`,
|
|
155
|
+
"aria-disabled": isOutOfRange || isDisabled,
|
|
156
|
+
"aria-hidden": !!isInvisible,
|
|
157
|
+
buttonType: "raw",
|
|
158
|
+
size: "m",
|
|
159
|
+
onClick: handleOnDayClick,
|
|
160
|
+
onFocus: handleOnDayFocus,
|
|
161
|
+
onKeyDown: (e) => {
|
|
162
|
+
handleDayOnKeyDown(e, metaDay);
|
|
163
|
+
},
|
|
164
|
+
innerRef: handleInnerRef,
|
|
165
|
+
tabIndex: -1,
|
|
166
|
+
"data-isfocused": isFocused,
|
|
167
|
+
"data-testid": dataTestid,
|
|
168
|
+
type: "button",
|
|
169
|
+
children: `${day.getDate()}`
|
|
170
|
+
}
|
|
171
|
+
)
|
|
172
|
+
}
|
|
173
|
+
);
|
|
168
174
|
};
|
|
169
175
|
//# sourceMappingURL=Day.js.map
|