@elliemae/ds-form-date-range-picker 3.12.0-rc.0 → 3.12.0-rc.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.
|
@@ -38,7 +38,7 @@ var import_ControlledDateRangeCalendar = require("./ControlledDateRangeCalendar"
|
|
|
38
38
|
var import_ControlledDateRangePickerDatatestid = require("../ControlledDateRangePickerDatatestid");
|
|
39
39
|
var import_utils = require("../utils/utils");
|
|
40
40
|
var import_theming = require("../exported-related/theming");
|
|
41
|
-
const StyledWrapper = (0, import_ds_system.styled)(
|
|
41
|
+
const StyledWrapper = (0, import_ds_system.styled)("div", {
|
|
42
42
|
name: import_theming.DSControlledDateRangePickerName,
|
|
43
43
|
slot: import_theming.DSControlledDateRangePickerSlots.CONTAINER
|
|
44
44
|
})`
|
|
@@ -50,6 +50,7 @@ const StyledWrapper = (0, import_ds_system.styled)(import_ds_system.XStyledWrapp
|
|
|
50
50
|
grid-template-areas: '. .';
|
|
51
51
|
justify-content: center;
|
|
52
52
|
align-items: center;
|
|
53
|
+
${import_ds_system.xStyledCommonProps}
|
|
53
54
|
`;
|
|
54
55
|
const ControlledDateRangeContent = () => {
|
|
55
56
|
const {
|
|
@@ -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 React, { useContext } from 'react';\nimport { styled,
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useContext } from "react";
|
|
4
|
-
import { styled,
|
|
4
|
+
import { styled, xStyledCommonProps } from "@elliemae/ds-system";
|
|
5
5
|
import { ControlledDateRangePickerContext } from "../ControlledDateRangePickerCTX";
|
|
6
6
|
import { ControlledDateRangeFromDate } from "./ControlledDateRangeFromDate";
|
|
7
7
|
import { ControlledDateRangeToDate } from "./ControlledDateRangeToDate";
|
|
@@ -9,7 +9,7 @@ import { ControlledDateRangeCalendar } from "./ControlledDateRangeCalendar";
|
|
|
9
9
|
import { ControlledDateRangePickerDatatestid } from "../ControlledDateRangePickerDatatestid";
|
|
10
10
|
import { gridMap } from "../utils/utils";
|
|
11
11
|
import { DSControlledDateRangePickerName, DSControlledDateRangePickerSlots } from "../exported-related/theming";
|
|
12
|
-
const StyledWrapper = styled(
|
|
12
|
+
const StyledWrapper = styled("div", {
|
|
13
13
|
name: DSControlledDateRangePickerName,
|
|
14
14
|
slot: DSControlledDateRangePickerSlots.CONTAINER
|
|
15
15
|
})`
|
|
@@ -21,6 +21,7 @@ const StyledWrapper = styled(XStyledWrapper, {
|
|
|
21
21
|
grid-template-areas: '. .';
|
|
22
22
|
justify-content: center;
|
|
23
23
|
align-items: center;
|
|
24
|
+
${xStyledCommonProps}
|
|
24
25
|
`;
|
|
25
26
|
const ControlledDateRangeContent = () => {
|
|
26
27
|
const {
|
|
@@ -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 React, { useContext } from 'react';\nimport { styled,
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
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;",
|
|
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.
|
|
3
|
+
"version": "3.12.0-rc.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Controlled Form Date Range Picker",
|
|
6
6
|
"files": [
|
|
@@ -35,10 +35,10 @@
|
|
|
35
35
|
"indent": 4
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@elliemae/ds-form-date-time-picker": "3.12.0-rc.
|
|
39
|
-
"@elliemae/ds-system": "3.12.0-rc.
|
|
40
|
-
"@elliemae/ds-utilities": "3.12.0-rc.
|
|
41
|
-
"styled-components": "~5.3.
|
|
38
|
+
"@elliemae/ds-form-date-time-picker": "3.12.0-rc.2",
|
|
39
|
+
"@elliemae/ds-system": "3.12.0-rc.2",
|
|
40
|
+
"@elliemae/ds-utilities": "3.12.0-rc.2",
|
|
41
|
+
"styled-components": "~5.3.6",
|
|
42
42
|
"uid": "~2.0.0"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
@@ -47,14 +47,14 @@
|
|
|
47
47
|
"@testing-library/jest-dom": "~5.16.4",
|
|
48
48
|
"@testing-library/react": "~12.1.3",
|
|
49
49
|
"@testing-library/user-event": "~13.5.0",
|
|
50
|
-
"styled-components": "~5.3.
|
|
50
|
+
"styled-components": "~5.3.6",
|
|
51
51
|
"styled-system": "~5.1.5"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"@elliemae/pui-theme": "~2.6.0",
|
|
55
55
|
"react": "^17.0.2",
|
|
56
56
|
"react-dom": "^17.0.2",
|
|
57
|
-
"styled-components": "
|
|
57
|
+
"styled-components": "~5.3.6",
|
|
58
58
|
"styled-system": "^5.1.5"
|
|
59
59
|
},
|
|
60
60
|
"publishConfig": {
|