@elliemae/ds-form-date-range-picker 3.12.0-rc.1 → 3.12.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/cjs/ControlledDateRangePicker.js +1 -4
  2. package/dist/cjs/ControlledDateRangePicker.js.map +1 -1
  3. package/dist/cjs/parts/ControlledDateRangeCalendar.js +25 -22
  4. package/dist/cjs/parts/ControlledDateRangeCalendar.js.map +1 -1
  5. package/dist/cjs/parts/ControlledDateRangeContent.js +16 -15
  6. package/dist/cjs/parts/ControlledDateRangeContent.js.map +1 -1
  7. package/dist/cjs/parts/ControlledDateRangeFromDate.js +17 -14
  8. package/dist/cjs/parts/ControlledDateRangeFromDate.js.map +1 -1
  9. package/dist/cjs/parts/ControlledDateRangeToDate.js +15 -12
  10. package/dist/cjs/parts/ControlledDateRangeToDate.js.map +1 -1
  11. package/dist/esm/ControlledDateRangePicker.js +1 -4
  12. package/dist/esm/ControlledDateRangePicker.js.map +1 -1
  13. package/dist/esm/parts/ControlledDateRangeCalendar.js +25 -22
  14. package/dist/esm/parts/ControlledDateRangeCalendar.js.map +1 -1
  15. package/dist/esm/parts/ControlledDateRangeContent.js +16 -15
  16. package/dist/esm/parts/ControlledDateRangeContent.js.map +1 -1
  17. package/dist/esm/parts/ControlledDateRangeFromDate.js +17 -14
  18. package/dist/esm/parts/ControlledDateRangeFromDate.js.map +1 -1
  19. package/dist/esm/parts/ControlledDateRangeToDate.js +15 -12
  20. package/dist/esm/parts/ControlledDateRangeToDate.js.map +1 -1
  21. package/package.json +4 -4
package/dist/cjs/ControlledDateRangePicker.js CHANGED
@@ -38,10 +38,7 @@ var import_ControlledDateRangePickerCTX = require("./ControlledDateRangePickerCT
38
38
  var import_theming = require("./exported-related/theming");
39
39
  const DSControlledDateRangePicker = (props) => {
40
40
  const ctx = (0, import_useControlledDateRangePicker.useControlledDateRangePicker)(props);
41
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateRangePickerCTX.ControlledDateRangePickerContext.Provider, {
42
- value: ctx,
43
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateRangeContent.ControlledDateRangeContent, {})
44
- });
41
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateRangePickerCTX.ControlledDateRangePickerContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateRangeContent.ControlledDateRangeContent, {}) });
45
42
  };
46
43
  DSControlledDateRangePicker.displayName = import_theming.DSControlledDateRangePickerName;
47
44
  const DSControlledDateRangePickerWithSchema = (0, import_ds_utilities.describe)(DSControlledDateRangePicker);
package/dist/cjs/ControlledDateRangePicker.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/ControlledDateRangePicker.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { useControlledDateRangePicker } from './config/useControlledDateRangePicker';\nimport { ControlledDateRangeContent } from './parts/ControlledDateRangeContent';\nimport { propTypes } from './propTypes';\nimport { ControlledDateRangePickerContext } from './ControlledDateRangePickerCTX';\nimport type { DSControlledDateRangePickerT } from './propTypes';\nimport { DSControlledDateRangePickerName } from './exported-related/theming';\n\nconst DSControlledDateRangePicker = (props: DSControlledDateRangePickerT.Props): JSX.Element => {\n const ctx = useControlledDateRangePicker(props);\n return (\n <ControlledDateRangePickerContext.Provider value={ctx}>\n <ControlledDateRangeContent />\n </ControlledDateRangePickerContext.Provider>\n );\n};\n\nDSControlledDateRangePicker.displayName = DSControlledDateRangePickerName;\nconst DSControlledDateRangePickerWithSchema = describe(DSControlledDateRangePicker);\nDSControlledDateRangePickerWithSchema.propTypes = propTypes;\n\nexport { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcjB;AAZN,0BAAyB;AACzB,0CAA6C;AAC7C,wCAA2C;AAC3C,uBAA0B;AAC1B,0CAAiD;AAEjD,qBAAgD;AAEhD,MAAM,8BAA8B,CAAC,UAA2D;AAC9F,QAAM,UAAM,kEAA6B,KAAK;AAC9C,SACE,4CAAC,qEAAiC,UAAjC;AAAA,IAA0C,OAAO;AAAA,IAChD,sDAAC,gEAA2B;AAAA,GAC9B;AAEJ;AAEA,4BAA4B,cAAc;AAC1C,MAAM,4CAAwC,8BAAS,2BAA2B;AAClF,sCAAsC,YAAY;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcjB;AAZN,0BAAyB;AACzB,0CAA6C;AAC7C,wCAA2C;AAC3C,uBAA0B;AAC1B,0CAAiD;AAEjD,qBAAgD;AAEhD,MAAM,8BAA8B,CAAC,UAA2D;AAC9F,QAAM,UAAM,kEAA6B,KAAK;AAC9C,SACE,4CAAC,qEAAiC,UAAjC,EAA0C,OAAO,KAChD,sDAAC,gEAA2B,GAC9B;AAEJ;AAEA,4BAA4B,cAAc;AAC1C,MAAM,4CAAwC,8BAAS,2BAA2B;AAClF,sCAAsC,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/cjs/parts/ControlledDateRangeCalendar.js CHANGED
@@ -58,27 +58,30 @@ const ControlledDateRangeCalendar = () => {
58
58
  },
59
59
  isControllerOnly
60
60
  } = (0, import_react.useContext)(import_ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
61
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_date_time_picker.DSControlledDateTimePicker, {
62
- type: isControllerOnly ? import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY : import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER,
63
- date: latestChangedDate,
64
- onDateChange: handlePickerDateChange,
65
- onMonthChange: handlePickerMonthDateChange,
66
- onDayChange: handlePickerDayDateChange,
67
- onYearChange: handlePickerYearDateChange,
68
- getIsStartRangeDay,
69
- getIsDayInRange,
70
- getIsEndRangeDay,
71
- onPickerOpen: onCalendarOpen,
72
- onPickerClose: onCalendarClose,
73
- isClearable,
74
- getIsDisabledDay,
75
- getIsOutOfRangeDay,
76
- emptyPickerStartingMonth,
77
- onCalendarOpenFocusedDay,
78
- preventCloseOnSelection: true,
79
- hasError,
80
- pickerFooterMsg,
81
- autoFocus
82
- });
61
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
62
+ import_ds_form_date_time_picker.DSControlledDateTimePicker,
63
+ {
64
+ type: isControllerOnly ? import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY : import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER,
65
+ date: latestChangedDate,
66
+ onDateChange: handlePickerDateChange,
67
+ onMonthChange: handlePickerMonthDateChange,
68
+ onDayChange: handlePickerDayDateChange,
69
+ onYearChange: handlePickerYearDateChange,
70
+ getIsStartRangeDay,
71
+ getIsDayInRange,
72
+ getIsEndRangeDay,
73
+ onPickerOpen: onCalendarOpen,
74
+ onPickerClose: onCalendarClose,
75
+ isClearable,
76
+ getIsDisabledDay,
77
+ getIsOutOfRangeDay,
78
+ emptyPickerStartingMonth,
79
+ onCalendarOpenFocusedDay,
80
+ preventCloseOnSelection: true,
81
+ hasError,
82
+ pickerFooterMsg,
83
+ autoFocus
84
+ }
85
+ );
83
86
  };
84
87
  //# sourceMappingURL=ControlledDateRangeCalendar.js.map
package/dist/cjs/parts/ControlledDateRangeCalendar.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/parts/ControlledDateRangeCalendar.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n const {\n props: {\n emptyPickerStartingMonth,\n onCalendarOpenFocusedDay,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n autoFocus,\n pickerFooterMsg,\n },\n rangePickerLogic: {\n latestChangedDate,\n onCalendarOpen,\n onCalendarClose,\n handlePickerDateChange,\n handlePickerMonthDateChange,\n handlePickerDayDateChange,\n handlePickerYearDateChange,\n getIsStartRangeDay,\n getIsDayInRange,\n getIsEndRangeDay,\n },\n isControllerOnly,\n } = useContext(ControlledDateRangePickerContext);\n\n return (\n <DSControlledDateTimePicker\n type={\n isControllerOnly\n ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n }\n date={latestChangedDate}\n onDateChange={handlePickerDateChange}\n onMonthChange={handlePickerMonthDateChange}\n onDayChange={handlePickerDayDateChange}\n onYearChange={handlePickerYearDateChange}\n getIsStartRangeDay={getIsStartRangeDay}\n getIsDayInRange={getIsDayInRange}\n getIsEndRangeDay={getIsEndRangeDay}\n onPickerOpen={onCalendarOpen}\n onPickerClose={onCalendarClose}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n emptyPickerStartingMonth={emptyPickerStartingMonth}\n onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n preventCloseOnSelection\n hasError={hasError}\n pickerFooterMsg={pickerFooterMsg}\n autoFocus={autoFocus}\n />\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgCnB;AAhCJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,oEAAgC;AAE/C,SACE,4CAAC;AAAA,IACC,MACE,mBACI,kEAAkC,KAAK,kBACvC,kEAAkC,KAAK;AAAA,IAE7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,yBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgCnB;AAhCJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,oEAAgC;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MACE,mBACI,kEAAkC,KAAK,kBACvC,kEAAkC,KAAK;AAAA,MAE7C,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,yBAAuB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/cjs/parts/ControlledDateRangeContent.js CHANGED
@@ -62,22 +62,23 @@ const ControlledDateRangeContent = () => {
62
62
  xstyledAttrs,
63
63
  globalAttrs
64
64
  } = (0, import_react.useContext)(import_ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
65
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledWrapper, {
66
- isControllerOnly,
67
- isPickerOnly,
68
- "data-testid": import_ControlledDateRangePickerDatatestid.ControlledDateRangePickerDatatestid.WRAPPER,
69
- type,
70
- ...globalAttrs,
71
- ...xstyledAttrs,
72
- children: [
73
- withInputs ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
74
- children: [
65
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
66
+ StyledWrapper,
67
+ {
68
+ isControllerOnly,
69
+ isPickerOnly,
70
+ "data-testid": import_ControlledDateRangePickerDatatestid.ControlledDateRangePickerDatatestid.WRAPPER,
71
+ type,
72
+ ...globalAttrs,
73
+ ...xstyledAttrs,
74
+ children: [
75
+ withInputs ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
75
76
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateRangeFromDate.ControlledDateRangeFromDate, {}),
76
77
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateRangeToDate.ControlledDateRangeToDate, {})
77
- ]
78
- }) : null,
79
- withIcon || isControllerOnly ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateRangeCalendar.ControlledDateRangeCalendar, {}) : null
80
- ]
81
- });
78
+ ] }) : null,
79
+ withIcon || isControllerOnly ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ControlledDateRangeCalendar.ControlledDateRangeCalendar, {}) : null
80
+ ]
81
+ }
82
+ );
82
83
  };
83
84
  //# sourceMappingURL=ControlledDateRangeContent.js.map
package/dist/cjs/parts/ControlledDateRangeContent.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/parts/ControlledDateRangeContent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { useContext } from 'react';\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\nimport { ControlledDateRangeFromDate } from './ControlledDateRangeFromDate';\nimport { ControlledDateRangeToDate } from './ControlledDateRangeToDate';\nimport { ControlledDateRangeCalendar } from './ControlledDateRangeCalendar';\nimport { ControlledDateRangePickerDatatestid } from '../ControlledDateRangePickerDatatestid';\nimport { gridMap } from '../utils/utils';\nimport type { DSControlledDateRangePickerT } from '../propTypes';\nimport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from '../exported-related/theming';\n\ninterface StyledWrapperT {\n isControllerOnly: boolean;\n isPickerOnly: boolean;\n type: DSControlledDateRangePickerT.ControlledDateRangeType;\n}\n\nconst StyledWrapper = styled('div', {\n name: DSControlledDateRangePickerName,\n slot: DSControlledDateRangePickerSlots.CONTAINER,\n})<StyledWrapperT>`\n display: grid;\n grid-template-columns: ${({ type }) => gridMap[type]};\n grid-template-rows: auto;\n ${({ isControllerOnly, isPickerOnly }) => (isControllerOnly || isPickerOnly ? '' : 'gap: 0px 8px;')}\n grid-auto-flow: row;\n grid-template-areas: '. .';\n justify-content: center;\n align-items: center;\n ${xStyledCommonProps}\n`;\n\nexport const ControlledDateRangeContent = (): JSX.Element => {\n const {\n props: { type },\n withIcon,\n withInputs,\n isControllerOnly,\n isPickerOnly,\n xstyledAttrs,\n globalAttrs,\n } = useContext(ControlledDateRangePickerContext);\n\n return (\n <StyledWrapper\n isControllerOnly={isControllerOnly}\n isPickerOnly={isPickerOnly}\n data-testid={ControlledDateRangePickerDatatestid.WRAPPER}\n type={type}\n {...globalAttrs}\n {...xstyledAttrs}\n >\n {withInputs ? (\n <>\n <ControlledDateRangeFromDate />\n <ControlledDateRangeToDate />\n </>\n ) : null}\n {withIcon || isControllerOnly ? <ControlledDateRangeCalendar /> : null}\n </StyledWrapper>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqDf;AArDR,mBAAkC;AAClC,uBAA2C;AAC3C,0CAAiD;AACjD,yCAA4C;AAC5C,uCAA0C;AAC1C,yCAA4C;AAC5C,iDAAoD;AACpD,mBAAwB;AAExB,qBAAkF;AAQlF,MAAM,oBAAgB,yBAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,gDAAiC;AACzC,CAAC;AAAA;AAAA,2BAE0B,CAAC,EAAE,KAAK,MAAM,qBAAQ;AAAA;AAAA,IAE7C,CAAC,EAAE,kBAAkB,aAAa,MAAO,oBAAoB,eAAe,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjF;AAAA;AAGG,MAAM,6BAA6B,MAAmB;AAC3D,QAAM;AAAA,IACJ,OAAO,EAAE,KAAK;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,oEAAgC;AAE/C,SACE,6CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAa,+EAAoC;AAAA,IACjD;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,IAEH;AAAA,mBACC;AAAA,QACE;AAAA,sDAAC,kEAA4B;AAAA,UAC7B,4CAAC,8DAA0B;AAAA;AAAA,OAC7B,IACE;AAAA,MACH,YAAY,mBAAmB,4CAAC,kEAA4B,IAAK;AAAA;AAAA,GACpE;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqDf;AArDR,mBAAkC;AAClC,uBAA2C;AAC3C,0CAAiD;AACjD,yCAA4C;AAC5C,uCAA0C;AAC1C,yCAA4C;AAC5C,iDAAoD;AACpD,mBAAwB;AAExB,qBAAkF;AAQlF,MAAM,oBAAgB,yBAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,gDAAiC;AACzC,CAAC;AAAA;AAAA,2BAE0B,CAAC,EAAE,KAAK,MAAM,qBAAQ;AAAA;AAAA,IAE7C,CAAC,EAAE,kBAAkB,aAAa,MAAO,oBAAoB,eAAe,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjF;AAAA;AAGG,MAAM,6BAA6B,MAAmB;AAC3D,QAAM;AAAA,IACJ,OAAO,EAAE,KAAK;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,oEAAgC;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAa,+EAAoC;AAAA,MACjD;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,qBACC,4EACE;AAAA,sDAAC,kEAA4B;AAAA,UAC7B,4CAAC,8DAA0B;AAAA,WAC7B,IACE;AAAA,QACH,YAAY,mBAAmB,4CAAC,kEAA4B,IAAK;AAAA;AAAA;AAAA,EACpE;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/cjs/parts/ControlledDateRangeFromDate.js CHANGED
@@ -48,19 +48,22 @@ const ControlledDateRangeFromDate = () => {
48
48
  },
49
49
  rangePickerLogic: { handleFromDateChange }
50
50
  } = (0, import_react.useContext)(import_ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
51
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_date_time_picker.DSControlledDateTimePicker, {
52
- type: import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
53
- date: fromDate,
54
- onDateChange: handleFromDateChange,
55
- onMonthChange: onMonthFromChange,
56
- onDayChange: onDayFromChange,
57
- onYearChange: onYearFromChange,
58
- isClearable,
59
- getIsDisabledDay,
60
- getIsOutOfRangeDay,
61
- hasError,
62
- autoFocus,
63
- innerRef
64
- });
51
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
52
+ import_ds_form_date_time_picker.DSControlledDateTimePicker,
53
+ {
54
+ type: import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
55
+ date: fromDate,
56
+ onDateChange: handleFromDateChange,
57
+ onMonthChange: onMonthFromChange,
58
+ onDayChange: onDayFromChange,
59
+ onYearChange: onYearFromChange,
60
+ isClearable,
61
+ getIsDisabledDay,
62
+ getIsOutOfRangeDay,
63
+ hasError,
64
+ autoFocus,
65
+ innerRef
66
+ }
67
+ );
65
68
  };
66
69
  //# sourceMappingURL=ControlledDateRangeFromDate.js.map
package/dist/cjs/parts/ControlledDateRangeFromDate.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/parts/ControlledDateRangeFromDate.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n const {\n props: {\n fromDate,\n onMonthFromChange,\n onDayFromChange,\n onYearFromChange,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n autoFocus,\n innerRef,\n },\n rangePickerLogic: { handleFromDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n date={fromDate}\n onDateChange={handleFromDateChange}\n onMonthChange={onMonthFromChange}\n onDayChange={onDayFromChange}\n onYearChange={onYearFromChange}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n hasError={hasError}\n autoFocus={autoFocus}\n innerRef={innerRef}\n />\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBnB;AArBJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,qBAAqB;AAAA,EAC3C,QAAI,yBAAW,oEAAgC;AAC/C,SACE,4CAAC;AAAA,IACC,MAAM,kEAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBnB;AArBJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,qBAAqB;AAAA,EAC3C,QAAI,yBAAW,oEAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,kEAAkC,KAAK;AAAA,MAC7C,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/cjs/parts/ControlledDateRangeToDate.js CHANGED
@@ -46,17 +46,20 @@ const ControlledDateRangeToDate = () => {
46
46
  },
47
47
  rangePickerLogic: { handleToDateChange }
48
48
  } = (0, import_react.useContext)(import_ControlledDateRangePickerCTX.ControlledDateRangePickerContext);
49
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_date_time_picker.DSControlledDateTimePicker, {
50
- type: import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
51
- date: toDate,
52
- onDateChange: handleToDateChange,
53
- onMonthChange: onMonthToChange,
54
- onDayChange: onDayToChange,
55
- onYearChange: onYearToChange,
56
- isClearable,
57
- getIsDisabledDay,
58
- getIsOutOfRangeDay,
59
- hasError
60
- });
49
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
50
+ import_ds_form_date_time_picker.DSControlledDateTimePicker,
51
+ {
52
+ type: import_ds_form_date_time_picker.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
53
+ date: toDate,
54
+ onDateChange: handleToDateChange,
55
+ onMonthChange: onMonthToChange,
56
+ onDayChange: onDayToChange,
57
+ onYearChange: onYearToChange,
58
+ isClearable,
59
+ getIsDisabledDay,
60
+ getIsOutOfRangeDay,
61
+ hasError
62
+ }
63
+ );
61
64
  };
62
65
  //# sourceMappingURL=ControlledDateRangeToDate.js.map
package/dist/cjs/parts/ControlledDateRangeToDate.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/parts/ControlledDateRangeToDate.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\n\nexport const ControlledDateRangeToDate = (): JSX.Element => {\n const {\n props: {\n toDate,\n onMonthToChange,\n onDayToChange,\n onYearToChange,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n },\n rangePickerLogic: { handleToDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n date={toDate}\n onDateChange={handleToDateChange}\n onMonthChange={onMonthToChange}\n onDayChange={onDayToChange}\n onYearChange={onYearToChange}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n hasError={hasError}\n />\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBnB;AAnBJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,QAAI,yBAAW,oEAAgC;AAC/C,SACE,4CAAC;AAAA,IACC,MAAM,kEAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBnB;AAnBJ,mBAAkC;AAClC,sCAA8E;AAC9E,0CAAiD;AAE1C,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,QAAI,yBAAW,oEAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,kEAAkC,KAAK;AAAA,MAC7C,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/esm/ControlledDateRangePicker.js CHANGED
@@ -8,10 +8,7 @@ import { ControlledDateRangePickerContext } from "./ControlledDateRangePickerCTX
8
8
  import { DSControlledDateRangePickerName } from "./exported-related/theming";
9
9
  const DSControlledDateRangePicker = (props) => {
10
10
  const ctx = useControlledDateRangePicker(props);
11
- return /* @__PURE__ */ jsx(ControlledDateRangePickerContext.Provider, {
12
- value: ctx,
13
- children: /* @__PURE__ */ jsx(ControlledDateRangeContent, {})
14
- });
11
+ return /* @__PURE__ */ jsx(ControlledDateRangePickerContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(ControlledDateRangeContent, {}) });
15
12
  };
16
13
  DSControlledDateRangePicker.displayName = DSControlledDateRangePickerName;
17
14
  const DSControlledDateRangePickerWithSchema = describe(DSControlledDateRangePicker);
package/dist/esm/ControlledDateRangePicker.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ControlledDateRangePicker.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { useControlledDateRangePicker } from './config/useControlledDateRangePicker';\nimport { ControlledDateRangeContent } from './parts/ControlledDateRangeContent';\nimport { propTypes } from './propTypes';\nimport { ControlledDateRangePickerContext } from './ControlledDateRangePickerCTX';\nimport type { DSControlledDateRangePickerT } from './propTypes';\nimport { DSControlledDateRangePickerName } from './exported-related/theming';\n\nconst DSControlledDateRangePicker = (props: DSControlledDateRangePickerT.Props): JSX.Element => {\n const ctx = useControlledDateRangePicker(props);\n return (\n <ControlledDateRangePickerContext.Provider value={ctx}>\n <ControlledDateRangeContent />\n </ControlledDateRangePickerContext.Provider>\n );\n};\n\nDSControlledDateRangePicker.displayName = DSControlledDateRangePickerName;\nconst DSControlledDateRangePickerWithSchema = describe(DSControlledDateRangePicker);\nDSControlledDateRangePickerWithSchema.propTypes = propTypes;\n\nexport { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACcjB;AAZN,SAAS,gBAAgB;AACzB,SAAS,oCAAoC;AAC7C,SAAS,kCAAkC;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,wCAAwC;AAEjD,SAAS,uCAAuC;AAEhD,MAAM,8BAA8B,CAAC,UAA2D;AAC9F,QAAM,MAAM,6BAA6B,KAAK;AAC9C,SACE,oBAAC,iCAAiC,UAAjC;AAAA,IAA0C,OAAO;AAAA,IAChD,8BAAC,8BAA2B;AAAA,GAC9B;AAEJ;AAEA,4BAA4B,cAAc;AAC1C,MAAM,wCAAwC,SAAS,2BAA2B;AAClF,sCAAsC,YAAY;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACcjB;AAZN,SAAS,gBAAgB;AACzB,SAAS,oCAAoC;AAC7C,SAAS,kCAAkC;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,wCAAwC;AAEjD,SAAS,uCAAuC;AAEhD,MAAM,8BAA8B,CAAC,UAA2D;AAC9F,QAAM,MAAM,6BAA6B,KAAK;AAC9C,SACE,oBAAC,iCAAiC,UAAjC,EAA0C,OAAO,KAChD,8BAAC,8BAA2B,GAC9B;AAEJ;AAEA,4BAA4B,cAAc;AAC1C,MAAM,wCAAwC,SAAS,2BAA2B;AAClF,sCAAsC,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/esm/parts/ControlledDateRangeCalendar.js CHANGED
@@ -29,28 +29,31 @@ const ControlledDateRangeCalendar = () => {
29
29
  },
30
30
  isControllerOnly
31
31
  } = useContext(ControlledDateRangePickerContext);
32
- return /* @__PURE__ */ jsx(DSControlledDateTimePicker, {
33
- type: isControllerOnly ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER,
34
- date: latestChangedDate,
35
- onDateChange: handlePickerDateChange,
36
- onMonthChange: handlePickerMonthDateChange,
37
- onDayChange: handlePickerDayDateChange,
38
- onYearChange: handlePickerYearDateChange,
39
- getIsStartRangeDay,
40
- getIsDayInRange,
41
- getIsEndRangeDay,
42
- onPickerOpen: onCalendarOpen,
43
- onPickerClose: onCalendarClose,
44
- isClearable,
45
- getIsDisabledDay,
46
- getIsOutOfRangeDay,
47
- emptyPickerStartingMonth,
48
- onCalendarOpenFocusedDay,
49
- preventCloseOnSelection: true,
50
- hasError,
51
- pickerFooterMsg,
52
- autoFocus
53
- });
32
+ return /* @__PURE__ */ jsx(
33
+ DSControlledDateTimePicker,
34
+ {
35
+ type: isControllerOnly ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER,
36
+ date: latestChangedDate,
37
+ onDateChange: handlePickerDateChange,
38
+ onMonthChange: handlePickerMonthDateChange,
39
+ onDayChange: handlePickerDayDateChange,
40
+ onYearChange: handlePickerYearDateChange,
41
+ getIsStartRangeDay,
42
+ getIsDayInRange,
43
+ getIsEndRangeDay,
44
+ onPickerOpen: onCalendarOpen,
45
+ onPickerClose: onCalendarClose,
46
+ isClearable,
47
+ getIsDisabledDay,
48
+ getIsOutOfRangeDay,
49
+ emptyPickerStartingMonth,
50
+ onCalendarOpenFocusedDay,
51
+ preventCloseOnSelection: true,
52
+ hasError,
53
+ pickerFooterMsg,
54
+ autoFocus
55
+ }
56
+ );
54
57
  };
55
58
  export {
56
59
  ControlledDateRangeCalendar
package/dist/esm/parts/ControlledDateRangeCalendar.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateRangeCalendar.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\n\nexport const ControlledDateRangeCalendar = (): JSX.Element => {\n const {\n props: {\n emptyPickerStartingMonth,\n onCalendarOpenFocusedDay,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n autoFocus,\n pickerFooterMsg,\n },\n rangePickerLogic: {\n latestChangedDate,\n onCalendarOpen,\n onCalendarClose,\n handlePickerDateChange,\n handlePickerMonthDateChange,\n handlePickerDayDateChange,\n handlePickerYearDateChange,\n getIsStartRangeDay,\n getIsDayInRange,\n getIsEndRangeDay,\n },\n isControllerOnly,\n } = useContext(ControlledDateRangePickerContext);\n\n return (\n <DSControlledDateTimePicker\n type={\n isControllerOnly\n ? CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY\n : CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER\n }\n date={latestChangedDate}\n onDateChange={handlePickerDateChange}\n onMonthChange={handlePickerMonthDateChange}\n onDayChange={handlePickerDayDateChange}\n onYearChange={handlePickerYearDateChange}\n getIsStartRangeDay={getIsStartRangeDay}\n getIsDayInRange={getIsDayInRange}\n getIsEndRangeDay={getIsEndRangeDay}\n onPickerOpen={onCalendarOpen}\n onPickerClose={onCalendarClose}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n emptyPickerStartingMonth={emptyPickerStartingMonth}\n onCalendarOpenFocusedDay={onCalendarOpenFocusedDay}\n preventCloseOnSelection\n hasError={hasError}\n pickerFooterMsg={pickerFooterMsg}\n autoFocus={autoFocus}\n />\n );\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACgCnB;AAhCJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF,IAAI,WAAW,gCAAgC;AAE/C,SACE,oBAAC;AAAA,IACC,MACE,mBACI,kCAAkC,KAAK,kBACvC,kCAAkC,KAAK;AAAA,IAE7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,yBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACgCnB;AAhCJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF,IAAI,WAAW,gCAAgC;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MACE,mBACI,kCAAkC,KAAK,kBACvC,kCAAkC,KAAK;AAAA,MAE7C,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,yBAAuB;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/esm/parts/ControlledDateRangeContent.js CHANGED
@@ -33,23 +33,24 @@ const ControlledDateRangeContent = () => {
33
33
  xstyledAttrs,
34
34
  globalAttrs
35
35
  } = useContext(ControlledDateRangePickerContext);
36
- return /* @__PURE__ */ jsxs(StyledWrapper, {
37
- isControllerOnly,
38
- isPickerOnly,
39
- "data-testid": ControlledDateRangePickerDatatestid.WRAPPER,
40
- type,
41
- ...globalAttrs,
42
- ...xstyledAttrs,
43
- children: [
44
- withInputs ? /* @__PURE__ */ jsxs(Fragment, {
45
- children: [
36
+ return /* @__PURE__ */ jsxs(
37
+ StyledWrapper,
38
+ {
39
+ isControllerOnly,
40
+ isPickerOnly,
41
+ "data-testid": ControlledDateRangePickerDatatestid.WRAPPER,
42
+ type,
43
+ ...globalAttrs,
44
+ ...xstyledAttrs,
45
+ children: [
46
+ withInputs ? /* @__PURE__ */ jsxs(Fragment, { children: [
46
47
  /* @__PURE__ */ jsx(ControlledDateRangeFromDate, {}),
47
48
  /* @__PURE__ */ jsx(ControlledDateRangeToDate, {})
48
- ]
49
- }) : null,
50
- withIcon || isControllerOnly ? /* @__PURE__ */ jsx(ControlledDateRangeCalendar, {}) : null
51
- ]
52
- });
49
+ ] }) : null,
50
+ withIcon || isControllerOnly ? /* @__PURE__ */ jsx(ControlledDateRangeCalendar, {}) : null
51
+ ]
52
+ }
53
+ );
53
54
  };
54
55
  export {
55
56
  ControlledDateRangeContent
package/dist/esm/parts/ControlledDateRangeContent.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateRangeContent.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\nimport { ControlledDateRangeFromDate } from './ControlledDateRangeFromDate';\nimport { ControlledDateRangeToDate } from './ControlledDateRangeToDate';\nimport { ControlledDateRangeCalendar } from './ControlledDateRangeCalendar';\nimport { ControlledDateRangePickerDatatestid } from '../ControlledDateRangePickerDatatestid';\nimport { gridMap } from '../utils/utils';\nimport type { DSControlledDateRangePickerT } from '../propTypes';\nimport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from '../exported-related/theming';\n\ninterface StyledWrapperT {\n isControllerOnly: boolean;\n isPickerOnly: boolean;\n type: DSControlledDateRangePickerT.ControlledDateRangeType;\n}\n\nconst StyledWrapper = styled('div', {\n name: DSControlledDateRangePickerName,\n slot: DSControlledDateRangePickerSlots.CONTAINER,\n})<StyledWrapperT>`\n display: grid;\n grid-template-columns: ${({ type }) => gridMap[type]};\n grid-template-rows: auto;\n ${({ isControllerOnly, isPickerOnly }) => (isControllerOnly || isPickerOnly ? '' : 'gap: 0px 8px;')}\n grid-auto-flow: row;\n grid-template-areas: '. .';\n justify-content: center;\n align-items: center;\n ${xStyledCommonProps}\n`;\n\nexport const ControlledDateRangeContent = (): JSX.Element => {\n const {\n props: { type },\n withIcon,\n withInputs,\n isControllerOnly,\n isPickerOnly,\n xstyledAttrs,\n globalAttrs,\n } = useContext(ControlledDateRangePickerContext);\n\n return (\n <StyledWrapper\n isControllerOnly={isControllerOnly}\n isPickerOnly={isPickerOnly}\n data-testid={ControlledDateRangePickerDatatestid.WRAPPER}\n type={type}\n {...globalAttrs}\n {...xstyledAttrs}\n >\n {withInputs ? (\n <>\n <ControlledDateRangeFromDate />\n <ControlledDateRangeToDate />\n </>\n ) : null}\n {withIcon || isControllerOnly ? <ControlledDateRangeCalendar /> : null}\n </StyledWrapper>\n );\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACqDf,mBACE,KADF;AArDR,SAAgB,kBAAkB;AAClC,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,wCAAwC;AACjD,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,mCAAmC;AAC5C,SAAS,2CAA2C;AACpD,SAAS,eAAe;AAExB,SAAS,iCAAiC,wCAAwC;AAQlF,MAAM,gBAAgB,OAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,iCAAiC;AACzC,CAAC;AAAA;AAAA,2BAE0B,CAAC,EAAE,KAAK,MAAM,QAAQ;AAAA;AAAA,IAE7C,CAAC,EAAE,kBAAkB,aAAa,MAAO,oBAAoB,eAAe,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjF;AAAA;AAGG,MAAM,6BAA6B,MAAmB;AAC3D,QAAM;AAAA,IACJ,OAAO,EAAE,KAAK;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,gCAAgC;AAE/C,SACE,qBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,eAAa,oCAAoC;AAAA,IACjD;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,IAEH;AAAA,mBACC;AAAA,QACE;AAAA,8BAAC,+BAA4B;AAAA,UAC7B,oBAAC,6BAA0B;AAAA;AAAA,OAC7B,IACE;AAAA,MACH,YAAY,mBAAmB,oBAAC,+BAA4B,IAAK;AAAA;AAAA,GACpE;AAEJ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACqDf,mBACE,KADF;AArDR,SAAgB,kBAAkB;AAClC,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,wCAAwC;AACjD,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAC1C,SAAS,mCAAmC;AAC5C,SAAS,2CAA2C;AACpD,SAAS,eAAe;AAExB,SAAS,iCAAiC,wCAAwC;AAQlF,MAAM,gBAAgB,OAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,iCAAiC;AACzC,CAAC;AAAA;AAAA,2BAE0B,CAAC,EAAE,KAAK,MAAM,QAAQ;AAAA;AAAA,IAE7C,CAAC,EAAE,kBAAkB,aAAa,MAAO,oBAAoB,eAAe,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjF;AAAA;AAGG,MAAM,6BAA6B,MAAmB;AAC3D,QAAM;AAAA,IACJ,OAAO,EAAE,KAAK;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,gCAAgC;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,eAAa,oCAAoC;AAAA,MACjD;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,qBACC,iCACE;AAAA,8BAAC,+BAA4B;AAAA,UAC7B,oBAAC,6BAA0B;AAAA,WAC7B,IACE;AAAA,QACH,YAAY,mBAAmB,oBAAC,+BAA4B,IAAK;AAAA;AAAA;AAAA,EACpE;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/esm/parts/ControlledDateRangeFromDate.js CHANGED
@@ -19,20 +19,23 @@ const ControlledDateRangeFromDate = () => {
19
19
  },
20
20
  rangePickerLogic: { handleFromDateChange }
21
21
  } = useContext(ControlledDateRangePickerContext);
22
- return /* @__PURE__ */ jsx(DSControlledDateTimePicker, {
23
- type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
24
- date: fromDate,
25
- onDateChange: handleFromDateChange,
26
- onMonthChange: onMonthFromChange,
27
- onDayChange: onDayFromChange,
28
- onYearChange: onYearFromChange,
29
- isClearable,
30
- getIsDisabledDay,
31
- getIsOutOfRangeDay,
32
- hasError,
33
- autoFocus,
34
- innerRef
35
- });
22
+ return /* @__PURE__ */ jsx(
23
+ DSControlledDateTimePicker,
24
+ {
25
+ type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
26
+ date: fromDate,
27
+ onDateChange: handleFromDateChange,
28
+ onMonthChange: onMonthFromChange,
29
+ onDayChange: onDayFromChange,
30
+ onYearChange: onYearFromChange,
31
+ isClearable,
32
+ getIsDisabledDay,
33
+ getIsOutOfRangeDay,
34
+ hasError,
35
+ autoFocus,
36
+ innerRef
37
+ }
38
+ );
36
39
  };
37
40
  export {
38
41
  ControlledDateRangeFromDate
package/dist/esm/parts/ControlledDateRangeFromDate.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateRangeFromDate.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\n\nexport const ControlledDateRangeFromDate = (): JSX.Element => {\n const {\n props: {\n fromDate,\n onMonthFromChange,\n onDayFromChange,\n onYearFromChange,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n autoFocus,\n innerRef,\n },\n rangePickerLogic: { handleFromDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n date={fromDate}\n onDateChange={handleFromDateChange}\n onMonthChange={onMonthFromChange}\n onDayChange={onDayFromChange}\n onYearChange={onYearFromChange}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n hasError={hasError}\n autoFocus={autoFocus}\n innerRef={innerRef}\n />\n );\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACqBnB;AArBJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,qBAAqB;AAAA,EAC3C,IAAI,WAAW,gCAAgC;AAC/C,SACE,oBAAC;AAAA,IACC,MAAM,kCAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACqBnB;AArBJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,8BAA8B,MAAmB;AAC5D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,qBAAqB;AAAA,EAC3C,IAAI,WAAW,gCAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,kCAAkC,KAAK;AAAA,MAC7C,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/esm/parts/ControlledDateRangeToDate.js CHANGED
@@ -17,18 +17,21 @@ const ControlledDateRangeToDate = () => {
17
17
  },
18
18
  rangePickerLogic: { handleToDateChange }
19
19
  } = useContext(ControlledDateRangePickerContext);
20
- return /* @__PURE__ */ jsx(DSControlledDateTimePicker, {
21
- type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
22
- date: toDate,
23
- onDateChange: handleToDateChange,
24
- onMonthChange: onMonthToChange,
25
- onDayChange: onDayToChange,
26
- onYearChange: onYearToChange,
27
- isClearable,
28
- getIsDisabledDay,
29
- getIsOutOfRangeDay,
30
- hasError
31
- });
20
+ return /* @__PURE__ */ jsx(
21
+ DSControlledDateTimePicker,
22
+ {
23
+ type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS,
24
+ date: toDate,
25
+ onDateChange: handleToDateChange,
26
+ onMonthChange: onMonthToChange,
27
+ onDayChange: onDayToChange,
28
+ onYearChange: onYearToChange,
29
+ isClearable,
30
+ getIsDisabledDay,
31
+ getIsOutOfRangeDay,
32
+ hasError
33
+ }
34
+ );
32
35
  };
33
36
  export {
34
37
  ControlledDateRangeToDate
package/dist/esm/parts/ControlledDateRangeToDate.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateRangeToDate.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES, DSControlledDateTimePicker } from '@elliemae/ds-form-date-time-picker';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX';\n\nexport const ControlledDateRangeToDate = (): JSX.Element => {\n const {\n props: {\n toDate,\n onMonthToChange,\n onDayToChange,\n onYearToChange,\n isClearable,\n getIsDisabledDay,\n getIsOutOfRangeDay,\n hasError,\n },\n rangePickerLogic: { handleToDateChange },\n } = useContext(ControlledDateRangePickerContext);\n return (\n <DSControlledDateTimePicker\n type={CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS}\n date={toDate}\n onDateChange={handleToDateChange}\n onMonthChange={onMonthToChange}\n onDayChange={onDayToChange}\n onYearChange={onYearToChange}\n isClearable={isClearable}\n getIsDisabledDay={getIsDisabledDay}\n getIsOutOfRangeDay={getIsOutOfRangeDay}\n hasError={hasError}\n />\n );\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACmBnB;AAnBJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,IAAI,WAAW,gCAAgC;AAC/C,SACE,oBAAC;AAAA,IACC,MAAM,kCAAkC,KAAK;AAAA,IAC7C,MAAM;AAAA,IACN,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF;AAEJ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACmBnB;AAnBJ,SAAgB,kBAAkB;AAClC,SAAS,mCAAmC,kCAAkC;AAC9E,SAAS,wCAAwC;AAE1C,MAAM,4BAA4B,MAAmB;AAC1D,QAAM;AAAA,IACJ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,kBAAkB,EAAE,mBAAmB;AAAA,EACzC,IAAI,WAAW,gCAAgC;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,kCAAkC,KAAK;AAAA,MAC7C,MAAM;AAAA,MACN,cAAc;AAAA,MACd,eAAe;AAAA,MACf,aAAa;AAAA,MACb,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-form-date-range-picker",
3
- "version": "3.12.0-rc.1",
3
+ "version": "3.12.0-rc.3",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Controlled Form Date Range Picker",
6
6
  "files": [
@@ -35,9 +35,9 @@
35
35
  "indent": 4
36
36
  },
37
37
  "dependencies": {
38
- "@elliemae/ds-form-date-time-picker": "3.12.0-rc.1",
39
- "@elliemae/ds-system": "3.12.0-rc.1",
40
- "@elliemae/ds-utilities": "3.12.0-rc.1",
38
+ "@elliemae/ds-form-date-time-picker": "3.12.0-rc.3",
39
+ "@elliemae/ds-system": "3.12.0-rc.3",
40
+ "@elliemae/ds-utilities": "3.12.0-rc.3",
41
41
  "styled-components": "~5.3.6",
42
42
  "uid": "~2.0.0"
43
43
  },