@carbon/ibm-products 2.43.2-canary.3 → 2.43.2-canary.300

package/lib/components/FilterSummary/FilterSummary.d.ts

@@ -9,7 +9,7 @@ export interface Filter {
     key: string;
     value: string;
 }
-interface FilterSummaryProps {
+export interface FilterSummaryProps {
     className?: string;
     clearButtonInline?: boolean;
     clearFilters: () => void;

package/lib/components/FilterSummary/FilterSummary.js

@@ -10,31 +10,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var react = require('@carbon/react');
 var framerMotion = require('framer-motion');
+var react = require('@carbon/react');
+var motionConstants = require('../../global/js/utils/motionConstants.js');
+var React = require('react');
 var icons = require('@carbon/react/icons');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
+var TagSet = require('../TagSet/TagSet.js');
 var cx = require('classnames');
-var settings = require('../../settings.js');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
-var motionConstants = require('../../global/js/utils/motionConstants.js');
 var debounce = require('lodash/debounce');
 var devtools = require('../../global/js/utils/devtools.js');
+var settings = require('../../settings.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
 var useWindowResize = require('../../global/js/hooks/useWindowResize.js');
-var TagSet = require('../TagSet/TagSet.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 
 var _excluded = ["className", "clearFiltersText", "clearFilters", "filters", "renderLabel", "overflowType", "clearButtonInline"],
   _excluded2 = ["key", "value"];
 var blockClass = "".concat(settings.pkg.prefix, "--filter-summary");
-var FilterSummary = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var FilterSummary = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _viewAllButtonRef$cur, _filterSummaryClearBu;
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
@@ -48,7 +42,7 @@ var FilterSummary = /*#__PURE__*/React__default["default"].forwardRef(function (
     _ref$clearButtonInlin = _ref.clearButtonInline,
     clearButtonInline = _ref$clearButtonInlin === void 0 ? true : _ref$clearButtonInlin,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var filterSummaryId = "".concat(blockClass, "__").concat(uuidv4["default"]());
+  var filterSummaryId = "".concat(blockClass, "__").concat(uuidv4.default());
   var tagFilters = filters.map(function (_ref2) {
     var _renderLabel;
     var key = _ref2.key,
@@ -86,7 +80,7 @@ var FilterSummary = /*#__PURE__*/React__default["default"].forwardRef(function (
   var viewAllWidth = typeof (viewAllButtonRef === null || viewAllButtonRef === void 0 || (_viewAllButtonRef$cur = viewAllButtonRef.current) === null || _viewAllButtonRef$cur === void 0 ? void 0 : _viewAllButtonRef$cur.offsetWidth) === 'undefined' ? 0 : overflowCount > 0 ? 48 : 0;
   var measurementOffset = ((filterSummaryClearButton === null || filterSummaryClearButton === void 0 || (_filterSummaryClearBu = filterSummaryClearButton.current) === null || _filterSummaryClearBu === void 0 ? void 0 : _filterSummaryClearBu.offsetWidth) || 0) + viewAllWidth;
   var renderTagSet = function renderTagSet(type) {
-    return /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, {
+    return /*#__PURE__*/React.createElement(framerMotion.motion.div, {
       key: type,
       initial: {
         opacity: 0,
@@ -104,14 +98,14 @@ var FilterSummary = /*#__PURE__*/React__default["default"].forwardRef(function (
         duration: motionConstants.DURATIONS.moderate01,
         ease: motionConstants.EASINGS.productive.entrance
       }
-    }, /*#__PURE__*/React__default["default"].createElement(TagSet.TagSet, {
+    }, /*#__PURE__*/React.createElement(TagSet.TagSet, {
       allTagsModalSearchLabel: "Search all tags",
       allTagsModalSearchPlaceholderText: "Search all tags",
       allTagsModalTitle: "All tags",
       showAllTagsLabel: "View all tags",
       tags: tagFilters,
       overflowType: overflowType,
-      className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__clear-button-inline"), clearButtonInline)),
+      className: cx(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__clear-button-inline"), clearButtonInline)),
       containingElementRef: localRef,
       measurementOffset: measurementOffset,
       onOverflowTagChange: function onOverflowTagChange(overflowTags) {
@@ -127,25 +121,25 @@ var FilterSummary = /*#__PURE__*/React__default["default"].forwardRef(function (
         setMultiline(false);
       }
     };
-    var filterResize = debounce__default["default"](handleFilterSummaryResize, 500);
+    var filterResize = debounce(handleFilterSummaryResize, 500);
     filterResize();
   }, [previousState === null || previousState === void 0 ? void 0 : previousState.multiline, multiline]);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, devtools.getDevtoolsProps(componentName), {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, devtools.getDevtoolsProps(componentName), {
     id: filterSummaryId
   }, rest, {
     ref: localRef,
-    className: cx__default["default"]([blockClass, className], _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expanded"), multiline))
-  }), /*#__PURE__*/React__default["default"].createElement(framerMotion.AnimatePresence, {
+    className: cx([blockClass, className], _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expanded"), multiline))
+  }), /*#__PURE__*/React.createElement(framerMotion.AnimatePresence, {
     exitBeforeEnter: true
-  }, !multiline && renderTagSet('single'), multiline && renderTagSet('multiline')), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, !multiline && renderTagSet('single'), multiline && renderTagSet('multiline')), /*#__PURE__*/React.createElement(react.Button, {
     kind: "ghost",
     size: "sm",
     onClick: clearFilters,
     ref: filterSummaryClearButton,
     className: "".concat(blockClass, "__clear-all-button")
-  }, clearFiltersText), (overflowCount > 0 || multiline) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, clearFiltersText), (overflowCount > 0 || multiline) && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__view-all--wrapper")
-  }, /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
+  }, /*#__PURE__*/React.createElement(react.IconButton, {
     ref: viewAllButtonRef,
     kind: "ghost",
     label: 'View all',
@@ -153,22 +147,21 @@ var FilterSummary = /*#__PURE__*/React__default["default"].forwardRef(function (
     align: "left",
     onClick: handleViewAll,
     size: "sm"
-  }, /*#__PURE__*/React__default["default"].createElement(icons.ChevronDown, {
-    className: cx__default["default"]("".concat(blockClass, "__view-all--chevron"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__view-all--chevron-multiline"), multiline))
+  }, /*#__PURE__*/React.createElement(icons.ChevronDown, {
+    className: cx("".concat(blockClass, "__view-all--chevron"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__view-all--chevron-multiline"), multiline))
   }))));
 });
 var componentName = 'FilterSummary';
 FilterSummary.displayName = componentName;
 FilterSummary.propTypes = {
-  className: index["default"].string,
-  clearButtonInline: index["default"].bool,
-  clearFilters: index["default"].func.isRequired,
-  clearFiltersText: index["default"].string,
+  className: index.default.string,
+  clearButtonInline: index.default.bool,
+  clearFilters: index.default.func.isRequired,
+  clearFiltersText: index.default.string,
   /**@ts-ignore */
-  filters: index["default"].arrayOf(index["default"].object).isRequired,
-  overflowType: index["default"].oneOf(['default', 'tag']),
-  renderLabel: index["default"].func
+  filters: index.default.arrayOf(index.default.object).isRequired,
+  overflowType: index.default.oneOf(['default', 'tag']),
+  renderLabel: index.default.func
 };
-var FilterSummary$1 = FilterSummary;
 
-exports["default"] = FilterSummary$1;
+exports.default = FilterSummary;

package/lib/components/FilterSummary/index.d.ts

@@ -1 +1,8 @@
-export { default as FilterSummary } from "./FilterSummary";
+/**
+ * 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.
+ */
+export { default as FilterSummary } from './FilterSummary';
+export type { FilterSummaryProps } from './FilterSummary';

package/lib/components/FullPageError/FullPageError.d.ts

@@ -1,6 +1,39 @@
+/**
+ * Copyright IBM Corp. 2024, 2024
+ *
+ * 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, { ReactNode } from 'react';
+export interface FullPageErrorProps {
+    /**
+     * Provide the contents of the FullPageError.
+     */
+    children?: ReactNode;
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * String that will provide the description for the error code. <br/>
+     * This is optional for 403 and 404 kinds, and passing this would override their default descriptions.
+     */
+    description: string;
+    /**
+     * The kind of error page to be displayed, default is custom
+     */
+    kind?: 'custom' | '403' | '404';
+    /**
+     * String that will describe the error that occurred
+     */
+    label: string;
+    /**
+     * This will be for the main title of the FullPageError component
+     */
+    title: string;
+}
 /**
  * Display a full-page error when the requested page is unavailable to the user.
  * This is typically caused by issues with the requested URL or access permissions.
  */
-export let FullPageError: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let FullPageError: React.ForwardRefExoticComponent<FullPageErrorProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/FullPageError/FullPageError.js

@@ -7,32 +7,22 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var Error403SVG = require('./assets/Error403SVG.js');
+var Error404SVG = require('./assets/Error404SVG.js');
+var ErrorGenericSVG = require('./assets/ErrorGenericSVG.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var ErrorGenericSVG = require('./assets/ErrorGenericSVG.js');
-var Error404SVG = require('./assets/Error404SVG.js');
-var Error403SVG = require('./assets/Error403SVG.js');
-var react = require('@carbon/react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["children", "className", "description", "label", "kind", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(settings.pkg.prefix, "--full-page-error");
 var componentName = 'FullPageError';
-
-// NOTE: the component SCSS is not imported here: it is rolled up separately.
-
 // Default values for props
 var defaults = {
   kind: 'custom'
@@ -42,7 +32,7 @@ var defaults = {
  * Display a full-page error when the requested page is unavailable to the user.
  * This is typically caused by issues with the requested URL or access permissions.
  */
-exports.FullPageError = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.FullPageError = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     description = _ref.description,
@@ -53,47 +43,50 @@ exports.FullPageError = /*#__PURE__*/React__default["default"].forwardRef(functi
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var errorData = {
     403: {
-      svg: /*#__PURE__*/React__default["default"].createElement(Error403SVG.Error403SVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__403")
+      svg: /*#__PURE__*/React.createElement(Error403SVG.Error403SVG, {
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__403"),
+        title: title
       })
     },
     404: {
-      svg: /*#__PURE__*/React__default["default"].createElement(Error404SVG.Error404SVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404")
+      svg: /*#__PURE__*/React.createElement(Error404SVG.Error404SVG, {
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404"),
+        title: title
       })
     },
     custom: {
-      svg: /*#__PURE__*/React__default["default"].createElement(ErrorGenericSVG.ErrorGenericSVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom")
+      svg: /*#__PURE__*/React.createElement(ErrorGenericSVG.ErrorGenericSVG, {
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom"),
+        title: title
       })
     }
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     ref: ref,
     role: "main"
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__container")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Grid, {
+  }, /*#__PURE__*/React.createElement(react.Grid, {
     className: "".concat(blockClass, "__grid")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Column, {
+  }, /*#__PURE__*/React.createElement(react.Column, {
     sm: 4,
     md: 3,
     lg: 6,
     className: "".concat(blockClass, "__column")
-  }, /*#__PURE__*/React__default["default"].createElement("h1", {
+  }, /*#__PURE__*/React.createElement("h1", {
     className: "".concat(blockClass, "__title")
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__label")
-  }, "\u21B3 ", label), /*#__PURE__*/React__default["default"].createElement("span", null, title)), /*#__PURE__*/React__default["default"].createElement("p", {
+  }, "\u21B3 ", label), /*#__PURE__*/React.createElement("span", null, title)), /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__description")
-  }, description), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, description), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__body")
-  }, children)), /*#__PURE__*/React__default["default"].createElement(react.Column, {
+  }, children)), /*#__PURE__*/React.createElement(react.Column, {
     sm: 4,
     md: 5,
     lg: 10
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__svg-container")
   }, errorData[kind].svg)))));
 });
@@ -112,26 +105,26 @@ exports.FullPageError.propTypes = {
   /**
    * Provide the contents of the FullPageError.
    */
-  children: index["default"].node,
+  children: index.default.node,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * String that will provide the description for the error code. <br/>
    * This is optional for 403 and 404 kinds, and passing this would override their default descriptions.
    */
-  description: index["default"].string.isRequired,
+  description: index.default.string.isRequired,
   /**
    * The kind of error page to be displayed, default is custom
    */
-  kind: index["default"].oneOf(['custom', '403', '404']),
+  kind: index.default.oneOf(['custom', '403', '404']),
   /**
    * String that will describe the error that occurred
    */
-  label: index["default"].string.isRequired,
+  label: index.default.string.isRequired,
   /**
    * This will be for the main title of the FullPageError component
    */
-  title: index["default"].string.isRequired
+  title: index.default.string.isRequired
 };

package/lib/components/FullPageError/assets/Error403SVG.d.ts

@@ -1,9 +1,11 @@
-export function Error403SVG({ className }: {
+export function Error403SVG({ className, title }: {
     className: any;
+    title: any;
 }): import("react/jsx-runtime").JSX.Element;
 export namespace Error403SVG {
     namespace propTypes {
         export { string as className };
+        export { string as title };
     }
 }
 import { string } from 'prop-types';