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

package/es/components/ImportModal/ImportModal.js

@@ -6,17 +6,15 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 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"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 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; }
-
 //
 // 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.
 //
+
 import React, { useState, forwardRef } from 'react';
 import { Add } from '@carbon/react/icons';
 import { ComposedModal, ModalHeader, ModalFooter, ModalBody, FileUploaderDropContainer, FileUploaderItem, TextInput, Button, usePrefix } from '@carbon/react';
@@ -25,67 +23,61 @@ import PropTypes from 'prop-types';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
 import uuidv4 from '../../global/js/utils/uuidv4';
 import { pkg } from '../../settings';
-var componentName = 'ImportModal'; // Default values for props
+var componentName = 'ImportModal';
 
+// Default values for props
 var defaults = {
   accept: Object.freeze([])
 };
 export var ImportModal = /*#__PURE__*/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 = _objectWithoutProperties(_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 = _objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = usePrefix();
-
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      files = _useState2[0],
-      setFiles = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    files = _useState2[0],
+    setFiles = _useState2[1];
   var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      importUrl = _useState4[0],
-      setImportUrl = _useState4[1];
-
+    _useState4 = _slicedToArray(_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 = {
@@ -98,7 +90,6 @@ export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
         fileData: file,
         fetchError: file.fetchError
       };
-
       if (newFile.fetchError) {
         newFile.errorBody = fetchErrorBody || defaultErrorBody;
         newFile.errorSubject = fetchErrorHeader || defaultErrorHeader;
@@ -112,101 +103,82 @@ export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
         newFile.errorSubject = maxFileSizeErrorHeader || defaultErrorHeader;
         newFile.invalid = true;
       }
-
       return newFile;
     });
-
     var finalFiles = _toConsumableArray(updatedFiles);
-
     setFiles(finalFiles);
   };
-
   var fetchFile = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(evt) {
       var fileName, pendingFile, response, blob, fetchedFile, failedFile;
       return _regeneratorRuntime.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: uuidv4()
-              };
-              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: uuidv4()
+            };
+            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;
@@ -280,9 +252,7 @@ export var ImportModal = /*#__PURE__*/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.createElement(ModalFooter, {
     className: "".concat(blockClass, "__footer")
@@ -296,140 +266,115 @@ export var ImportModal = /*#__PURE__*/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
 ImportModal = pkg.checkComponentEnabled(ImportModal, componentName);
 ImportModal.propTypes = {
   /**
    * Specifies the file types that are valid for importing
    */
   accept: PropTypes.array,
-
   /**
    * Optional class name
    */
   className: PropTypes.string,
-
   /**
    * The default message shown for an import error
    */
   defaultErrorBody: PropTypes.string.isRequired,
-
   /**
    * The default header that is displayed to show an error message
    */
   defaultErrorHeader: PropTypes.string.isRequired,
-
   /**
    * Content that is displayed inside the modal
    */
   description: PropTypes.string,
-
   /**
    * Optional error body to display specifically for a fetch error
    */
   fetchErrorBody: PropTypes.string,
-
   /**
    * Optional error header to display specifically for a fetch error
    */
   fetchErrorHeader: PropTypes.string,
-
   /**
    * Header for the drag and drop box
    */
   fileDropHeader: PropTypes.string,
-
   /**
    * Label for the drag and drop box
    */
   fileDropLabel: PropTypes.string,
-
   /**
    * Label that appears when a file is uploaded to show number of files (1 / 1)
    */
   fileUploadLabel: PropTypes.string,
-
   /**
    * Button icon for import by url button
    */
   inputButtonIcon: PropTypes.bool,
-
   /**
    * Button text for import by url button
    */
   inputButtonText: PropTypes.string.isRequired,
-
   /**
    * ID for text input
    */
   inputId: PropTypes.string,
-
   /**
    * Header to display above import by url
    */
   inputLabel: PropTypes.string,
-
   /**
    * Placeholder for text input
    */
   inputPlaceholder: PropTypes.string,
-
   /**
    * Optional error message to display specifically for a invalid file type error
    */
   invalidFileTypeErrorBody: PropTypes.string,
-
   /**
    * Optional error header to display specifically for a invalid file type error
    */
   invalidFileTypeErrorHeader: PropTypes.string,
-
   /**
    * Description for delete file icon
    */
   invalidIconDescription: PropTypes.string,
-
   /**
    * File size limit in bytes
    */
   maxFileSize: PropTypes.number,
-
   /**
    * Optional error message to display specifically for a max file size error
    */
   maxFileSizeErrorBody: PropTypes.string,
-
   /**
    * Optional error header to display specifically for a max file size error
    */
   maxFileSizeErrorHeader: PropTypes.string,
-
   /**
    * Specify a handler for closing modal
    */
   onClose: PropTypes.func,
-
   /**
    * Specify a handler for "submitting" modal. Access the imported file via `file => {}`
    */
   onRequestSubmit: PropTypes.func,
-
   /**
    * Specify whether the Modal is currently open
    */
   open: PropTypes.bool,
-
   /**
    * Specify the text for the primary button
    */
   primaryButtonText: PropTypes.string.isRequired,
-
   /**
    * Specify the text for the secondary button
    */
   secondaryButtonText: PropTypes.string.isRequired,
-
   /**
    * The text displayed at the top of the modal
    */

package/es/components/ImportModal/index.js

@@ -4,4 +4,5 @@
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
 //
+
 export { ImportModal } from './ImportModal';

package/es/components/MultiAddSelect/MultiAddSelect.js

@@ -5,6 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
 //
+
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { AddSelect } from '../AddSelect';
@@ -23,17 +24,14 @@ MultiAddSelect.propTypes = {
    * optional class name
    */
   className: PropTypes.string,
-
   /**
    * placeholder for column input filter
    */
   columnInputPlaceholder: PropTypes.string,
-
   /**
    * text description that appears under the title
    */
   description: PropTypes.string,
-
   /**
    * options to display in the global filter box. values are generated
    * from the id which should correlate with a specific property in an
@@ -44,42 +42,34 @@ MultiAddSelect.propTypes = {
     label: PropTypes.string
   })),
   globalFiltersIconDescription: PropTypes.string,
-
   /**
    * placeholder text for the global filter dropdown
    */
   globalFiltersPlaceholderText: PropTypes.string,
-
   /**
    * text for the global filter primary button
    */
   globalFiltersPrimaryButtonText: PropTypes.string,
-
   /**
    * text for the global filter secondary button
    */
   globalFiltersSecondaryButtonText: PropTypes.string,
-
   /**
    * label for global search input
    */
   globalSearchLabel: PropTypes.string,
-
   /**
    * placeholder for global search input
    */
   globalSearchPlaceholder: PropTypes.string,
-
   /**
    * the theme for the empty state illustration
    */
   illustrationTheme: PropTypes.oneOf(['light', 'dark']),
-
   /**
    * title that displays in the sidebar / influencer
    */
   influencerTitle: PropTypes.string,
-
   /**
    * object that contains the item data. for more information reference the
    * "Structuring items" section in the docs tab
@@ -106,62 +96,50 @@ MultiAddSelect.propTypes = {
       value: PropTypes.string.isRequired
     }))
   }),
-
   /**
    * label that display above the list of items
    */
   itemsLabel: PropTypes.string,
-
   /**
    * text to display when no results are found from the global search
    */
   noResultsDescription: PropTypes.string,
-
   /**
    * title to display when no results are found from the global search
    */
   noResultsTitle: PropTypes.string,
-
   /**
    * text body that displays in the sidebar when nothing is selected
    */
   noSelectionDescription: PropTypes.string,
-
   /**
    * title that displays in the sidebar when nothing is selected
    */
   noSelectionTitle: PropTypes.string,
-
   /**
    * function to call when the close button clicked
    */
   onClose: PropTypes.func,
-
   /**
    * text for close button
    */
   onCloseButtonText: PropTypes.string,
-
   /**
    * function to call when the submit button is clicked. returns a selection
    */
   onSubmit: PropTypes.func,
-
   /**
    * text for the submit button
    */
   onSubmitButtonText: PropTypes.string,
-
   /**
    * specifies if the component is open or not
    */
   open: PropTypes.bool,
-
   /**
    * text that displays when displaying filtered items
    */
   searchResultsTitle: PropTypes.string,
-
   /**
    * header text
    */

package/es/components/MultiAddSelect/index.js

@@ -4,4 +4,5 @@
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
 //
+
 export { MultiAddSelect } from './MultiAddSelect';