@carbon/ibm-products 2.0.0-rc.9 → 2.0.1

package/es/components/ExampleComponent/useExample.js

@@ -0,0 +1,49 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/**
+ * Copyright IBM Corp. 2020, 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 { useState, useEffect } from 'react';
+import { pkg } from '../../settings';
+var useExample = function useExample(initialTime) {
+  // NOTE: hooks cannot be called conditionally.
+  //
+  // ** If the hook uses other hooks then they must be called,
+  // ** this could lead to unexpected behavior.
+  // ** As some hooks may still be called even if the condition is false.
+
+  var _useState = useState(
+    // Disable hook in a safe way if possible, else use despite feature disabled.
+    // Either a console error or warning will be logged.
+    initialTime),
+    _useState2 = _slicedToArray(_useState, 2),
+    time = _useState2[0],
+    setTime = _useState2[1];
+
+  // Use of the feature flag to
+  var feature = 'ExampleComponent.useExample';
+  var tryFeature = initialTime !== undefined;
+  var featureEnabled = tryFeature && pkg.checkReportFeatureEnabled(feature);
+  if (tryFeature && !featureEnabled) {
+    // Output a useful message if the feature is disabled.
+    console.warn("Disabled feature \"".concat(feature, "\" does not change the initialTime."));
+  }
+
+  // Actual hook is code is below
+  useEffect(function () {
+    if (!featureEnabled) {
+      return;
+    }
+
+    // turn off all or part of the feature
+    if (time > 0) {
+      setTimeout(function () {
+        setTime(Math.max(0, time - 0.1));
+      }, 100);
+    }
+  }, [featureEnabled, time]);
+  return [time];
+};
+export default useExample;

package/es/components/ExportModal/ExportModal.js

@@ -3,17 +3,15 @@ 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"];
-
 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. 2020, 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, useRef, forwardRef, useEffect } from 'react';
 import { Button, ComposedModal, ModalHeader, ModalFooter, ModalBody, TextInput, RadioButton, RadioButtonGroup, FormGroup, Loading, PasswordInput } from '@carbon/react';
 import cx from 'classnames';
@@ -22,8 +20,9 @@ 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 = 'ExportModal'; // Default values for props
+var componentName = 'ExportModal';
 
+// Default values for props
 var defaults = {
   inputType: 'text',
   preformattedExtensions: Object.freeze([]),
@@ -31,96 +30,80 @@ var defaults = {
 };
 export var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var body = _ref.body,
-      className = _ref.className,
-      error = _ref.error,
-      errorMessage = _ref.errorMessage,
-      filename = _ref.filename,
-      hidePasswordLabel = _ref.hidePasswordLabel,
-      inputLabel = _ref.inputLabel,
-      _ref$inputType = _ref.inputType,
-      inputType = _ref$inputType === void 0 ? defaults.inputType : _ref$inputType,
-      invalidInputText = _ref.invalidInputText,
-      loading = _ref.loading,
-      loadingMessage = _ref.loadingMessage,
-      onClose = _ref.onClose,
-      onRequestSubmit = _ref.onRequestSubmit,
-      open = _ref.open,
-      _ref$preformattedExte = _ref.preformattedExtensions,
-      preformattedExtensions = _ref$preformattedExte === void 0 ? defaults.preformattedExtensions : _ref$preformattedExte,
-      preformattedExtensionsLabel = _ref.preformattedExtensionsLabel,
-      primaryButtonText = _ref.primaryButtonText,
-      secondaryButtonText = _ref.secondaryButtonText,
-      showPasswordLabel = _ref.showPasswordLabel,
-      successMessage = _ref.successMessage,
-      successful = _ref.successful,
-      title = _ref.title,
-      _ref$validExtensions = _ref.validExtensions,
-      validExtensions = _ref$validExtensions === void 0 ? defaults.validExtensions : _ref$validExtensions,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    className = _ref.className,
+    error = _ref.error,
+    errorMessage = _ref.errorMessage,
+    filename = _ref.filename,
+    hidePasswordLabel = _ref.hidePasswordLabel,
+    inputLabel = _ref.inputLabel,
+    _ref$inputType = _ref.inputType,
+    inputType = _ref$inputType === void 0 ? defaults.inputType : _ref$inputType,
+    invalidInputText = _ref.invalidInputText,
+    loading = _ref.loading,
+    loadingMessage = _ref.loadingMessage,
+    onClose = _ref.onClose,
+    onRequestSubmit = _ref.onRequestSubmit,
+    open = _ref.open,
+    _ref$preformattedExte = _ref.preformattedExtensions,
+    preformattedExtensions = _ref$preformattedExte === void 0 ? defaults.preformattedExtensions : _ref$preformattedExte,
+    preformattedExtensionsLabel = _ref.preformattedExtensionsLabel,
+    primaryButtonText = _ref.primaryButtonText,
+    secondaryButtonText = _ref.secondaryButtonText,
+    showPasswordLabel = _ref.showPasswordLabel,
+    successMessage = _ref.successMessage,
+    successful = _ref.successful,
+    title = _ref.title,
+    _ref$validExtensions = _ref.validExtensions,
+    validExtensions = _ref$validExtensions === void 0 ? defaults.validExtensions : _ref$validExtensions,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      name = _useState2[0],
-      setName = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    name = _useState2[0],
+    setName = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      dirtyInput = _useState4[0],
-      setDirtyInput = _useState4[1]; // by default (if it exists) use the first extension in the extension array
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    dirtyInput = _useState4[0],
+    setDirtyInput = _useState4[1];
+  // by default (if it exists) use the first extension in the extension array
   var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      extension = _useState6[0],
-      setExtension = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    extension = _useState6[0],
+    setExtension = _useState6[1];
   useEffect(function () {
     var _preformattedExtensio;
-
     setName(filename);
     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) {
     setName(evt.target.value);
   };
-
   var onExtensionChangeHandler = function onExtensionChangeHandler(value) {
     setExtension(value);
   };
-
   var onBlurHandler = function onBlurHandler() {
     setDirtyInput(true);
   };
-
   var onSubmitHandler = function onSubmitHandler() {
     var returnName = extension ? "".concat(filename, ".").concat(extension.toLocaleLowerCase()) : name;
     onRequestSubmit(returnName);
   };
-
   var hasInvalidExtension = function hasInvalidExtension() {
     if (!dirtyInput || !validExtensions || !validExtensions.length) {
       return false;
     }
-
     if (!name.includes('.')) {
       return true;
     }
-
     var ext = name.split('.').pop();
-
     if (!validExtensions.includes(ext)) {
       return true;
     }
-
     return false;
   };
-
   var blockClass = "".concat(pkg.prefix, "--export-modal");
   var internalId = useRef(uuidv4());
   var primaryButtonDisabled = loading || !name || hasInvalidExtension();
   var submitted = loading || error || successful;
-
   var commonInputProps = _defineProperty({
     id: "text-input--".concat(internalId.current),
     value: name,
@@ -130,7 +113,6 @@ export var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     invalidText: invalidInputText,
     onBlur: onBlurHandler
   }, 'data-modal-primary-focus', true);
-
   return /*#__PURE__*/React.createElement(ComposedModal, _extends({}, rest, {
     className: cx(blockClass, className),
     "aria-label": title,
@@ -192,80 +174,67 @@ export var ExportModal = /*#__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
 ExportModal = pkg.checkComponentEnabled(ExportModal, componentName);
 ExportModal.propTypes = {
   /**
    * Body content for the modal
    */
   body: PropTypes.string,
-
   /**
    * Optional class name
    */
   className: PropTypes.string,
-
   /**
    * specify if an error occurred
    */
   error: PropTypes.bool,
-
   /**
    * messaging to display in the event of an error
    */
   errorMessage: PropTypes.string,
-
   /**
    * name of the file being exported
    */
   filename: PropTypes.string.isRequired,
-
   /**
    * label text that's displayed when hovering over visibility toggler to hide key
    */
   hidePasswordLabel: PropTypes.string,
-
   /**
    * label for the text input
    */
   inputLabel: PropTypes.string,
-
   /**
    * specify the type of text input
    */
   inputType: PropTypes.oneOf(['text', 'password']),
-
   /**
    * text for an invalid input
    */
   invalidInputText: PropTypes.string,
-
   /**
    * specify if the modal is in a loading state
    */
   loading: PropTypes.bool,
-
   /**
    * message to display during the loading state
    */
   loadingMessage: PropTypes.string,
-
   /**
    * Specify a handler for closing modal
    */
   onClose: PropTypes.func,
-
   /**
    * Specify a handler for "submitting" modal. Returns the file name
    */
   onRequestSubmit: PropTypes.func,
-
   /**
    * Specify whether the Modal is currently open
    */
   open: PropTypes.bool,
-
   /**
    * Array of extensions to display as radio buttons
    */
@@ -273,42 +242,34 @@ ExportModal.propTypes = {
     extension: PropTypes.string,
     description: PropTypes.string
   })),
-
   /**
    * Label for the preformatted label form group
    */
   preformattedExtensionsLabel: PropTypes.string,
-
   /**
    * Specify the text for the primary button
    */
   primaryButtonText: PropTypes.string.isRequired,
-
   /**
    * Specify the text for the secondary button
    */
   secondaryButtonText: PropTypes.string.isRequired,
-
   /**
    * label text that's displayed when hovering over visibility toggler to show key
    */
   showPasswordLabel: PropTypes.string,
-
   /**
    * messaging to display if the export was successful
    */
   successMessage: PropTypes.string,
-
   /**
    * specify if the export was successful
    */
   successful: PropTypes.bool,
-
   /**
    * The text displayed at the top of the modal
    */
   title: PropTypes.string.isRequired,
-
   /**
    * array of valid extensions the file can have
    */

package/es/components/ExportModal/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 { ExportModal } from './ExportModal';

package/es/components/ExpressiveCard/ExpressiveCard.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 { Card } from '../Card';
@@ -17,8 +18,9 @@ export var ExpressiveCard = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Card, _extends({
     ref: ref
   }, validProps, getDevtoolsProps(componentName)));
-}); // Return a placeholder if not released and not enabled by feature flag
+});
 
+// Return a placeholder if not released and not enabled by feature flag
 ExpressiveCard = pkg.checkComponentEnabled(ExpressiveCard, componentName);
 ExpressiveCard.propTypes = {
   /**
@@ -32,100 +34,81 @@ ExpressiveCard.propTypes = {
     iconDescription: PropTypes.string,
     href: PropTypes.string
   })),
-
   /**
    * Content that shows in the body of the card
    */
   children: PropTypes.node,
-
   /**
    * Optional user provided class
    */
   className: PropTypes.string,
-
   /**
    * Optional header description
    */
-  description: PropTypes.string,
-
+  description: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node]),
   /**
    * Optional label for the top of the card
    */
-  label: PropTypes.string,
-
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node]),
   /**
    * Optional media content like an image to be placed in the card
    */
   media: PropTypes.node,
-
   /**
    * Establishes the position of the media in the card
    */
   mediaPosition: PropTypes.oneOf(['top', 'left']),
-
   /**
    * Provides the callback for a clickable card
    */
   onClick: PropTypes.func,
-
   /**
    * Function that's called from the primary button or action icon
    */
   onPrimaryButtonClick: PropTypes.func,
-
   /**
    * Function that's called from the secondary button
    */
   onSecondaryButtonClick: PropTypes.func,
-
   /**
    * Provides the icon that's displayed at the top of the card
    */
   pictogram: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-
   /**
    * Optionally specify an href for your Button to become an <a> element
    */
   primaryButtonHref: PropTypes.string,
-
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
   primaryButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-
   /**
    * Establishes the kind of button displayed for the primary button
    */
   primaryButtonKind: PropTypes.oneOf(['primary', 'ghost']),
-
   /**
    * The text that's displayed in the primary button
    */
   primaryButtonText: PropTypes.string,
-
   /**
    * Optionally specify an href for your Button to become an <a> element
    */
   secondaryButtonHref: PropTypes.string,
-
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
   secondaryButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-
   /**
    * Establishes the kind of button displayed for the secondary button
    */
   secondaryButtonKind: PropTypes.oneOf(['secondary', 'ghost']),
-
   /**
    * The text that's displayed in the secondary button
    */
   secondaryButtonText: PropTypes.string,
-
   /**
    * Title that's displayed at the top of the card
    */
-  title: PropTypes.string
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node])
 };
 ExpressiveCard.displayName = componentName;

package/es/components/ExpressiveCard/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 { ExpressiveCard } from './ExpressiveCard';

package/es/components/FilterSummary/FilterSummary.js

@@ -0,0 +1,54 @@
+/**
+ * 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.
+ */
+import { Button } from '@carbon/react';
+import React from 'react';
+import PropTypes from 'prop-types';
+import cx from 'classnames';
+import { TagSet } from '../TagSet';
+import { pkg } from '../../settings';
+var blockClass = "".concat(pkg.prefix, "--filter-summary");
+var FilterSummary = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$clearFiltersText = _ref.clearFiltersText,
+    clearFiltersText = _ref$clearFiltersText === void 0 ? 'Clear filters' : _ref$clearFiltersText,
+    _ref$clearFilters = _ref.clearFilters,
+    clearFilters = _ref$clearFilters === void 0 ? function () {} : _ref$clearFilters,
+    _ref$filters = _ref.filters,
+    filters = _ref$filters === void 0 ? [] : _ref$filters;
+  var tagFilters = filters.map(function (_ref2) {
+    var key = _ref2.key,
+      value = _ref2.value;
+    return {
+      type: 'gray',
+      label: "".concat(key, ": ").concat(value)
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: cx([blockClass, className])
+  }, /*#__PURE__*/React.createElement(TagSet, {
+    allTagsModalSearchLabel: "Search all tags",
+    allTagsModalSearchPlaceholderText: "Search all tags",
+    allTagsModalTitle: "All tags",
+    showAllTagsLabel: "View all tags",
+    tags: tagFilters
+  }), /*#__PURE__*/React.createElement(Button, {
+    kind: "ghost",
+    size: "sm",
+    onClick: clearFilters
+  }, clearFiltersText));
+});
+var componentName = 'FilterSummary';
+FilterSummary.displayName = componentName;
+FilterSummary.propTypes = {
+  className: PropTypes.string,
+  clearFilters: PropTypes.func.isRequired,
+  clearFiltersText: PropTypes.string,
+  filters: PropTypes.arrayOf(PropTypes.object).isRequired
+};
+export default FilterSummary;

package/es/components/{InlineEditV1 → FilterSummary}/index.js

@@ -4,4 +4,4 @@
  * 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 { InlineEditV1 } from './InlineEditV1';
+export { default as FilterSummary } from './FilterSummary';

package/es/components/HTTPErrors/HTTPError403/HTTPError403.js

@@ -1,33 +1,34 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "description", "errorCodeLabel", "links", "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.
  */
+
 // Import portions of React that are needed.
-import React from 'react'; // Other standard imports.
+import React from 'react';
 
+// Other standard imports.
 import cx from 'classnames';
 import { arrayOf, shape, string } from 'prop-types';
 import { HTTPErrorSvg403 } from '../assets/HTTPErrorSvg403';
 import { HTTPErrorContent } from '../HTTPErrorContent';
 import { getDevtoolsProps } from '../../../global/js/utils/devtools';
-import { pkg } from '../../../settings'; // The block part of our conventional BEM class names (blockClass__E--M).
+import { pkg } from '../../../settings';
 
+// The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--http-errors");
 var componentName = 'HTTPError403';
 export var HTTPError403 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      description = _ref.description,
-      errorCodeLabel = _ref.errorCodeLabel,
-      links = _ref.links,
-      title = _ref.title,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    description = _ref.description,
+    errorCodeLabel = _ref.errorCodeLabel,
+    links = _ref.links,
+    title = _ref.title,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: cx(blockClass, className),
     ref: ref
@@ -39,32 +40,31 @@ export var HTTPError403 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }), /*#__PURE__*/React.createElement(HTTPErrorSvg403, {
     className: "".concat(blockClass, "__image")
   }));
-}); // Return a placeholder if not released and not enabled by feature flag
+});
 
-HTTPError403 = pkg.checkComponentEnabled(HTTPError403, componentName); // The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
+// Return a placeholder if not released and not enabled by feature flag
+HTTPError403 = pkg.checkComponentEnabled(HTTPError403, componentName);
 
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
 HTTPError403.displayName = componentName; // displayName is used in preference to function.name by React
+
 // The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-
 HTTPError403.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node
    */
   className: string,
-
   /**
    * String that will provide the description for the HTTP error code
    */
   description: string.isRequired,
-
   /**
    * String that will describe the error that occurred
    */
   errorCodeLabel: string.isRequired,
-
   /**
    * Links that will display for extra context when receiving particular errors
    */
@@ -73,13 +73,11 @@ HTTPError403.propTypes = {
      * The text to display for the link
      */
     text: string.isRequired,
-
     /**
      * The link's destination
      */
     href: string.isRequired
   })),
-
   /**
    * This will be for the main title of the HTTP error component
    */

package/es/components/HTTPErrors/HTTPError403/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 { HTTPError403 } from './HTTPError403';