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

package/lib/components/ExpressiveCard/ExpressiveCard.js

@@ -1,46 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ExpressiveCard = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Card = require("../Card");
-
 var _devtools = require("../../global/js/utils/devtools");
-
 var _propsHelper = require("../../global/js/utils/props-helper");
-
 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. 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.
 //
+
 var componentName = 'ExpressiveCard';
 var ExpressiveCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var validProps = (0, _propsHelper.prepareProps)(props, ['actionIconsPosition', 'overflowActions', 'productive', 'titleSize']);
   return /*#__PURE__*/_react.default.createElement(_Card.Card, (0, _extends2.default)({
     ref: ref
   }, validProps, (0, _devtools.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
 exports.ExpressiveCard = ExpressiveCard;
 exports.ExpressiveCard = ExpressiveCard = _settings.pkg.checkComponentEnabled(ExpressiveCard, componentName);
 ExpressiveCard.propTypes = {
@@ -55,100 +45,81 @@ ExpressiveCard.propTypes = {
     iconDescription: _propTypes.default.string,
     href: _propTypes.default.string
   })),
-
   /**
    * Content that shows in the body of the card
    */
   children: _propTypes.default.node,
-
   /**
    * Optional user provided class
    */
   className: _propTypes.default.string,
-
   /**
    * Optional header description
    */
-  description: _propTypes.default.string,
-
+  description: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.node]),
   /**
    * Optional label for the top of the card
    */
-  label: _propTypes.default.string,
-
+  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.node]),
   /**
    * Optional media content like an image to be placed in the card
    */
   media: _propTypes.default.node,
-
   /**
    * Establishes the position of the media in the card
    */
   mediaPosition: _propTypes.default.oneOf(['top', 'left']),
-
   /**
    * Provides the callback for a clickable card
    */
   onClick: _propTypes.default.func,
-
   /**
    * Function that's called from the primary button or action icon
    */
   onPrimaryButtonClick: _propTypes.default.func,
-
   /**
    * Function that's called from the secondary button
    */
   onSecondaryButtonClick: _propTypes.default.func,
-
   /**
    * Provides the icon that's displayed at the top of the card
    */
   pictogram: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-
   /**
    * Optionally specify an href for your Button to become an <a> element
    */
   primaryButtonHref: _propTypes.default.string,
-
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
   primaryButtonIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-
   /**
    * Establishes the kind of button displayed for the primary button
    */
   primaryButtonKind: _propTypes.default.oneOf(['primary', 'ghost']),
-
   /**
    * The text that's displayed in the primary button
    */
   primaryButtonText: _propTypes.default.string,
-
   /**
    * Optionally specify an href for your Button to become an <a> element
    */
   secondaryButtonHref: _propTypes.default.string,
-
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
   secondaryButtonIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-
   /**
    * Establishes the kind of button displayed for the secondary button
    */
   secondaryButtonKind: _propTypes.default.oneOf(['secondary', 'ghost']),
-
   /**
    * The text that's displayed in the secondary button
    */
   secondaryButtonText: _propTypes.default.string,
-
   /**
    * Title that's displayed at the top of the card
    */
-  title: _propTypes.default.string
+  title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.node])
 };
 ExpressiveCard.displayName = componentName;

package/lib/components/ExpressiveCard/index.js

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

package/lib/components/FilterSummary/FilterSummary.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("@carbon/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _TagSet = require("../TagSet");
+var _settings = require("../../settings");
+/**
+ * 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 blockClass = "".concat(_settings.pkg.prefix, "--filter-summary");
+var FilterSummary = /*#__PURE__*/_react2.default.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__*/_react2.default.createElement("div", {
+    ref: ref,
+    className: (0, _classnames.default)([blockClass, className])
+  }, /*#__PURE__*/_react2.default.createElement(_TagSet.TagSet, {
+    allTagsModalSearchLabel: "Search all tags",
+    allTagsModalSearchPlaceholderText: "Search all tags",
+    allTagsModalTitle: "All tags",
+    showAllTagsLabel: "View all tags",
+    tags: tagFilters
+  }), /*#__PURE__*/_react2.default.createElement(_react.Button, {
+    kind: "ghost",
+    size: "sm",
+    onClick: clearFilters
+  }, clearFiltersText));
+});
+var componentName = 'FilterSummary';
+FilterSummary.displayName = componentName;
+FilterSummary.propTypes = {
+  className: _propTypes.default.string,
+  clearFilters: _propTypes.default.func.isRequired,
+  clearFiltersText: _propTypes.default.string,
+  filters: _propTypes.default.arrayOf(_propTypes.default.object).isRequired
+};
+var _default = FilterSummary;
+exports.default = _default;

package/lib/components/FilterSummary/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FilterSummary", {
+  enumerable: true,
+  get: function get() {
+    return _FilterSummary.default;
+  }
+});
+var _FilterSummary = _interopRequireDefault(require("./FilterSummary"));

package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js

@@ -1,42 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HTTPError403 = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = require("prop-types");
-
 var _HTTPErrorSvg = require("../assets/HTTPErrorSvg403");
-
 var _HTTPErrorContent = require("../HTTPErrorContent");
-
 var _devtools = require("../../../global/js/utils/devtools");
-
 var _settings = require("../../../settings");
-
 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.
+// Other standard imports.
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(_settings.pkg.prefix, "--http-errors");
 var componentName = 'HTTPError403';
-
 var HTTPError403 = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      description = _ref.description,
-      errorCodeLabel = _ref.errorCodeLabel,
-      links = _ref.links,
-      title = _ref.title,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    description = _ref.description,
+    errorCodeLabel = _ref.errorCodeLabel,
+    links = _ref.links,
+    title = _ref.title,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
     className: (0, _classnames.default)(blockClass, className),
     ref: ref
@@ -48,34 +44,32 @@ var HTTPError403 = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   }), /*#__PURE__*/_react.default.createElement(_HTTPErrorSvg.HTTPErrorSvg403, {
     className: "".concat(blockClass, "__image")
   }));
-}); // 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.HTTPError403 = HTTPError403;
-exports.HTTPError403 = HTTPError403 = _settings.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.
+exports.HTTPError403 = HTTPError403 = _settings.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: _propTypes.string,
-
   /**
    * String that will provide the description for the HTTP error code
    */
   description: _propTypes.string.isRequired,
-
   /**
    * String that will describe the error that occurred
    */
   errorCodeLabel: _propTypes.string.isRequired,
-
   /**
    * Links that will display for extra context when receiving particular errors
    */
@@ -84,13 +78,11 @@ HTTPError403.propTypes = {
      * The text to display for the link
      */
     text: _propTypes.string.isRequired,
-
     /**
      * The link's destination
      */
     href: _propTypes.string.isRequired
   })),
-
   /**
    * This will be for the main title of the HTTP error component
    */

package/lib/components/HTTPErrors/HTTPError403/index.js

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

package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js

@@ -1,42 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HTTPError404 = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = require("prop-types");
-
 var _HTTPErrorSvg = require("../assets/HTTPErrorSvg404");
-
 var _HTTPErrorContent = require("../HTTPErrorContent");
-
 var _devtools = require("../../../global/js/utils/devtools");
-
 var _settings = require("../../../settings");
-
 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.
+// Other standard imports.
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(_settings.pkg.prefix, "--http-errors");
 var componentName = 'HTTPError404';
-
 var HTTPError404 = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      description = _ref.description,
-      errorCodeLabel = _ref.errorCodeLabel,
-      links = _ref.links,
-      title = _ref.title,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    description = _ref.description,
+    errorCodeLabel = _ref.errorCodeLabel,
+    links = _ref.links,
+    title = _ref.title,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
     className: (0, _classnames.default)(blockClass, className),
     ref: ref
@@ -48,34 +44,32 @@ var HTTPError404 = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   }), /*#__PURE__*/_react.default.createElement(_HTTPErrorSvg.HTTPErrorSvg404, {
     className: "".concat(blockClass, "__image")
   }));
-}); // 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.HTTPError404 = HTTPError404;
-exports.HTTPError404 = HTTPError404 = _settings.pkg.checkComponentEnabled(HTTPError404, componentName); // The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
+exports.HTTPError404 = HTTPError404 = _settings.pkg.checkComponentEnabled(HTTPError404, componentName);
 
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
 HTTPError404.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.
-
 HTTPError404.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node
    */
   className: _propTypes.string,
-
   /**
    * String that will provide the description for the HTTP error code
    */
   description: _propTypes.string.isRequired,
-
   /**
    * String that will describe the error that occurred
    */
   errorCodeLabel: _propTypes.string.isRequired,
-
   /**
    * Links that will display for extra context when receiving particular errors
    */
@@ -84,13 +78,11 @@ HTTPError404.propTypes = {
      * The text to display for the link
      */
     text: _propTypes.string.isRequired,
-
     /**
      * The link's destination
      */
     href: _propTypes.string.isRequired
   })),
-
   /**
    * This will be for the main title of the HTTP error component
    */

package/lib/components/HTTPErrors/HTTPError404/index.js

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

package/lib/components/HTTPErrors/HTTPErrorContent.js

@@ -1,37 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HTTPErrorContent = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = require("prop-types");
-
 var _settings = require("../../settings");
-
 var _react2 = require("@carbon/react");
-
 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; }
-
+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; } /**
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 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.
+// Other standard imports.
+// Carbon and package components we use.
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(_settings.pkg.prefix, "--http-errors");
 var componentName = 'HTTPErrorContent';
-
 var HTTPErrorContent = function HTTPErrorContent(_ref) {
   var description = _ref.description,
-      errorCodeLabel = _ref.errorCodeLabel,
-      title = _ref.title,
-      links = _ref.links;
+    errorCodeLabel = _ref.errorCodeLabel,
+    title = _ref.title,
+    links = _ref.links;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(blockClass, "__content")
   }, errorCodeLabel && /*#__PURE__*/_react.default.createElement("p", {
@@ -48,26 +44,25 @@ var HTTPErrorContent = function HTTPErrorContent(_ref) {
       className: "".concat(blockClass, "__link")
     }), link.text);
   }));
-}; // The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
-
+};
 
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
 exports.HTTPErrorContent = HTTPErrorContent;
-HTTPErrorContent.displayName = componentName; // The types and DocGen commentary for the component props,
+HTTPErrorContent.displayName = componentName;
+
+// The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-
 HTTPErrorContent.propTypes = {
   /**
    * String that will provide the description for the HTTP error code
    */
   description: _propTypes.string.isRequired,
-
   /**
    * String that will describe the error that occurred
    */
   errorCodeLabel: _propTypes.string.isRequired,
-
   /**
    * Links that will display for extra context when receiving particular errors
    */
@@ -76,13 +71,11 @@ HTTPErrorContent.propTypes = {
      * The text to display for the link
      */
     text: _propTypes.string.isRequired,
-
     /**
      * The link's destination
      */
     href: _propTypes.string.isRequired
   }))),
-
   /**
    * This will be for the main title of the HTTP error component
    */