@carbon/ibm-products 1.72.1 → 1.72.3

package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js

@@ -37,6 +37,7 @@ var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
   return /*#__PURE__*/React.createElement(TableBody, _extends({}, getTableBodyProps({
     role: undefined
   }), {
+    "aria-live": null,
     className: "".concat(blockClass, "__empty-state-body")
   }), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableCell, {
     colSpan: headers.length

package/es/components/Datagrid/Datagrid/DatagridSimpleBody.js

@@ -22,6 +22,7 @@ var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
   return /*#__PURE__*/React.createElement(TableBody, _extends({}, getTableBodyProps({
     role: undefined
   }), {
+    "aria-live": null,
     className: cx("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
   }), rows.map(function (row) {
     prepareRow(row);

package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js

@@ -75,6 +75,7 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
   }, /*#__PURE__*/React.createElement(DatagridHead, datagridState)), /*#__PURE__*/React.createElement(TableBody, _extends({}, getTableBodyProps({
     role: undefined
   }), {
+    "aria-live": null,
     onScroll: syncScroll
   }), /*#__PURE__*/React.createElement(VariableSizeList, {
     height: virtualHeight || tableHeight,

package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js

@@ -11,7 +11,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
-import { isColumnVisible } from './common';
 import Columns from './Columns';
 import Actions from './Actions';
 import { pkg } from '../../../../../settings';
@@ -54,19 +53,7 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     searchText = _useState6[0],
     setSearchText = _useState6[1];
-  var _useState7 = useState(columnDefinitions
-    // only sort the hidden column to the end when modal reopen
-    .sort(function (defA, defB) {
-      var isVisibleA = isColumnVisible(defA);
-      var isVisibleB = isColumnVisible(defB);
-      if (isVisibleA && !isVisibleB) {
-        return -1;
-      }
-      if (!isVisibleA && isVisibleB) {
-        return 1;
-      }
-      return 0;
-    })),
+  var _useState7 = useState(columnDefinitions),
     _useState8 = _slicedToArray(_useState7, 2),
     columnObjects = _useState8[0],
     setColumnObjects = _useState8[1];

package/es/components/ExportModal/ExportModal.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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"];
+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"];
 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; }
 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; }
 //
@@ -36,6 +36,7 @@ export var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     filename = _ref.filename,
     hidePasswordLabel = _ref.hidePasswordLabel,
     inputLabel = _ref.inputLabel,
+    inputProps = _ref.inputProps,
     _ref$inputType = _ref.inputType,
     inputType = _ref$inputType === void 0 ? defaults.inputType : _ref$inputType,
     invalidInputText = _ref.invalidInputText,
@@ -75,13 +76,17 @@ export var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setExtension(preformattedExtensions === null || preformattedExtensions === void 0 ? void 0 : (_preformattedExtensio = preformattedExtensions[0]) === null || _preformattedExtensio === void 0 ? void 0 : _preformattedExtensio.extension);
   }, [filename, preformattedExtensions, open]);
   var onNameChangeHandler = function onNameChangeHandler(evt) {
+    var _inputProps$onChange;
     setName(evt.target.value);
+    inputProps === null || inputProps === void 0 ? void 0 : (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 ? void 0 : _inputProps$onChange.call(inputProps, evt);
   };
   var onExtensionChangeHandler = function onExtensionChangeHandler(value) {
     setExtension(value);
   };
-  var onBlurHandler = function onBlurHandler() {
+  var onBlurHandler = function onBlurHandler(evt) {
+    var _inputProps$onBlur;
     setDirtyInput(true);
+    inputProps === null || inputProps === void 0 ? void 0 : (_inputProps$onBlur = inputProps.onBlur) === null || _inputProps$onBlur === void 0 ? void 0 : _inputProps$onBlur.call(inputProps, evt);
   };
   var onSubmitHandler = function onSubmitHandler() {
     var returnName = extension ? "".concat(filename, ".").concat(extension.toLocaleLowerCase()) : name;
@@ -102,17 +107,17 @@ export var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
   var blockClass = "".concat(pkg.prefix, "--export-modal");
   var internalId = useRef(uuidv4());
-  var primaryButtonDisabled = loading || !name || hasInvalidExtension();
+  var primaryButtonDisabled = loading || !(name !== null && name !== void 0 && name.trim()) || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalid) || hasInvalidExtension();
   var submitted = loading || error || successful;
-  var commonInputProps = _defineProperty({
-    id: "text-input--".concat(internalId.current),
+  var commonInputProps = _objectSpread(_objectSpread({}, inputProps || {}), {}, _defineProperty({
+    id: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.id) || "text-input--".concat(internalId.current),
     value: name,
     onChange: onNameChangeHandler,
-    labelText: inputLabel,
-    invalid: hasInvalidExtension(),
-    invalidText: invalidInputText,
+    labelText: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.labelText) || inputLabel,
+    invalid: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalid) || hasInvalidExtension(),
+    invalidText: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalidText) || invalidInputText,
     onBlur: onBlurHandler
-  }, 'data-modal-primary-focus', true);
+  }, 'data-modal-primary-focus', true));
   return /*#__PURE__*/React.createElement(ComposedModal, _extends({}, rest, {
     className: cx(blockClass, className),
     "aria-label": title,
@@ -204,6 +209,10 @@ ExportModal.propTypes = {
    * label for the text input
    */
   inputLabel: PropTypes.string,
+  /**
+   * Other input properties
+   */
+  inputProps: PropTypes.object,
   /**
    * specify the type of text input
    */

package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js

@@ -44,6 +44,7 @@ var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
   return /*#__PURE__*/_react.default.createElement(TableBody, (0, _extends2.default)({}, getTableBodyProps({
     role: undefined
   }), {
+    "aria-live": null,
     className: "".concat(blockClass, "__empty-state-body")
   }), /*#__PURE__*/_react.default.createElement(TableRow, null, /*#__PURE__*/_react.default.createElement(TableCell, {
     colSpan: headers.length

package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js

@@ -22,6 +22,7 @@ var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
   return /*#__PURE__*/_react.default.createElement(TableBody, (0, _extends2.default)({}, getTableBodyProps({
     role: undefined
   }), {
+    "aria-live": null,
     className: (0, _classnames.default)("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
   }), rows.map(function (row) {
     prepareRow(row);

package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js

@@ -78,6 +78,7 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
   }, /*#__PURE__*/_react.default.createElement(_DatagridHead.default, datagridState)), /*#__PURE__*/_react.default.createElement(TableBody, (0, _extends2.default)({}, getTableBodyProps({
     role: undefined
   }), {
+    "aria-live": null,
     onScroll: syncScroll
   }), /*#__PURE__*/_react.default.createElement(_reactWindow.VariableSizeList, {
     height: virtualHeight || tableHeight,

package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/CustomizeColumnsTearsheet.js

@@ -10,7 +10,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _common = require("./common");
 var _Columns = _interopRequireDefault(require("./Columns"));
 var _Actions = _interopRequireDefault(require("./Actions"));
 var _settings = require("../../../../../settings");
@@ -56,19 +55,7 @@ var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
     searchText = _useState6[0],
     setSearchText = _useState6[1];
-  var _useState7 = (0, _react.useState)(columnDefinitions
-    // only sort the hidden column to the end when modal reopen
-    .sort(function (defA, defB) {
-      var isVisibleA = (0, _common.isColumnVisible)(defA);
-      var isVisibleB = (0, _common.isColumnVisible)(defB);
-      if (isVisibleA && !isVisibleB) {
-        return -1;
-      }
-      if (!isVisibleA && isVisibleB) {
-        return 1;
-      }
-      return 0;
-    })),
+  var _useState7 = (0, _react.useState)(columnDefinitions),
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
     columnObjects = _useState8[0],
     setColumnObjects = _useState8[1];

package/lib/components/ExportModal/ExportModal.js

@@ -18,7 +18,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _devtools = require("../../global/js/utils/devtools");
 var _uuidv = _interopRequireDefault(require("../../global/js/utils/uuidv4"));
 var _settings = require("../../settings");
-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"];
+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"];
 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); }
 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; }
 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) {
     filename = _ref.filename,
     hidePasswordLabel = _ref.hidePasswordLabel,
     inputLabel = _ref.inputLabel,
+    inputProps = _ref.inputProps,
     _ref$inputType = _ref.inputType,
     inputType = _ref$inputType === void 0 ? defaults.inputType : _ref$inputType,
     invalidInputText = _ref.invalidInputText,
@@ -78,13 +79,17 @@ var ExportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     setExtension(preformattedExtensions === null || preformattedExtensions === void 0 ? void 0 : (_preformattedExtensio = preformattedExtensions[0]) === null || _preformattedExtensio === void 0 ? void 0 : _preformattedExtensio.extension);
   }, [filename, preformattedExtensions, open]);
   var onNameChangeHandler = function onNameChangeHandler(evt) {
+    var _inputProps$onChange;
     setName(evt.target.value);
+    inputProps === null || inputProps === void 0 ? void 0 : (_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 ? void 0 : _inputProps$onChange.call(inputProps, evt);
   };
   var onExtensionChangeHandler = function onExtensionChangeHandler(value) {
     setExtension(value);
   };
-  var onBlurHandler = function onBlurHandler() {
+  var onBlurHandler = function onBlurHandler(evt) {
+    var _inputProps$onBlur;
     setDirtyInput(true);
+    inputProps === null || inputProps === void 0 ? void 0 : (_inputProps$onBlur = inputProps.onBlur) === null || _inputProps$onBlur === void 0 ? void 0 : _inputProps$onBlur.call(inputProps, evt);
   };
   var onSubmitHandler = function onSubmitHandler() {
     var returnName = extension ? "".concat(filename, ".").concat(extension.toLocaleLowerCase()) : name;
@@ -105,17 +110,17 @@ var ExportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   };
   var blockClass = "".concat(_settings.pkg.prefix, "--export-modal");
   var internalId = (0, _react.useRef)((0, _uuidv.default)());
-  var primaryButtonDisabled = loading || !name || hasInvalidExtension();
+  var primaryButtonDisabled = loading || !(name !== null && name !== void 0 && name.trim()) || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalid) || hasInvalidExtension();
   var submitted = loading || error || successful;
-  var commonInputProps = (0, _defineProperty2.default)({
-    id: "text-input--".concat(internalId.current),
+  var commonInputProps = _objectSpread(_objectSpread({}, inputProps || {}), {}, (0, _defineProperty2.default)({
+    id: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.id) || "text-input--".concat(internalId.current),
     value: name,
     onChange: onNameChangeHandler,
-    labelText: inputLabel,
-    invalid: hasInvalidExtension(),
-    invalidText: invalidInputText,
+    labelText: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.labelText) || inputLabel,
+    invalid: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalid) || hasInvalidExtension(),
+    invalidText: (inputProps === null || inputProps === void 0 ? void 0 : inputProps.invalidText) || invalidInputText,
     onBlur: onBlurHandler
-  }, 'data-modal-primary-focus', true);
+  }, 'data-modal-primary-focus', true));
   return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.ComposedModal, (0, _extends2.default)({}, rest, {
     className: (0, _classnames.default)(blockClass, className),
     "aria-label": title,
@@ -208,6 +213,10 @@ ExportModal.propTypes = {
    * label for the text input
    */
   inputLabel: _propTypes.default.string,
+  /**
+   * Other input properties
+   */
+  inputProps: _propTypes.default.object,
   /**
    * specify the type of text input
    */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "1.72.1",
+  "version": "1.72.3",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -98,5 +98,5 @@
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "4a4bf2a1dd6f15a09871cf84f634cd5cff095194"
+  "gitHead": "b01a25543f9d0a3a425366269774fddefa5e35d1"
 }