carbon-addons-iot-react 4.0.21 → 4.0.23
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/es/components/Card/Card.js +2 -1
- package/es/components/Card/CardToolbar.js +18 -4
- package/es/components/TableCard/TableCard.js +2 -1
- package/lib/components/Card/Card.js +2 -1
- package/lib/components/Card/CardToolbar.js +18 -4
- package/lib/components/TableCard/TableCard.js +2 -1
- package/package.json +2 -2
- package/umd/carbon-addons-iot-react.js +22 -6
|
@@ -402,7 +402,8 @@ var Card = function Card(props) {
|
|
|
402
402
|
,
|
|
403
403
|
testId: "".concat(testID || testId, "-toolbar"),
|
|
404
404
|
dateTimeMask: dateTimeMask,
|
|
405
|
-
extraActions: extraActions
|
|
405
|
+
extraActions: extraActions,
|
|
406
|
+
id: id
|
|
406
407
|
}) : null;
|
|
407
408
|
var isSupportedType = type === CARD_TYPES.METER_CHART || type === CARD_TYPES.SPARKLINE_CHART || type === CARD_TYPES.STACKED_AREA_CHART;
|
|
408
409
|
|
|
@@ -83,7 +83,8 @@ var propTypes = _objectSpread(_objectSpread({
|
|
|
83
83
|
locale: PropTypes.string,
|
|
84
84
|
dateTimeMask: PropTypes.string,
|
|
85
85
|
/** If set to true it will render outside of the current DOM in a portal, otherwise render as a child */
|
|
86
|
-
renderDateDropdownInPortal: PropTypes.bool
|
|
86
|
+
renderDateDropdownInPortal: PropTypes.bool,
|
|
87
|
+
id: PropTypes.string
|
|
87
88
|
});
|
|
88
89
|
var defaultProps = {
|
|
89
90
|
isEditable: false,
|
|
@@ -113,7 +114,8 @@ var defaultProps = {
|
|
|
113
114
|
},
|
|
114
115
|
testId: 'card-toolbar',
|
|
115
116
|
dateTimeMask: DAYJS_INPUT_FORMATS.RANGE,
|
|
116
|
-
renderDateDropdownInPortal: true
|
|
117
|
+
renderDateDropdownInPortal: true,
|
|
118
|
+
id: null
|
|
117
119
|
};
|
|
118
120
|
var CardToolbar = function CardToolbar(_ref) {
|
|
119
121
|
var i18n = _ref.i18n,
|
|
@@ -130,7 +132,8 @@ var CardToolbar = function CardToolbar(_ref) {
|
|
|
130
132
|
locale = _ref.locale,
|
|
131
133
|
dateTimeMask = _ref.dateTimeMask,
|
|
132
134
|
extraActions = _ref.extraActions,
|
|
133
|
-
renderDateDropdownInPortal = _ref.renderDateDropdownInPortal
|
|
135
|
+
renderDateDropdownInPortal = _ref.renderDateDropdownInPortal,
|
|
136
|
+
id = _ref.id;
|
|
134
137
|
var mergedI18n = _objectSpread(_objectSpread({}, defaultProps.i18n), i18n);
|
|
135
138
|
var langDir = useLangDirection();
|
|
136
139
|
var overflowMenuPosition = React__default.useMemo(function () {
|
|
@@ -230,7 +233,7 @@ var CardToolbar = function CardToolbar(_ref) {
|
|
|
230
233
|
React__default.createElement(unstable_FeatureFlags, {
|
|
231
234
|
enableV12DynamicFloatingStyles: true
|
|
232
235
|
}, /*#__PURE__*/React__default.createElement(DateTimePickerOld, {
|
|
233
|
-
|
|
236
|
+
id: id,
|
|
234
237
|
i18n: mergedI18n,
|
|
235
238
|
dateTimeMask: dateTimeMask,
|
|
236
239
|
locale: locale,
|
|
@@ -486,6 +489,17 @@ CardToolbar.__docgenInfo = {
|
|
|
486
489
|
},
|
|
487
490
|
"required": false
|
|
488
491
|
},
|
|
492
|
+
"id": {
|
|
493
|
+
"defaultValue": {
|
|
494
|
+
"value": "null",
|
|
495
|
+
"computed": false
|
|
496
|
+
},
|
|
497
|
+
"description": "",
|
|
498
|
+
"type": {
|
|
499
|
+
"name": "string"
|
|
500
|
+
},
|
|
501
|
+
"required": false
|
|
502
|
+
},
|
|
489
503
|
"availableActions": {
|
|
490
504
|
"description": "set of available actions for the card",
|
|
491
505
|
"type": {
|
|
@@ -476,7 +476,8 @@ var TableCard = function TableCard(_ref) {
|
|
|
476
476
|
timeRange: timeRange,
|
|
477
477
|
timeRangeOptions: timeRangeOptions,
|
|
478
478
|
renderDateDropdownInPortal: renderDateDropdownInPortal,
|
|
479
|
-
locale: locale
|
|
479
|
+
locale: locale,
|
|
480
|
+
id: id
|
|
480
481
|
});
|
|
481
482
|
var resizeHandles = isResizable ? getResizeHandles(children) : [];
|
|
482
483
|
return /*#__PURE__*/React__default.createElement(Card, _extends({
|
|
@@ -417,7 +417,8 @@ var Card = function Card(props) {
|
|
|
417
417
|
,
|
|
418
418
|
testId: "".concat(testID || testId, "-toolbar"),
|
|
419
419
|
dateTimeMask: dateTimeMask,
|
|
420
|
-
extraActions: extraActions
|
|
420
|
+
extraActions: extraActions,
|
|
421
|
+
id: id
|
|
421
422
|
}) : null;
|
|
422
423
|
var isSupportedType = type === LayoutConstants.CARD_TYPES.METER_CHART || type === LayoutConstants.CARD_TYPES.SPARKLINE_CHART || type === LayoutConstants.CARD_TYPES.STACKED_AREA_CHART;
|
|
423
424
|
|
|
@@ -96,7 +96,8 @@ var propTypes = _objectSpread(_objectSpread({
|
|
|
96
96
|
locale: PropTypes__default.default.string,
|
|
97
97
|
dateTimeMask: PropTypes__default.default.string,
|
|
98
98
|
/** If set to true it will render outside of the current DOM in a portal, otherwise render as a child */
|
|
99
|
-
renderDateDropdownInPortal: PropTypes__default.default.bool
|
|
99
|
+
renderDateDropdownInPortal: PropTypes__default.default.bool,
|
|
100
|
+
id: PropTypes__default.default.string
|
|
100
101
|
});
|
|
101
102
|
var defaultProps = {
|
|
102
103
|
isEditable: false,
|
|
@@ -126,7 +127,8 @@ var defaultProps = {
|
|
|
126
127
|
},
|
|
127
128
|
testId: 'card-toolbar',
|
|
128
129
|
dateTimeMask: dayjs.DAYJS_INPUT_FORMATS.RANGE,
|
|
129
|
-
renderDateDropdownInPortal: true
|
|
130
|
+
renderDateDropdownInPortal: true,
|
|
131
|
+
id: null
|
|
130
132
|
};
|
|
131
133
|
var CardToolbar = function CardToolbar(_ref) {
|
|
132
134
|
var i18n = _ref.i18n,
|
|
@@ -143,7 +145,8 @@ var CardToolbar = function CardToolbar(_ref) {
|
|
|
143
145
|
locale = _ref.locale,
|
|
144
146
|
dateTimeMask = _ref.dateTimeMask,
|
|
145
147
|
extraActions = _ref.extraActions,
|
|
146
|
-
renderDateDropdownInPortal = _ref.renderDateDropdownInPortal
|
|
148
|
+
renderDateDropdownInPortal = _ref.renderDateDropdownInPortal,
|
|
149
|
+
id = _ref.id;
|
|
147
150
|
var mergedI18n = _objectSpread(_objectSpread({}, defaultProps.i18n), i18n);
|
|
148
151
|
var langDir = useLangDirection.useLangDirection();
|
|
149
152
|
var overflowMenuPosition = React__default.default.useMemo(function () {
|
|
@@ -243,7 +246,7 @@ var CardToolbar = function CardToolbar(_ref) {
|
|
|
243
246
|
React__default.default.createElement(react.unstable_FeatureFlags, {
|
|
244
247
|
enableV12DynamicFloatingStyles: true
|
|
245
248
|
}, /*#__PURE__*/React__default.default.createElement(DateTimePickerV2WithoutTimeSpinner.default, {
|
|
246
|
-
|
|
249
|
+
id: id,
|
|
247
250
|
i18n: mergedI18n,
|
|
248
251
|
dateTimeMask: dateTimeMask,
|
|
249
252
|
locale: locale,
|
|
@@ -499,6 +502,17 @@ CardToolbar.__docgenInfo = {
|
|
|
499
502
|
},
|
|
500
503
|
"required": false
|
|
501
504
|
},
|
|
505
|
+
"id": {
|
|
506
|
+
"defaultValue": {
|
|
507
|
+
"value": "null",
|
|
508
|
+
"computed": false
|
|
509
|
+
},
|
|
510
|
+
"description": "",
|
|
511
|
+
"type": {
|
|
512
|
+
"name": "string"
|
|
513
|
+
},
|
|
514
|
+
"required": false
|
|
515
|
+
},
|
|
502
516
|
"availableActions": {
|
|
503
517
|
"description": "set of available actions for the card",
|
|
504
518
|
"type": {
|
|
@@ -488,7 +488,8 @@ var TableCard = function TableCard(_ref) {
|
|
|
488
488
|
timeRange: timeRange,
|
|
489
489
|
timeRangeOptions: timeRangeOptions,
|
|
490
490
|
renderDateDropdownInPortal: renderDateDropdownInPortal,
|
|
491
|
-
locale: locale
|
|
491
|
+
locale: locale,
|
|
492
|
+
id: id
|
|
492
493
|
});
|
|
493
494
|
var resizeHandles = isResizable ? cardUtilityFunctions.getResizeHandles(children) : [];
|
|
494
495
|
return /*#__PURE__*/React__default.default.createElement(Card.default, _extends__default.default({
|
package/package.json
CHANGED
|
@@ -345,11 +345,11 @@
|
|
|
345
345
|
"whatwg-fetch": "^3.0.0"
|
|
346
346
|
},
|
|
347
347
|
"sideEffects": false,
|
|
348
|
-
"version": "4.0.
|
|
348
|
+
"version": "4.0.23",
|
|
349
349
|
"resolutions": {
|
|
350
350
|
"chokidar": "3.3.1",
|
|
351
351
|
"react-grid-layout": "1.2.2",
|
|
352
352
|
"got": "11.8.5"
|
|
353
353
|
},
|
|
354
|
-
"gitHead": "
|
|
354
|
+
"gitHead": "f778f012f04789be3d9196261a16b8080ccefd66"
|
|
355
355
|
}
|
|
@@ -264508,7 +264508,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
264508
264508
|
locale: PropTypes.string,
|
|
264509
264509
|
dateTimeMask: PropTypes.string,
|
|
264510
264510
|
/** If set to true it will render outside of the current DOM in a portal, otherwise render as a child */
|
|
264511
|
-
renderDateDropdownInPortal: PropTypes.bool
|
|
264511
|
+
renderDateDropdownInPortal: PropTypes.bool,
|
|
264512
|
+
id: PropTypes.string
|
|
264512
264513
|
});
|
|
264513
264514
|
var defaultProps$1I = {
|
|
264514
264515
|
isEditable: false,
|
|
@@ -264538,7 +264539,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
264538
264539
|
},
|
|
264539
264540
|
testId: 'card-toolbar',
|
|
264540
264541
|
dateTimeMask: DAYJS_INPUT_FORMATS.RANGE,
|
|
264541
|
-
renderDateDropdownInPortal: true
|
|
264542
|
+
renderDateDropdownInPortal: true,
|
|
264543
|
+
id: null
|
|
264542
264544
|
};
|
|
264543
264545
|
var CardToolbar = function CardToolbar(_ref) {
|
|
264544
264546
|
var i18n = _ref.i18n,
|
|
@@ -264555,7 +264557,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
264555
264557
|
locale = _ref.locale,
|
|
264556
264558
|
dateTimeMask = _ref.dateTimeMask,
|
|
264557
264559
|
extraActions = _ref.extraActions,
|
|
264558
|
-
renderDateDropdownInPortal = _ref.renderDateDropdownInPortal
|
|
264560
|
+
renderDateDropdownInPortal = _ref.renderDateDropdownInPortal,
|
|
264561
|
+
id = _ref.id;
|
|
264559
264562
|
var mergedI18n = _objectSpread$1n(_objectSpread$1n({}, defaultProps$1I.i18n), i18n);
|
|
264560
264563
|
var langDir = useLangDirection_2();
|
|
264561
264564
|
var overflowMenuPosition = React$1.useMemo(function () {
|
|
@@ -264655,7 +264658,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
264655
264658
|
React$1.createElement(react.unstable_FeatureFlags, {
|
|
264656
264659
|
enableV12DynamicFloatingStyles: true
|
|
264657
264660
|
}, /*#__PURE__*/React$1.createElement(DateTimePickerOld, {
|
|
264658
|
-
|
|
264661
|
+
id: id,
|
|
264659
264662
|
i18n: mergedI18n,
|
|
264660
264663
|
dateTimeMask: dateTimeMask,
|
|
264661
264664
|
locale: locale,
|
|
@@ -264911,6 +264914,17 @@ React keys must be passed directly to JSX without using spread:
|
|
|
264911
264914
|
},
|
|
264912
264915
|
"required": false
|
|
264913
264916
|
},
|
|
264917
|
+
"id": {
|
|
264918
|
+
"defaultValue": {
|
|
264919
|
+
"value": "null",
|
|
264920
|
+
"computed": false
|
|
264921
|
+
},
|
|
264922
|
+
"description": "",
|
|
264923
|
+
"type": {
|
|
264924
|
+
"name": "string"
|
|
264925
|
+
},
|
|
264926
|
+
"required": false
|
|
264927
|
+
},
|
|
264914
264928
|
"availableActions": {
|
|
264915
264929
|
"description": "set of available actions for the card",
|
|
264916
264930
|
"type": {
|
|
@@ -265524,7 +265538,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
265524
265538
|
,
|
|
265525
265539
|
testId: "".concat(testID || testId, "-toolbar"),
|
|
265526
265540
|
dateTimeMask: dateTimeMask,
|
|
265527
|
-
extraActions: extraActions
|
|
265541
|
+
extraActions: extraActions,
|
|
265542
|
+
id: id
|
|
265528
265543
|
}) : null;
|
|
265529
265544
|
var isSupportedType = type === CARD_TYPES.METER_CHART || type === CARD_TYPES.SPARKLINE_CHART || type === CARD_TYPES.STACKED_AREA_CHART;
|
|
265530
265545
|
|
|
@@ -301394,7 +301409,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
301394
301409
|
timeRange: timeRange,
|
|
301395
301410
|
timeRangeOptions: timeRangeOptions,
|
|
301396
301411
|
renderDateDropdownInPortal: renderDateDropdownInPortal,
|
|
301397
|
-
locale: locale
|
|
301412
|
+
locale: locale,
|
|
301413
|
+
id: id
|
|
301398
301414
|
});
|
|
301399
301415
|
var resizeHandles = isResizable ? getResizeHandles(children) : [];
|
|
301400
301416
|
return /*#__PURE__*/React$1.createElement(Card$1, _extends$4({
|