@elliemae/ds-controlled-form 1.55.0-next.13 → 1.55.0-next.15
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-date-range-picker/parts/ControlledDateRangeContent.js +7 -2
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeContent.js.map +1 -1
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeContent.js +7 -2
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeContent.js.map +1 -1
- package/package.json +10 -5
|
@@ -109,14 +109,19 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
|
109
109
|
|
|
110
110
|
var StyledWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
|
|
111
111
|
componentId: "sc-e4pfvj-0"
|
|
112
|
-
})(["display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto;
|
|
112
|
+
})(["display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto;", " grid-auto-flow:row;grid-template-areas:'. .';justify-content:center;align-items:center;"], function (_ref) {
|
|
113
|
+
var isControllerOnly = _ref.isControllerOnly;
|
|
114
|
+
return isControllerOnly ? undefined : 'gap: 0px 8px;';
|
|
115
|
+
});
|
|
113
116
|
var ControlledDateRangeContent = function ControlledDateRangeContent() {
|
|
114
117
|
var _useContext = React.useContext(controlledDateRangePicker_ControlledDateRangePickerCTX.ControlledDateRangePickerContext),
|
|
115
118
|
withIcon = _useContext.withIcon,
|
|
116
119
|
withInputs = _useContext.withInputs,
|
|
117
120
|
isControllerOnly = _useContext.isControllerOnly;
|
|
118
121
|
|
|
119
|
-
return /*#__PURE__*/React__default['default'].createElement(StyledWrapper,
|
|
122
|
+
return /*#__PURE__*/React__default['default'].createElement(StyledWrapper, {
|
|
123
|
+
isControllerOnly: isControllerOnly
|
|
124
|
+
}, 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
125
|
};
|
|
121
126
|
|
|
122
127
|
exports.ControlledDateRangeContent = ControlledDateRangeContent;
|
|
@@ -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';\nconst StyledWrapper = styled.div
|
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,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;AAAjC,KACGM,UAAU,gBACTC,+FACEA,wCAACC,uFAAD,OADF,eAEED,wCAACE,mFAAD,OAFF,CADS,GAKP,IANN,EAOGJ,QAAQ,IAAIL,gBAAZ,gBAA+BO,wCAACG,uFAAD,OAA/B,GAAiE,IAPpE,CADF;AAWD;;;;"}
|
|
@@ -100,14 +100,19 @@ import '../../controlled-date-time-picker/parts/ClearButton/useClearButton.js';
|
|
|
100
100
|
|
|
101
101
|
var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
102
102
|
componentId: "sc-e4pfvj-0"
|
|
103
|
-
})(["display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto;
|
|
103
|
+
})(["display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto;", " grid-auto-flow:row;grid-template-areas:'. .';justify-content:center;align-items:center;"], function (_ref) {
|
|
104
|
+
var isControllerOnly = _ref.isControllerOnly;
|
|
105
|
+
return isControllerOnly ? undefined : 'gap: 0px 8px;';
|
|
106
|
+
});
|
|
104
107
|
var ControlledDateRangeContent = function ControlledDateRangeContent() {
|
|
105
108
|
var _useContext = useContext(ControlledDateRangePickerContext),
|
|
106
109
|
withIcon = _useContext.withIcon,
|
|
107
110
|
withInputs = _useContext.withInputs,
|
|
108
111
|
isControllerOnly = _useContext.isControllerOnly;
|
|
109
112
|
|
|
110
|
-
return /*#__PURE__*/React.createElement(StyledWrapper,
|
|
113
|
+
return /*#__PURE__*/React.createElement(StyledWrapper, {
|
|
114
|
+
isControllerOnly: isControllerOnly
|
|
115
|
+
}, withInputs ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ControlledDateRangeFromDate, null), /*#__PURE__*/React.createElement(ControlledDateRangeToDate, null)) : null, withIcon || isControllerOnly ? /*#__PURE__*/React.createElement(ControlledDateRangeCalendar, null) : null);
|
|
111
116
|
};
|
|
112
117
|
|
|
113
118
|
export { ControlledDateRangeContent };
|
|
@@ -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';\nconst StyledWrapper = styled.div
|
|
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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,aAAa,gBAAGC,MAAM,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,UAAU,CAACC,gCAAD,CAA7D;AAAA,MAAQC,QAAR,eAAQA,QAAR;AAAA,MAAkBC,UAAlB,eAAkBA,UAAlB;AAAA,MAA8BN,gBAA9B,eAA8BA,gBAA9B;;AAEA,sBACE,oBAAC,aAAD;AAAe,IAAA,gBAAgB,EAAEA;AAAjC,KACGM,UAAU,gBACT,uDACE,oBAAC,2BAAD,OADF,eAEE,oBAAC,yBAAD,OAFF,CADS,GAKP,IANN,EAOGD,QAAQ,IAAIL,gBAAZ,gBAA+B,oBAAC,2BAAD,OAA/B,GAAiE,IAPpE,CADF;AAWD;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-controlled-form",
|
|
3
|
-
"version": "1.55.0-next.
|
|
3
|
+
"version": "1.55.0-next.15",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Controlled Form Controllers",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -16,13 +16,18 @@
|
|
|
16
16
|
"build": "node ../../scripts/build/build.js"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-basic": "1.55.0-next.
|
|
20
|
-
"@elliemae/ds-button": "1.55.0-next.
|
|
21
|
-
"@elliemae/ds-
|
|
19
|
+
"@elliemae/ds-basic": "1.55.0-next.15",
|
|
20
|
+
"@elliemae/ds-button": "1.55.0-next.15",
|
|
21
|
+
"@elliemae/ds-form-layout-blocks": "1.55.0-next.15",
|
|
22
|
+
"@elliemae/ds-grid": "1.55.0-next.15",
|
|
23
|
+
"@elliemae/ds-icons": "1.55.0-next.15",
|
|
24
|
+
"@elliemae/ds-props-helpers": "1.55.0-next.15",
|
|
25
|
+
"@elliemae/ds-system": "1.55.0-next.15",
|
|
26
|
+
"@elliemae/pui-theme": "2.2.3",
|
|
22
27
|
"prop-types": "~15.7.2",
|
|
23
28
|
"react-desc": "^4.1.2",
|
|
24
29
|
"react-popper": "^2.2.5",
|
|
25
|
-
"
|
|
30
|
+
"uid": "^2.0.0"
|
|
26
31
|
},
|
|
27
32
|
"devDependencies": {
|
|
28
33
|
"styled-components": "~5.3.0"
|