@carbon/react 1.29.1 → 1.30.0-rc.0

package/lib/components/FileUploader/FileUploader.js

@@ -12,7 +12,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
-var FeatureFlags = require('@carbon/feature-flags');
 var React = require('react');
 var Filename = require('./Filename.js');
 var FileUploaderButton = require('./FileUploaderButton.js');
@@ -23,75 +22,46 @@ var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 class FileUploader extends React__default["default"].Component {
   constructor() {
     super(...arguments);
-
     _rollupPluginBabelHelpers.defineProperty(this, "state", {
       filenames: []
     });
-
     _rollupPluginBabelHelpers.defineProperty(this, "nodes", []);
-
     _rollupPluginBabelHelpers.defineProperty(this, "uploaderButton", /*#__PURE__*/React__default["default"].createRef());
-
     _rollupPluginBabelHelpers.defineProperty(this, "handleChange", evt => {
       evt.stopPropagation();
       const filenames = Array.prototype.map.call(evt.target.files, file => file.name);
       this.setState({
         filenames: this.props.multiple ? this.state.filenames.concat(filenames) : filenames
       });
-
       if (this.props.onChange) {
         this.props.onChange(evt);
       }
     });
-
     _rollupPluginBabelHelpers.defineProperty(this, "handleClick", (evt, _ref) => {
       let {
         index,
         filenameStatus
       } = _ref;
-
       if (filenameStatus === 'edit') {
         evt.stopPropagation();
         const filteredArray = this.state.filenames.filter(filename => filename !== this.nodes[index].innerText.trim());
         this.setState({
           filenames: filteredArray
         });
-
         if (this.props.onDelete) {
           this.props.onDelete(evt);
           this.uploaderButton.current.focus();
         }
-
         this.props.onClick(evt);
       }
     });
-
     _rollupPluginBabelHelpers.defineProperty(this, "clearFiles", () => {
       // A clearFiles function that resets filenames and can be referenced using a ref by the parent.
       this.setState({
@@ -99,7 +69,6 @@ class FileUploader extends React__default["default"].Component {
       });
     });
   }
-
   static getDerivedStateFromProps(_ref2, state) {
     let {
       filenameStatus
@@ -112,7 +81,6 @@ class FileUploader extends React__default["default"].Component {
       prevFilenameStatus: filenameStatus
     };
   }
-
   render() {
     const {
       iconDescription,
@@ -136,18 +104,16 @@ class FileUploader extends React__default["default"].Component {
       [`${prefix}--form-item`]: true,
       [className]: className
     });
-
     const getHelperLabelClasses = baseClass => cx__default["default"](baseClass, {
       [`${prefix}--label-description--disabled`]: disabled
     });
-
     const selectedFileClasses = cx__default["default"](`${prefix}--file__selected-file`, {
       [`${prefix}--file__selected-file--md`]: size === 'field' || size === 'md',
       [`${prefix}--file__selected-file--sm`]: size === 'small' || size === 'sm'
     });
     return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
       className: classes
-    }, other), FeatureFlags__namespace.enabled('enable-v11-release') && !labelTitle ? null : /*#__PURE__*/React__default["default"].createElement("p", {
+    }, other), !labelTitle ? null : /*#__PURE__*/React__default["default"].createElement("p", {
       className: getHelperLabelClasses(`${prefix}--file--label`)
     }, labelTitle), /*#__PURE__*/React__default["default"].createElement("p", {
       className: getHelperLabelClasses(`${prefix}--label-description`)
@@ -168,7 +134,6 @@ class FileUploader extends React__default["default"].Component {
       key: index,
       className: selectedFileClasses,
       ref: node => this.nodes[index] = node // eslint-disable-line
-
     }, other), /*#__PURE__*/React__default["default"].createElement("p", {
       className: `${prefix}--file-filename`,
       id: name
@@ -192,96 +157,77 @@ class FileUploader extends React__default["default"].Component {
       })
     }))))));
   }
-
 }
-
 _rollupPluginBabelHelpers.defineProperty(FileUploader, "propTypes", {
   /**
    * Specify the types of files that this input should be able to receive
    */
   accept: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
-
   /**
    * Specify the type of the `<FileUploaderButton>`
    */
   buttonKind: PropTypes__default["default"].oneOf(types.ButtonKinds),
-
   /**
    * Provide the label text to be read by screen readers when interacting with
    * the `<FileUploaderButton>`
    */
   buttonLabel: PropTypes__default["default"].string,
-
   /**
    * Provide a custom className to be applied to the container node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether file input is disabled
    */
   disabled: PropTypes__default["default"].bool,
-
   /**
    * Specify the status of the File Upload
    */
   filenameStatus: PropTypes__default["default"].oneOf(['edit', 'complete', 'uploading']).isRequired,
-
   /**
    * Provide a description for the complete/close icon that can be read by screen readers
    */
-  iconDescription: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].string.isRequired : PropTypes__default["default"].string,
-
+  iconDescription: PropTypes__default["default"].string.isRequired,
   /**
    * Specify the description text of this `<FileUploader>`
    */
   labelDescription: PropTypes__default["default"].string,
-
   /**
    * Specify the title text of this `<FileUploader>`
    */
   labelTitle: PropTypes__default["default"].string,
-
   /**
    * Specify if the component should accept multiple files to upload
    */
   multiple: PropTypes__default["default"].bool,
-
   /**
    * Provide a name for the underlying `<input>` node
    */
   name: PropTypes__default["default"].string,
-
   /**
    * Provide an optional `onChange` hook that is called each time the input is
    * changed
    */
   onChange: PropTypes__default["default"].func,
-
   /**
    * Provide an optional `onClick` hook that is called each time the
    * FileUploader is clicked
    */
   onClick: PropTypes__default["default"].func,
-
   /**
    * Provide an optional `onDelete` hook that is called when an uploaded item
    * is removed
    */
   onDelete: PropTypes__default["default"].func,
-
   /**
    * Specify the size of the FileUploaderButton, from a list of available
    * sizes.
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['sm', 'md', 'lg']) : PropTypes__default["default"].oneOf(['default', 'field', 'small', 'sm', 'md', 'lg'])
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
 });
-
 _rollupPluginBabelHelpers.defineProperty(FileUploader, "contextType", usePrefix.PrefixContext);
-
 _rollupPluginBabelHelpers.defineProperty(FileUploader, "defaultProps", {
   disabled: false,
-  iconDescription: FeatureFlags__namespace.enabled('enable-v11-release') ? undefined : 'Provide icon description',
   filenameStatus: 'uploading',
   buttonLabel: '',
   buttonKind: 'primary',

package/lib/components/FileUploader/FileUploaderButton.js

@@ -16,38 +16,17 @@ var React = require('react');
 var types = require('../../prop-types/types.js');
 var uniqueId = require('../../tools/uniqueId.js');
 var usePrefix = require('../../internal/usePrefix.js');
-var FeatureFlags = require('@carbon/feature-flags');
 var deprecate = require('../../prop-types/deprecate.js');
 var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
 function noop() {}
-
 function FileUploaderButton(_ref) {
   let {
     accept,
@@ -78,30 +57,27 @@ function FileUploaderButton(_ref) {
     // V11: remove field, small
     [`${prefix}--btn--md`]: size === 'field' || size === 'md',
     [`${prefix}--btn--sm`]: size === 'small' || size === 'sm'
-  }); // Adjust label text state based on changes to the labelText prop
+  });
 
+  // Adjust label text state based on changes to the labelText prop
   if (ownerLabelText !== prevOwnerLabelText) {
     setLabelText(ownerLabelText);
     setPrevOwnerLabelText(ownerLabelText);
   }
-
   function onClick(event) {
     event.target.value = null;
     inputNode.current.value = '';
     inputNode.current.click();
   }
-
   function onKeyDown(event) {
     if (match.matches(event, [keys.Enter, keys.Space])) {
       inputNode.current.value = '';
       inputNode.current.click();
     }
   }
-
   function handleOnChange(event) {
     const files = event.target.files;
     const length = event.target.files.length;
-
     if (files && !disableLabelChanges) {
       if (length > 1) {
         setLabelText(`${length} files`);
@@ -109,10 +85,8 @@ function FileUploaderButton(_ref) {
         setLabelText(files[0].name);
       }
     }
-
     onChange(event);
   }
-
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
     type: "button",
     disabled: disabled,
@@ -136,78 +110,64 @@ function FileUploaderButton(_ref) {
     onChange: handleOnChange
   }));
 }
-
 FileUploaderButton.propTypes = {
   /**
    * Specify the types of files that this input should be able to receive
    */
   accept: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
-
   /**
    * Specify the type of underlying button
    */
   buttonKind: PropTypes__default["default"].oneOf(types.ButtonKinds),
-
   /**
    * Provide a custom className to be applied to the container node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether you want to disable any updates to the FileUploaderButton
    * label
    */
   disableLabelChanges: PropTypes__default["default"].bool,
-
   /**
    * Specify whether file input is disabled
    */
   disabled: PropTypes__default["default"].bool,
-
   /**
    * Provide a unique id for the underlying `<input>` node
    */
   id: PropTypes__default["default"].string,
-
   /**
    * Provide the label text to be read by screen readers when interacting with
    * this control
    */
   labelText: PropTypes__default["default"].node,
-
   /**
    * Specify if the component should accept multiple files to upload
    */
   multiple: PropTypes__default["default"].bool,
-
   /**
    * Provide a name for the underlying `<input>` node
    */
   name: PropTypes__default["default"].string,
-
   /**
    * Provide an optional `onChange` hook that is called each time the `<input>`
    * value changes
    */
   onChange: PropTypes__default["default"].func,
-
   /**
    * Provide an optional `onClick` hook that is called each time the button is
    * clicked
    */
   onClick: PropTypes__default["default"].func,
-
   /**
    * Provide an accessibility role for the `<FileUploaderButton>`
    */
   role: PropTypes__default["default"].string,
-
   /**
    * Specify the size of the FileUploaderButton, from a list of available
    * sizes.
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['sm', 'md', 'lg']) : PropTypes__default["default"].oneOf(['default', 'field', 'small', 'sm', 'md', 'lg']),
-
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
   /**
    * Provide a custom tabIndex value for the `<FileUploaderButton>`
    */

package/lib/components/FileUploader/FileUploaderDropContainer.js

@@ -53,18 +53,16 @@ function FileUploaderDropContainer(_ref) {
     [`${prefix}--file-browse-btn--disabled`]: disabled,
     [className]: className
   });
+
   /**
    * Filters the array of added files based on file type restrictions
    * @param {Event} event - Event object, used to get the list of files added
    */
-
   function validateFiles(event) {
     const transferredFiles = event.type === 'drop' ? [...event.dataTransfer.files] : [...event.target.files];
-
     if (!accept.length) {
       return transferredFiles;
     }
-
     const acceptedTypes = new Set(accept);
     return transferredFiles.reduce((acc, curr) => {
       const {
@@ -73,67 +71,54 @@ function FileUploaderDropContainer(_ref) {
       } = curr;
       const fileExtensionRegExp = new RegExp(pattern, 'i');
       const hasFileExtension = fileExtensionRegExp.test(name);
-
       if (!hasFileExtension) {
         return acc;
       }
-
       const [fileExtension] = name.match(fileExtensionRegExp);
-
       if (acceptedTypes.has(mimeType) || acceptedTypes.has(fileExtension.toLowerCase())) {
         return acc.concat([curr]);
       }
-
       curr.invalidFileType = true;
       return acc.concat([curr]);
     }, []);
   }
-
   function handleChange(event) {
     const addedFiles = validateFiles(event);
     return onAddFiles(event, {
       addedFiles
     });
   }
-
   const handleClick = () => {
     if (!disabled) {
       inputRef.current.click();
     }
   };
-
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--file`,
     onDragOver: evt => {
       evt.stopPropagation();
       evt.preventDefault();
-
       if (disabled) {
         return;
       }
-
       setActive(true);
       evt.dataTransfer.dropEffect = 'copy';
     },
     onDragLeave: evt => {
       evt.stopPropagation();
       evt.preventDefault();
-
       if (disabled) {
         return;
       }
-
       setActive(false);
       evt.dataTransfer.dropEffect = 'move';
     },
     onDrop: evt => {
       evt.stopPropagation();
       evt.preventDefault();
-
       if (disabled) {
         return;
       }
-
       setActive(false);
       handleChange(evt);
     }
@@ -167,66 +152,54 @@ function FileUploaderDropContainer(_ref) {
     }
   }));
 }
-
 FileUploaderDropContainer.propTypes = {
   /**
    * Specify the types of files that this input should be able to receive
    */
   accept: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
-
   /**
    * Provide a custom className to be applied to the container node
    */
   className: PropTypes__default["default"].string,
-
   /**
    * Specify whether file input is disabled
    */
   disabled: PropTypes__default["default"].bool,
-
   /**
    * Provide a unique id for the underlying `<input>` node
    */
   id: PropTypes__default["default"].string,
-
   /**
    * Provide the label text to be read by screen readers when interacting with
    * this control
    */
   labelText: PropTypes__default["default"].string.isRequired,
-
   /**
    * Specify if the component should accept multiple files to upload
    */
   multiple: PropTypes__default["default"].bool,
-
   /**
    * Provide a name for the underlying `<input>` node
    */
   name: PropTypes__default["default"].string,
-
   /**
    * Event handler that is called after files are added to the uploader
    * The event handler signature looks like `onAddFiles(evt, { addedFiles })`
    */
   onAddFiles: PropTypes__default["default"].func,
-
   /**
    * Provide an optional function to be called when the button element
    * is clicked
    */
   onClick: PropTypes__default["default"].func,
-
   /**
    * Provide a custom regex pattern for the acceptedTypes
    */
   pattern: PropTypes__default["default"].string,
-
   /**
    * Provide an accessibility role for the `<FileUploaderButton>`
    */
   role: deprecate["default"](PropTypes__default["default"].number, 'The `role` prop for `FileUploaderButton` has ' + 'been deprecated since it now renders a button element by default, and has an implicit role of button.'),
-
   /**
    * Provide a custom tabIndex value for the `<FileUploaderButton>`
    */

package/lib/components/FileUploader/FileUploaderItem.js

@@ -16,34 +16,14 @@ var React = require('react');
 var Filename = require('./Filename.js');
 var uniqueId = require('../../tools/uniqueId.js');
 var usePrefix = require('../../internal/usePrefix.js');
-var FeatureFlags = require('@carbon/feature-flags');
 var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
 function FileUploaderItem(_ref) {
   let {
@@ -105,50 +85,41 @@ function FileUploaderItem(_ref) {
     className: `${prefix}--form-requirement__supplement`
   }, errorBody)));
 }
-
 FileUploaderItem.propTypes = {
   /**
    * Error message body for an invalid file upload
    */
   errorBody: PropTypes__default["default"].string,
-
   /**
    * Error message subject for an invalid file upload
    */
   errorSubject: PropTypes__default["default"].string,
-
   /**
    * Description of status icon (displayed in native tooltip)
    */
   iconDescription: PropTypes__default["default"].string,
-
   /**
    * Specify if the currently uploaded file is invalid
    */
   invalid: PropTypes__default["default"].bool,
-
   /**
    * Name of the uploaded file
    */
   name: PropTypes__default["default"].string,
-
   /**
    * Event handler that is called after removing a file from the file uploader
    * The event handler signature looks like `onDelete(evt, { uuid })`
    */
   onDelete: PropTypes__default["default"].func,
-
   /**
    * Specify the size of the FileUploaderButton, from a list of available
    * sizes.
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['sm', 'md', 'lg']) : PropTypes__default["default"].oneOf(['default', 'field', 'small', 'sm', 'md', 'lg']),
-
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
   /**
    * Status of the file upload
    */
   status: PropTypes__default["default"].oneOf(['uploading', 'edit', 'complete']),
-
   /**
    * Unique identifier for the file object
    */

package/lib/components/FileUploader/Filename.js

@@ -22,7 +22,6 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _Close;
-
 function Filename(_ref) {
   let {
     iconDescription,
@@ -32,7 +31,6 @@ function Filename(_ref) {
     ...rest
   } = _ref;
   const prefix = usePrefix.usePrefix();
-
   switch (status) {
     case 'uploading':
       return /*#__PURE__*/React__default["default"].createElement(Loading["default"], {
@@ -40,7 +38,6 @@ function Filename(_ref) {
         small: true,
         withOverlay: false
       });
-
     case 'edit':
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, invalid && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
         className: `${prefix}--file-invalid`
@@ -49,7 +46,6 @@ function Filename(_ref) {
         className: `${prefix}--file-close`,
         type: "button"
       }, rest), _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null))));
-
     case 'complete':
       return /*#__PURE__*/React__default["default"].createElement(iconsReact.CheckmarkFilled, _rollupPluginBabelHelpers["extends"]({
         "aria-label": iconDescription,
@@ -57,33 +53,27 @@ function Filename(_ref) {
       }, rest, {
         tabIndex: null
       }), iconDescription && /*#__PURE__*/React__default["default"].createElement("title", null, iconDescription));
-
     default:
       return null;
   }
 }
-
 Filename.propTypes = {
   /**
    * Provide a description of the SVG icon to denote file upload status
    */
   iconDescription: PropTypes__default["default"].string,
-
   /**
    * Specify if the file is invalid
    */
   invalid: PropTypes__default["default"].bool,
-
   /**
    * Name of the uploaded file
    */
   name: PropTypes__default["default"].string,
-
   /**
    * Status of the file upload
    */
   status: PropTypes__default["default"].oneOf(['edit', 'complete', 'uploading']),
-
   /**
    * Provide a custom tabIndex value for the `<Filename>`
    */