@elliemae/ds-controlled-form 1.57.0-rc.7 → 1.57.1-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/controlled-checkbox/ControlledCheckbox.js +3 -1
- package/cjs/controlled-checkbox/ControlledCheckbox.js.map +1 -1
- package/cjs/controlled-date-range-picker/ControlledDateRangePicker.js +1 -0
- package/cjs/controlled-date-range-picker/ControlledDateRangePicker.js.map +1 -1
- package/cjs/controlled-date-range-picker/ControlledDateRangePickerDatatestid.js +1 -18
- package/cjs/controlled-date-range-picker/ControlledDateRangePickerDatatestid.js.map +1 -1
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeContent.js +3 -1
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeContent.js.map +1 -1
- package/cjs/controlled-date-time-picker/ControlledDateTimePickerDatatestid.js +5 -0
- package/cjs/controlled-date-time-picker/ControlledDateTimePickerDatatestid.js.map +1 -1
- package/cjs/controlled-date-time-picker/parts/ClearButton/ClearButton.js +0 -1
- package/cjs/controlled-date-time-picker/parts/ClearButton/ClearButton.js.map +1 -1
- package/cjs/controlled-date-time-picker/parts/ClearButton/useClearButton.js +15 -4
- package/cjs/controlled-date-time-picker/parts/ClearButton/useClearButton.js.map +1 -1
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js +1 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js.map +1 -1
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Day.js +3 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Day.js.map +1 -1
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js +5 -44
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js.map +1 -1
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js +5 -3
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js.map +1 -1
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js +30 -14
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js.map +1 -1
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js +19 -8
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js.map +1 -1
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js +11 -1
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js.map +1 -1
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js +2 -50
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js.map +1 -1
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js +38 -90
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js.map +1 -1
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js +10 -6
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js.map +1 -1
- package/cjs/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js +7 -4
- package/cjs/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js.map +1 -1
- package/cjs/controlled-date-time-picker/utils/constants.js.map +1 -1
- package/esm/controlled-checkbox/ControlledCheckbox.js +3 -1
- package/esm/controlled-checkbox/ControlledCheckbox.js.map +1 -1
- package/esm/controlled-date-range-picker/ControlledDateRangePicker.js +1 -0
- package/esm/controlled-date-range-picker/ControlledDateRangePicker.js.map +1 -1
- package/esm/controlled-date-range-picker/ControlledDateRangePickerDatatestid.js +1 -18
- package/esm/controlled-date-range-picker/ControlledDateRangePickerDatatestid.js.map +1 -1
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeContent.js +3 -1
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeContent.js.map +1 -1
- package/esm/controlled-date-time-picker/ControlledDateTimePickerDatatestid.js +5 -0
- package/esm/controlled-date-time-picker/ControlledDateTimePickerDatatestid.js.map +1 -1
- package/esm/controlled-date-time-picker/parts/ClearButton/ClearButton.js +0 -1
- package/esm/controlled-date-time-picker/parts/ClearButton/ClearButton.js.map +1 -1
- package/esm/controlled-date-time-picker/parts/ClearButton/useClearButton.js +15 -4
- package/esm/controlled-date-time-picker/parts/ClearButton/useClearButton.js.map +1 -1
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js +1 -0
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js.map +1 -1
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/Day.js +3 -0
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/Day.js.map +1 -1
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js +5 -44
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js.map +1 -1
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js +6 -4
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js.map +1 -1
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js +31 -15
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js.map +1 -1
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js +20 -9
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js.map +1 -1
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js +11 -1
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js.map +1 -1
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js +2 -50
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js.map +1 -1
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js +39 -91
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js.map +1 -1
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js +11 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js.map +1 -1
- package/esm/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js +7 -4
- package/esm/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js.map +1 -1
- package/esm/controlled-date-time-picker/utils/constants.js.map +1 -1
- package/package.json +8 -8
|
@@ -37,7 +37,9 @@ var DSControlledCheckbox = function DSControlledCheckbox(props) {
|
|
|
37
37
|
checkboxRef.current.click();
|
|
38
38
|
}
|
|
39
39
|
}, []);
|
|
40
|
-
return /*#__PURE__*/React__default['default'].createElement(controlledCheckbox_styles.StyledContainer,
|
|
40
|
+
return /*#__PURE__*/React__default['default'].createElement(controlledCheckbox_styles.StyledContainer, {
|
|
41
|
+
"data-testid": "ds-checkbox-container"
|
|
42
|
+
}, /*#__PURE__*/React__default['default'].createElement(controlledCheckbox_styles.StyledCheckBox, {
|
|
41
43
|
checked: props.checked,
|
|
42
44
|
hasError: hasError,
|
|
43
45
|
disabled: disabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlledCheckbox.js","sources":["../../../src/controlled-checkbox/ControlledCheckbox.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\
|
|
1
|
+
{"version":3,"file":"ControlledCheckbox.js","sources":["../../../src/controlled-checkbox/ControlledCheckbox.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { propTypes } from './propTypes';\nimport { StyledContainer, StyledInput, StyledLabel, StyledCheckBox } from './styles';\nimport type { DSControlledCheckboxPropsT } from './index.d';\nimport { useValidateProps } from './config/useValidateProps';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSControlledCheckbox = (props: DSControlledCheckboxPropsT): JSX.Element => {\n useValidateProps(props, DSControlledCheckboxWithSchema.toTypescript());\n const checkboxRef = useRef<HTMLInputElement>();\n\n const { checked, ariaControls, ariaLabel, disabled, id, label, hasError, onChange, value, readOnly, name, innerRef } =\n props;\n\n const handleOnKeyDown = useCallback((e: React.KeyboardEvent) => {\n if (checkboxRef.current && e.key === 'Enter') {\n checkboxRef.current.click();\n }\n }, []);\n\n return (\n <StyledContainer data-testid=\"ds-checkbox-container\">\n <StyledCheckBox checked={props.checked} hasError={hasError} disabled={disabled} readOnly={readOnly}>\n <StyledInput\n disabled={disabled}\n ref={(ref) => setMultipleRefs<HTMLInputElement>([checkboxRef, innerRef])(ref)}\n onKeyDown={handleOnKeyDown}\n type=\"checkbox\"\n checked={checked !== 'mixed' ? checked : undefined}\n aria-controls={ariaControls}\n aria-checked={checked}\n aria-disabled={disabled}\n aria-invalid={hasError}\n aria-readonly={readOnly}\n aria-label={ariaLabel || label}\n name={name}\n value={value}\n onChange={onChange}\n id={id}\n data-testid=\"ds-checkbox\"\n />\n </StyledCheckBox>\n {label && (\n <StyledLabel\n htmlFor={id}\n disabled={disabled}\n readOnly={readOnly}\n checked={checked}\n data-testid=\"ds-checkbox-label\"\n >\n <SimpleTruncatedTooltipText value={label} />\n </StyledLabel>\n )}\n </StyledContainer>\n );\n};\n\nDSControlledCheckbox.propTypes = propTypes;\nconst DSControlledCheckboxWithSchema = describe(DSControlledCheckbox);\nDSControlledCheckboxWithSchema.propTypes = propTypes;\n\nexport { DSControlledCheckbox, DSControlledCheckboxWithSchema };\n"],"names":["DSControlledCheckbox","props","useValidateProps","DSControlledCheckboxWithSchema","toTypescript","checkboxRef","useRef","checked","ariaControls","ariaLabel","disabled","id","label","hasError","onChange","value","readOnly","name","innerRef","handleOnKeyDown","useCallback","e","current","key","click","React","StyledContainer","StyledCheckBox","StyledInput","ref","setMultipleRefs","undefined","StyledLabel","SimpleTruncatedTooltipText","propTypes","describe"],"mappings":";;;;;;;;;;;;;;;;;;;IASMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAoD;AAC/EC,EAAAA,2DAAgB,CAACD,KAAD,EAAQE,8BAA8B,CAACC,YAA/B,EAAR,CAAhB;AACA,MAAMC,WAAW,GAAGC,YAAM,EAA1B;AAEA,MAAQC,OAAR,GACEN,KADF,CAAQM,OAAR;AAAA,MAAiBC,YAAjB,GACEP,KADF,CAAiBO,YAAjB;AAAA,MAA+BC,SAA/B,GACER,KADF,CAA+BQ,SAA/B;AAAA,MAA0CC,QAA1C,GACET,KADF,CAA0CS,QAA1C;AAAA,MAAoDC,EAApD,GACEV,KADF,CAAoDU,EAApD;AAAA,MAAwDC,KAAxD,GACEX,KADF,CAAwDW,KAAxD;AAAA,MAA+DC,QAA/D,GACEZ,KADF,CAA+DY,QAA/D;AAAA,MAAyEC,QAAzE,GACEb,KADF,CAAyEa,QAAzE;AAAA,MAAmFC,KAAnF,GACEd,KADF,CAAmFc,KAAnF;AAAA,MAA0FC,QAA1F,GACEf,KADF,CAA0Fe,QAA1F;AAAA,MAAoGC,IAApG,GACEhB,KADF,CAAoGgB,IAApG;AAAA,MAA0GC,QAA1G,GACEjB,KADF,CAA0GiB,QAA1G;AAGA,MAAMC,eAAe,GAAGC,iBAAW,CAAC,UAACC,CAAD,EAA4B;AAC9D,QAAIhB,WAAW,CAACiB,OAAZ,IAAuBD,CAAC,CAACE,GAAF,KAAU,OAArC,EAA8C;AAC5ClB,MAAAA,WAAW,CAACiB,OAAZ,CAAoBE,KAApB;AACD;AACF,GAJkC,EAIhC,EAJgC,CAAnC;AAMA,sBACEC,wCAACC,yCAAD;AAAiB,mBAAY;AAA7B,kBACED,wCAACE,wCAAD;AAAgB,IAAA,OAAO,EAAE1B,KAAK,CAACM,OAA/B;AAAwC,IAAA,QAAQ,EAAEM,QAAlD;AAA4D,IAAA,QAAQ,EAAEH,QAAtE;AAAgF,IAAA,QAAQ,EAAEM;AAA1F,kBACES,wCAACG,qCAAD;AACE,IAAA,QAAQ,EAAElB,QADZ;AAEE,IAAA,GAAG,EAAE,aAACmB,IAAD;AAAA,aAASC,wDAAe,CAAmB,CAACzB,WAAD,EAAca,QAAd,CAAnB,CAAf,CAA2DW,IAA3D,CAAT;AAAA,KAFP;AAGE,IAAA,SAAS,EAAEV,eAHb;AAIE,IAAA,IAAI,EAAC,UAJP;AAKE,IAAA,OAAO,EAAEZ,OAAO,KAAK,OAAZ,GAAsBA,OAAtB,GAAgCwB,SAL3C;AAME,qBAAevB,YANjB;AAOE,oBAAcD,OAPhB;AAQE,qBAAeG,QARjB;AASE,oBAAcG,QAThB;AAUE,qBAAeG,QAVjB;AAWE,kBAAYP,SAAS,IAAIG,KAX3B;AAYE,IAAA,IAAI,EAAEK,IAZR;AAaE,IAAA,KAAK,EAAEF,KAbT;AAcE,IAAA,QAAQ,EAAED,QAdZ;AAeE,IAAA,EAAE,EAAEH,EAfN;AAgBE,mBAAY;AAhBd,IADF,CADF,EAqBGC,KAAK,iBACJa,wCAACO,qCAAD;AACE,IAAA,OAAO,EAAErB,EADX;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,IAAA,QAAQ,EAAEM,QAHZ;AAIE,IAAA,OAAO,EAAET,OAJX;AAKE,mBAAY;AALd,kBAOEkB,wCAACQ,iDAAD;AAA4B,IAAA,KAAK,EAAErB;AAAnC,IAPF,CAtBJ,CADF;AAmCD;;AAEDZ,oBAAoB,CAACkC,SAArB,GAAiCA,sCAAjC;IACM/B,8BAA8B,GAAGgC,kBAAQ,CAACnC,oBAAD;AAC/CG,8BAA8B,CAAC+B,SAA/B,GAA2CA,sCAA3C;;;;;"}
|
|
@@ -103,6 +103,7 @@ require('./ControlledDateRangePickerTypes.js');
|
|
|
103
103
|
require('./parts/ControlledDateRangeFromDate.js');
|
|
104
104
|
require('./parts/ControlledDateRangeToDate.js');
|
|
105
105
|
require('./parts/ControlledDateRangeCalendar.js');
|
|
106
|
+
require('./ControlledDateRangePickerDatatestid.js');
|
|
106
107
|
|
|
107
108
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
108
109
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlledDateRangePicker.js","sources":["../../../src/controlled-date-range-picker/ControlledDateRangePicker.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { useControlledDateRangePicker } from './config/useControlledDateRangePicker';\nimport { ControlledDateRangeContent } from './parts/ControlledDateRangeContent';\nimport { propTypes } from './propTypes';\nimport { ControlledDateRangePickerContext } from './ControlledDateRangePickerCTX';\nimport type { DateRangePickerPropsT } from './index.d';\n\nconst DSControlledDateRangePicker = (props: DateRangePickerPropsT): JSX.Element => {\n const ctx = useControlledDateRangePicker(props);\n return (\n <ControlledDateRangePickerContext.Provider value={ctx}>\n <ControlledDateRangeContent />\n </ControlledDateRangePickerContext.Provider>\n );\n};\nDSControlledDateRangePicker.propTypes = propTypes;\nconst DSControlledDateRangePickerWithSchema = describe(DSControlledDateRangePicker);\nDSControlledDateRangePickerWithSchema.propTypes = propTypes;\n\nexport { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker };\n"],"names":["DSControlledDateRangePicker","props","ctx","useControlledDateRangePicker","React","ControlledDateRangePickerContext","ControlledDateRangeContent","propTypes","DSControlledDateRangePickerWithSchema","describe"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ControlledDateRangePicker.js","sources":["../../../src/controlled-date-range-picker/ControlledDateRangePicker.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { useControlledDateRangePicker } from './config/useControlledDateRangePicker';\nimport { ControlledDateRangeContent } from './parts/ControlledDateRangeContent';\nimport { propTypes } from './propTypes';\nimport { ControlledDateRangePickerContext } from './ControlledDateRangePickerCTX';\nimport type { DateRangePickerPropsT } from './index.d';\n\nconst DSControlledDateRangePicker = (props: DateRangePickerPropsT): JSX.Element => {\n const ctx = useControlledDateRangePicker(props);\n return (\n <ControlledDateRangePickerContext.Provider value={ctx}>\n <ControlledDateRangeContent />\n </ControlledDateRangePickerContext.Provider>\n );\n};\nDSControlledDateRangePicker.propTypes = propTypes;\nconst DSControlledDateRangePickerWithSchema = describe(DSControlledDateRangePicker);\nDSControlledDateRangePickerWithSchema.propTypes = propTypes;\n\nexport { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker };\n"],"names":["DSControlledDateRangePicker","props","ctx","useControlledDateRangePicker","React","ControlledDateRangePickerContext","ControlledDateRangeContent","propTypes","DSControlledDateRangePickerWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;IASMA,2BAA2B,GAAG,SAA9BA,2BAA8B,CAACC,KAAD,EAA+C;AACjF,MAAMC,GAAG,GAAGC,0FAA4B,CAACF,KAAD,CAAxC;AACA,sBACEG,wCAACC,uFAAD,CAAkC,QAAlC;AAA2C,IAAA,KAAK,EAAEH;AAAlD,kBACEE,wCAACE,qFAAD,OADF,CADF;AAKD;;AACDN,2BAA2B,CAACO,SAA5B,GAAwCA,6CAAxC;IACMC,qCAAqC,GAAGC,kBAAQ,CAACT,2BAAD;AACtDQ,qCAAqC,CAACD,SAAtC,GAAkDA,6CAAlD;;;;;"}
|
|
@@ -3,24 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var ControlledDateRangePickerDatatestid = {
|
|
6
|
-
|
|
7
|
-
MONTH: 'ds-controlled-date-range-picker-from-month-input',
|
|
8
|
-
DAY: 'ds-controlled-date-range-picker-from-day-input',
|
|
9
|
-
YEAR: 'ds-controlled-date-range-picker-from-year-input'
|
|
10
|
-
},
|
|
11
|
-
TO_DATE_INPUTS: {
|
|
12
|
-
MONTH: 'ds-controlled-date-range-picker-to-month-input',
|
|
13
|
-
DAY: 'ds-controlled-date-range-picker-to-day-input',
|
|
14
|
-
YEAR: 'ds-controlled-date-range-picker-to-year-input'
|
|
15
|
-
},
|
|
16
|
-
PICKER_ICON: 'ds-controlled-date-range-picker-calendar-trigger-icon',
|
|
17
|
-
CALENDAR: {
|
|
18
|
-
DAY: 'ds-controlled-date-range-picker-calendar-day',
|
|
19
|
-
FROM_DAY: 'ds-controlled-date-range-picker-calendar-from-day',
|
|
20
|
-
TO_DAY: 'ds-controlled-date-range-picker-calendar-to-day'
|
|
21
|
-
},
|
|
22
|
-
FROM_CLEAR_BUTTON: 'ds-controlled-date-range-picker-from-clear-btn',
|
|
23
|
-
TO_CLEAR_BUTTON: 'ds-controlled-date-range-picker-to-clear-btn'
|
|
6
|
+
WRAPPER: 'ds-controlled-date-range-picker-wrapper'
|
|
24
7
|
};
|
|
25
8
|
|
|
26
9
|
exports.ControlledDateRangePickerDatatestid = ControlledDateRangePickerDatatestid;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlledDateRangePickerDatatestid.js","sources":["../../../src/controlled-date-range-picker/ControlledDateRangePickerDatatestid.tsx"],"sourcesContent":["export const ControlledDateRangePickerDatatestid = {\n
|
|
1
|
+
{"version":3,"file":"ControlledDateRangePickerDatatestid.js","sources":["../../../src/controlled-date-range-picker/ControlledDateRangePickerDatatestid.tsx"],"sourcesContent":["export const ControlledDateRangePickerDatatestid = {\n WRAPPER: 'ds-controlled-date-range-picker-wrapper',\n};\n"],"names":["ControlledDateRangePickerDatatestid","WRAPPER"],"mappings":";;;;IAAaA,mCAAmC,GAAG;AACjDC,EAAAA,OAAO,EAAE;AADwC;;;;"}
|
|
@@ -8,6 +8,7 @@ var controlledDateRangePicker_ControlledDateRangePickerCTX = require('../Control
|
|
|
8
8
|
var controlledDateRangePicker_parts_ControlledDateRangeFromDate = require('./ControlledDateRangeFromDate.js');
|
|
9
9
|
var controlledDateRangePicker_parts_ControlledDateRangeToDate = require('./ControlledDateRangeToDate.js');
|
|
10
10
|
var controlledDateRangePicker_parts_ControlledDateRangeCalendar = require('./ControlledDateRangeCalendar.js');
|
|
11
|
+
var controlledDateRangePicker_ControlledDateRangePickerDatatestid = require('../ControlledDateRangePickerDatatestid.js');
|
|
11
12
|
require('../../controlled-date-time-picker/ControlledDateTimePicker.js');
|
|
12
13
|
require('react-desc');
|
|
13
14
|
require('../../controlled-date-time-picker/propTypes.js');
|
|
@@ -115,7 +116,8 @@ var ControlledDateRangeContent = function ControlledDateRangeContent() {
|
|
|
115
116
|
isControllerOnly = _useContext.isControllerOnly;
|
|
116
117
|
|
|
117
118
|
return /*#__PURE__*/React__default['default'].createElement(StyledWrapper, {
|
|
118
|
-
isControllerOnly: isControllerOnly
|
|
119
|
+
isControllerOnly: isControllerOnly,
|
|
120
|
+
"data-testid": controlledDateRangePicker_ControlledDateRangePickerDatatestid.ControlledDateRangePickerDatatestid.WRAPPER
|
|
119
121
|
}, withInputs ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(controlledDateRangePicker_parts_ControlledDateRangeFromDate.ControlledDateRangeFromDate, null), /*#__PURE__*/React__default['default'].createElement(controlledDateRangePicker_parts_ControlledDateRangeToDate.ControlledDateRangeToDate, null)) : null, withIcon || isControllerOnly ? /*#__PURE__*/React__default['default'].createElement(controlledDateRangePicker_parts_ControlledDateRangeCalendar.ControlledDateRangeCalendar, null) : null);
|
|
120
122
|
};
|
|
121
123
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlledDateRangeContent.js","sources":["../../../../src/controlled-date-range-picker/parts/ControlledDateRangeContent.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport styled from 'styled-components';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\nimport { ControlledDateRangeFromDate } from './ControlledDateRangeFromDate';\nimport { ControlledDateRangeToDate } from './ControlledDateRangeToDate';\nimport { ControlledDateRangeCalendar } from './ControlledDateRangeCalendar';\n\nconst StyledWrapper = styled.div<{ isControllerOnly: boolean }>`\n display: grid;\n grid-template-columns: auto auto auto;\n grid-template-rows: auto;\n ${({ isControllerOnly }) => (isControllerOnly ? undefined : 'gap: 0px 8px;')}\n grid-auto-flow: row;\n grid-template-areas: '. .';\n justify-content: center;\n align-items: center;\n`;\n\nexport const ControlledDateRangeContent = (): JSX.Element => {\n const { withIcon, withInputs, isControllerOnly } = useContext(ControlledDateRangePickerContext);\n\n return (\n <StyledWrapper isControllerOnly={isControllerOnly}>\n {withInputs ? (\n <>\n <ControlledDateRangeFromDate />\n <ControlledDateRangeToDate />\n </>\n ) : null}\n {withIcon || isControllerOnly ? <ControlledDateRangeCalendar /> : null}\n </StyledWrapper>\n );\n};\n"],"names":["StyledWrapper","styled","div","isControllerOnly","undefined","ControlledDateRangeContent","useContext","ControlledDateRangePickerContext","withIcon","withInputs","React","ControlledDateRangeFromDate","ControlledDateRangeToDate","ControlledDateRangeCalendar"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ControlledDateRangeContent.js","sources":["../../../../src/controlled-date-range-picker/parts/ControlledDateRangeContent.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport styled from 'styled-components';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\nimport { ControlledDateRangeFromDate } from './ControlledDateRangeFromDate';\nimport { ControlledDateRangeToDate } from './ControlledDateRangeToDate';\nimport { ControlledDateRangeCalendar } from './ControlledDateRangeCalendar';\nimport { ControlledDateRangePickerDatatestid } from '../ControlledDateRangePickerDatatestid';\n\nconst StyledWrapper = styled.div<{ isControllerOnly: boolean }>`\n display: grid;\n grid-template-columns: auto auto auto;\n grid-template-rows: auto;\n ${({ isControllerOnly }) => (isControllerOnly ? undefined : 'gap: 0px 8px;')}\n grid-auto-flow: row;\n grid-template-areas: '. .';\n justify-content: center;\n align-items: center;\n`;\n\nexport const ControlledDateRangeContent = (): JSX.Element => {\n const { withIcon, withInputs, isControllerOnly } = useContext(ControlledDateRangePickerContext);\n\n return (\n <StyledWrapper isControllerOnly={isControllerOnly} data-testid={ControlledDateRangePickerDatatestid.WRAPPER}>\n {withInputs ? (\n <>\n <ControlledDateRangeFromDate />\n <ControlledDateRangeToDate />\n </>\n ) : null}\n {withIcon || isControllerOnly ? <ControlledDateRangeCalendar /> : null}\n </StyledWrapper>\n );\n};\n"],"names":["StyledWrapper","styled","div","isControllerOnly","undefined","ControlledDateRangeContent","useContext","ControlledDateRangePickerContext","withIcon","withInputs","React","ControlledDateRangePickerDatatestid","WRAPPER","ControlledDateRangeFromDate","ControlledDateRangeToDate","ControlledDateRangeCalendar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,aAAa,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,+KAIf;AAAA,MAAGC,gBAAH,QAAGA,gBAAH;AAAA,SAA2BA,gBAAgB,GAAGC,SAAH,GAAe,eAA1D;AAAA,CAJe,CAAnB;IAWaC,0BAA0B,GAAG,SAA7BA,0BAA6B,GAAmB;AAC3D,oBAAmDC,gBAAU,CAACC,uFAAD,CAA7D;AAAA,MAAQC,QAAR,eAAQA,QAAR;AAAA,MAAkBC,UAAlB,eAAkBA,UAAlB;AAAA,MAA8BN,gBAA9B,eAA8BA,gBAA9B;;AAEA,sBACEO,wCAAC,aAAD;AAAe,IAAA,gBAAgB,EAAEP,gBAAjC;AAAmD,mBAAaQ,iGAAmC,CAACC;AAApG,KACGH,UAAU,gBACTC,+FACEA,wCAACG,uFAAD,OADF,eAEEH,wCAACI,mFAAD,OAFF,CADS,GAKP,IANN,EAOGN,QAAQ,IAAIL,gBAAZ,gBAA+BO,wCAACK,uFAAD,OAA/B,GAAiE,IAPpE,CADF;AAWD;;;;"}
|
|
@@ -23,6 +23,11 @@ var ControlledDateTimePickerDatatestid = {
|
|
|
23
23
|
PREV_MONTH: 'ds-controlled-date-time-picker-calendar-prev-month',
|
|
24
24
|
DAY: 'ds-controlled-date-time-picker-calendar-day',
|
|
25
25
|
FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-focused-day',
|
|
26
|
+
START_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-start-range-day',
|
|
27
|
+
// <-nuevo
|
|
28
|
+
IN_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-in-range-day',
|
|
29
|
+
// <-nuevo
|
|
30
|
+
END_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-end-range-day',
|
|
26
31
|
SELECTED_DAY: 'ds-controlled-date-time-picker-calendar-selected-day',
|
|
27
32
|
SELECTED_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-selected-focused-day',
|
|
28
33
|
NEXT_MONTH: 'ds-controlled-date-time-picker-calendar-next-month',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlledDateTimePickerDatatestid.js","sources":["../../../src/controlled-date-time-picker/ControlledDateTimePickerDatatestid.tsx"],"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 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};\n"],"names":["ControlledDateTimePickerDatatestid","DATE_INPUTS","MONTH","DAY","YEAR","TIME_INPUTS","HOUR","MINUTE","MERIDIEM","PICKER_ICONS","CALENDAR","TIMEWHEEL","CALENDAR_TIMEWHEEL","PREV_YEAR","PREV_MONTH","FOCUSED_DAY","SELECTED_DAY","SELECTED_FOCUSED_DAY","NEXT_MONTH","NEXT_YEAR","PREV_HOUR","CURRENT_HOUR","NEXT_HOUR","PREV_MINUTE","CURRENT_MINUTE","NEXT_MINUTE","PREV_MERIDIEM","CURRENT_MERIDIEM","NEXT_MERIDIEM","CONTEXTUAL_MENU","CONTROLLER_COMPONENT","CLEAR_BUTTON"],"mappings":";;;;IAAaA,kCAAkC,GAAG;AAChDC,EAAAA,WAAW,EAAE;AACXC,IAAAA,KAAK,EAAE,4CADI;AAEXC,IAAAA,GAAG,EAAE,0CAFM;AAGXC,IAAAA,IAAI,EAAE;AAHK,GADmC;AAMhDC,EAAAA,WAAW,EAAE;AACXC,IAAAA,IAAI,EAAE,2CADK;AAEXC,IAAAA,MAAM,EAAE,6CAFG;AAGXC,IAAAA,QAAQ,EAAE;AAHC,GANmC;AAWhDC,EAAAA,YAAY,EAAE;AACZC,IAAAA,QAAQ,EAAE,sDADE;AAEZC,IAAAA,SAAS,EAAE,uDAFC;AAGZC,IAAAA,kBAAkB,EAAE;AAHR,GAXkC;AAgBhDF,EAAAA,QAAQ,EAAE;AACRG,IAAAA,SAAS,EAAE,mDADH;AAERC,IAAAA,UAAU,EAAE,oDAFJ;AAGRX,IAAAA,GAAG,EAAE,6CAHG;AAIRY,IAAAA,WAAW,EAAE,qDAJL;AAKRC,IAAAA,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"ControlledDateTimePickerDatatestid.js","sources":["../../../src/controlled-date-time-picker/ControlledDateTimePickerDatatestid.tsx"],"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', // <-nuevo\n IN_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-in-range-day', // <-nuevo\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};\n"],"names":["ControlledDateTimePickerDatatestid","DATE_INPUTS","MONTH","DAY","YEAR","TIME_INPUTS","HOUR","MINUTE","MERIDIEM","PICKER_ICONS","CALENDAR","TIMEWHEEL","CALENDAR_TIMEWHEEL","PREV_YEAR","PREV_MONTH","FOCUSED_DAY","START_RANGE_DAY","IN_RANGE_DAY","END_RANGE_DAY","SELECTED_DAY","SELECTED_FOCUSED_DAY","NEXT_MONTH","NEXT_YEAR","PREV_HOUR","CURRENT_HOUR","NEXT_HOUR","PREV_MINUTE","CURRENT_MINUTE","NEXT_MINUTE","PREV_MERIDIEM","CURRENT_MERIDIEM","NEXT_MERIDIEM","CONTEXTUAL_MENU","CONTROLLER_COMPONENT","CLEAR_BUTTON"],"mappings":";;;;IAAaA,kCAAkC,GAAG;AAChDC,EAAAA,WAAW,EAAE;AACXC,IAAAA,KAAK,EAAE,4CADI;AAEXC,IAAAA,GAAG,EAAE,0CAFM;AAGXC,IAAAA,IAAI,EAAE;AAHK,GADmC;AAMhDC,EAAAA,WAAW,EAAE;AACXC,IAAAA,IAAI,EAAE,2CADK;AAEXC,IAAAA,MAAM,EAAE,6CAFG;AAGXC,IAAAA,QAAQ,EAAE;AAHC,GANmC;AAWhDC,EAAAA,YAAY,EAAE;AACZC,IAAAA,QAAQ,EAAE,sDADE;AAEZC,IAAAA,SAAS,EAAE,uDAFC;AAGZC,IAAAA,kBAAkB,EAAE;AAHR,GAXkC;AAgBhDF,EAAAA,QAAQ,EAAE;AACRG,IAAAA,SAAS,EAAE,mDADH;AAERC,IAAAA,UAAU,EAAE,oDAFJ;AAGRX,IAAAA,GAAG,EAAE,6CAHG;AAIRY,IAAAA,WAAW,EAAE,qDAJL;AAKRC,IAAAA,eAAe,EAAE,yDALT;AAKoE;AAC5EC,IAAAA,YAAY,EAAE,sDANN;AAM8D;AACtEC,IAAAA,aAAa,EAAE,uDAPP;AAQRC,IAAAA,YAAY,EAAE,sDARN;AASRC,IAAAA,oBAAoB,EAAE,8DATd;AAURC,IAAAA,UAAU,EAAE,oDAVJ;AAWRC,IAAAA,SAAS,EAAE;AAXH,GAhBsC;AA6BhDX,EAAAA,SAAS,EAAE;AACTY,IAAAA,SAAS,EAAE,oDADF;AAETjB,IAAAA,IAAI,EAAE,+CAFG;AAGTkB,IAAAA,YAAY,EAAE,uDAHL;AAITC,IAAAA,SAAS,EAAE,oDAJF;AAKTC,IAAAA,WAAW,EAAE,sDALJ;AAMTnB,IAAAA,MAAM,EAAE,iDANC;AAOToB,IAAAA,cAAc,EAAE,yDAPP;AAQTC,IAAAA,WAAW,EAAE,sDARJ;AASTC,IAAAA,aAAa,EAAE,wDATN;AAUTrB,IAAAA,QAAQ,EAAE,mDAVD;AAWTsB,IAAAA,gBAAgB,EAAE,2DAXT;AAYTC,IAAAA,aAAa,EAAE;AAZN,GA7BqC;AA2ChDC,EAAAA,eAAe,EAAE;AACftB,IAAAA,QAAQ,EAAE,iEADK;AAEfC,IAAAA,SAAS,EAAE,kEAFI;AAGfC,IAAAA,kBAAkB,EAAE;AAHL,GA3C+B;AAgDhDqB,EAAAA,oBAAoB,EAAE;AACpBvB,IAAAA,QAAQ,EAAE,4DADU;AAEpBC,IAAAA,SAAS,EAAE,6DAFS;AAGpBC,IAAAA,kBAAkB,EAAE;AAHA,GAhD0B;AAqDhDsB,EAAAA,YAAY,EAAE;AArDkC;;;;"}
|
|
@@ -13,7 +13,6 @@ require('styled-components');
|
|
|
13
13
|
require('@elliemae/ds-grid');
|
|
14
14
|
require('../../ControlledDateTimePickerCTX.js');
|
|
15
15
|
require('../../ControlledDateTimePickerTypes.js');
|
|
16
|
-
require('../../utils/constants.js');
|
|
17
16
|
|
|
18
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
18
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClearButton.js","sources":["../../../../../src/controlled-date-time-picker/parts/ClearButton/ClearButton.tsx"],"sourcesContent":["import React from 'react';\nimport { CloseMedium } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { BUTTON_VARIANT, BUTTON_SIZES } from '@elliemae/ds-button';\nimport { StyledClearButton } from '../Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { useClearButton } from './useClearButton';\n\nexport const ClearButton = (): JSX.Element => {\n const { onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn } = useClearButton();\n return (\n <StyledClearButton\n shouldDisplay={withClearBtn}\n aria-label=\"clear selected date\"\n buttonType=\"icon\"\n size={BUTTON_SIZES.M}\n variant={BUTTON_VARIANT.DEFAULT}\n data-testid={ControlledDateTimePickerDatatestid.CLEAR_BUTTON}\n innerRef={clearButtonRef}\n onClick={onClearClick}\n onKeyDown={onClearButtonKeyDown}\n withAnyPicker={withAnyPicker}\n >\n <CloseMedium color={DSIconColors.PRIMARY} />\n </StyledClearButton>\n );\n};\n"],"names":["ClearButton","useClearButton","onClearClick","onClearButtonKeyDown","clearButtonRef","withAnyPicker","withClearBtn","React","StyledClearButton","BUTTON_SIZES","M","BUTTON_VARIANT","DEFAULT","ControlledDateTimePickerDatatestid","CLEAR_BUTTON","CloseMedium","DSIconColors","PRIMARY"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ClearButton.js","sources":["../../../../../src/controlled-date-time-picker/parts/ClearButton/ClearButton.tsx"],"sourcesContent":["import React from 'react';\nimport { CloseMedium } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { BUTTON_VARIANT, BUTTON_SIZES } from '@elliemae/ds-button';\nimport { StyledClearButton } from '../Styleds';\nimport { ControlledDateTimePickerDatatestid } from '../../ControlledDateTimePickerDatatestid';\nimport { useClearButton } from './useClearButton';\n\nexport const ClearButton = (): JSX.Element => {\n const { onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn } = useClearButton();\n return (\n <StyledClearButton\n shouldDisplay={withClearBtn}\n aria-label=\"clear selected date\"\n buttonType=\"icon\"\n size={BUTTON_SIZES.M}\n variant={BUTTON_VARIANT.DEFAULT}\n data-testid={ControlledDateTimePickerDatatestid.CLEAR_BUTTON}\n innerRef={clearButtonRef}\n onClick={onClearClick}\n onKeyDown={onClearButtonKeyDown}\n withAnyPicker={withAnyPicker}\n >\n <CloseMedium color={DSIconColors.PRIMARY} />\n </StyledClearButton>\n );\n};\n"],"names":["ClearButton","useClearButton","onClearClick","onClearButtonKeyDown","clearButtonRef","withAnyPicker","withClearBtn","React","StyledClearButton","BUTTON_SIZES","M","BUTTON_VARIANT","DEFAULT","ControlledDateTimePickerDatatestid","CLEAR_BUTTON","CloseMedium","DSIconColors","PRIMARY"],"mappings":";;;;;;;;;;;;;;;;;;;;IAQaA,WAAW,GAAG,SAAdA,WAAc,GAAmB;AAC5C,wBAA4FC,wEAAc,EAA1G;AAAA,MAAQC,YAAR,mBAAQA,YAAR;AAAA,MAAsBC,oBAAtB,mBAAsBA,oBAAtB;AAAA,MAA4CC,cAA5C,mBAA4CA,cAA5C;AAAA,MAA4DC,aAA5D,mBAA4DA,aAA5D;AAAA,MAA2EC,YAA3E,mBAA2EA,YAA3E;;AACA,sBACEC,wCAACC,wDAAD;AACE,IAAA,aAAa,EAAEF,YADjB;AAEE,kBAAW,qBAFb;AAGE,IAAA,UAAU,EAAC,MAHb;AAIE,IAAA,IAAI,EAAEG,qBAAY,CAACC,CAJrB;AAKE,IAAA,OAAO,EAAEC,uBAAc,CAACC,OAL1B;AAME,mBAAaC,8FAAkC,CAACC,YANlD;AAOE,IAAA,QAAQ,EAAEV,cAPZ;AAQE,IAAA,OAAO,EAAEF,YARX;AASE,IAAA,SAAS,EAAEC,oBATb;AAUE,IAAA,aAAa,EAAEE;AAVjB,kBAYEE,wCAACQ,mBAAD;AAAa,IAAA,KAAK,EAAEC,mBAAY,CAACC;AAAjC,IAZF,CADF;AAgBD;;;;"}
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var controlledDateTimePicker_ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
|
|
7
|
-
var controlledDateTimePicker_utils_constants = require('../../utils/constants.js');
|
|
8
7
|
require('../../ControlledDateTimePickerTypes.js');
|
|
9
8
|
|
|
10
9
|
/* eslint-disable max-statements */
|
|
@@ -15,10 +14,14 @@ var useClearButton = function useClearButton() {
|
|
|
15
14
|
withAnyPicker = _useContext.withAnyPicker,
|
|
16
15
|
withClearBtn = _useContext.withClearBtn,
|
|
17
16
|
withAnyInputs = _useContext.withAnyInputs,
|
|
17
|
+
isWithTimeInputs = _useContext.isWithTimeInputs,
|
|
18
|
+
isWithDateInputs = _useContext.isWithDateInputs,
|
|
18
19
|
isTimeSelector = _useContext.isTimeSelector,
|
|
19
20
|
hourInputRef = _useContext.hourInputRef,
|
|
20
21
|
monthInputRef = _useContext.monthInputRef,
|
|
21
22
|
pickerButtonRef = _useContext.pickerButtonRef,
|
|
23
|
+
meridiemInputRef = _useContext.meridiemInputRef,
|
|
24
|
+
yearInputRef = _useContext.yearInputRef,
|
|
22
25
|
setLatestInteractionRegion = _useContext.setLatestInteractionRegion;
|
|
23
26
|
|
|
24
27
|
var focusFirstRegion = React.useCallback(function () {
|
|
@@ -41,11 +44,19 @@ var useClearButton = function useClearButton() {
|
|
|
41
44
|
}, [withAnyPicker, pickerButtonRef]);
|
|
42
45
|
var onClearButtonKeyDown = React.useCallback(function (e) {
|
|
43
46
|
var key = e.key;
|
|
44
|
-
|
|
45
|
-
|
|
47
|
+
var preventDefaultKeys = ['Home', 'End'];
|
|
48
|
+
var stopPropagationKeys = ['Home', 'End'];
|
|
49
|
+
if (preventDefaultKeys.includes(key)) e.preventDefault();
|
|
50
|
+
if (stopPropagationKeys.includes(key)) e.stopPropagation();
|
|
46
51
|
if (key === 'Home') onHomeKeyDown();
|
|
47
52
|
if (key === 'End') onEndKeyDown();
|
|
48
|
-
|
|
53
|
+
|
|
54
|
+
if (key === 'Backspace' && withAnyInputs) {
|
|
55
|
+
var _meridiemInputRef$cur, _meridiemInputRef$cur2, _yearInputRef$current, _yearInputRef$current2;
|
|
56
|
+
|
|
57
|
+
if (isWithTimeInputs) meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur = meridiemInputRef.current) === null || _meridiemInputRef$cur === void 0 ? void 0 : (_meridiemInputRef$cur2 = _meridiemInputRef$cur.focus) === null || _meridiemInputRef$cur2 === void 0 ? void 0 : _meridiemInputRef$cur2.call(_meridiemInputRef$cur);else if (isWithDateInputs) yearInputRef === null || yearInputRef === void 0 ? void 0 : (_yearInputRef$current = yearInputRef.current) === null || _yearInputRef$current === void 0 ? void 0 : (_yearInputRef$current2 = _yearInputRef$current.focus) === null || _yearInputRef$current2 === void 0 ? void 0 : _yearInputRef$current2.call(_yearInputRef$current);
|
|
58
|
+
}
|
|
59
|
+
}, [isWithDateInputs, isWithTimeInputs, meridiemInputRef, onEndKeyDown, onHomeKeyDown, withAnyInputs, yearInputRef]);
|
|
49
60
|
return React.useMemo(function () {
|
|
50
61
|
return {
|
|
51
62
|
onClearClick: onClearClick,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClearButton.js","sources":["../../../../../src/controlled-date-time-picker/parts/ClearButton/useClearButton.tsx"],"sourcesContent":["/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useCallback, useMemo, useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport type { onClearClickT, onKeyDownT } from '../../index.d';\
|
|
1
|
+
{"version":3,"file":"useClearButton.js","sources":["../../../../../src/controlled-date-time-picker/parts/ClearButton/useClearButton.tsx"],"sourcesContent":["/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useCallback, useMemo, useContext } from 'react';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport type { onClearClickT, onKeyDownT } from '../../index.d';\n\ninterface useOnClearClickRT {\n onClearClick: onClearClickT;\n onClearButtonKeyDown: onKeyDownT<HTMLButtonElement>;\n clearButtonRef: React.MutableRefObject<HTMLButtonElement>;\n withAnyPicker: boolean;\n withClearBtn: boolean;\n}\nexport const useClearButton = (): useOnClearClickRT => {\n const {\n handleClearAll,\n clearButtonRef,\n withAnyPicker,\n withClearBtn,\n withAnyInputs,\n isWithTimeInputs,\n isWithDateInputs,\n isTimeSelector,\n hourInputRef,\n monthInputRef,\n pickerButtonRef,\n meridiemInputRef,\n yearInputRef,\n setLatestInteractionRegion,\n } = useContext(ControlledDateTimePickerContext);\n\n const focusFirstRegion = useCallback(() => {\n if (withAnyInputs)\n if (isTimeSelector) hourInputRef?.current?.focus?.();\n else monthInputRef?.current?.focus?.();\n }, [withAnyInputs, isTimeSelector, hourInputRef, monthInputRef]);\n\n const onClearClick = useCallback(\n (e) => {\n handleClearAll(e);\n setLatestInteractionRegion('clear-btn');\n focusFirstRegion();\n },\n [focusFirstRegion, handleClearAll, setLatestInteractionRegion],\n );\n const onHomeKeyDown = useCallback(() => {\n focusFirstRegion();\n }, [focusFirstRegion]);\n const onEndKeyDown = useCallback(() => {\n if (withAnyPicker) pickerButtonRef?.current?.focus?.();\n }, [withAnyPicker, pickerButtonRef]);\n\n const onClearButtonKeyDown = useCallback(\n (e) => {\n const { key } = e;\n const preventDefaultKeys = ['Home', 'End'];\n const stopPropagationKeys = ['Home', 'End'];\n if (preventDefaultKeys.includes(key)) e.preventDefault();\n if (stopPropagationKeys.includes(key)) e.stopPropagation();\n if (key === 'Home') onHomeKeyDown();\n if (key === 'End') onEndKeyDown();\n if (key === 'Backspace' && withAnyInputs) {\n if (isWithTimeInputs) meridiemInputRef?.current?.focus?.();\n else if (isWithDateInputs) yearInputRef?.current?.focus?.();\n }\n },\n [isWithDateInputs, isWithTimeInputs, meridiemInputRef, onEndKeyDown, onHomeKeyDown, withAnyInputs, yearInputRef],\n );\n\n return useMemo(\n () => ({ onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn }),\n [onClearClick, onClearButtonKeyDown, clearButtonRef, withAnyPicker, withClearBtn],\n );\n};\n"],"names":["useClearButton","useContext","ControlledDateTimePickerContext","handleClearAll","clearButtonRef","withAnyPicker","withClearBtn","withAnyInputs","isWithTimeInputs","isWithDateInputs","isTimeSelector","hourInputRef","monthInputRef","pickerButtonRef","meridiemInputRef","yearInputRef","setLatestInteractionRegion","focusFirstRegion","useCallback","current","focus","onClearClick","e","onHomeKeyDown","onEndKeyDown","onClearButtonKeyDown","key","preventDefaultKeys","stopPropagationKeys","includes","preventDefault","stopPropagation","useMemo"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarContext.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.tsx"],"sourcesContent":["import React, { createContext, createRef } from 'react';\nimport type { DateMonth, metaMonthDayT, onFocusFuncT } from '../../../index.d';\n\nexport type handleDayOnKeyDownT = (e: React.KeyboardEvent, day: metaMonthDayT) => void;\nexport interface KeyboardHandlersT {\n handleDayOnKeyDown: handleDayOnKeyDownT;\n handlePrevYearKeyDown: (e: React.KeyboardEvent) => void;\n handlePrevMonthKeyDown: (e: React.KeyboardEvent) => void;\n handleNextMonthKeyDown: (e: React.KeyboardEvent) => void;\n handleNextYearKeyDown: (e: React.KeyboardEvent) => void;\n handlePickerIconKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;\n}\nexport interface FocusLogicT {\n focusedDay?: metaMonthDayT;\n tryToFocusCurrentlyDataIsFocusedDay: () => void;\n resetFocusedDayToStartDate: () => void;\n handleFocusMetaDay: (metaDayToFocus: metaMonthDayT) => void;\n handleFocusMetaDayByDay: (day: Date) => void;\n}\nexport interface HeaderButtonsRefsT {\n prevYearBtnRef: React.RefObject<HTMLButtonElement>;\n prevMonthBtnRef: React.RefObject<HTMLButtonElement>;\n nextMonthBtnRef: React.RefObject<HTMLButtonElement>;\n nextYearBtnRef: React.RefObject<HTMLButtonElement>;\n calendarDaysWrapperRef: React.RefObject<HTMLDivElement>;\n}\nexport interface PopperTriggerLogicT {\n closeCalendar: () => void;\n setPopperElement: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n setArrowElement: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n usePopperHelpers?: {\n attributes: Record<string, unknown>;\n styles: Record<string, React.CSSProperties>;\n };\n handleToggleCalendar: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n handleSetTriggerRef: (instance: HTMLButtonElement) => void;\n handleMenuWrapperKeyDown: (e?: React.KeyboardEvent<HTMLElement>) => void;\n}\nexport interface useCurrentDisplayedMonthYearLogicT {\n currentMonth?: DateMonth;\n currentYear?: number;\n daysArray: metaMonthDayT[];\n invisibleFirstDay?: metaMonthDayT;\n daysMatrixByWeekday
|
|
1
|
+
{"version":3,"file":"CalendarContext.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.tsx"],"sourcesContent":["import React, { createContext, createRef } from 'react';\nimport type { DateMonth, metaMonthDayT, onFocusFuncT } from '../../../index.d';\n\nexport type handleDayOnKeyDownT = (e: React.KeyboardEvent, day: metaMonthDayT) => void;\nexport interface KeyboardHandlersT {\n handleDayOnKeyDown: handleDayOnKeyDownT;\n handlePrevYearKeyDown: (e: React.KeyboardEvent) => void;\n handlePrevMonthKeyDown: (e: React.KeyboardEvent) => void;\n handleNextMonthKeyDown: (e: React.KeyboardEvent) => void;\n handleNextYearKeyDown: (e: React.KeyboardEvent) => void;\n handlePickerIconKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;\n}\nexport interface FocusLogicT {\n focusedDay?: metaMonthDayT;\n tryToFocusCurrentlyDataIsFocusedDay: () => void;\n resetFocusedDayToStartDate: () => void;\n handleFocusMetaDay: (metaDayToFocus: metaMonthDayT) => void;\n handleFocusMetaDayByDay: (day: Date) => void;\n}\nexport interface HeaderButtonsRefsT {\n prevYearBtnRef: React.RefObject<HTMLButtonElement>;\n prevMonthBtnRef: React.RefObject<HTMLButtonElement>;\n nextMonthBtnRef: React.RefObject<HTMLButtonElement>;\n nextYearBtnRef: React.RefObject<HTMLButtonElement>;\n calendarDaysWrapperRef: React.RefObject<HTMLDivElement>;\n}\nexport interface PopperTriggerLogicT {\n closeCalendar: () => void;\n setPopperElement: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n setArrowElement: React.Dispatch<React.SetStateAction<HTMLDivElement>>;\n usePopperHelpers?: {\n attributes: Record<string, unknown>;\n styles: Record<string, React.CSSProperties>;\n };\n handleToggleCalendar: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n handleSetTriggerRef: (instance: HTMLButtonElement) => void;\n handleMenuWrapperKeyDown: (e?: React.KeyboardEvent<HTMLElement>) => void;\n}\nexport interface useCurrentDisplayedMonthYearLogicT {\n currentMonth?: DateMonth;\n currentYear?: number;\n daysArray: metaMonthDayT[];\n invisibleFirstDay?: metaMonthDayT;\n daysMatrixByWeekday?: metaMonthDayT[][];\n invisibleLastDay?: metaMonthDayT;\n handlePrevMonth: () => void;\n handlePrevYear: () => void;\n handleNextMonth: () => void;\n handleNextYear: () => void;\n}\nexport interface CalendarContextT\n extends KeyboardHandlersT,\n HeaderButtonsRefsT,\n FocusLogicT,\n PopperTriggerLogicT,\n useCurrentDisplayedMonthYearLogicT {\n ariaCurrentValueForInputs: string;\n showCalendar: boolean;\n setShowCalendar: React.Dispatch<React.SetStateAction<boolean>>;\n isControllerOnly: boolean;\n isWithTimeWheelToo: boolean;\n autoFocusPrevMonthArrow: boolean;\n disabled: boolean;\n onPrevYearFocus: onFocusFuncT;\n onPrevMonthFocus: onFocusFuncT;\n onNextMonthFocus: onFocusFuncT;\n onNextYearFocus: onFocusFuncT;\n}\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nexport const defaultCalendarContext: CalendarContextT = {\n ariaCurrentValueForInputs: '',\n showCalendar: false,\n disabled: false,\n setShowCalendar: noop,\n closeCalendar: noop,\n setPopperElement: noop,\n setArrowElement: noop,\n usePopperHelpers: undefined,\n handleToggleCalendar: noop,\n handleSetTriggerRef: noop,\n handleMenuWrapperKeyDown: noop,\n prevYearBtnRef: createRef<HTMLButtonElement>(),\n prevMonthBtnRef: createRef<HTMLButtonElement>(),\n nextMonthBtnRef: createRef<HTMLButtonElement>(),\n nextYearBtnRef: createRef<HTMLButtonElement>(),\n calendarDaysWrapperRef: createRef<HTMLDivElement>(),\n currentMonth: undefined,\n currentYear: undefined,\n daysArray: [],\n invisibleFirstDay: undefined,\n daysMatrixByWeekday: [],\n invisibleLastDay: undefined,\n focusedDay: undefined,\n tryToFocusCurrentlyDataIsFocusedDay: noop,\n resetFocusedDayToStartDate: noop,\n handleFocusMetaDay: noop,\n handleFocusMetaDayByDay: noop,\n handlePrevMonth: noop,\n handlePrevYear: noop,\n handleNextMonth: noop,\n handleNextYear: noop,\n handleDayOnKeyDown: noop,\n handlePrevYearKeyDown: noop,\n handlePrevMonthKeyDown: noop,\n handleNextMonthKeyDown: noop,\n handleNextYearKeyDown: noop,\n handlePickerIconKeyDown: noop,\n isControllerOnly: false,\n isWithTimeWheelToo: true,\n autoFocusPrevMonthArrow: false,\n onPrevYearFocus: noop,\n onPrevMonthFocus: noop,\n onNextMonthFocus: noop,\n onNextYearFocus: noop,\n};\n/** Context for cross component communication */\nexport const CalendarContext = createContext(defaultCalendarContext);\n\nexport default CalendarContext;\n"],"names":["noop","defaultCalendarContext","ariaCurrentValueForInputs","showCalendar","disabled","setShowCalendar","closeCalendar","setPopperElement","setArrowElement","usePopperHelpers","undefined","handleToggleCalendar","handleSetTriggerRef","handleMenuWrapperKeyDown","prevYearBtnRef","createRef","prevMonthBtnRef","nextMonthBtnRef","nextYearBtnRef","calendarDaysWrapperRef","currentMonth","currentYear","daysArray","invisibleFirstDay","daysMatrixByWeekday","invisibleLastDay","focusedDay","tryToFocusCurrentlyDataIsFocusedDay","resetFocusedDayToStartDate","handleFocusMetaDay","handleFocusMetaDayByDay","handlePrevMonth","handlePrevYear","handleNextMonth","handleNextYear","handleDayOnKeyDown","handlePrevYearKeyDown","handlePrevMonthKeyDown","handleNextMonthKeyDown","handleNextYearKeyDown","handlePickerIconKeyDown","isControllerOnly","isWithTimeWheelToo","autoFocusPrevMonthArrow","onPrevYearFocus","onPrevMonthFocus","onNextMonthFocus","onNextYearFocus","CalendarContext","createContext"],"mappings":";;;;;;AAoEA;AACA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAY,EAAzB;;IACaC,sBAAwC,GAAG;AACtDC,EAAAA,yBAAyB,EAAE,EAD2B;AAEtDC,EAAAA,YAAY,EAAE,KAFwC;AAGtDC,EAAAA,QAAQ,EAAE,KAH4C;AAItDC,EAAAA,eAAe,EAAEL,IAJqC;AAKtDM,EAAAA,aAAa,EAAEN,IALuC;AAMtDO,EAAAA,gBAAgB,EAAEP,IANoC;AAOtDQ,EAAAA,eAAe,EAAER,IAPqC;AAQtDS,EAAAA,gBAAgB,EAAEC,SARoC;AAStDC,EAAAA,oBAAoB,EAAEX,IATgC;AAUtDY,EAAAA,mBAAmB,EAAEZ,IAViC;AAWtDa,EAAAA,wBAAwB,EAAEb,IAX4B;AAYtDc,EAAAA,cAAc,eAAEC,eAAS,EAZ6B;AAatDC,EAAAA,eAAe,eAAED,eAAS,EAb4B;AActDE,EAAAA,eAAe,eAAEF,eAAS,EAd4B;AAetDG,EAAAA,cAAc,eAAEH,eAAS,EAf6B;AAgBtDI,EAAAA,sBAAsB,eAAEJ,eAAS,EAhBqB;AAiBtDK,EAAAA,YAAY,EAAEV,SAjBwC;AAkBtDW,EAAAA,WAAW,EAAEX,SAlByC;AAmBtDY,EAAAA,SAAS,EAAE,EAnB2C;AAoBtDC,EAAAA,iBAAiB,EAAEb,SApBmC;AAqBtDc,EAAAA,mBAAmB,EAAE,EArBiC;AAsBtDC,EAAAA,gBAAgB,EAAEf,SAtBoC;AAuBtDgB,EAAAA,UAAU,EAAEhB,SAvB0C;AAwBtDiB,EAAAA,mCAAmC,EAAE3B,IAxBiB;AAyBtD4B,EAAAA,0BAA0B,EAAE5B,IAzB0B;AA0BtD6B,EAAAA,kBAAkB,EAAE7B,IA1BkC;AA2BtD8B,EAAAA,uBAAuB,EAAE9B,IA3B6B;AA4BtD+B,EAAAA,eAAe,EAAE/B,IA5BqC;AA6BtDgC,EAAAA,cAAc,EAAEhC,IA7BsC;AA8BtDiC,EAAAA,eAAe,EAAEjC,IA9BqC;AA+BtDkC,EAAAA,cAAc,EAAElC,IA/BsC;AAgCtDmC,EAAAA,kBAAkB,EAAEnC,IAhCkC;AAiCtDoC,EAAAA,qBAAqB,EAAEpC,IAjC+B;AAkCtDqC,EAAAA,sBAAsB,EAAErC,IAlC8B;AAmCtDsC,EAAAA,sBAAsB,EAAEtC,IAnC8B;AAoCtDuC,EAAAA,qBAAqB,EAAEvC,IApC+B;AAqCtDwC,EAAAA,uBAAuB,EAAExC,IArC6B;AAsCtDyC,EAAAA,gBAAgB,EAAE,KAtCoC;AAuCtDC,EAAAA,kBAAkB,EAAE,IAvCkC;AAwCtDC,EAAAA,uBAAuB,EAAE,KAxC6B;AAyCtDC,EAAAA,eAAe,EAAE5C,IAzCqC;AA0CtD6C,EAAAA,gBAAgB,EAAE7C,IA1CoC;AA2CtD8C,EAAAA,gBAAgB,EAAE9C,IA3CoC;AA4CtD+C,EAAAA,eAAe,EAAE/C;AA5CqC;AA8CxD;;IACagD,eAAe,gBAAGC,mBAAa,CAAChD,sBAAD;;;;;;"}
|
|
@@ -113,6 +113,9 @@ var Day = function Day(_ref) {
|
|
|
113
113
|
if (isSelected) dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;
|
|
114
114
|
if (isFocused) dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;
|
|
115
115
|
if (isFocused && isSelected) dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;
|
|
116
|
+
if (isStartRangeDay) dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;
|
|
117
|
+
if (isEndRangeDay) dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;
|
|
118
|
+
if (isDayInRange) dataTestid = controlledDateTimePicker_ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;
|
|
116
119
|
return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({
|
|
117
120
|
className: dayClassModifiers,
|
|
118
121
|
style: isHidden ? displayNone : undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Day.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/Day.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useContext, useCallback, useMemo } from 'react';\nimport {\n getDateStringFromDay,\n getDayFromDateString,\n getDateValuesFromDate,\n isSameDateMoment,\n compareTwoDatesDayEquality,\n} from '../../../utils/dateHelpers';\nimport { defaultMetaInfo, weekDays } from '../../../utils/constants';\nimport { getAriaDayFromDateString } from '../../../utils/stringHelpers';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContext } from './CalendarContext';\nimport type { metaMonthDayT } from '../../../index.d';\nimport { StyledDayBtn } from './Styleds';\n\ninterface CalendarDayPropsT {\n metaDay: metaMonthDayT;\n colIndex?: number;\n isInvisible?: boolean;\n}\nconst displayNone = { display: 'none' };\n\nexport const Day = ({ metaDay, colIndex, isInvisible }: CalendarDayPropsT): JSX.Element => {\n const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;\n const {\n handleChangeComposedDateString,\n dateStringFromProps,\n props: {\n getIsDisabledDay,\n getIsOutOfRangeDay,\n getIsStartRangeDay,\n getIsDayInRange,\n getIsEndRangeDay,\n preventCloseOnSelection,\n onMonthChange,\n onDayChange,\n onYearChange,\n },\n latestInteractionRegion,\n setLatestInteractionRegion,\n } = useContext(ControlledDateTimePickerContext);\n const {\n handleDayOnKeyDown,\n focusedDay,\n handleFocusMetaDayByDay,\n isWithTimeWheelToo,\n closeCalendar,\n tryToFocusCurrentlyDataIsFocusedDay,\n } = useContext(CalendarContext);\n const isFocusedMetaDay = compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day);\n const isSelected = useMemo(() => {\n const selectedDate = getDayFromDateString(dateStringFromProps);\n return isSameDateMoment(day, selectedDate);\n }, [dateStringFromProps, day]);\n const isFocused = latestInteractionRegion === 'calendar-days' && isFocusedMetaDay;\n const isDisabled = getIsDisabledDay(metaDay.dayAsString);\n const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);\n const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);\n const isEndRangeDay = getIsEndRangeDay(metaDay.dayAsString);\n const isDayInRange = !isStartRangeDay && !isEndRangeDay && getIsDayInRange(metaDay.dayAsString);\n\n const handleOnDayClick = useCallback(\n (e) => {\n handleFocusMetaDayByDay(day);\n tryToFocusCurrentlyDataIsFocusedDay();\n if (!isDisabled && !isOutOfRange) {\n const newDateString = getDateStringFromDay(day);\n const metaInfo = { ...defaultMetaInfo, newDateString };\n const { month, day: dayNumber, year } = getDateValuesFromDate(day);\n onMonthChange(`${month + 1}`, e, metaInfo);\n onDayChange(`${dayNumber}`, e, metaInfo);\n onYearChange(`${year}`, e, metaInfo);\n handleChangeComposedDateString(newDateString, metaInfo);\n setLatestInteractionRegion('calendar-days');\n if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();\n }\n },\n [\n isDisabled,\n isOutOfRange,\n day,\n onMonthChange,\n onDayChange,\n onYearChange,\n handleChangeComposedDateString,\n handleFocusMetaDayByDay,\n tryToFocusCurrentlyDataIsFocusedDay,\n setLatestInteractionRegion,\n isWithTimeWheelToo,\n preventCloseOnSelection,\n closeCalendar,\n ],\n );\n\n const handleOnDayFocus = useCallback(() => {\n setLatestInteractionRegion('calendar-days');\n }, [setLatestInteractionRegion]);\n\n const dayClassModifiers = useMemo(\n () =>\n `dayWrapper ${isSelected ? 'selectedDay ' : ''}${isDisabled ? 'disabledDay ' : ''}${\n isOutOfRange ? 'outOfRangeDay ' : ''\n }${isFocused ? 'focusedDay ' : ''}${isStartRangeDay ? 'startRangeDay ' : ''}${isDayInRange ? 'inRangeDay ' : ''}${\n isEndRangeDay ? 'endRangeDay ' : ''\n }${isCurrMonthDay ? '' : 'notCurrentMonth'}`,\n [isSelected, isDisabled, isOutOfRange, isFocused, isStartRangeDay, isDayInRange, isEndRangeDay, isCurrMonthDay],\n );\n\n let dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.DAY;\n if (isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;\n if (isFocused) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;\n if (isFocused && isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;\n return (\n <div\n className={dayClassModifiers}\n style={isHidden ? displayNone : undefined}\n role={!isInvisible ? 'gridcell' : undefined}\n {...(Number.isInteger(colIndex) && { 'aria-colindex': colIndex })}\n >\n <StyledDayBtn\n aria-label={`${getAriaDayFromDateString(dayAsString)}, ${weekDays[metaDay.day.getDay()]}`}\n aria-disabled={isOutOfRange || isDisabled}\n aria-hidden={!!isInvisible}\n buttonType=\"raw\"\n size=\"m\"\n onClick={handleOnDayClick} // DSButton triggers this with \"spacebar\" and \"enter\" too...\n onFocus={handleOnDayFocus}\n onKeyDown={(e) => {\n handleDayOnKeyDown(e, metaDay);\n }}\n innerRef={dayBtnRef}\n tabIndex={isSelected ? 0 : -1}\n data-isfocused={isFocused}\n data-testid={dataTestid}\n >\n {`${day.getDate()}`}\n </StyledDayBtn>\n </div>\n );\n};\n"],"names":["displayNone","display","Day","metaDay","colIndex","isInvisible","day","isCurrMonthDay","isHidden","dayBtnRef","dayAsString","useContext","ControlledDateTimePickerContext","handleChangeComposedDateString","dateStringFromProps","props","getIsDisabledDay","getIsOutOfRangeDay","getIsStartRangeDay","getIsDayInRange","getIsEndRangeDay","preventCloseOnSelection","onMonthChange","onDayChange","onYearChange","latestInteractionRegion","setLatestInteractionRegion","CalendarContext","handleDayOnKeyDown","focusedDay","handleFocusMetaDayByDay","isWithTimeWheelToo","closeCalendar","tryToFocusCurrentlyDataIsFocusedDay","isFocusedMetaDay","compareTwoDatesDayEquality","isSelected","useMemo","selectedDate","getDayFromDateString","isSameDateMoment","isFocused","isDisabled","isOutOfRange","isStartRangeDay","isEndRangeDay","isDayInRange","handleOnDayClick","useCallback","e","newDateString","getDateStringFromDay","metaInfo","defaultMetaInfo","getDateValuesFromDate","month","dayNumber","year","handleOnDayFocus","dayClassModifiers","dataTestid","ControlledDateTimePickerDatatestid","CALENDAR","DAY","SELECTED_DAY","FOCUSED_DAY","SELECTED_FOCUSED_DAY","React","undefined","Number","isInteger","StyledDayBtn","getAriaDayFromDateString","weekDays","getDay","getDate"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Day.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/Day.tsx"],"sourcesContent":["/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useContext, useCallback, useMemo } from 'react';\nimport {\n getDateStringFromDay,\n getDayFromDateString,\n getDateValuesFromDate,\n isSameDateMoment,\n compareTwoDatesDayEquality,\n} from '../../../utils/dateHelpers';\nimport { defaultMetaInfo, weekDays } from '../../../utils/constants';\nimport { getAriaDayFromDateString } from '../../../utils/stringHelpers';\nimport { ControlledDateTimePickerDatatestid } from '../../../ControlledDateTimePickerDatatestid';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContext } from './CalendarContext';\nimport type { metaMonthDayT } from '../../../index.d';\nimport { StyledDayBtn } from './Styleds';\n\ninterface CalendarDayPropsT {\n metaDay: metaMonthDayT;\n colIndex?: number;\n isInvisible?: boolean;\n}\nconst displayNone = { display: 'none' };\n\nexport const Day = ({ metaDay, colIndex, isInvisible }: CalendarDayPropsT): JSX.Element => {\n const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;\n const {\n handleChangeComposedDateString,\n dateStringFromProps,\n props: {\n getIsDisabledDay,\n getIsOutOfRangeDay,\n getIsStartRangeDay,\n getIsDayInRange,\n getIsEndRangeDay,\n preventCloseOnSelection,\n onMonthChange,\n onDayChange,\n onYearChange,\n },\n latestInteractionRegion,\n setLatestInteractionRegion,\n } = useContext(ControlledDateTimePickerContext);\n const {\n handleDayOnKeyDown,\n focusedDay,\n handleFocusMetaDayByDay,\n isWithTimeWheelToo,\n closeCalendar,\n tryToFocusCurrentlyDataIsFocusedDay,\n } = useContext(CalendarContext);\n const isFocusedMetaDay = compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day);\n const isSelected = useMemo(() => {\n const selectedDate = getDayFromDateString(dateStringFromProps);\n return isSameDateMoment(day, selectedDate);\n }, [dateStringFromProps, day]);\n const isFocused = latestInteractionRegion === 'calendar-days' && isFocusedMetaDay;\n const isDisabled = getIsDisabledDay(metaDay.dayAsString);\n const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);\n const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);\n const isEndRangeDay = getIsEndRangeDay(metaDay.dayAsString);\n const isDayInRange = !isStartRangeDay && !isEndRangeDay && getIsDayInRange(metaDay.dayAsString);\n\n const handleOnDayClick = useCallback(\n (e) => {\n handleFocusMetaDayByDay(day);\n tryToFocusCurrentlyDataIsFocusedDay();\n if (!isDisabled && !isOutOfRange) {\n const newDateString = getDateStringFromDay(day);\n const metaInfo = { ...defaultMetaInfo, newDateString };\n const { month, day: dayNumber, year } = getDateValuesFromDate(day);\n onMonthChange(`${month + 1}`, e, metaInfo);\n onDayChange(`${dayNumber}`, e, metaInfo);\n onYearChange(`${year}`, e, metaInfo);\n handleChangeComposedDateString(newDateString, metaInfo);\n setLatestInteractionRegion('calendar-days');\n if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();\n }\n },\n [\n isDisabled,\n isOutOfRange,\n day,\n onMonthChange,\n onDayChange,\n onYearChange,\n handleChangeComposedDateString,\n handleFocusMetaDayByDay,\n tryToFocusCurrentlyDataIsFocusedDay,\n setLatestInteractionRegion,\n isWithTimeWheelToo,\n preventCloseOnSelection,\n closeCalendar,\n ],\n );\n\n const handleOnDayFocus = useCallback(() => {\n setLatestInteractionRegion('calendar-days');\n }, [setLatestInteractionRegion]);\n\n const dayClassModifiers = useMemo(\n () =>\n `dayWrapper ${isSelected ? 'selectedDay ' : ''}${isDisabled ? 'disabledDay ' : ''}${\n isOutOfRange ? 'outOfRangeDay ' : ''\n }${isFocused ? 'focusedDay ' : ''}${isStartRangeDay ? 'startRangeDay ' : ''}${isDayInRange ? 'inRangeDay ' : ''}${\n isEndRangeDay ? 'endRangeDay ' : ''\n }${isCurrMonthDay ? '' : 'notCurrentMonth'}`,\n [isSelected, isDisabled, isOutOfRange, isFocused, isStartRangeDay, isDayInRange, isEndRangeDay, isCurrMonthDay],\n );\n\n let dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.DAY;\n if (isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;\n if (isFocused) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;\n if (isFocused && isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;\n if (isStartRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;\n if (isEndRangeDay) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;\n if (isDayInRange) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;\n return (\n <div\n className={dayClassModifiers}\n style={isHidden ? displayNone : undefined}\n role={!isInvisible ? 'gridcell' : undefined}\n {...(Number.isInteger(colIndex) && { 'aria-colindex': colIndex })}\n >\n <StyledDayBtn\n aria-label={`${getAriaDayFromDateString(dayAsString)}, ${weekDays[metaDay.day.getDay()]}`}\n aria-disabled={isOutOfRange || isDisabled}\n aria-hidden={!!isInvisible}\n buttonType=\"raw\"\n size=\"m\"\n onClick={handleOnDayClick} // DSButton triggers this with \"spacebar\" and \"enter\" too...\n onFocus={handleOnDayFocus}\n onKeyDown={(e) => {\n handleDayOnKeyDown(e, metaDay);\n }}\n innerRef={dayBtnRef}\n tabIndex={isSelected ? 0 : -1}\n data-isfocused={isFocused}\n data-testid={dataTestid}\n >\n {`${day.getDate()}`}\n </StyledDayBtn>\n </div>\n );\n};\n"],"names":["displayNone","display","Day","metaDay","colIndex","isInvisible","day","isCurrMonthDay","isHidden","dayBtnRef","dayAsString","useContext","ControlledDateTimePickerContext","handleChangeComposedDateString","dateStringFromProps","props","getIsDisabledDay","getIsOutOfRangeDay","getIsStartRangeDay","getIsDayInRange","getIsEndRangeDay","preventCloseOnSelection","onMonthChange","onDayChange","onYearChange","latestInteractionRegion","setLatestInteractionRegion","CalendarContext","handleDayOnKeyDown","focusedDay","handleFocusMetaDayByDay","isWithTimeWheelToo","closeCalendar","tryToFocusCurrentlyDataIsFocusedDay","isFocusedMetaDay","compareTwoDatesDayEquality","isSelected","useMemo","selectedDate","getDayFromDateString","isSameDateMoment","isFocused","isDisabled","isOutOfRange","isStartRangeDay","isEndRangeDay","isDayInRange","handleOnDayClick","useCallback","e","newDateString","getDateStringFromDay","metaInfo","defaultMetaInfo","getDateValuesFromDate","month","dayNumber","year","handleOnDayFocus","dayClassModifiers","dataTestid","ControlledDateTimePickerDatatestid","CALENDAR","DAY","SELECTED_DAY","FOCUSED_DAY","SELECTED_FOCUSED_DAY","START_RANGE_DAY","END_RANGE_DAY","IN_RANGE_DAY","React","undefined","Number","isInteger","StyledDayBtn","getAriaDayFromDateString","weekDays","getDay","getDate"],"mappings":"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"}
|
|
@@ -40,23 +40,12 @@ function sliceIntoChunks(arr, chunkSize) {
|
|
|
40
40
|
|
|
41
41
|
var useConfigCalendarCTX = function useConfigCalendarCTX() {
|
|
42
42
|
var _useContext = React.useContext(controlledDateTimePicker_ControlledDateTimePickerCTX.ControlledDateTimePickerContext),
|
|
43
|
-
|
|
44
|
-
_useContext$props = _useContext.props,
|
|
45
|
-
onPickerOpen = _useContext$props.onPickerOpen,
|
|
46
|
-
onPickerClose = _useContext$props.onPickerClose,
|
|
47
|
-
preventCloseOnSelection = _useContext$props.preventCloseOnSelection,
|
|
48
|
-
disabled = _useContext$props.disabled,
|
|
49
|
-
hideDate = _useContext.hideDate,
|
|
50
|
-
hideTime = _useContext.hideTime,
|
|
51
|
-
monthInputRef = _useContext.monthInputRef,
|
|
52
|
-
hourInputRef = _useContext.hourInputRef,
|
|
43
|
+
disabled = _useContext.props.disabled,
|
|
53
44
|
prevYearBtnRef = _useContext.prevYearBtnRef,
|
|
54
45
|
prevMonthBtnRef = _useContext.prevMonthBtnRef,
|
|
55
46
|
nextMonthBtnRef = _useContext.nextMonthBtnRef,
|
|
56
47
|
nextYearBtnRef = _useContext.nextYearBtnRef,
|
|
57
48
|
calendarDaysWrapperRef = _useContext.calendarDaysWrapperRef,
|
|
58
|
-
currMeridiemBtnRef = _useContext.currMeridiemBtnRef,
|
|
59
|
-
currHourBtnRef = _useContext.currHourBtnRef,
|
|
60
49
|
isControllerOnly = _useContext.isControllerOnly,
|
|
61
50
|
isWithTimeWheelToo = _useContext.isWithTimeWheelToo,
|
|
62
51
|
setLatestInteractionRegion = _useContext.setLatestInteractionRegion,
|
|
@@ -111,28 +100,18 @@ var useConfigCalendarCTX = function useConfigCalendarCTX() {
|
|
|
111
100
|
|
|
112
101
|
var _useFocusLogic = controlledDateTimePicker_parts_Pickers_Calendar_useFocusLogic.useFocusLogic({
|
|
113
102
|
daysArray: daysArray,
|
|
114
|
-
calendarDaysWrapperRef: calendarDaysWrapperRef,
|
|
115
103
|
showCalendar: showCalendar
|
|
116
104
|
}),
|
|
117
105
|
focusedDay = _useFocusLogic.focusedDay,
|
|
118
106
|
tryToFocusCurrentlyDataIsFocusedDay = _useFocusLogic.tryToFocusCurrentlyDataIsFocusedDay,
|
|
119
107
|
handleFocusMetaDay = _useFocusLogic.handleFocusMetaDay,
|
|
120
108
|
handleFocusMetaDayByDay = _useFocusLogic.handleFocusMetaDayByDay,
|
|
121
|
-
resetFocusedDayToStartDate = _useFocusLogic.resetFocusedDayToStartDate;
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
var handleOnPickerOpen = React.useCallback(function () {
|
|
125
|
-
onPickerOpen();
|
|
126
|
-
tryToFocusCurrentlyDataIsFocusedDay();
|
|
127
|
-
}, [onPickerOpen, tryToFocusCurrentlyDataIsFocusedDay]);
|
|
109
|
+
resetFocusedDayToStartDate = _useFocusLogic.resetFocusedDayToStartDate;
|
|
128
110
|
|
|
129
111
|
var _usePopperTriggerLogi = controlledDateTimePicker_parts_Pickers_Calendar_usePopperTriggerLogic.usePopperTriggerLogic({
|
|
130
|
-
|
|
112
|
+
tryToFocusCurrentlyDataIsFocusedDay: tryToFocusCurrentlyDataIsFocusedDay,
|
|
131
113
|
resetFocusedDayToStartDate: resetFocusedDayToStartDate,
|
|
132
|
-
|
|
133
|
-
pickerButtonRef: pickerButtonRef,
|
|
134
|
-
onPickerOpen: handleOnPickerOpen,
|
|
135
|
-
onPickerClose: onPickerClose,
|
|
114
|
+
focusedDay: focusedDay,
|
|
136
115
|
showCalendar: showCalendar,
|
|
137
116
|
setShowCalendar: setShowCalendar
|
|
138
117
|
}),
|
|
@@ -149,27 +128,9 @@ var useConfigCalendarCTX = function useConfigCalendarCTX() {
|
|
|
149
128
|
daysArray: daysArray,
|
|
150
129
|
handlePrevMonth: handlePrevMonth,
|
|
151
130
|
handleNextMonth: handleNextMonth,
|
|
152
|
-
pickerButtonRef: pickerButtonRef,
|
|
153
|
-
currMeridiemBtnRef: currMeridiemBtnRef,
|
|
154
|
-
currHourBtnRef: currHourBtnRef,
|
|
155
|
-
prevYearBtnRef: prevYearBtnRef,
|
|
156
|
-
prevMonthBtnRef: prevMonthBtnRef,
|
|
157
|
-
nextMonthBtnRef: nextMonthBtnRef,
|
|
158
|
-
nextYearBtnRef: nextYearBtnRef,
|
|
159
|
-
isWithTimeWheelToo: isWithTimeWheelToo,
|
|
160
|
-
isControllerOnly: isControllerOnly,
|
|
161
|
-
setShowCalendar: setShowCalendar,
|
|
162
|
-
onPickerOpen: onPickerOpen,
|
|
163
|
-
onPickerClose: onPickerClose,
|
|
164
|
-
setLatestInteractionRegion: setLatestInteractionRegion,
|
|
165
131
|
handleFocusMetaDay: handleFocusMetaDay,
|
|
166
132
|
handleFocusMetaDayByDay: handleFocusMetaDayByDay,
|
|
167
|
-
tryToFocusCurrentlyDataIsFocusedDay: tryToFocusCurrentlyDataIsFocusedDay
|
|
168
|
-
hideDate: hideDate,
|
|
169
|
-
hideTime: hideTime,
|
|
170
|
-
monthInputRef: monthInputRef,
|
|
171
|
-
hourInputRef: hourInputRef,
|
|
172
|
-
preventCloseOnSelection: preventCloseOnSelection
|
|
133
|
+
tryToFocusCurrentlyDataIsFocusedDay: tryToFocusCurrentlyDataIsFocusedDay
|
|
173
134
|
}),
|
|
174
135
|
handleDayOnKeyDown = _useKeyboardHandlers.handleDayOnKeyDown,
|
|
175
136
|
handlePrevYearKeyDown = _useKeyboardHandlers.handlePrevYearKeyDown,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useConfigCalendarCTX.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useState, useMemo, useContext, useCallback } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContextT } from './CalendarContext';\nimport { useKeyboardHandlers } from './useKeyboardHandlers';\nimport { useFocusLogic } from './useFocusLogic';\nimport { usePopperTriggerLogic } from './usePopperTriggerLogic';\nimport { useCurrentDisplayedMonthYearLogic } from './useCurrentDisplayedMonthYearLogic';\nimport type { metaMonthDayT } from '../../../index.d';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction sliceIntoChunks<T = any>(arr: Array<T>, chunkSize: number): Array<Array<T>> {\n const res = [];\n for (let i = 0; i < arr.length; i += chunkSize) {\n const chunk = arr.slice(i, i + chunkSize);\n res.push(chunk);\n }\n return res;\n}\nexport const useConfigCalendarCTX = (): CalendarContextT => {\n const {\n pickerButtonRef,\n props: { onPickerOpen, onPickerClose, preventCloseOnSelection, disabled },\n hideDate,\n hideTime,\n monthInputRef,\n hourInputRef,\n prevYearBtnRef,\n prevMonthBtnRef,\n nextMonthBtnRef,\n nextYearBtnRef,\n calendarDaysWrapperRef,\n currMeridiemBtnRef,\n currHourBtnRef,\n isControllerOnly,\n isWithTimeWheelToo,\n setLatestInteractionRegion,\n autoFocusPrevMonthArrow,\n ariaCurrentValueForInputs,\n } = useContext(ControlledDateTimePickerContext);\n const [showCalendar, setShowCalendar] = useState(false);\n\n const { currentMonth, currentYear, daysArray, handlePrevYear, handlePrevMonth, handleNextMonth, handleNextYear } =\n useCurrentDisplayedMonthYearLogic();\n const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay } = useMemo(() => {\n const [invisible1stDay, ...otherDays] = [...daysArray];\n const invisibleDayLast = otherDays.pop();\n return {\n invisibleFirstDay: invisible1stDay,\n daysMatrixByWeekday: sliceIntoChunks<metaMonthDayT>(otherDays, 7),\n invisibleLastDay: invisibleDayLast,\n };\n }, [daysArray]);\n\n const setLatestInteractionRegionCalendarHead = useCallback(() => {\n setLatestInteractionRegion('calendar-head');\n }, [setLatestInteractionRegion]);\n const onPrevYearFocus = useCallback(() => {\n setLatestInteractionRegionCalendarHead();\n }, [setLatestInteractionRegionCalendarHead]);\n const onPrevMonthFocus = useCallback(() => {\n setLatestInteractionRegionCalendarHead();\n }, [setLatestInteractionRegionCalendarHead]);\n const onNextMonthFocus = useCallback(() => {\n setLatestInteractionRegionCalendarHead();\n }, [setLatestInteractionRegionCalendarHead]);\n const onNextYearFocus = useCallback(() => {\n setLatestInteractionRegionCalendarHead();\n }, [setLatestInteractionRegionCalendarHead]);\n\n const {\n focusedDay,\n tryToFocusCurrentlyDataIsFocusedDay,\n handleFocusMetaDay,\n handleFocusMetaDayByDay,\n resetFocusedDayToStartDate,\n } = useFocusLogic({\n daysArray,\n calendarDaysWrapperRef,\n showCalendar,\n });\n\n // onOpen we try to focus the day we should focus, if we should focus one\n const handleOnPickerOpen = useCallback(() => {\n onPickerOpen();\n tryToFocusCurrentlyDataIsFocusedDay();\n }, [onPickerOpen, tryToFocusCurrentlyDataIsFocusedDay]);\n\n const {\n closeCalendar,\n handleSetTriggerRef,\n setPopperElement,\n setArrowElement,\n usePopperHelpers,\n handleToggleCalendar,\n handleMenuWrapperKeyDown,\n } = usePopperTriggerLogic({\n focusedDay,\n resetFocusedDayToStartDate,\n prevMonthBtnRef,\n pickerButtonRef,\n onPickerOpen: handleOnPickerOpen,\n onPickerClose,\n showCalendar,\n setShowCalendar,\n });\n const {\n handleDayOnKeyDown,\n handlePrevYearKeyDown,\n handlePrevMonthKeyDown,\n handleNextMonthKeyDown,\n handleNextYearKeyDown,\n handlePickerIconKeyDown,\n } = useKeyboardHandlers({\n focusedDay,\n daysArray,\n handlePrevMonth,\n handleNextMonth,\n pickerButtonRef,\n currMeridiemBtnRef,\n currHourBtnRef,\n prevYearBtnRef,\n prevMonthBtnRef,\n nextMonthBtnRef,\n nextYearBtnRef,\n isWithTimeWheelToo,\n isControllerOnly,\n setShowCalendar,\n onPickerOpen,\n onPickerClose,\n setLatestInteractionRegion,\n handleFocusMetaDay,\n handleFocusMetaDayByDay,\n tryToFocusCurrentlyDataIsFocusedDay,\n hideDate,\n hideTime,\n monthInputRef,\n hourInputRef,\n preventCloseOnSelection,\n });\n\n return useMemo(\n () => ({\n showCalendar,\n setShowCalendar,\n closeCalendar,\n setPopperElement,\n setArrowElement,\n usePopperHelpers,\n handleToggleCalendar,\n handleSetTriggerRef,\n handleMenuWrapperKeyDown,\n\n isControllerOnly,\n calendarDaysWrapperRef,\n prevYearBtnRef,\n prevMonthBtnRef,\n nextMonthBtnRef,\n nextYearBtnRef,\n\n currentMonth,\n currentYear,\n daysArray,\n invisibleFirstDay,\n daysMatrixByWeekday,\n invisibleLastDay,\n focusedDay,\n tryToFocusCurrentlyDataIsFocusedDay,\n handleFocusMetaDay,\n handleFocusMetaDayByDay,\n resetFocusedDayToStartDate,\n handlePrevMonth,\n handlePrevYear,\n handleNextMonth,\n handleNextYear,\n handleDayOnKeyDown,\n handlePrevYearKeyDown,\n handlePrevMonthKeyDown,\n handleNextMonthKeyDown,\n handleNextYearKeyDown,\n handlePickerIconKeyDown,\n\n onPrevYearFocus,\n onPrevMonthFocus,\n onNextMonthFocus,\n onNextYearFocus,\n\n isWithTimeWheelToo,\n autoFocusPrevMonthArrow,\n ariaCurrentValueForInputs,\n disabled,\n }),\n [\n showCalendar,\n closeCalendar,\n setPopperElement,\n setArrowElement,\n usePopperHelpers,\n handleToggleCalendar,\n handleSetTriggerRef,\n handleMenuWrapperKeyDown,\n isControllerOnly,\n calendarDaysWrapperRef,\n prevYearBtnRef,\n prevMonthBtnRef,\n nextMonthBtnRef,\n nextYearBtnRef,\n currentMonth,\n currentYear,\n daysArray,\n invisibleFirstDay,\n daysMatrixByWeekday,\n invisibleLastDay,\n focusedDay,\n tryToFocusCurrentlyDataIsFocusedDay,\n handleFocusMetaDay,\n handleFocusMetaDayByDay,\n resetFocusedDayToStartDate,\n handlePrevMonth,\n handlePrevYear,\n handleNextMonth,\n handleNextYear,\n handleDayOnKeyDown,\n handlePrevYearKeyDown,\n handlePrevMonthKeyDown,\n handleNextMonthKeyDown,\n handleNextYearKeyDown,\n handlePickerIconKeyDown,\n onPrevYearFocus,\n onPrevMonthFocus,\n onNextMonthFocus,\n onNextYearFocus,\n isWithTimeWheelToo,\n autoFocusPrevMonthArrow,\n ariaCurrentValueForInputs,\n disabled,\n ],\n );\n};\n"],"names":["sliceIntoChunks","arr","chunkSize","res","i","length","chunk","slice","push","useConfigCalendarCTX","useContext","ControlledDateTimePickerContext","pickerButtonRef","props","onPickerOpen","onPickerClose","preventCloseOnSelection","disabled","hideDate","hideTime","monthInputRef","hourInputRef","prevYearBtnRef","prevMonthBtnRef","nextMonthBtnRef","nextYearBtnRef","calendarDaysWrapperRef","currMeridiemBtnRef","currHourBtnRef","isControllerOnly","isWithTimeWheelToo","setLatestInteractionRegion","autoFocusPrevMonthArrow","ariaCurrentValueForInputs","useState","showCalendar","setShowCalendar","useCurrentDisplayedMonthYearLogic","currentMonth","currentYear","daysArray","handlePrevYear","handlePrevMonth","handleNextMonth","handleNextYear","useMemo","invisible1stDay","otherDays","invisibleDayLast","pop","invisibleFirstDay","daysMatrixByWeekday","invisibleLastDay","setLatestInteractionRegionCalendarHead","useCallback","onPrevYearFocus","onPrevMonthFocus","onNextMonthFocus","onNextYearFocus","useFocusLogic","focusedDay","tryToFocusCurrentlyDataIsFocusedDay","handleFocusMetaDay","handleFocusMetaDayByDay","resetFocusedDayToStartDate","handleOnPickerOpen","usePopperTriggerLogic","closeCalendar","handleSetTriggerRef","setPopperElement","setArrowElement","usePopperHelpers","handleToggleCalendar","handleMenuWrapperKeyDown","useKeyboardHandlers","handleDayOnKeyDown","handlePrevYearKeyDown","handlePrevMonthKeyDown","handleNextMonthKeyDown","handleNextYearKeyDown","handlePickerIconKeyDown"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useConfigCalendarCTX.js","sources":["../../../../../../src/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.tsx"],"sourcesContent":["/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { useState, useMemo, useContext, useCallback } from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX';\nimport { CalendarContextT } from './CalendarContext';\nimport { useKeyboardHandlers } from './useKeyboardHandlers';\nimport { useFocusLogic } from './useFocusLogic';\nimport { usePopperTriggerLogic } from './usePopperTriggerLogic';\nimport { useCurrentDisplayedMonthYearLogic } from './useCurrentDisplayedMonthYearLogic';\nimport type { metaMonthDayT } from '../../../index.d';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction sliceIntoChunks<T = any>(arr: Array<T>, chunkSize: number): Array<Array<T>> {\n const res = [];\n for (let i = 0; i < arr.length; i += chunkSize) {\n const chunk = arr.slice(i, i + chunkSize);\n res.push(chunk);\n }\n return res;\n}\nexport const useConfigCalendarCTX = (): CalendarContextT => {\n const {\n props: { disabled },\n prevYearBtnRef,\n prevMonthBtnRef,\n nextMonthBtnRef,\n nextYearBtnRef,\n calendarDaysWrapperRef,\n isControllerOnly,\n isWithTimeWheelToo,\n setLatestInteractionRegion,\n autoFocusPrevMonthArrow,\n ariaCurrentValueForInputs,\n } = useContext(ControlledDateTimePickerContext);\n const [showCalendar, setShowCalendar] = useState(false);\n\n const { currentMonth, currentYear, daysArray, handlePrevYear, handlePrevMonth, handleNextMonth, handleNextYear } =\n useCurrentDisplayedMonthYearLogic();\n const { invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay } = useMemo(() => {\n const [invisible1stDay, ...otherDays] = [...daysArray];\n const invisibleDayLast = otherDays.pop();\n return {\n invisibleFirstDay: invisible1stDay,\n daysMatrixByWeekday: sliceIntoChunks<metaMonthDayT>(otherDays, 7),\n invisibleLastDay: invisibleDayLast,\n };\n }, [daysArray]);\n\n const setLatestInteractionRegionCalendarHead = useCallback(() => {\n setLatestInteractionRegion('calendar-head');\n }, [setLatestInteractionRegion]);\n const onPrevYearFocus = useCallback(() => {\n setLatestInteractionRegionCalendarHead();\n }, [setLatestInteractionRegionCalendarHead]);\n const onPrevMonthFocus = useCallback(() => {\n setLatestInteractionRegionCalendarHead();\n }, [setLatestInteractionRegionCalendarHead]);\n const onNextMonthFocus = useCallback(() => {\n setLatestInteractionRegionCalendarHead();\n }, [setLatestInteractionRegionCalendarHead]);\n const onNextYearFocus = useCallback(() => {\n setLatestInteractionRegionCalendarHead();\n }, [setLatestInteractionRegionCalendarHead]);\n\n const {\n focusedDay,\n tryToFocusCurrentlyDataIsFocusedDay,\n handleFocusMetaDay,\n handleFocusMetaDayByDay,\n resetFocusedDayToStartDate,\n } = useFocusLogic({ daysArray, showCalendar });\n\n const {\n closeCalendar,\n handleSetTriggerRef,\n setPopperElement,\n setArrowElement,\n usePopperHelpers,\n handleToggleCalendar,\n handleMenuWrapperKeyDown,\n } = usePopperTriggerLogic({\n tryToFocusCurrentlyDataIsFocusedDay,\n resetFocusedDayToStartDate,\n focusedDay,\n showCalendar,\n setShowCalendar,\n });\n const {\n handleDayOnKeyDown,\n handlePrevYearKeyDown,\n handlePrevMonthKeyDown,\n handleNextMonthKeyDown,\n handleNextYearKeyDown,\n handlePickerIconKeyDown,\n } = useKeyboardHandlers({\n focusedDay,\n daysArray,\n handlePrevMonth,\n handleNextMonth,\n handleFocusMetaDay,\n handleFocusMetaDayByDay,\n tryToFocusCurrentlyDataIsFocusedDay,\n });\n\n return useMemo(\n () => ({\n showCalendar,\n setShowCalendar,\n closeCalendar,\n setPopperElement,\n setArrowElement,\n usePopperHelpers,\n handleToggleCalendar,\n handleSetTriggerRef,\n handleMenuWrapperKeyDown,\n\n isControllerOnly,\n calendarDaysWrapperRef,\n prevYearBtnRef,\n prevMonthBtnRef,\n nextMonthBtnRef,\n nextYearBtnRef,\n\n currentMonth,\n currentYear,\n daysArray,\n invisibleFirstDay,\n daysMatrixByWeekday,\n invisibleLastDay,\n focusedDay,\n tryToFocusCurrentlyDataIsFocusedDay,\n handleFocusMetaDay,\n handleFocusMetaDayByDay,\n resetFocusedDayToStartDate,\n handlePrevMonth,\n handlePrevYear,\n handleNextMonth,\n handleNextYear,\n handleDayOnKeyDown,\n handlePrevYearKeyDown,\n handlePrevMonthKeyDown,\n handleNextMonthKeyDown,\n handleNextYearKeyDown,\n handlePickerIconKeyDown,\n\n onPrevYearFocus,\n onPrevMonthFocus,\n onNextMonthFocus,\n onNextYearFocus,\n\n isWithTimeWheelToo,\n autoFocusPrevMonthArrow,\n ariaCurrentValueForInputs,\n disabled,\n }),\n [\n showCalendar,\n closeCalendar,\n setPopperElement,\n setArrowElement,\n usePopperHelpers,\n handleToggleCalendar,\n handleSetTriggerRef,\n handleMenuWrapperKeyDown,\n isControllerOnly,\n calendarDaysWrapperRef,\n prevYearBtnRef,\n prevMonthBtnRef,\n nextMonthBtnRef,\n nextYearBtnRef,\n currentMonth,\n currentYear,\n daysArray,\n invisibleFirstDay,\n daysMatrixByWeekday,\n invisibleLastDay,\n focusedDay,\n tryToFocusCurrentlyDataIsFocusedDay,\n handleFocusMetaDay,\n handleFocusMetaDayByDay,\n resetFocusedDayToStartDate,\n handlePrevMonth,\n handlePrevYear,\n handleNextMonth,\n handleNextYear,\n handleDayOnKeyDown,\n handlePrevYearKeyDown,\n handlePrevMonthKeyDown,\n handleNextMonthKeyDown,\n handleNextYearKeyDown,\n handlePickerIconKeyDown,\n onPrevYearFocus,\n onPrevMonthFocus,\n onNextMonthFocus,\n onNextYearFocus,\n isWithTimeWheelToo,\n autoFocusPrevMonthArrow,\n ariaCurrentValueForInputs,\n disabled,\n ],\n );\n};\n"],"names":["sliceIntoChunks","arr","chunkSize","res","i","length","chunk","slice","push","useConfigCalendarCTX","useContext","ControlledDateTimePickerContext","disabled","props","prevYearBtnRef","prevMonthBtnRef","nextMonthBtnRef","nextYearBtnRef","calendarDaysWrapperRef","isControllerOnly","isWithTimeWheelToo","setLatestInteractionRegion","autoFocusPrevMonthArrow","ariaCurrentValueForInputs","useState","showCalendar","setShowCalendar","useCurrentDisplayedMonthYearLogic","currentMonth","currentYear","daysArray","handlePrevYear","handlePrevMonth","handleNextMonth","handleNextYear","useMemo","invisible1stDay","otherDays","invisibleDayLast","pop","invisibleFirstDay","daysMatrixByWeekday","invisibleLastDay","setLatestInteractionRegionCalendarHead","useCallback","onPrevYearFocus","onPrevMonthFocus","onNextMonthFocus","onNextYearFocus","useFocusLogic","focusedDay","tryToFocusCurrentlyDataIsFocusedDay","handleFocusMetaDay","handleFocusMetaDayByDay","resetFocusedDayToStartDate","usePopperTriggerLogic","closeCalendar","handleSetTriggerRef","setPopperElement","setArrowElement","usePopperHelpers","handleToggleCalendar","handleMenuWrapperKeyDown","useKeyboardHandlers","handleDayOnKeyDown","handlePrevYearKeyDown","handlePrevMonthKeyDown","handleNextMonthKeyDown","handleNextYearKeyDown","handlePickerIconKeyDown"],"mappings":"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"}
|