@carbon/ibm-products 1.41.1 → 1.41.3
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/ButtonMenu/ButtonMenu.js +4 -2
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +6 -4
- package/es/components/Datagrid/utils/getInlineEditColumns.js +1 -0
- package/es/components/Datagrid/utils/makeData.js +1 -1
- package/es/components/TagSet/TagSetOverflow.js +5 -1
- package/lib/components/ButtonMenu/ButtonMenu.js +4 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +6 -4
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +1 -0
- package/lib/components/Datagrid/utils/makeData.js +1 -1
- package/lib/components/TagSet/TagSetOverflow.js +5 -1
- package/package.json +2 -2
@@ -27,7 +27,7 @@ var componentName = 'ButtonMenu';
|
|
27
27
|
|
28
28
|
// Default values for props
|
29
29
|
var defaults = {
|
30
|
-
size: '
|
30
|
+
size: 'lg',
|
31
31
|
kind: 'primary'
|
32
32
|
};
|
33
33
|
|
@@ -50,6 +50,7 @@ export var ButtonMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
50
50
|
_ref$size = _ref.size,
|
51
51
|
size = _ref$size === void 0 ? defaults.size : _ref$size,
|
52
52
|
rest = _objectWithoutProperties(_ref, _excluded);
|
53
|
+
var buttonSize = size === 'lg' ? 'default' : size;
|
53
54
|
return /*#__PURE__*/React.createElement(OverflowMenu, _extends({}, rest, {
|
54
55
|
className: cx(blockClass,
|
55
56
|
// Apply the block class to the main HTML element
|
@@ -57,9 +58,10 @@ export var ButtonMenu = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
57
58
|
),
|
58
59
|
|
59
60
|
menuOptionsClass: cx("".concat(blockClass, "__options"), menuOptionsClass),
|
61
|
+
size: size,
|
60
62
|
renderIcon: function renderIcon() {
|
61
63
|
return /*#__PURE__*/React.createElement("div", {
|
62
|
-
className: cx(["".concat(blockClass, "__trigger"), "".concat(carbon.prefix, "--btn"), "".concat(carbon.prefix, "--btn--").concat(kind), "".concat(carbon.prefix, "--btn--").concat(
|
64
|
+
className: cx(["".concat(blockClass, "__trigger"), "".concat(carbon.prefix, "--btn"), "".concat(carbon.prefix, "--btn--").concat(kind), "".concat(carbon.prefix, "--btn--").concat(buttonSize)])
|
63
65
|
}, label, Icon && /*#__PURE__*/React.createElement(Icon, {
|
64
66
|
"aria-hidden": "true",
|
65
67
|
"aria-label": iconDescription,
|
@@ -360,18 +360,20 @@ export var InlineEditCell = function InlineEditCell(_ref) {
|
|
360
360
|
return num.toString().padStart(2, '0');
|
361
361
|
};
|
362
362
|
var buildDate = function buildDate(value) {
|
363
|
+
var _config$inputProps2;
|
364
|
+
var dateFormat = config === null || config === void 0 ? void 0 : (_config$inputProps2 = config.inputProps) === null || _config$inputProps2 === void 0 ? void 0 : _config$inputProps2.dateFormat;
|
363
365
|
if (value instanceof Date) {
|
364
|
-
var _config$dateFormat = config.dateFormat,
|
365
|
-
dateFormat = _config$dateFormat === void 0 ? 'm/d/Y' : _config$dateFormat;
|
366
366
|
var maskedFullYear = value.getFullYear();
|
367
367
|
var maskedMonth = padTo2Digits(value.getMonth() + 1);
|
368
368
|
var maskedDay = padTo2Digits(value.getDate());
|
369
|
-
if (dateFormat === 'm/d/Y' ||
|
369
|
+
if (dateFormat === 'm/d/Y' || value === 'm/d/y') {
|
370
370
|
return [maskedMonth, maskedDay, maskedFullYear].join('/');
|
371
371
|
}
|
372
|
-
if (dateFormat === 'd/m/Y' || dateFormat === 'd/m/y') {
|
372
|
+
if (dateFormat === 'd/m/Y' || dateFormat === 'd/m/y' || dateFormat === undefined) {
|
373
373
|
return [maskedDay, maskedMonth, maskedFullYear].join('/');
|
374
374
|
}
|
375
|
+
} else {
|
376
|
+
return value;
|
375
377
|
}
|
376
378
|
return null;
|
377
379
|
};
|
@@ -93,6 +93,7 @@ export var getInlineEditColumns = function getInlineEditColumns() {
|
|
93
93
|
console.log(newDateObj, cell);
|
94
94
|
},
|
95
95
|
labelText: 'Change active since date',
|
96
|
+
dateFormat: 'd/m/Y',
|
96
97
|
// optionally pass props here to be passed through to Carbon's DatePickerInput component
|
97
98
|
datePickerInputProps: {
|
98
99
|
labelText: 'Change active since date'
|
@@ -166,7 +166,7 @@ var newPerson = function newPerson() {
|
|
166
166
|
numbers: 0
|
167
167
|
}),
|
168
168
|
chartType: initialChartTypeIndex === 0 ? inlineEditSelectItems[0] : initialChartTypeIndex === 1 ? inlineEditSelectItems[1] : inlineEditSelectItems[2],
|
169
|
-
activeSince: activeChance > 0.66 ? activeSinceDate : activeChance > 0.33 ? yesterdayDate :
|
169
|
+
activeSince: activeChance > 0.66 ? activeSinceDate : activeChance > 0.33 ? yesterdayDate : '23/05/2020',
|
170
170
|
bonus: "$\r".concat(getRandomInteger(100, 500, 2)),
|
171
171
|
passwordStrength: getPasswordStrength(),
|
172
172
|
doc_link: renderDocLink()
|
@@ -44,7 +44,11 @@ export var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
44
44
|
var overflowTagContent = useRef(null);
|
45
45
|
var handleChange = function handleChange(ev, _ref2) {
|
46
46
|
var open = _ref2.open;
|
47
|
-
|
47
|
+
if (ev.type === 'click') {
|
48
|
+
setTipOpen(function () {
|
49
|
+
return open;
|
50
|
+
});
|
51
|
+
}
|
48
52
|
};
|
49
53
|
var handleShowAllTagsClick = function handleShowAllTagsClick(ev) {
|
50
54
|
ev.stopPropagation();
|
@@ -21,7 +21,7 @@ var componentName = 'ButtonMenu';
|
|
21
21
|
|
22
22
|
// Default values for props
|
23
23
|
var defaults = {
|
24
|
-
size: '
|
24
|
+
size: 'lg',
|
25
25
|
kind: 'primary'
|
26
26
|
};
|
27
27
|
|
@@ -44,6 +44,7 @@ var ButtonMenu = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
44
44
|
_ref$size = _ref.size,
|
45
45
|
size = _ref$size === void 0 ? defaults.size : _ref$size,
|
46
46
|
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
47
|
+
var buttonSize = size === 'lg' ? 'default' : size;
|
47
48
|
return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.OverflowMenu, (0, _extends2.default)({}, rest, {
|
48
49
|
className: (0, _classnames.default)(blockClass,
|
49
50
|
// Apply the block class to the main HTML element
|
@@ -51,9 +52,10 @@ var ButtonMenu = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
51
52
|
),
|
52
53
|
|
53
54
|
menuOptionsClass: (0, _classnames.default)("".concat(blockClass, "__options"), menuOptionsClass),
|
55
|
+
size: size,
|
54
56
|
renderIcon: function renderIcon() {
|
55
57
|
return /*#__PURE__*/_react.default.createElement("div", {
|
56
|
-
className: (0, _classnames.default)(["".concat(blockClass, "__trigger"), "".concat(_settings.carbon.prefix, "--btn"), "".concat(_settings.carbon.prefix, "--btn--").concat(kind), "".concat(_settings.carbon.prefix, "--btn--").concat(
|
58
|
+
className: (0, _classnames.default)(["".concat(blockClass, "__trigger"), "".concat(_settings.carbon.prefix, "--btn"), "".concat(_settings.carbon.prefix, "--btn--").concat(kind), "".concat(_settings.carbon.prefix, "--btn--").concat(buttonSize)])
|
57
59
|
}, label, Icon && /*#__PURE__*/_react.default.createElement(Icon, {
|
58
60
|
"aria-hidden": "true",
|
59
61
|
"aria-label": iconDescription,
|
@@ -363,18 +363,20 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
363
363
|
return num.toString().padStart(2, '0');
|
364
364
|
};
|
365
365
|
var buildDate = function buildDate(value) {
|
366
|
+
var _config$inputProps2;
|
367
|
+
var dateFormat = config === null || config === void 0 ? void 0 : (_config$inputProps2 = config.inputProps) === null || _config$inputProps2 === void 0 ? void 0 : _config$inputProps2.dateFormat;
|
366
368
|
if (value instanceof Date) {
|
367
|
-
var _config$dateFormat = config.dateFormat,
|
368
|
-
dateFormat = _config$dateFormat === void 0 ? 'm/d/Y' : _config$dateFormat;
|
369
369
|
var maskedFullYear = value.getFullYear();
|
370
370
|
var maskedMonth = padTo2Digits(value.getMonth() + 1);
|
371
371
|
var maskedDay = padTo2Digits(value.getDate());
|
372
|
-
if (dateFormat === 'm/d/Y' ||
|
372
|
+
if (dateFormat === 'm/d/Y' || value === 'm/d/y') {
|
373
373
|
return [maskedMonth, maskedDay, maskedFullYear].join('/');
|
374
374
|
}
|
375
|
-
if (dateFormat === 'd/m/Y' || dateFormat === 'd/m/y') {
|
375
|
+
if (dateFormat === 'd/m/Y' || dateFormat === 'd/m/y' || dateFormat === undefined) {
|
376
376
|
return [maskedDay, maskedMonth, maskedFullYear].join('/');
|
377
377
|
}
|
378
|
+
} else {
|
379
|
+
return value;
|
378
380
|
}
|
379
381
|
return null;
|
380
382
|
};
|
@@ -100,6 +100,7 @@ var getInlineEditColumns = function getInlineEditColumns() {
|
|
100
100
|
console.log(newDateObj, cell);
|
101
101
|
},
|
102
102
|
labelText: 'Change active since date',
|
103
|
+
dateFormat: 'd/m/Y',
|
103
104
|
// optionally pass props here to be passed through to Carbon's DatePickerInput component
|
104
105
|
datePickerInputProps: {
|
105
106
|
labelText: 'Change active since date'
|
@@ -168,7 +168,7 @@ var newPerson = function newPerson() {
|
|
168
168
|
numbers: 0
|
169
169
|
}),
|
170
170
|
chartType: initialChartTypeIndex === 0 ? _getInlineEditColumns.inlineEditSelectItems[0] : initialChartTypeIndex === 1 ? _getInlineEditColumns.inlineEditSelectItems[1] : _getInlineEditColumns.inlineEditSelectItems[2],
|
171
|
-
activeSince: activeChance > 0.66 ? activeSinceDate : activeChance > 0.33 ? yesterdayDate :
|
171
|
+
activeSince: activeChance > 0.66 ? activeSinceDate : activeChance > 0.33 ? yesterdayDate : '23/05/2020',
|
172
172
|
bonus: "$\r".concat(getRandomInteger(100, 500, 2)),
|
173
173
|
passwordStrength: getPasswordStrength(),
|
174
174
|
doc_link: renderDocLink()
|
@@ -47,7 +47,11 @@ var TagSetOverflow = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
|
|
47
47
|
var overflowTagContent = (0, _react.useRef)(null);
|
48
48
|
var handleChange = function handleChange(ev, _ref2) {
|
49
49
|
var open = _ref2.open;
|
50
|
-
|
50
|
+
if (ev.type === 'click') {
|
51
|
+
setTipOpen(function () {
|
52
|
+
return open;
|
53
|
+
});
|
54
|
+
}
|
51
55
|
};
|
52
56
|
var handleShowAllTagsClick = function handleShowAllTagsClick(ev) {
|
53
57
|
ev.stopPropagation();
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@carbon/ibm-products",
|
3
3
|
"description": "Carbon for IBM Products",
|
4
|
-
"version": "1.41.
|
4
|
+
"version": "1.41.3",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -95,5 +95,5 @@
|
|
95
95
|
"react": "^16.8.6 || ^17.0.1",
|
96
96
|
"react-dom": "^16.8.6 || ^17.0.1"
|
97
97
|
},
|
98
|
-
"gitHead": "
|
98
|
+
"gitHead": "f91a72b3d95231f9922efb221734248b45254fa5"
|
99
99
|
}
|