@elliemae/ds-form-date-range-picker 3.52.1 → 3.53.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/parts/ControlledDateRangeContent.js +4 -5
- package/dist/cjs/parts/ControlledDateRangeContent.js.map +2 -2
- package/dist/esm/parts/ControlledDateRangeContent.js +4 -9
- package/dist/esm/parts/ControlledDateRangeContent.js.map +2 -2
- package/dist/types/ControlledDateRangePicker.d.ts +0 -1
- package/dist/types/ControlledDateRangePickerCTX.d.ts +0 -1
- package/dist/types/config/useRangePickerLogic.d.ts +1 -1
- package/dist/types/exported-related/theming.d.ts +1 -1
- package/dist/types/parts/ControlledDateRangeCalendar.d.ts +0 -1
- package/dist/types/parts/ControlledDateRangeContent.d.ts +0 -1
- package/dist/types/parts/ControlledDateRangeFromDate.d.ts +0 -1
- package/dist/types/parts/ControlledDateRangeToDate.d.ts +0 -1
- package/dist/types/react-desc-prop-types.d.ts +0 -2
- package/package.json +11 -10
|
@@ -33,14 +33,14 @@ __export(ControlledDateRangeContent_exports, {
|
|
|
33
33
|
module.exports = __toCommonJS(ControlledDateRangeContent_exports);
|
|
34
34
|
var React = __toESM(require("react"));
|
|
35
35
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
var import_react = require("react");
|
|
37
36
|
var import_ds_system = require("@elliemae/ds-system");
|
|
37
|
+
var import_react = require("react");
|
|
38
38
|
var import_ControlledDateRangePickerCTX = require("../ControlledDateRangePickerCTX.js");
|
|
39
|
+
var import_theming = require("../exported-related/theming.js");
|
|
40
|
+
var import_utils = require("../utils/utils.js");
|
|
41
|
+
var import_ControlledDateRangeCalendar = require("./ControlledDateRangeCalendar.js");
|
|
39
42
|
var import_ControlledDateRangeFromDate = require("./ControlledDateRangeFromDate.js");
|
|
40
43
|
var import_ControlledDateRangeToDate = require("./ControlledDateRangeToDate.js");
|
|
41
|
-
var import_ControlledDateRangeCalendar = require("./ControlledDateRangeCalendar.js");
|
|
42
|
-
var import_utils = require("../utils/utils.js");
|
|
43
|
-
var import_theming = require("../exported-related/theming.js");
|
|
44
44
|
const StyledWrapper = (0, import_ds_system.styled)("div", {
|
|
45
45
|
name: import_theming.DSControlledDateRangePickerName,
|
|
46
46
|
slot: import_theming.DSControlledDateRangePickerSlots.CONTAINER
|
|
@@ -71,7 +71,6 @@ const ControlledDateRangeContent = () => {
|
|
|
71
71
|
{
|
|
72
72
|
isControllerOnly,
|
|
73
73
|
isPickerOnly,
|
|
74
|
-
"data-testid": import_theming.ControlledDateRangePickerDatatestid.WRAPPER,
|
|
75
74
|
type,
|
|
76
75
|
...globalAttrs,
|
|
77
76
|
...xstyledAttrs,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/parts/ControlledDateRangeContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { useContext } from 'react';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\nimport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from '../exported-related/theming.js';\nimport type { DSControlledDateRangePickerT } from '../react-desc-prop-types.js';\nimport { gridMap } from '../utils/utils.js';\nimport { ControlledDateRangeCalendar } from './ControlledDateRangeCalendar.js';\nimport { ControlledDateRangeFromDate } from './ControlledDateRangeFromDate.js';\nimport { ControlledDateRangeToDate } from './ControlledDateRangeToDate.js';\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 ownerPropsConfig,\n } = useContext(ControlledDateRangePickerContext);\n\n return (\n <StyledWrapper\n isControllerOnly={isControllerOnly}\n isPickerOnly={isPickerOnly}\n type={type}\n {...globalAttrs}\n {...xstyledAttrs}\n {...ownerPropsConfig}\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,uBAA2C;AAC3C,mBAA2B;AAC3B,0CAAiD;AACjD,qBAAkF;AAElF,mBAAwB;AACxB,yCAA4C;AAC5C,yCAA4C;AAC5C,uCAA0C;AAQ1C,MAAM,oBAAgB,yBAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,gDAAiC;AACzC,CAAC;AAAA;AAAA,2BAE0B,CAAC,EAAE,KAAK,MAAM,qBAAQ,IAAI,CAAC;AAAA;AAAA,IAElD,CAAC,EAAE,kBAAkB,aAAa,MAAO,oBAAoB,eAAe,KAAK,eAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjG,mCAAkB;AAAA;AAGf,MAAM,6BAA6B,MAAmB;AAC3D,QAAM;AAAA,IACJ,OAAO,EAAE,KAAK;AAAA,IACd;AAAA,IACA;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;AAAA,MACC,GAAG;AAAA,MACH,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
|
}
|
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useContext } from "react";
|
|
4
3
|
import { styled, xStyledCommonProps } from "@elliemae/ds-system";
|
|
4
|
+
import { useContext } from "react";
|
|
5
5
|
import { ControlledDateRangePickerContext } from "../ControlledDateRangePickerCTX.js";
|
|
6
|
+
import { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from "../exported-related/theming.js";
|
|
7
|
+
import { gridMap } from "../utils/utils.js";
|
|
8
|
+
import { ControlledDateRangeCalendar } from "./ControlledDateRangeCalendar.js";
|
|
6
9
|
import { ControlledDateRangeFromDate } from "./ControlledDateRangeFromDate.js";
|
|
7
10
|
import { ControlledDateRangeToDate } from "./ControlledDateRangeToDate.js";
|
|
8
|
-
import { ControlledDateRangeCalendar } from "./ControlledDateRangeCalendar.js";
|
|
9
|
-
import { gridMap } from "../utils/utils.js";
|
|
10
|
-
import {
|
|
11
|
-
DSControlledDateRangePickerName,
|
|
12
|
-
DSControlledDateRangePickerSlots,
|
|
13
|
-
ControlledDateRangePickerDatatestid
|
|
14
|
-
} from "../exported-related/theming.js";
|
|
15
11
|
const StyledWrapper = styled("div", {
|
|
16
12
|
name: DSControlledDateRangePickerName,
|
|
17
13
|
slot: DSControlledDateRangePickerSlots.CONTAINER
|
|
@@ -42,7 +38,6 @@ const ControlledDateRangeContent = () => {
|
|
|
42
38
|
{
|
|
43
39
|
isControllerOnly,
|
|
44
40
|
isPickerOnly,
|
|
45
|
-
"data-testid": ControlledDateRangePickerDatatestid.WRAPPER,
|
|
46
41
|
type,
|
|
47
42
|
...globalAttrs,
|
|
48
43
|
...xstyledAttrs,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateRangeContent.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { useContext } from 'react';\nimport { ControlledDateRangePickerContext } from '../ControlledDateRangePickerCTX.js';\nimport { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from '../exported-related/theming.js';\nimport type { DSControlledDateRangePickerT } from '../react-desc-prop-types.js';\nimport { gridMap } from '../utils/utils.js';\nimport { ControlledDateRangeCalendar } from './ControlledDateRangeCalendar.js';\nimport { ControlledDateRangeFromDate } from './ControlledDateRangeFromDate.js';\nimport { ControlledDateRangeToDate } from './ControlledDateRangeToDate.js';\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 ownerPropsConfig,\n } = useContext(ControlledDateRangePickerContext);\n\n return (\n <StyledWrapper\n isControllerOnly={isControllerOnly}\n isPickerOnly={isPickerOnly}\n type={type}\n {...globalAttrs}\n {...xstyledAttrs}\n {...ownerPropsConfig}\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,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,kBAAkB;AAC3B,SAAS,wCAAwC;AACjD,SAAS,iCAAiC,wCAAwC;AAElF,SAAS,eAAe;AACxB,SAAS,mCAAmC;AAC5C,SAAS,mCAAmC;AAC5C,SAAS,iCAAiC;AAQ1C,MAAM,gBAAgB,OAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,MAAM,iCAAiC;AACzC,CAAC;AAAA;AAAA,2BAE0B,CAAC,EAAE,KAAK,MAAM,QAAQ,IAAI,CAAC;AAAA;AAAA,IAElD,CAAC,EAAE,kBAAkB,aAAa,MAAO,oBAAoB,eAAe,KAAK,eAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjG,kBAAkB;AAAA;AAGf,MAAM,6BAA6B,MAAmB;AAC3D,QAAM;AAAA,IACJ,OAAO,EAAE,KAAK;AAAA,IACd;AAAA,IACA;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;AAAA,MACC,GAAG;AAAA,MACH,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
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { ControlledDateRangePickerContextT } from './config/useControlledDateRangePicker.js';
|
|
3
2
|
/** Context for cross component communication */
|
|
4
3
|
export declare const ControlledDateRangePickerContext: import("react").Context<ControlledDateRangePickerContextT>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { ControlledDateRangePickerContextT } from './useControlledDateRangePicker.js';
|
|
2
2
|
import type { DSControlledDateRangePickerT } from '../react-desc-prop-types.js';
|
|
3
|
-
export declare const useRangePickerLogic: ({ fromDate, onFromDateChange, onMonthFromChange, onDayFromChange, onYearFromChange, toDate, onMonthToChange, onDayToChange, onYearToChange, onToDateChange, }: DSControlledDateRangePickerT.InternalProps) => ControlledDateRangePickerContextT[
|
|
3
|
+
export declare const useRangePickerLogic: ({ fromDate, onFromDateChange, onMonthFromChange, onDayFromChange, onYearFromChange, toDate, onMonthToChange, onDayToChange, onYearToChange, onToDateChange, }: DSControlledDateRangePickerT.InternalProps) => ControlledDateRangePickerContextT["rangePickerLogic"];
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/// <reference types="prop-types" />
|
|
3
1
|
import type { ValidationMap, GlobalAttributesT, DSPropTypesSchema, XstyledProps } from '@elliemae/ds-props-helpers';
|
|
4
2
|
import { type DSControlledDateTimePickerT } from '@elliemae/ds-form-date-time-picker';
|
|
5
3
|
import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-form-date-range-picker",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.53.0-alpha.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Controlled Form Date Range Picker",
|
|
6
6
|
"files": [
|
|
@@ -37,22 +37,23 @@
|
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"styled-components": "~5.3.9",
|
|
40
|
-
"uid": "
|
|
41
|
-
"@elliemae/ds-form-date-time-picker": "3.
|
|
42
|
-
"@elliemae/ds-
|
|
43
|
-
"@elliemae/ds-
|
|
44
|
-
"@elliemae/ds-
|
|
40
|
+
"uid": "^2.0.2",
|
|
41
|
+
"@elliemae/ds-form-date-time-picker": "3.53.0-alpha.2",
|
|
42
|
+
"@elliemae/ds-props-helpers": "3.53.0-alpha.2",
|
|
43
|
+
"@elliemae/ds-system": "3.53.0-alpha.2",
|
|
44
|
+
"@elliemae/ds-typescript-helpers": "3.53.0-alpha.2"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@elliemae/pui-cli": "9.0.0-next.
|
|
48
|
-
"@elliemae/pui-theme": "~2.
|
|
47
|
+
"@elliemae/pui-cli": "9.0.0-next.65",
|
|
48
|
+
"@elliemae/pui-theme": "~2.13.0",
|
|
49
49
|
"jest": "~29.7.0",
|
|
50
50
|
"styled-components": "~5.3.9",
|
|
51
51
|
"styled-system": "^5.1.5",
|
|
52
|
-
"@elliemae/ds-monorepo-devops": "3.
|
|
52
|
+
"@elliemae/ds-monorepo-devops": "3.53.0-alpha.2",
|
|
53
|
+
"@elliemae/ds-test-utils": "3.53.0-alpha.2"
|
|
53
54
|
},
|
|
54
55
|
"peerDependencies": {
|
|
55
|
-
"@elliemae/pui-theme": "~2.
|
|
56
|
+
"@elliemae/pui-theme": "~2.13.0",
|
|
56
57
|
"react": "^18.3.1",
|
|
57
58
|
"react-dom": "^18.3.1",
|
|
58
59
|
"styled-components": "~5.3.9",
|