@carbon/ibm-products 1.72.2 → 1.73.0

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.
Files changed (10) hide show
  1. package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -0
  2. package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -0
  3. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -0
  4. package/es/components/ExportModal/ExportModal.js +18 -9
  5. package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +1 -0
  6. package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js +1 -0
  7. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +1 -0
  8. package/lib/components/ExportModal/ExportModal.js +18 -9
  9. package/package.json +3 -3
  10. package/telemetry.yml +3 -0
package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js CHANGED
@@ -37,6 +37,7 @@ var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
37
37
  return /*#__PURE__*/React.createElement(TableBody, _extends({}, getTableBodyProps({
38
38
  role: undefined
39
39
  }), {
40
+ "aria-live": null,
40
41
  className: "".concat(blockClass, "__empty-state-body")
41
42
  }), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableCell, {
42
43
  colSpan: headers.length
package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js CHANGED
@@ -22,6 +22,7 @@ var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
22
22
  return /*#__PURE__*/React.createElement(TableBody, _extends({}, getTableBodyProps({
23
23
  role: undefined
24
24
  }), {
25
+ "aria-live": null,
25
26
  className: cx("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
26
27
  }), rows.map(function (row) {
27
28
  prepareRow(row);
package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js CHANGED
@@ -75,6 +75,7 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
75
75
  }, /*#__PURE__*/React.createElement(DatagridHead, datagridState)), /*#__PURE__*/React.createElement(TableBody, _extends({}, getTableBodyProps({
76
76
  role: undefined
77
77
  }), {
78
+ "aria-live": null,
78
79
  onScroll: syncScroll
79
80
  }), /*#__PURE__*/React.createElement(VariableSizeList, {
80
81
  height: virtualHeight || tableHeight,
package/es/components/ExportModal/ExportModal.js CHANGED
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
- var _excluded = ["body", "className", "error", "errorMessage", "filename", "hidePasswordLabel", "inputLabel", "inputType", "invalidInputText", "loading", "loadingMessage", "onClose", "onRequestSubmit", "open", "preformattedExtensions", "preformattedExtensionsLabel", "primaryButtonText", "secondaryButtonText", "showPasswordLabel", "successMessage", "successful", "title", "validExtensions"];
5
+ var _excluded = ["body", "className", "error", "errorMessage", "filename", "hidePasswordLabel", "inputLabel", "inputProps", "inputType", "invalidInputText", "loading", "loadingMessage", "onClose", "onRequestSubmit", "open", "preformattedExtensions", "preformattedExtensionsLabel", "primaryButtonText", "secondaryButtonText", "showPasswordLabel", "successMessage", "successful", "title", "validExtensions"];
6
6
  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; }
7
7
  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; }
8
8
  //
@@ -36,6 +36,7 @@ export var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
36
36
  filename = _ref.filename,
37
37
  hidePasswordLabel = _ref.hidePasswordLabel,
38
38
  inputLabel = _ref.inputLabel,
39
+ inputProps = _ref.inputProps,
39
40
  _ref$inputType = _ref.inputType,
40
41
  inputType = _ref$inputType === void 0 ? defaults.inputType : _ref$inputType,
41
42
  invalidInputText = _ref.invalidInputText,
@@ -75,13 +76,17 @@ export var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
75
76
  setExtension(preformattedExtensions === null || preformattedExtensions === void 0 ? void 0 : (_preformattedExtensio = preformattedExtensions[0]) === null || _preformattedExtensio === void 0 ? void 0 : _preformattedExtensio.extension);
76
77
  }, [filename, preformattedExtensions, open]);
77
78
  var onNameChangeHandler = function onNameChangeHandler(evt) {
79
+ var _inputProps$onChange;
78
80
  setName(evt.target.value);
81
+ inputProps === null || inputProps === void 0 ? void 0 : (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 ? void 0 : _inputProps$onChange.call(inputProps, evt);
79
82
  };
80
83
  var onExtensionChangeHandler = function onExtensionChangeHandler(value) {
81
84
  setExtension(value);
82
85
  };
83
- var onBlurHandler = function onBlurHandler() {
86
+ var onBlurHandler = function onBlurHandler(evt) {
87
+ var _inputProps$onBlur;
84
88
  setDirtyInput(true);
89
+ inputProps === null || inputProps === void 0 ? void 0 : (_inputProps$onBlur = inputProps.onBlur) === null || _inputProps$onBlur === void 0 ? void 0 : _inputProps$onBlur.call(inputProps, evt);
85
90
  };
86
91
  var onSubmitHandler = function onSubmitHandler() {
87
92
  var returnName = extension ? "".concat(filename, ".").concat(extension.toLocaleLowerCase()) : name;
@@ -102,17 +107,17 @@ export var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
102
107
  };
103
108
  var blockClass = "".concat(pkg.prefix, "--export-modal");
104
109
  var internalId = useRef(uuidv4());
105
- var primaryButtonDisabled = loading || !name || hasInvalidExtension();
110
+ var primaryButtonDisabled = loading || !(name !== null && name !== void 0 && name.trim()) || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalid) || hasInvalidExtension();
106
111
  var submitted = loading || error || successful;
107
- var commonInputProps = _defineProperty({
108
- id: "text-input--".concat(internalId.current),
112
+ var commonInputProps = _objectSpread(_objectSpread({}, inputProps || {}), {}, _defineProperty({
113
+ id: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.id) || "text-input--".concat(internalId.current),
109
114
  value: name,
110
115
  onChange: onNameChangeHandler,
111
- labelText: inputLabel,
112
- invalid: hasInvalidExtension(),
113
- invalidText: invalidInputText,
116
+ labelText: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.labelText) || inputLabel,
117
+ invalid: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalid) || hasInvalidExtension(),
118
+ invalidText: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalidText) || invalidInputText,
114
119
  onBlur: onBlurHandler
115
- }, 'data-modal-primary-focus', true);
120
+ }, 'data-modal-primary-focus', true));
116
121
  return /*#__PURE__*/React.createElement(ComposedModal, _extends({}, rest, {
117
122
  className: cx(blockClass, className),
118
123
  "aria-label": title,
@@ -204,6 +209,10 @@ ExportModal.propTypes = {
204
209
  * label for the text input
205
210
  */
206
211
  inputLabel: PropTypes.string,
212
+ /**
213
+ * Other input properties
214
+ */
215
+ inputProps: PropTypes.object,
207
216
  /**
208
217
  * specify the type of text input
209
218
  */
package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js CHANGED
@@ -44,6 +44,7 @@ var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
44
44
  return /*#__PURE__*/_react.default.createElement(TableBody, (0, _extends2.default)({}, getTableBodyProps({
45
45
  role: undefined
46
46
  }), {
47
+ "aria-live": null,
47
48
  className: "".concat(blockClass, "__empty-state-body")
48
49
  }), /*#__PURE__*/_react.default.createElement(TableRow, null, /*#__PURE__*/_react.default.createElement(TableCell, {
49
50
  colSpan: headers.length
package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js CHANGED
@@ -22,6 +22,7 @@ var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
22
22
  return /*#__PURE__*/_react.default.createElement(TableBody, (0, _extends2.default)({}, getTableBodyProps({
23
23
  role: undefined
24
24
  }), {
25
+ "aria-live": null,
25
26
  className: (0, _classnames.default)("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
26
27
  }), rows.map(function (row) {
27
28
  prepareRow(row);
package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js CHANGED
@@ -78,6 +78,7 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
78
78
  }, /*#__PURE__*/_react.default.createElement(_DatagridHead.default, datagridState)), /*#__PURE__*/_react.default.createElement(TableBody, (0, _extends2.default)({}, getTableBodyProps({
79
79
  role: undefined
80
80
  }), {
81
+ "aria-live": null,
81
82
  onScroll: syncScroll
82
83
  }), /*#__PURE__*/_react.default.createElement(_reactWindow.VariableSizeList, {
83
84
  height: virtualHeight || tableHeight,
package/lib/components/ExportModal/ExportModal.js CHANGED
@@ -18,7 +18,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
18
18
  var _devtools = require("../../global/js/utils/devtools");
19
19
  var _uuidv = _interopRequireDefault(require("../../global/js/utils/uuidv4"));
20
20
  var _settings = require("../../settings");
21
- var _excluded = ["body", "className", "error", "errorMessage", "filename", "hidePasswordLabel", "inputLabel", "inputType", "invalidInputText", "loading", "loadingMessage", "onClose", "onRequestSubmit", "open", "preformattedExtensions", "preformattedExtensionsLabel", "primaryButtonText", "secondaryButtonText", "showPasswordLabel", "successMessage", "successful", "title", "validExtensions"];
21
+ var _excluded = ["body", "className", "error", "errorMessage", "filename", "hidePasswordLabel", "inputLabel", "inputProps", "inputType", "invalidInputText", "loading", "loadingMessage", "onClose", "onRequestSubmit", "open", "preformattedExtensions", "preformattedExtensionsLabel", "primaryButtonText", "secondaryButtonText", "showPasswordLabel", "successMessage", "successful", "title", "validExtensions"];
22
22
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
23
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
24
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; }
@@ -39,6 +39,7 @@ var ExportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
39
39
  filename = _ref.filename,
40
40
  hidePasswordLabel = _ref.hidePasswordLabel,
41
41
  inputLabel = _ref.inputLabel,
42
+ inputProps = _ref.inputProps,
42
43
  _ref$inputType = _ref.inputType,
43
44
  inputType = _ref$inputType === void 0 ? defaults.inputType : _ref$inputType,
44
45
  invalidInputText = _ref.invalidInputText,
@@ -78,13 +79,17 @@ var ExportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
78
79
  setExtension(preformattedExtensions === null || preformattedExtensions === void 0 ? void 0 : (_preformattedExtensio = preformattedExtensions[0]) === null || _preformattedExtensio === void 0 ? void 0 : _preformattedExtensio.extension);
79
80
  }, [filename, preformattedExtensions, open]);
80
81
  var onNameChangeHandler = function onNameChangeHandler(evt) {
82
+ var _inputProps$onChange;
81
83
  setName(evt.target.value);
84
+ inputProps === null || inputProps === void 0 ? void 0 : (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 ? void 0 : _inputProps$onChange.call(inputProps, evt);
82
85
  };
83
86
  var onExtensionChangeHandler = function onExtensionChangeHandler(value) {
84
87
  setExtension(value);
85
88
  };
86
- var onBlurHandler = function onBlurHandler() {
89
+ var onBlurHandler = function onBlurHandler(evt) {
90
+ var _inputProps$onBlur;
87
91
  setDirtyInput(true);
92
+ inputProps === null || inputProps === void 0 ? void 0 : (_inputProps$onBlur = inputProps.onBlur) === null || _inputProps$onBlur === void 0 ? void 0 : _inputProps$onBlur.call(inputProps, evt);
88
93
  };
89
94
  var onSubmitHandler = function onSubmitHandler() {
90
95
  var returnName = extension ? "".concat(filename, ".").concat(extension.toLocaleLowerCase()) : name;
@@ -105,17 +110,17 @@ var ExportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
105
110
  };
106
111
  var blockClass = "".concat(_settings.pkg.prefix, "--export-modal");
107
112
  var internalId = (0, _react.useRef)((0, _uuidv.default)());
108
- var primaryButtonDisabled = loading || !name || hasInvalidExtension();
113
+ var primaryButtonDisabled = loading || !(name !== null && name !== void 0 && name.trim()) || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalid) || hasInvalidExtension();
109
114
  var submitted = loading || error || successful;
110
- var commonInputProps = (0, _defineProperty2.default)({
111
- id: "text-input--".concat(internalId.current),
115
+ var commonInputProps = _objectSpread(_objectSpread({}, inputProps || {}), {}, (0, _defineProperty2.default)({
116
+ id: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.id) || "text-input--".concat(internalId.current),
112
117
  value: name,
113
118
  onChange: onNameChangeHandler,
114
- labelText: inputLabel,
115
- invalid: hasInvalidExtension(),
116
- invalidText: invalidInputText,
119
+ labelText: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.labelText) || inputLabel,
120
+ invalid: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalid) || hasInvalidExtension(),
121
+ invalidText: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalidText) || invalidInputText,
117
122
  onBlur: onBlurHandler
118
- }, 'data-modal-primary-focus', true);
123
+ }, 'data-modal-primary-focus', true));
119
124
  return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.ComposedModal, (0, _extends2.default)({}, rest, {
120
125
  className: (0, _classnames.default)(blockClass, className),
121
126
  "aria-label": title,
@@ -208,6 +213,10 @@ ExportModal.propTypes = {
208
213
  * label for the text input
209
214
  */
210
215
  inputLabel: _propTypes.default.string,
216
+ /**
217
+ * Other input properties
218
+ */
219
+ inputProps: _propTypes.default.object,
211
220
  /**
212
221
  * specify the type of text input
213
222
  */
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.72.2",
4
+ "version": "1.73.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -76,7 +76,7 @@
76
76
  "@dnd-kit/core": "^6.0.8",
77
77
  "@dnd-kit/sortable": "^7.0.2",
78
78
  "@dnd-kit/utilities": "^3.2.1",
79
- "@ibm/telemetry-js": "^1.2.0",
79
+ "@ibm/telemetry-js": "^1.5.0",
80
80
  "framer-motion": "^6.5.1 <7",
81
81
  "immutability-helper": "^3.1.1",
82
82
  "lodash": "^4.17.21",
@@ -98,5 +98,5 @@
98
98
  "react": "^16.8.6 || ^17.0.1",
99
99
  "react-dom": "^16.8.6 || ^17.0.1"
100
100
  },
101
- "gitHead": "dbeace4701acf2c447254772500aa40bdd6630cb"
101
+ "gitHead": "ac47525e2558fd61008909f24903a4012be99073"
102
102
  }
package/telemetry.yml CHANGED
@@ -814,3 +814,6 @@ collect:
814
814
  - light-teal
815
815
  npm:
816
816
  dependencies: null
817
+ js:
818
+ functions: {}
819
+ tokens: null