@elliemae/ds-mobile 2.0.0-rc.9 → 2.0.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/cjs/FullPageContainer/FullPageContainer.js +2 -2
- package/cjs/FullPageContainer/FullPageContainerScroll.js +2 -2
- package/cjs/GlobalHeader/MobileGlobalHeader.js +2 -2
- package/cjs/LoadingPage/Page.js +2 -2
- package/cjs/MobileActionToolbar/MobileActionToolbarItem.js +2 -2
- package/cjs/MobileBanner/MobileBanner.js +2 -2
- package/cjs/MobileCard/Card.js +9 -60
- package/cjs/MobileCard/props.js +62 -0
- package/cjs/MobileContextMenu/MobileContextMenu.js +2 -2
- package/cjs/MobileContextMenu/MobileContextMenuGroup.js +2 -2
- package/cjs/MobileContextMenu/MobileContextMenuItem.js +2 -2
- package/cjs/MobileDatePicker/Input.js +2 -2
- package/cjs/MobileDropdownMenu/MobileDropdownInput.js +2 -2
- package/cjs/MobileSelectList/MobileSelectList.js +2 -2
- package/cjs/MobileSeparator/Separator.js +2 -2
- package/cjs/MobileTimePicker/Input.js +2 -2
- package/cjs/MobileTouchable/MobileTouchable.js +2 -2
- package/cjs/Modal/Modal.js +2 -2
- package/cjs/Tabs/index.js +10 -4
- package/cjs/Tabs/propTypes.js +28 -0
- package/cjs/index.js +2 -0
- package/esm/FullPageContainer/FullPageContainer.js +2 -2
- package/esm/FullPageContainer/FullPageContainerScroll.js +2 -2
- package/esm/GlobalHeader/MobileGlobalHeader.js +2 -2
- package/esm/LoadingPage/Page.js +2 -2
- package/esm/MobileActionToolbar/MobileActionToolbarItem.js +2 -2
- package/esm/MobileBanner/MobileBanner.js +2 -2
- package/esm/MobileCard/Card.js +10 -61
- package/esm/MobileCard/props.js +58 -0
- package/esm/MobileContextMenu/MobileContextMenu.js +2 -2
- package/esm/MobileContextMenu/MobileContextMenuGroup.js +2 -2
- package/esm/MobileContextMenu/MobileContextMenuItem.js +2 -2
- package/esm/MobileDatePicker/Input.js +2 -2
- package/esm/MobileDropdownMenu/MobileDropdownInput.js +2 -2
- package/esm/MobileSelectList/MobileSelectList.js +2 -2
- package/esm/MobileSeparator/Separator.js +2 -2
- package/esm/MobileTimePicker/Input.js +2 -2
- package/esm/MobileTouchable/MobileTouchable.js +2 -2
- package/esm/Modal/Modal.js +2 -2
- package/esm/Tabs/index.js +9 -5
- package/esm/Tabs/propTypes.js +23 -0
- package/esm/index.js +1 -1
- package/package.json +23 -15
- package/types/MobileCard/Card.d.ts +14 -17
- package/types/MobileCard/ExpandableRegion.d.ts +2 -2
- package/types/MobileCard/StyledCard.d.ts +3 -1
- package/types/MobileCard/index.d.ts +12 -3
- package/types/MobileCard/props.d.ts +118 -0
- package/types/Tabs/index.d.ts +24 -9
- package/types/Tabs/propTypes.d.ts +42 -0
|
@@ -21,9 +21,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
21
21
|
|
|
22
22
|
const _excluded = ["children"];
|
|
23
23
|
|
|
24
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
24
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
25
|
|
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
27
|
|
|
28
28
|
const DSFullPageContainer = _ref => {
|
|
29
29
|
let {
|
|
@@ -20,9 +20,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
20
20
|
|
|
21
21
|
const _excluded = ["style", "children"];
|
|
22
22
|
|
|
23
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
23
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
24
24
|
|
|
25
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
25
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
26
26
|
|
|
27
27
|
const DSFullPageContainerScroll = _ref => {
|
|
28
28
|
let {
|
|
@@ -31,9 +31,9 @@ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
|
31
31
|
|
|
32
32
|
var _span;
|
|
33
33
|
|
|
34
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
34
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
35
35
|
|
|
36
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
36
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
37
37
|
|
|
38
38
|
const DSGlobalHeader = _ref => {
|
|
39
39
|
let {
|
package/cjs/LoadingPage/Page.js
CHANGED
|
@@ -28,9 +28,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
28
28
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
29
29
|
var Backdrop__default = /*#__PURE__*/_interopDefaultLegacy(Backdrop);
|
|
30
30
|
|
|
31
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
31
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
32
32
|
|
|
33
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
33
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
34
34
|
const LoadingPageLoader = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
35
35
|
componentId: "sc-wx0z8k-0"
|
|
36
36
|
})(["", ";z-index:", ";top:25%;left:15%;width:70%;height:75%;display:flex;flex-direction:column;align-items:center;"], _ref => {
|
|
@@ -23,9 +23,9 @@ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
|
23
23
|
|
|
24
24
|
const _excluded = ["icon"];
|
|
25
25
|
|
|
26
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
26
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
27
|
|
|
28
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
28
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
29
29
|
|
|
30
30
|
const ToolbarItem = _ref => {
|
|
31
31
|
let {
|
|
@@ -26,9 +26,9 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
26
26
|
|
|
27
27
|
var _CloseX;
|
|
28
28
|
|
|
29
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
29
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
30
30
|
|
|
31
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
31
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
32
32
|
|
|
33
33
|
const DSMobileBanner = _ref => {
|
|
34
34
|
let {
|
package/cjs/MobileCard/Card.js
CHANGED
|
@@ -16,6 +16,7 @@ var StyledCard = require('./StyledCard.js');
|
|
|
16
16
|
var ExpandChevron = require('./ExpandChevron.js');
|
|
17
17
|
var useHeight = require('./useHeight.js');
|
|
18
18
|
var ExpandableRegion = require('./ExpandableRegion.js');
|
|
19
|
+
var props = require('./props.js');
|
|
19
20
|
var jsxRuntime = require('react/jsx-runtime');
|
|
20
21
|
|
|
21
22
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -29,7 +30,7 @@ const TitleEllipsis = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
|
29
30
|
})(["", ""], dsSystem.truncate());
|
|
30
31
|
const Title = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
31
32
|
componentId: "sc-10tpzm8-1"
|
|
32
|
-
})(["", " ", " font-weight:", ";font-size:", ";width:100%;", ""], styledSystem.padding, dsSystem.truncate(), props => props.theme.fontWeights.semibold, props => dsSystem.toMobile(props.theme.fontSizes.title[600]), dsSystem.color('neutral',
|
|
33
|
+
})(["", " ", " font-weight:", ";font-size:", ";width:100%;", ""], styledSystem.padding, dsSystem.truncate(), props => props.theme.fontWeights.semibold, props => dsSystem.toMobile(props.theme.fontSizes.title[600]), dsSystem.color('neutral', 800));
|
|
33
34
|
const Detail = /*#__PURE__*/styled__default["default"].span.withConfig({
|
|
34
35
|
componentId: "sc-10tpzm8-2"
|
|
35
36
|
})(["", " ", " font-size:", ";font-weight:", ";"], styledSystem.padding, dsSystem.truncate(), props => dsSystem.toMobile(props.theme.fontSizes.title[500]), props => props.theme.fontWeights.regular);
|
|
@@ -38,7 +39,7 @@ const SubText = /*#__PURE__*/styled__default["default"].span.withConfig({
|
|
|
38
39
|
})(["margin-top:", ";", " &:nth-child(2){padding-left:", ";}"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), dsSystem.truncate(), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s));
|
|
39
40
|
const SubTextWrap = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
40
41
|
componentId: "sc-10tpzm8-4"
|
|
41
|
-
})(["", " border-top:", ";margin-top:6px;margin-bottom:2px;padding-bottom:", ";font-size:", ";", " font-weight:", ";display:flex;justify-content:space-between;"], dsSystem.truncate(), props => dsSystem.border(props.theme.colors.neutral['300']), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => dsSystem.toMobile(props.theme.fontSizes.subTitle[400]), dsSystem.color('neutral',
|
|
42
|
+
})(["", " border-top:", ";margin-top:6px;margin-bottom:2px;padding-bottom:", ";font-size:", ";", " font-weight:", ";display:flex;justify-content:space-between;"], dsSystem.truncate(), props => dsSystem.border(props.theme.colors.neutral['300']), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => dsSystem.toMobile(props.theme.fontSizes.subTitle[400]), dsSystem.color('neutral', 500), props => props.theme.fontWeights.regular);
|
|
42
43
|
const LeftIcon = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
|
|
43
44
|
componentId: "sc-10tpzm8-5"
|
|
44
45
|
})(["& > span{height:", ";width:", ";}& > span > svg,svg:not([fill]){height:", ";width:", ";}"], props => props.halfM, props => props.halfM, props => props.halfM, props => props.halfM);
|
|
@@ -47,7 +48,7 @@ const CenterWrap = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
|
47
48
|
})(["display:flex;align-items:center;", ""], dsSystem.truncate());
|
|
48
49
|
|
|
49
50
|
const MobileCard = _ref => {
|
|
50
|
-
var _TitleEllipsis, _SubText;
|
|
51
|
+
var _TitleEllipsis, _SubText, _Grid;
|
|
51
52
|
|
|
52
53
|
let {
|
|
53
54
|
children,
|
|
@@ -61,7 +62,8 @@ const MobileCard = _ref => {
|
|
|
61
62
|
theme,
|
|
62
63
|
expandable = false,
|
|
63
64
|
expandedContent,
|
|
64
|
-
value
|
|
65
|
+
value,
|
|
66
|
+
cardContent
|
|
65
67
|
} = _ref;
|
|
66
68
|
const subTextRef = React.useRef(null);
|
|
67
69
|
const subTextHeight = useHeight.useHeight(subTextRef);
|
|
@@ -108,7 +110,7 @@ const MobileCard = _ref => {
|
|
|
108
110
|
}, void 0, _TitleEllipsis || (_TitleEllipsis = /*#__PURE__*/_jsx__default["default"](TitleEllipsis, {}, void 0, children)), details && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
|
|
109
111
|
"data-testid": "card-details",
|
|
110
112
|
cols: details.map(() => 'min-content'),
|
|
111
|
-
mb: !(subText || subIcons) && halfM,
|
|
113
|
+
mb: !(subText || subIcons) && halfM || 0,
|
|
112
114
|
pt: dsSystem.op('/', dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs), 2)
|
|
113
115
|
}, void 0, details.map((d, i) => /*#__PURE__*/_jsx__default["default"](Detail, {}, i, d, i < details.length - 1 && /*#__PURE__*/_jsx__default["default"](Detail, {
|
|
114
116
|
px: dsSystem.__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs)
|
|
@@ -127,66 +129,13 @@ const MobileCard = _ref => {
|
|
|
127
129
|
}), /*#__PURE__*/_jsx__default["default"](ExpandableRegion.ExpandableRegion, {
|
|
128
130
|
show: selected,
|
|
129
131
|
content: expandedContent
|
|
130
|
-
})));
|
|
132
|
+
}), cardContent && (_Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, cardContent)))));
|
|
131
133
|
}
|
|
132
134
|
});
|
|
133
135
|
};
|
|
134
136
|
|
|
135
|
-
const props = {
|
|
136
|
-
/**
|
|
137
|
-
* card height
|
|
138
|
-
*/
|
|
139
|
-
height: reactDesc.PropTypes.oneOf(['s', 'm']).description('card height'),
|
|
140
|
-
|
|
141
|
-
/**
|
|
142
|
-
* Defines mobile card title
|
|
143
|
-
*/
|
|
144
|
-
children: reactDesc.PropTypes.string.isRequired.description('Defines mobile card title'),
|
|
145
|
-
|
|
146
|
-
/**
|
|
147
|
-
* Wheter if the card is expandable or not
|
|
148
|
-
*/
|
|
149
|
-
expandable: reactDesc.PropTypes.bool.description('Wheter if the card is expandable or not'),
|
|
150
|
-
|
|
151
|
-
/**
|
|
152
|
-
* content to display in expand card section
|
|
153
|
-
*/
|
|
154
|
-
expandedContent: reactDesc.PropTypes.element.description('content to display in expand card section'),
|
|
155
|
-
|
|
156
|
-
/**
|
|
157
|
-
* Icon to the left of the card. Size is adjusted automatically.
|
|
158
|
-
*/
|
|
159
|
-
leftAddOn: reactDesc.PropTypes.element.description('Icon to the left of the card. Size is adjusted automatically.'),
|
|
160
|
-
|
|
161
|
-
/**
|
|
162
|
-
* Pass an element to render left. For example a Button with an icon
|
|
163
|
-
*/
|
|
164
|
-
leftProp: reactDesc.PropTypes.element.description('Pass an element to render left. For example a Button with an icon'),
|
|
165
|
-
|
|
166
|
-
/**
|
|
167
|
-
* Pass an array of 1 or 2 elements to render right. For example a Button with an icon
|
|
168
|
-
*/
|
|
169
|
-
rightProp: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element).description('Pass an array of 1 or 2 elements to render right. For example a Button with an icon'),
|
|
170
|
-
|
|
171
|
-
/**
|
|
172
|
-
* Pass an array of 1 or 2 strings
|
|
173
|
-
*/
|
|
174
|
-
subText: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('Pass an array of 1 or 2 strings'),
|
|
175
|
-
|
|
176
|
-
/**
|
|
177
|
-
* SubIcons component
|
|
178
|
-
*/
|
|
179
|
-
subIcons: reactDesc.PropTypes.element.description('SubIcons component'),
|
|
180
|
-
|
|
181
|
-
/**
|
|
182
|
-
* Pass an array of 1, 2 or 3 strings
|
|
183
|
-
*/
|
|
184
|
-
details: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('Pass an array of 1, 2 or 3 strings'),
|
|
185
|
-
theme: reactDesc.PropTypes.object.isRequired.description(''),
|
|
186
|
-
value: reactDesc.PropTypes.number.description('')
|
|
187
|
-
};
|
|
188
137
|
const DSMobileCardWithSchema = reactDesc.describe(MobileCard);
|
|
189
|
-
DSMobileCardWithSchema.propTypes = props;
|
|
138
|
+
DSMobileCardWithSchema.propTypes = props.cardPropsTypes;
|
|
190
139
|
var MobileCard$1 = dsSystem.withTheme(MobileCard);
|
|
191
140
|
|
|
192
141
|
exports.DSMobileCardWithSchema = DSMobileCardWithSchema;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var reactDesc = require('react-desc');
|
|
6
|
+
|
|
7
|
+
const cardPropsTypes = {
|
|
8
|
+
/**
|
|
9
|
+
* card height
|
|
10
|
+
*/
|
|
11
|
+
height: reactDesc.PropTypes.oneOf(['s', 'm']).description('card height'),
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Defines mobile card title
|
|
15
|
+
*/
|
|
16
|
+
children: reactDesc.PropTypes.string.description('Defines mobile card title').isRequired,
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Wheter if the card is expandable or not
|
|
20
|
+
*/
|
|
21
|
+
expandable: reactDesc.PropTypes.bool.description('Wheter if the card is expandable or not'),
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* content to display in expand card section
|
|
25
|
+
*/
|
|
26
|
+
expandedContent: reactDesc.PropTypes.element.description('content to display in expand card section'),
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* Icon to the left of the card. Size is adjusted automatically.
|
|
30
|
+
*/
|
|
31
|
+
leftAddOn: reactDesc.PropTypes.element.description('Icon to the left of the card. Size is adjusted automatically.'),
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* Pass an element to render left. For example a Button with an icon
|
|
35
|
+
*/
|
|
36
|
+
leftProp: reactDesc.PropTypes.element.description('Pass an element to render left. For example a Button with an icon'),
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* Pass an array of 1 or 2 elements to render right. For example a Button with an icon
|
|
40
|
+
*/
|
|
41
|
+
rightProp: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element).description('Pass an array of 1 or 2 elements to render right. For example a Button with an icon'),
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* Pass an array of 1 or 2 strings
|
|
45
|
+
*/
|
|
46
|
+
subText: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('Pass an array of 1 or 2 strings'),
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* SubIcons component
|
|
50
|
+
*/
|
|
51
|
+
subIcons: reactDesc.PropTypes.element.description('SubIcons component'),
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Pass an array of 1, 2 or 3 strings
|
|
55
|
+
*/
|
|
56
|
+
details: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('Pass an array of 1, 2 or 3 strings'),
|
|
57
|
+
theme: reactDesc.PropTypes.object.description('').isRequired,
|
|
58
|
+
value: reactDesc.PropTypes.number.description(''),
|
|
59
|
+
cardContent: reactDesc.PropTypes.node.description('JSX content for the card')
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
exports.cardPropsTypes = cardPropsTypes;
|
|
@@ -33,9 +33,9 @@ var Group__default = /*#__PURE__*/_interopDefaultLegacy(Group);
|
|
|
33
33
|
|
|
34
34
|
var _ContextMenuGroup;
|
|
35
35
|
|
|
36
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
36
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
37
37
|
|
|
38
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
38
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
39
39
|
const StyledContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
|
|
40
40
|
componentId: "sc-15ys5tq-0"
|
|
41
41
|
})(["background:", ";z-index:", ";width:", ";position:fixed;bottom:0;left:", ";max-height:90vh;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 0px 24px 0 rgba(0,0,0,0.5),0 0px 11px 0 rgba(0,0,0,0.5);"], props => props.theme.colors.neutral['000'], props => props.zIndex, props => "calc(100% - ".concat(props.theme.space.xs, ")"), props => props.theme.space.xxs);
|
|
@@ -24,9 +24,9 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
|
24
24
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
25
25
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
26
26
|
|
|
27
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
27
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
28
28
|
|
|
29
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
29
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
30
30
|
const Title = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
31
31
|
componentId: "sc-atfpfh-0"
|
|
32
32
|
})(["height:24px;line-height:24px;font-size:12px;border-top:1px solid ", ";background:", ";padding:0 ", ";color:", ";font-weight:", ";"], props => props.theme.colors.brand['300'], props => props.theme.colors.brand['200'], props => props.theme.space.xs, props => props.theme.colors.neutral['700'], props => props.theme.fontWeights.semibold);
|
|
@@ -29,9 +29,9 @@ var GroupItem__default = /*#__PURE__*/_interopDefaultLegacy(GroupItem);
|
|
|
29
29
|
|
|
30
30
|
var _CheckMark;
|
|
31
31
|
|
|
32
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
32
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
33
33
|
|
|
34
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
34
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
35
35
|
const Wrap = /*#__PURE__*/styled__default["default"](props => /*#__PURE__*/jsxRuntime.jsx(MobileTouchable.DSMobileTouchable, _objectSpread({}, props))).withConfig({
|
|
36
36
|
componentId: "sc-20od94-0"
|
|
37
37
|
})(["border-bottom:none;"]);
|
|
@@ -22,9 +22,9 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
|
22
22
|
|
|
23
23
|
const _excluded = ["innerRef"];
|
|
24
24
|
|
|
25
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
25
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
26
26
|
|
|
27
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
27
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
28
28
|
const StyledInput = /*#__PURE__*/styled__default["default"].input.withConfig({
|
|
29
29
|
componentId: "sc-1djip5a-0"
|
|
30
30
|
})(["input[type=date]&{-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;appearance:none;color:transparent;white-space:nowrap;position:relative;height:", ";width:100%;max-width:calc(100% - 32px);outline:none;box-sizing:border-box;display:flex;background:", ";padding:0 ", ";z-index:1;border-radius:2px;border:solid 1px ", ";}input[type=date]&:active,input[type=date]&:focus{", "}&:before{color:", ";content:'", "';}input[type=date]&::-webkit-datetime-edit,input[type=date]&::-webkit-inner-spin-button,input[type=date]&::-webkit-clear-button{-webkit-appearance:none;display:none;}"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l), props => props.theme.colors.neutral['000'], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), props => props.theme.colors.neutral[200], props => dsSystem.focus(props.theme.colors.brand[700]), props => props.value === '' ? props.theme.colors.neutral['500'] : props.theme.colors.neutral['800'], props => props.value === '' ? props.placeholder : props['data-displayvalue']);
|
|
@@ -21,9 +21,9 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
21
21
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
22
22
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
23
23
|
|
|
24
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
24
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
25
|
|
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
27
|
const MobileDropdownInput = /*#__PURE__*/styled__default["default"].input.withConfig({
|
|
28
28
|
componentId: "sc-1rsc1yn-0"
|
|
29
29
|
})(["-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;caret-color:transparent;padding-right:32px;padding-left:10px;border-radius:2px;width:100%;background:", ";height:32px;line-height:32px;border:solid 1px ", ";&:active,&:focus{", "}"], props => props.theme.colors.neutral['000'], props => props.theme.colors.neutral[200], props => dsSystem.focus(props.theme.colors.brand[700]));
|
|
@@ -27,9 +27,9 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
|
|
|
27
27
|
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
28
28
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
29
29
|
|
|
30
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
30
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
31
31
|
|
|
32
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
32
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
33
33
|
|
|
34
34
|
const MobileSelectList = _ref => {
|
|
35
35
|
let {
|
|
@@ -19,9 +19,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
19
19
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
20
20
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
21
21
|
|
|
22
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
22
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
23
23
|
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
25
25
|
const Separator = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
|
|
26
26
|
componentId: "sc-lje3kq-0"
|
|
27
27
|
})(["border-top:", ";border-left:", ";"], _ref => {
|
|
@@ -22,9 +22,9 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
|
22
22
|
|
|
23
23
|
const _excluded = ["innerRef"];
|
|
24
24
|
|
|
25
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
25
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
26
26
|
|
|
27
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
27
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
28
28
|
const StyledInput = /*#__PURE__*/styled__default["default"].input.withConfig({
|
|
29
29
|
componentId: "sc-ra7fth-0"
|
|
30
30
|
})(["input[type=time]&{-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;appearance:none;color:transparent;white-space:nowrap;position:relative;height:", ";width:100%;max-width:calc(100% - 32px);outline:none;box-sizing:border-box;display:flex;background:", ";padding:0 ", ";z-index:1;border-radius:2px;border:solid 1px ", ";}input[type=time]&:active,input[type=time]&:focus{", "}&:before{color:", ";content:'", "';}input[type=time]&::-webkit-datetime-edit,input[type=time]&::-webkit-inner-spin-button,input[type=time]&::-webkit-clear-button{-webkit-appearance:none;display:none;}"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.l), props => props.theme.colors.neutral['000'], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), props => props.theme.colors.neutral[200], props => dsSystem.focus(props.theme.colors.brand[700]), props => props.value === '' ? props.theme.colors.neutral['500'] : props.theme.colors.neutral['800'], props => props.value === '' ? props.placeholder : props['data-displayvalue']);
|
|
@@ -25,9 +25,9 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
|
25
25
|
|
|
26
26
|
const _excluded = ["children", "onClick", "theme", "dataTestid", "render"];
|
|
27
27
|
|
|
28
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
28
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
29
29
|
|
|
30
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
31
31
|
const StyledContainer = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
|
|
32
32
|
componentId: "sc-6cxve6-0"
|
|
33
33
|
})(["cursor:pointer;background:", ";"], props => props.touching ? props.theme.colors.brand['100'] : props.theme.colors.neutral['000']);
|
package/cjs/Modal/Modal.js
CHANGED
|
@@ -27,9 +27,9 @@ var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
|
27
27
|
|
|
28
28
|
var _ModalIcon;
|
|
29
29
|
|
|
30
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
30
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
31
31
|
|
|
32
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
32
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
33
33
|
|
|
34
34
|
const Modal = _ref => {
|
|
35
35
|
let {
|
package/cjs/Tabs/index.js
CHANGED
|
@@ -9,8 +9,9 @@ require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
|
9
9
|
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
10
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
11
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
12
|
-
require('react');
|
|
12
|
+
var reactDesc = require('react-desc');
|
|
13
13
|
var dsTabs = require('@elliemae/ds-tabs');
|
|
14
|
+
var propTypes = require('./propTypes.js');
|
|
14
15
|
var jsxRuntime = require('react/jsx-runtime');
|
|
15
16
|
|
|
16
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -21,9 +22,9 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
|
|
|
21
22
|
const _excluded = ["children"],
|
|
22
23
|
_excluded2 = ["children"];
|
|
23
24
|
|
|
24
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
25
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
26
|
|
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
27
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
28
|
const DSMobileTabs = _ref => {
|
|
28
29
|
let {
|
|
29
30
|
children
|
|
@@ -42,10 +43,15 @@ const DSMobileTab = _ref2 => {
|
|
|
42
43
|
props = _objectWithoutProperties__default["default"](_ref2, _excluded2);
|
|
43
44
|
|
|
44
45
|
return /*#__PURE__*/jsxRuntime.jsx(dsTabs.DSTab, _objectSpread(_objectSpread({}, props), {}, {
|
|
45
|
-
isDSMobile: true,
|
|
46
46
|
children: children
|
|
47
47
|
}));
|
|
48
48
|
};
|
|
49
|
+
const DSMobileTabsWithSchema = reactDesc.describe(DSMobileTabs);
|
|
50
|
+
DSMobileTabsWithSchema.propTypes = propTypes.MobileTabsPropTypes;
|
|
51
|
+
const DSMobileTabWithSchema = reactDesc.describe(DSMobileTab);
|
|
52
|
+
DSMobileTabWithSchema.propTypes = propTypes.MobileTabPropTypes;
|
|
49
53
|
|
|
50
54
|
exports.DSMobileTab = DSMobileTab;
|
|
55
|
+
exports.DSMobileTabWithSchema = DSMobileTabWithSchema;
|
|
51
56
|
exports.DSMobileTabs = DSMobileTabs;
|
|
57
|
+
exports.DSMobileTabsWithSchema = DSMobileTabsWithSchema;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var reactDesc = require('react-desc');
|
|
6
|
+
|
|
7
|
+
const MobileTabPropTypes = {
|
|
8
|
+
tabId: reactDesc.PropTypes.string.description('Unique Tab id.').defaultValue(''),
|
|
9
|
+
title: reactDesc.PropTypes.string.description('Tab title.').defaultValue(''),
|
|
10
|
+
required: reactDesc.PropTypes.bool.description('Show a required mark next to the title.').defaultValue(false),
|
|
11
|
+
disabled: reactDesc.PropTypes.bool.description('Disables Tab.').defaultValue(false)
|
|
12
|
+
};
|
|
13
|
+
const MobileTabsPropTypes = {
|
|
14
|
+
onTabChange: reactDesc.PropTypes.func.description('Handler when a user clicks on a different Tab.').defaultValue('() => {}'),
|
|
15
|
+
tabBarExtraContent: reactDesc.PropTypes.element.description('Extra content next to the Tabs Bar.').defaultValue(undefined),
|
|
16
|
+
onlyRenderActiveTab: reactDesc.PropTypes.bool.description('Only renders the active Tab in the DOM.').defaultValue(false),
|
|
17
|
+
fixedTabsHeaders: reactDesc.PropTypes.bool.description('Enables fixed Tabs mode. Makes Tab Bar non scrollable and adds equal fixed widths.').defaultValue(false),
|
|
18
|
+
activeTab: reactDesc.PropTypes.string.description('Passing a value makes DSTabs a controlled component.').defaultValue('First DSTab children.'),
|
|
19
|
+
children: reactDesc.PropTypes.node.description('Use DSTab component as children.').isRequired,
|
|
20
|
+
tabsListAriaLabel: reactDesc.PropTypes.string.description('Aria label for the Tab list.').defaultValue('Tab list.'),
|
|
21
|
+
containerProps: reactDesc.PropTypes.object.description('Additional properties for the container.').defaultValue({}),
|
|
22
|
+
innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.shape({
|
|
23
|
+
current: reactDesc.PropTypes.any
|
|
24
|
+
})]).description('Ref to the container.').defaultValue(undefined)
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
exports.MobileTabPropTypes = MobileTabPropTypes;
|
|
28
|
+
exports.MobileTabsPropTypes = MobileTabsPropTypes;
|
package/cjs/index.js
CHANGED
|
@@ -114,7 +114,9 @@ exports.DSMobileDropdownMenu = MobileDropdownMenu.DSMobileDropdownMenu;
|
|
|
114
114
|
exports.DSMobileDropdownMenuWithSchema = MobileDropdownMenu.DSMobileDropdownMenuWithSchema;
|
|
115
115
|
exports.DSMobileDropdownTriggerInput = MobileDropdownInput.DSMobileDropdownTriggerInput;
|
|
116
116
|
exports.DSMobileTab = index$1.DSMobileTab;
|
|
117
|
+
exports.DSMobileTabWithSchema = index$1.DSMobileTabWithSchema;
|
|
117
118
|
exports.DSMobileTabs = index$1.DSMobileTabs;
|
|
119
|
+
exports.DSMobileTabsWithSchema = index$1.DSMobileTabsWithSchema;
|
|
118
120
|
exports.DSMobileCard = index.DSMobileCard;
|
|
119
121
|
exports.DSCollectionBox = CollectionBox.DSCollectionBox;
|
|
120
122
|
exports.DSCollectionBoxWithSchema = CollectionBox.DSCollectionBoxWithSchema;
|
|
@@ -12,9 +12,9 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
12
12
|
|
|
13
13
|
const _excluded = ["children"];
|
|
14
14
|
|
|
15
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
15
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
16
16
|
|
|
17
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
17
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
18
18
|
|
|
19
19
|
const DSFullPageContainer = _ref => {
|
|
20
20
|
let {
|
|
@@ -11,9 +11,9 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
11
11
|
|
|
12
12
|
const _excluded = ["style", "children"];
|
|
13
13
|
|
|
14
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
14
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
15
|
|
|
16
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
16
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
17
17
|
|
|
18
18
|
const DSFullPageContainerScroll = _ref => {
|
|
19
19
|
let {
|
|
@@ -21,9 +21,9 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
|
21
21
|
|
|
22
22
|
var _span;
|
|
23
23
|
|
|
24
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
24
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
25
|
|
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
27
|
|
|
28
28
|
const DSGlobalHeader = _ref => {
|
|
29
29
|
let {
|
package/esm/LoadingPage/Page.js
CHANGED
|
@@ -16,9 +16,9 @@ import styled from 'styled-components';
|
|
|
16
16
|
import Backdrop from '@elliemae/ds-backdrop';
|
|
17
17
|
import { jsxs, Fragment } from 'react/jsx-runtime';
|
|
18
18
|
|
|
19
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
19
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
20
20
|
|
|
21
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
21
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
22
22
|
const LoadingPageLoader = /*#__PURE__*/styled.div.withConfig({
|
|
23
23
|
componentId: "sc-wx0z8k-0"
|
|
24
24
|
})(["", ";z-index:", ";top:25%;left:15%;width:70%;height:75%;display:flex;flex-direction:column;align-items:center;"], _ref => {
|