@carbon/ibm-products 2.0.0-rc.29 → 2.0.0-rc.32

package/lib/components/ImportModal/ImportModal.js

@@ -1,114 +1,91 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImportModal = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _icons = require("@carbon/react/icons");
-
 var _react2 = require("@carbon/react");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 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 = ["accept", "className", "defaultErrorBody", "defaultErrorHeader", "description", "fetchErrorBody", "fetchErrorHeader", "fileDropHeader", "fileDropLabel", "fileUploadLabel", "inputButtonIcon", "inputButtonText", "inputId", "inputLabel", "inputPlaceholder", "invalidFileTypeErrorBody", "invalidFileTypeErrorHeader", "invalidIconDescription", "maxFileSize", "maxFileSizeErrorBody", "maxFileSizeErrorHeader", "onClose", "onRequestSubmit", "open", "primaryButtonText", "secondaryButtonText", "title"];
-
+var _excluded = ["accept", "className", "defaultErrorBody", "defaultErrorHeader", "description", "fetchErrorBody", "fetchErrorHeader", "fileDropHeader", "fileDropLabel", "fileUploadLabel", "inputButtonIcon", "inputButtonText", "inputId", "inputLabel", "inputPlaceholder", "invalidFileTypeErrorBody", "invalidFileTypeErrorHeader", "invalidIconDescription", "maxFileSize", "maxFileSizeErrorBody", "maxFileSizeErrorHeader", "onClose", "onRequestSubmit", "open", "primaryButtonText", "secondaryButtonText", "title"]; //
+// Copyright IBM Corp. 2021, 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
 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; }
-
 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) { (0, _defineProperty2.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; }
+var componentName = 'ImportModal';
 
-var componentName = 'ImportModal'; // Default values for props
-
+// Default values for props
 var defaults = {
   accept: Object.freeze([])
 };
 var ImportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$accept = _ref.accept,
-      accept = _ref$accept === void 0 ? defaults.accept : _ref$accept,
-      className = _ref.className,
-      defaultErrorBody = _ref.defaultErrorBody,
-      defaultErrorHeader = _ref.defaultErrorHeader,
-      description = _ref.description,
-      fetchErrorBody = _ref.fetchErrorBody,
-      fetchErrorHeader = _ref.fetchErrorHeader,
-      fileDropHeader = _ref.fileDropHeader,
-      fileDropLabel = _ref.fileDropLabel,
-      fileUploadLabel = _ref.fileUploadLabel,
-      inputButtonIcon = _ref.inputButtonIcon,
-      inputButtonText = _ref.inputButtonText,
-      inputId = _ref.inputId,
-      inputLabel = _ref.inputLabel,
-      inputPlaceholder = _ref.inputPlaceholder,
-      invalidFileTypeErrorBody = _ref.invalidFileTypeErrorBody,
-      invalidFileTypeErrorHeader = _ref.invalidFileTypeErrorHeader,
-      invalidIconDescription = _ref.invalidIconDescription,
-      maxFileSize = _ref.maxFileSize,
-      maxFileSizeErrorBody = _ref.maxFileSizeErrorBody,
-      maxFileSizeErrorHeader = _ref.maxFileSizeErrorHeader,
-      onClose = _ref.onClose,
-      onRequestSubmit = _ref.onRequestSubmit,
-      open = _ref.open,
-      primaryButtonText = _ref.primaryButtonText,
-      secondaryButtonText = _ref.secondaryButtonText,
-      title = _ref.title,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    accept = _ref$accept === void 0 ? defaults.accept : _ref$accept,
+    className = _ref.className,
+    defaultErrorBody = _ref.defaultErrorBody,
+    defaultErrorHeader = _ref.defaultErrorHeader,
+    description = _ref.description,
+    fetchErrorBody = _ref.fetchErrorBody,
+    fetchErrorHeader = _ref.fetchErrorHeader,
+    fileDropHeader = _ref.fileDropHeader,
+    fileDropLabel = _ref.fileDropLabel,
+    fileUploadLabel = _ref.fileUploadLabel,
+    inputButtonIcon = _ref.inputButtonIcon,
+    inputButtonText = _ref.inputButtonText,
+    inputId = _ref.inputId,
+    inputLabel = _ref.inputLabel,
+    inputPlaceholder = _ref.inputPlaceholder,
+    invalidFileTypeErrorBody = _ref.invalidFileTypeErrorBody,
+    invalidFileTypeErrorHeader = _ref.invalidFileTypeErrorHeader,
+    invalidIconDescription = _ref.invalidIconDescription,
+    maxFileSize = _ref.maxFileSize,
+    maxFileSizeErrorBody = _ref.maxFileSizeErrorBody,
+    maxFileSizeErrorHeader = _ref.maxFileSizeErrorHeader,
+    onClose = _ref.onClose,
+    onRequestSubmit = _ref.onRequestSubmit,
+    open = _ref.open,
+    primaryButtonText = _ref.primaryButtonText,
+    secondaryButtonText = _ref.secondaryButtonText,
+    title = _ref.title,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var carbonPrefix = (0, _react2.usePrefix)();
-
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      files = _useState2[0],
-      setFiles = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    files = _useState2[0],
+    setFiles = _useState2[1];
   var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      importUrl = _useState4[0],
-      setImportUrl = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    importUrl = _useState4[0],
+    setImportUrl = _useState4[1];
   var isInvalidFileType = function isInvalidFileType(file) {
     var acceptSet = new Set(accept);
     var name = file.name;
     var mimeType = file.type;
     var extension = ".".concat(name.split('.').pop());
-
     if (acceptSet.has(mimeType) || acceptSet.has(extension) || accept.length === 0) {
       return false;
     }
-
     return true;
   };
-
   var updateFiles = function updateFiles(newFiles) {
     var updatedFiles = newFiles.map(function (file) {
       var newFile = {
@@ -121,7 +98,6 @@ var ImportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         fileData: file,
         fetchError: file.fetchError
       };
-
       if (newFile.fetchError) {
         newFile.errorBody = fetchErrorBody || defaultErrorBody;
         newFile.errorSubject = fetchErrorHeader || defaultErrorHeader;
@@ -135,99 +111,82 @@ var ImportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         newFile.errorSubject = maxFileSizeErrorHeader || defaultErrorHeader;
         newFile.invalid = true;
       }
-
       return newFile;
     });
     var finalFiles = (0, _toConsumableArray2.default)(updatedFiles);
     setFiles(finalFiles);
   };
-
   var fetchFile = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(evt) {
       var fileName, pendingFile, response, blob, fetchedFile, failedFile;
       return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              evt.preventDefault();
-              fileName = importUrl.substring(importUrl.lastIndexOf('/') + 1).split('?')[0];
-              pendingFile = {
-                name: fileName,
-                status: 'uploading',
-                uuid: (0, _uuidv.default)()
-              };
-              setFiles([pendingFile]);
-              _context.prev = 4;
-              _context.next = 7;
-              return fetch(importUrl);
-
-            case 7:
-              response = _context.sent;
-
-              if (!(!response.ok || response.status !== 200)) {
-                _context.next = 10;
-                break;
-              }
-
-              throw new Error(response.status);
-
-            case 10:
-              _context.next = 12;
-              return response.blob();
-
-            case 12:
-              blob = _context.sent;
-              fetchedFile = new File([blob], fileName, {
-                type: blob.type
-              });
-              fetchedFile.invalidFileType = isInvalidFileType(fetchedFile);
-              fetchedFile.uuid = pendingFile.uuid;
-              updateFiles([fetchedFile]);
-              _context.next = 23;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            evt.preventDefault();
+            fileName = importUrl.substring(importUrl.lastIndexOf('/') + 1).split('?')[0];
+            pendingFile = {
+              name: fileName,
+              status: 'uploading',
+              uuid: (0, _uuidv.default)()
+            };
+            setFiles([pendingFile]);
+            _context.prev = 4;
+            _context.next = 7;
+            return fetch(importUrl);
+          case 7:
+            response = _context.sent;
+            if (!(!response.ok || response.status !== 200)) {
+              _context.next = 10;
               break;
-
-            case 19:
-              _context.prev = 19;
-              _context.t0 = _context["catch"](4);
-              failedFile = _objectSpread(_objectSpread({}, pendingFile), {}, {
-                fetchError: true
-              });
-              updateFiles([failedFile]);
-
-            case 23:
-            case "end":
-              return _context.stop();
-          }
+            }
+            throw new Error(response.status);
+          case 10:
+            _context.next = 12;
+            return response.blob();
+          case 12:
+            blob = _context.sent;
+            fetchedFile = new File([blob], fileName, {
+              type: blob.type
+            });
+            fetchedFile.invalidFileType = isInvalidFileType(fetchedFile);
+            fetchedFile.uuid = pendingFile.uuid;
+            updateFiles([fetchedFile]);
+            _context.next = 23;
+            break;
+          case 19:
+            _context.prev = 19;
+            _context.t0 = _context["catch"](4);
+            failedFile = _objectSpread(_objectSpread({}, pendingFile), {}, {
+              fetchError: true
+            });
+            updateFiles([failedFile]);
+          case 23:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[4, 19]]);
     }));
-
     return function fetchFile(_x) {
       return _ref2.apply(this, arguments);
     };
   }();
-
   var onAddFile = function onAddFile(evt, _ref3) {
     var addedFiles = _ref3.addedFiles;
     evt.stopPropagation();
     updateFiles(addedFiles);
   };
-
   var onRemoveFile = function onRemoveFile(uuid) {
     var updatedFiles = files.filter(function (f) {
       return f.uuid !== uuid;
     });
     setFiles(updatedFiles);
   };
-
   var onSubmitHandler = function onSubmitHandler() {
     onRequestSubmit(files);
   };
-
   var inputHandler = function inputHandler(evt) {
     setImportUrl(evt.target.value);
   };
-
   var numberOfFiles = files.length;
   var numberOfValidFiles = files.filter(function (f) {
     return !f.invalid;
@@ -301,9 +260,7 @@ var ImportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       invalid: file.invalid,
       errorBody: file.errorBody,
       errorSubject: file.errorSubject,
-      filesize: file.fileSize
-      /* cspell:disable-line */
-
+      filesize: file.fileSize /* cspell:disable-line */
     });
   }))), /*#__PURE__*/_react.default.createElement(_react2.ModalFooter, {
     className: "".concat(blockClass, "__footer")
@@ -317,8 +274,9 @@ var ImportModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onClick: onSubmitHandler,
     disabled: primaryButtonDisabled
   }, primaryButtonText)));
-}); // Return a placeholder if not released and not enabled by feature flag
+});
 
+// Return a placeholder if not released and not enabled by feature flag
 exports.ImportModal = ImportModal;
 exports.ImportModal = ImportModal = _settings.pkg.checkComponentEnabled(ImportModal, componentName);
 ImportModal.propTypes = {
@@ -326,132 +284,106 @@ ImportModal.propTypes = {
    * Specifies the file types that are valid for importing
    */
   accept: _propTypes.default.array,
-
   /**
    * Optional class name
    */
   className: _propTypes.default.string,
-
   /**
    * The default message shown for an import error
    */
   defaultErrorBody: _propTypes.default.string.isRequired,
-
   /**
    * The default header that is displayed to show an error message
    */
   defaultErrorHeader: _propTypes.default.string.isRequired,
-
   /**
    * Content that is displayed inside the modal
    */
   description: _propTypes.default.string,
-
   /**
    * Optional error body to display specifically for a fetch error
    */
   fetchErrorBody: _propTypes.default.string,
-
   /**
    * Optional error header to display specifically for a fetch error
    */
   fetchErrorHeader: _propTypes.default.string,
-
   /**
    * Header for the drag and drop box
    */
   fileDropHeader: _propTypes.default.string,
-
   /**
    * Label for the drag and drop box
    */
   fileDropLabel: _propTypes.default.string,
-
   /**
    * Label that appears when a file is uploaded to show number of files (1 / 1)
    */
   fileUploadLabel: _propTypes.default.string,
-
   /**
    * Button icon for import by url button
    */
   inputButtonIcon: _propTypes.default.bool,
-
   /**
    * Button text for import by url button
    */
   inputButtonText: _propTypes.default.string.isRequired,
-
   /**
    * ID for text input
    */
   inputId: _propTypes.default.string,
-
   /**
    * Header to display above import by url
    */
   inputLabel: _propTypes.default.string,
-
   /**
    * Placeholder for text input
    */
   inputPlaceholder: _propTypes.default.string,
-
   /**
    * Optional error message to display specifically for a invalid file type error
    */
   invalidFileTypeErrorBody: _propTypes.default.string,
-
   /**
    * Optional error header to display specifically for a invalid file type error
    */
   invalidFileTypeErrorHeader: _propTypes.default.string,
-
   /**
    * Description for delete file icon
    */
   invalidIconDescription: _propTypes.default.string,
-
   /**
    * File size limit in bytes
    */
   maxFileSize: _propTypes.default.number,
-
   /**
    * Optional error message to display specifically for a max file size error
    */
   maxFileSizeErrorBody: _propTypes.default.string,
-
   /**
    * Optional error header to display specifically for a max file size error
    */
   maxFileSizeErrorHeader: _propTypes.default.string,
-
   /**
    * Specify a handler for closing modal
    */
   onClose: _propTypes.default.func,
-
   /**
    * Specify a handler for "submitting" modal. Access the imported file via `file => {}`
    */
   onRequestSubmit: _propTypes.default.func,
-
   /**
    * Specify whether the Modal is currently open
    */
   open: _propTypes.default.bool,
-
   /**
    * Specify the text for the primary button
    */
   primaryButtonText: _propTypes.default.string.isRequired,
-
   /**
    * Specify the text for the secondary button
    */
   secondaryButtonText: _propTypes.default.string.isRequired,
-
   /**
    * The text displayed at the top of the modal
    */

package/lib/components/ImportModal/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "ImportModal", {
     return _ImportModal.ImportModal;
   }
 });
-
 var _ImportModal = require("./ImportModal");

package/lib/components/MultiAddSelect/MultiAddSelect.js

@@ -1,36 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MultiAddSelect = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _AddSelect = require("../AddSelect");
-
 var _devtools = require("../../global/js/utils/devtools");
-
 var _settings = require("../../settings");
-
 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; }
-
 //
 // Copyright IBM Corp. 2022, 2022
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
 //
+
 var componentName = 'MultiAddSelect';
 var MultiAddSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_AddSelect.AddSelect, (0, _extends2.default)({}, props, {
@@ -45,17 +35,14 @@ MultiAddSelect.propTypes = {
    * optional class name
    */
   className: _propTypes.default.string,
-
   /**
    * placeholder for column input filter
    */
   columnInputPlaceholder: _propTypes.default.string,
-
   /**
    * text description that appears under the title
    */
   description: _propTypes.default.string,
-
   /**
    * options to display in the global filter box. values are generated
    * from the id which should correlate with a specific property in an
@@ -66,42 +53,34 @@ MultiAddSelect.propTypes = {
     label: _propTypes.default.string
   })),
   globalFiltersIconDescription: _propTypes.default.string,
-
   /**
    * placeholder text for the global filter dropdown
    */
   globalFiltersPlaceholderText: _propTypes.default.string,
-
   /**
    * text for the global filter primary button
    */
   globalFiltersPrimaryButtonText: _propTypes.default.string,
-
   /**
    * text for the global filter secondary button
    */
   globalFiltersSecondaryButtonText: _propTypes.default.string,
-
   /**
    * label for global search input
    */
   globalSearchLabel: _propTypes.default.string,
-
   /**
    * placeholder for global search input
    */
   globalSearchPlaceholder: _propTypes.default.string,
-
   /**
    * the theme for the empty state illustration
    */
   illustrationTheme: _propTypes.default.oneOf(['light', 'dark']),
-
   /**
    * title that displays in the sidebar / influencer
    */
   influencerTitle: _propTypes.default.string,
-
   /**
    * object that contains the item data. for more information reference the
    * "Structuring items" section in the docs tab
@@ -128,62 +107,50 @@ MultiAddSelect.propTypes = {
       value: _propTypes.default.string.isRequired
     }))
   }),
-
   /**
    * label that display above the list of items
    */
   itemsLabel: _propTypes.default.string,
-
   /**
    * text to display when no results are found from the global search
    */
   noResultsDescription: _propTypes.default.string,
-
   /**
    * title to display when no results are found from the global search
    */
   noResultsTitle: _propTypes.default.string,
-
   /**
    * text body that displays in the sidebar when nothing is selected
    */
   noSelectionDescription: _propTypes.default.string,
-
   /**
    * title that displays in the sidebar when nothing is selected
    */
   noSelectionTitle: _propTypes.default.string,
-
   /**
    * function to call when the close button clicked
    */
   onClose: _propTypes.default.func,
-
   /**
    * text for close button
    */
   onCloseButtonText: _propTypes.default.string,
-
   /**
    * function to call when the submit button is clicked. returns a selection
    */
   onSubmit: _propTypes.default.func,
-
   /**
    * text for the submit button
    */
   onSubmitButtonText: _propTypes.default.string,
-
   /**
    * specifies if the component is open or not
    */
   open: _propTypes.default.bool,
-
   /**
    * text that displays when displaying filtered items
    */
   searchResultsTitle: _propTypes.default.string,
-
   /**
    * header text
    */

package/lib/components/MultiAddSelect/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "MultiAddSelect", {
     return _MultiAddSelect.MultiAddSelect;
   }
 });
-
 var _MultiAddSelect = require("./MultiAddSelect");