@carbon/react 1.29.1 → 1.30.0-rc.0

package/es/components/FileUploader/FileUploader.js

@@ -8,7 +8,6 @@
 import { defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import * as FeatureFlags from '@carbon/feature-flags';
 import React__default from 'react';
 import Filename from './Filename.js';
 import FileUploaderButton from './FileUploaderButton.js';
@@ -20,49 +19,39 @@ import { Enter, Space } from '../../internal/keyboard/keys.js';
 class FileUploader extends React__default.Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
       filenames: []
     });
-
     _defineProperty(this, "nodes", []);
-
     _defineProperty(this, "uploaderButton", /*#__PURE__*/React__default.createRef());
-
     _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);
       }
     });
-
     _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);
       }
     });
-
     _defineProperty(this, "clearFiles", () => {
       // A clearFiles function that resets filenames and can be referenced using a ref by the parent.
       this.setState({
@@ -70,7 +59,6 @@ class FileUploader extends React__default.Component {
       });
     });
   }
-
   static getDerivedStateFromProps(_ref2, state) {
     let {
       filenameStatus
@@ -83,7 +71,6 @@ class FileUploader extends React__default.Component {
       prevFilenameStatus: filenameStatus
     };
   }
-
   render() {
     const {
       iconDescription,
@@ -107,18 +94,16 @@ class FileUploader extends React__default.Component {
       [`${prefix}--form-item`]: true,
       [className]: className
     });
-
     const getHelperLabelClasses = baseClass => cx(baseClass, {
       [`${prefix}--label-description--disabled`]: disabled
     });
-
     const selectedFileClasses = cx(`${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.createElement("div", _extends({
       className: classes
-    }, other), FeatureFlags.enabled('enable-v11-release') && !labelTitle ? null : /*#__PURE__*/React__default.createElement("p", {
+    }, other), !labelTitle ? null : /*#__PURE__*/React__default.createElement("p", {
       className: getHelperLabelClasses(`${prefix}--file--label`)
     }, labelTitle), /*#__PURE__*/React__default.createElement("p", {
       className: getHelperLabelClasses(`${prefix}--label-description`)
@@ -139,7 +124,6 @@ class FileUploader extends React__default.Component {
       key: index,
       className: selectedFileClasses,
       ref: node => this.nodes[index] = node // eslint-disable-line
-
     }, other), /*#__PURE__*/React__default.createElement("p", {
       className: `${prefix}--file-filename`,
       id: name
@@ -163,96 +147,77 @@ class FileUploader extends React__default.Component {
       })
     }))))));
   }
-
 }
-
 _defineProperty(FileUploader, "propTypes", {
   /**
    * Specify the types of files that this input should be able to receive
    */
   accept: PropTypes.arrayOf(PropTypes.string),
-
   /**
    * Specify the type of the `<FileUploaderButton>`
    */
   buttonKind: PropTypes.oneOf(ButtonKinds),
-
   /**
    * Provide the label text to be read by screen readers when interacting with
    * the `<FileUploaderButton>`
    */
   buttonLabel: PropTypes.string,
-
   /**
    * Provide a custom className to be applied to the container node
    */
   className: PropTypes.string,
-
   /**
    * Specify whether file input is disabled
    */
   disabled: PropTypes.bool,
-
   /**
    * Specify the status of the File Upload
    */
   filenameStatus: PropTypes.oneOf(['edit', 'complete', 'uploading']).isRequired,
-
   /**
    * Provide a description for the complete/close icon that can be read by screen readers
    */
-  iconDescription: FeatureFlags.enabled('enable-v11-release') ? PropTypes.string.isRequired : PropTypes.string,
-
+  iconDescription: PropTypes.string.isRequired,
   /**
    * Specify the description text of this `<FileUploader>`
    */
   labelDescription: PropTypes.string,
-
   /**
    * Specify the title text of this `<FileUploader>`
    */
   labelTitle: PropTypes.string,
-
   /**
    * Specify if the component should accept multiple files to upload
    */
   multiple: PropTypes.bool,
-
   /**
    * Provide a name for the underlying `<input>` node
    */
   name: PropTypes.string,
-
   /**
    * Provide an optional `onChange` hook that is called each time the input is
    * changed
    */
   onChange: PropTypes.func,
-
   /**
    * Provide an optional `onClick` hook that is called each time the
    * FileUploader is clicked
    */
   onClick: PropTypes.func,
-
   /**
    * Provide an optional `onDelete` hook that is called when an uploaded item
    * is removed
    */
   onDelete: PropTypes.func,
-
   /**
    * Specify the size of the FileUploaderButton, from a list of available
    * sizes.
    */
-  size: FeatureFlags.enabled('enable-v11-release') ? PropTypes.oneOf(['sm', 'md', 'lg']) : PropTypes.oneOf(['default', 'field', 'small', 'sm', 'md', 'lg'])
+  size: PropTypes.oneOf(['sm', 'md', 'lg'])
 });
-
 _defineProperty(FileUploader, "contextType", PrefixContext);
-
 _defineProperty(FileUploader, "defaultProps", {
   disabled: false,
-  iconDescription: FeatureFlags.enabled('enable-v11-release') ? undefined : 'Provide icon description',
   filenameStatus: 'uploading',
   buttonLabel: '',
   buttonKind: 'primary',

package/es/components/FileUploader/FileUploaderButton.js

@@ -12,13 +12,11 @@ import React__default, { useState, useRef } from 'react';
 import { ButtonKinds } from '../../prop-types/types.js';
 import uniqueId from '../../tools/uniqueId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import * as FeatureFlags from '@carbon/feature-flags';
 import deprecate from '../../prop-types/deprecate.js';
 import { matches } from '../../internal/keyboard/match.js';
 import { Enter, Space } from '../../internal/keyboard/keys.js';
 
 function noop() {}
-
 function FileUploaderButton(_ref) {
   let {
     accept,
@@ -49,30 +47,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 (matches(event, [Enter, 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`);
@@ -80,10 +75,8 @@ function FileUploaderButton(_ref) {
         setLabelText(files[0].name);
       }
     }
-
     onChange(event);
   }
-
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("button", _extends({
     type: "button",
     disabled: disabled,
@@ -107,78 +100,64 @@ function FileUploaderButton(_ref) {
     onChange: handleOnChange
   }));
 }
-
 FileUploaderButton.propTypes = {
   /**
    * Specify the types of files that this input should be able to receive
    */
   accept: PropTypes.arrayOf(PropTypes.string),
-
   /**
    * Specify the type of underlying button
    */
   buttonKind: PropTypes.oneOf(ButtonKinds),
-
   /**
    * Provide a custom className to be applied to the container node
    */
   className: PropTypes.string,
-
   /**
    * Specify whether you want to disable any updates to the FileUploaderButton
    * label
    */
   disableLabelChanges: PropTypes.bool,
-
   /**
    * Specify whether file input is disabled
    */
   disabled: PropTypes.bool,
-
   /**
    * Provide a unique id for the underlying `<input>` node
    */
   id: PropTypes.string,
-
   /**
    * Provide the label text to be read by screen readers when interacting with
    * this control
    */
   labelText: PropTypes.node,
-
   /**
    * Specify if the component should accept multiple files to upload
    */
   multiple: PropTypes.bool,
-
   /**
    * Provide a name for the underlying `<input>` node
    */
   name: PropTypes.string,
-
   /**
    * Provide an optional `onChange` hook that is called each time the `<input>`
    * value changes
    */
   onChange: PropTypes.func,
-
   /**
    * Provide an optional `onClick` hook that is called each time the button is
    * clicked
    */
   onClick: PropTypes.func,
-
   /**
    * Provide an accessibility role for the `<FileUploaderButton>`
    */
   role: PropTypes.string,
-
   /**
    * Specify the size of the FileUploaderButton, from a list of available
    * sizes.
    */
-  size: FeatureFlags.enabled('enable-v11-release') ? PropTypes.oneOf(['sm', 'md', 'lg']) : PropTypes.oneOf(['default', 'field', 'small', 'sm', 'md', 'lg']),
-
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
    * Provide a custom tabIndex value for the `<FileUploaderButton>`
    */

package/es/components/FileUploader/FileUploaderDropContainer.js

@@ -43,18 +43,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 {
@@ -63,67 +61,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.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);
     }
@@ -157,66 +142,54 @@ function FileUploaderDropContainer(_ref) {
     }
   }));
 }
-
 FileUploaderDropContainer.propTypes = {
   /**
    * Specify the types of files that this input should be able to receive
    */
   accept: PropTypes.arrayOf(PropTypes.string),
-
   /**
    * Provide a custom className to be applied to the container node
    */
   className: PropTypes.string,
-
   /**
    * Specify whether file input is disabled
    */
   disabled: PropTypes.bool,
-
   /**
    * Provide a unique id for the underlying `<input>` node
    */
   id: PropTypes.string,
-
   /**
    * Provide the label text to be read by screen readers when interacting with
    * this control
    */
   labelText: PropTypes.string.isRequired,
-
   /**
    * Specify if the component should accept multiple files to upload
    */
   multiple: PropTypes.bool,
-
   /**
    * Provide a name for the underlying `<input>` node
    */
   name: PropTypes.string,
-
   /**
    * Event handler that is called after files are added to the uploader
    * The event handler signature looks like `onAddFiles(evt, { addedFiles })`
    */
   onAddFiles: PropTypes.func,
-
   /**
    * Provide an optional function to be called when the button element
    * is clicked
    */
   onClick: PropTypes.func,
-
   /**
    * Provide a custom regex pattern for the acceptedTypes
    */
   pattern: PropTypes.string,
-
   /**
    * Provide an accessibility role for the `<FileUploaderButton>`
    */
   role: deprecate(PropTypes.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/es/components/FileUploader/FileUploaderItem.js

@@ -12,7 +12,6 @@ import React__default, { useRef } from 'react';
 import Filename from './Filename.js';
 import uniqueId from '../../tools/uniqueId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import * as FeatureFlags from '@carbon/feature-flags';
 import { matches } from '../../internal/keyboard/match.js';
 import { Enter, Space } from '../../internal/keyboard/keys.js';
 
@@ -76,50 +75,41 @@ function FileUploaderItem(_ref) {
     className: `${prefix}--form-requirement__supplement`
   }, errorBody)));
 }
-
 FileUploaderItem.propTypes = {
   /**
    * Error message body for an invalid file upload
    */
   errorBody: PropTypes.string,
-
   /**
    * Error message subject for an invalid file upload
    */
   errorSubject: PropTypes.string,
-
   /**
    * Description of status icon (displayed in native tooltip)
    */
   iconDescription: PropTypes.string,
-
   /**
    * Specify if the currently uploaded file is invalid
    */
   invalid: PropTypes.bool,
-
   /**
    * Name of the uploaded file
    */
   name: PropTypes.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.func,
-
   /**
    * Specify the size of the FileUploaderButton, from a list of available
    * sizes.
    */
-  size: FeatureFlags.enabled('enable-v11-release') ? PropTypes.oneOf(['sm', 'md', 'lg']) : PropTypes.oneOf(['default', 'field', 'small', 'sm', 'md', 'lg']),
-
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
    * Status of the file upload
    */
   status: PropTypes.oneOf(['uploading', 'edit', 'complete']),
-
   /**
    * Unique identifier for the file object
    */

package/es/components/FileUploader/Filename.js

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

package/es/components/FluidComboBox/FluidComboBox.Skeleton.js

@@ -28,7 +28,6 @@ const FluidComboBoxSkeleton = _ref => {
     className: `${prefix}--list-box__field`
   })));
 };
-
 FluidComboBoxSkeleton.propTypes = {
   /**
    * Specify an optional className to add.