@carbon/ibm-products 2.24.0 → 2.26.0

package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js

@@ -1,36 +1,33 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SteppedAnimatedMedia = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _lottieWeb = _interopRequireDefault(require("lottie-web"));
-var _clamp = _interopRequireDefault(require("lodash/clamp"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _devtools = require("../../global/js/utils/devtools");
-var _settings = require("../../settings");
-var _excluded = ["className", "playStep", "filePaths"];
 /**
- * Copyright IBM Corp. 2023, 2023
+ * Copyright IBM Corp. 2020, 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 portions of React that are needed.
-// Other standard imports.
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var lottie = require('lottie-web');
+var clamp = require('lodash/clamp');
+var index$1 = require('../../node_modules/prop-types/index.js');
+var index = require('../../node_modules/classnames/index.js');
+var devtools = require('../../global/js/utils/devtools.js');
+var settings = require('../../settings.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var lottie__default = /*#__PURE__*/_interopDefaultLegacy(lottie);
+var clamp__default = /*#__PURE__*/_interopDefaultLegacy(clamp);
+
+var _excluded = ["className", "playStep", "filePaths"];
+
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(_settings.pkg.prefix, "--stepped-animated-media");
+var blockClass = "".concat(settings.pkg.prefix, "--stepped-animated-media");
 var componentName = 'SteppedAnimatedMedia';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
@@ -43,21 +40,21 @@ var defaults = {
 /**
  * The SteppedAnimatedMedia is a Novice to Pro internal component and is not intended for general use.
  */
-var SteppedAnimatedMedia = exports.SteppedAnimatedMedia = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+var SteppedAnimatedMedia = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$playStep = _ref.playStep,
     playStep = _ref$playStep === void 0 ? defaults.playStep : _ref$playStep,
     filePaths = _ref.filePaths,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState([]),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     jsonData = _useState2[0],
     setJsonData = _useState2[1];
-  var animRef = (0, _react.useRef)();
-  var backupRef = (0, _react.useRef)();
+  var animRef = React.useRef();
+  var backupRef = React.useRef();
   var localRef = ref !== null && ref !== void 0 ? ref : backupRef;
   // load animation source
-  (0, _react.useEffect)(function () {
+  React.useEffect(function () {
     var isJsonFile = function isJsonFile(filePath) {
       return filePath.includes('.json');
     };
@@ -65,9 +62,9 @@ var SteppedAnimatedMedia = exports.SteppedAnimatedMedia = /*#__PURE__*/_react.de
       return _loadArtifact.apply(this, arguments);
     }
     function _loadArtifact() {
-      _loadArtifact = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      _loadArtifact = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
         var allJsonArtifacts, rawResponse, jsonResponse, fileData;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               if (!(filePaths && filePaths.every(isJsonFile))) {
@@ -99,16 +96,16 @@ var SteppedAnimatedMedia = exports.SteppedAnimatedMedia = /*#__PURE__*/_react.de
     }
     loadArtifact();
   }, [filePaths]);
-  (0, _react.useEffect)(function () {
+  React.useEffect(function () {
     var _window;
     var prefersReducedMotion = (_window = window) !== null && _window !== void 0 && _window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
     if (localRef.current) {
       var _animRef$current, _animRef$current2, _animRef$current3;
       (_animRef$current = animRef.current) === null || _animRef$current === void 0 || _animRef$current.destroy();
-      animRef.current = _lottieWeb.default.loadAnimation({
+      animRef.current = lottie__default["default"].loadAnimation({
         container: localRef.current,
         renderer: 'svg',
-        animationData: jsonData[(0, _clamp.default)(playStep, 0, jsonData.length - 1)],
+        animationData: jsonData[clamp__default["default"](playStep, 0, jsonData.length - 1)],
         loop: false,
         autoplay: false,
         rendererSettings: {
@@ -125,24 +122,26 @@ var SteppedAnimatedMedia = exports.SteppedAnimatedMedia = /*#__PURE__*/_react.de
   if (!jsonData) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
-    className: (0, _classnames.default)(blockClass, className),
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: index["default"](blockClass, className),
     role: "img",
     ref: localRef
-  }, (0, _devtools.getDevtoolsProps)(componentName)));
+  }, devtools.getDevtoolsProps(componentName)));
 });
 SteppedAnimatedMedia.displayName = componentName;
 SteppedAnimatedMedia.propTypes = {
   /**
    * Optional class name for this component.
    */
-  className: _propTypes.default.string,
+  className: index$1["default"].string,
   /**
    * The file path(s) to json formatted Lottie animation files.
    */
-  filePaths: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+  filePaths: index$1["default"].arrayOf(index$1["default"].string).isRequired,
   /**
    * Which animation step from the filePaths array to play.
    */
-  playStep: _propTypes.default.number
-};
+  playStep: index$1["default"].number
+};
+
+exports.SteppedAnimatedMedia = SteppedAnimatedMedia;

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

@@ -0,0 +1 @@
+export { SteppedAnimatedMedia } from "./SteppedAnimatedMedia";

package/lib/components/TagSet/TagSet.d.ts

@@ -0,0 +1,8 @@
+export let TagSet: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+/**
+ * The strings shown in the showAllModal are only shown if we have more than allTagsModalSearchLThreshold
+ * @returns null if no problems
+ */
+export const string_required_if_more_than_10_tags: (props: any, propName: any, componentName: any, location: any, propFullName: any, secret: any) => any;
+export default TagSet;
+import React from 'react';

package/lib/components/TagSet/TagSet.js

@@ -1,39 +1,35 @@
-"use strict";
+/**
+ * Copyright IBM Corp. 2020, 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index$1 = require('../../node_modules/prop-types/index.js');
+var index = require('../../node_modules/classnames/index.js');
+var TagSetOverflow = require('./TagSetOverflow.js');
+var TagSetModal = require('./TagSetModal.js');
+var react = require('@carbon/react');
+var useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
+var devtools = require('../../global/js/utils/devtools.js');
+var propsHelper = require('../../global/js/utils/props-helper.js');
+var settings = require('../../settings.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.string_required_if_more_than_10_tags = exports.default = exports.TagSet = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _TagSetOverflow = require("./TagSetOverflow");
-var _TagSetModal = require("./TagSetModal");
-var _react2 = require("@carbon/react");
-var _useResizeObserver = require("../../global/js/hooks/useResizeObserver");
-var _devtools = require("../../global/js/utils/devtools");
-var _propsHelper = require("../../global/js/utils/props-helper");
-var _settings = require("../../settings");
 var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAlign", "overflowClassName", "overflowType", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags", "containingElementRef", "measurementOffset", "onOverflowTagChange"],
   _excluded2 = ["label", "id"],
-  _excluded3 = ["label", "onClose"]; //
-// Copyright IBM Corp. 2020, 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.
-//
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  _excluded3 = ["label", "onClose"];
 var componentName = 'TagSet';
-var blockClass = "".concat(_settings.pkg.prefix, "--tag-set");
+var blockClass = "".concat(settings.pkg.prefix, "--tag-set");
 var allTagsModalSearchThreshold = 10;
 
 // Default values for props
@@ -44,7 +40,7 @@ var defaults = {
   overflowType: 'default',
   onOverflowTagChange: function onOverflowTagChange() {}
 };
-var TagSet = exports.TagSet = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+exports.TagSet = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$align = _ref.align,
     align = _ref$align === void 0 ? defaults.align : _ref$align,
     allTagsModalTarget = _ref.allTagsModalTarget,
@@ -66,72 +62,72 @@ var TagSet = exports.TagSet = /*#__PURE__*/_react.default.forwardRef(function (_
     measurementOffset = _ref$measurementOffse === void 0 ? defaults.measurementOffset : _ref$measurementOffse,
     _ref$onOverflowTagCha = _ref.onOverflowTagChange,
     onOverflowTagChange = _ref$onOverflowTagCha === void 0 ? defaults.onOverflowTagChange : _ref$onOverflowTagCha,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useState = (0, _react.useState)(3),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(3),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     displayCount = _useState2[0],
     setDisplayCount = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+  var _useState3 = React.useState([]),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     displayedTags = _useState4[0],
     setDisplayedTags = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+  var _useState5 = React.useState([]),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
     hiddenSizingTags = _useState6[0],
     setHiddenSizingTags = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+  var _useState7 = React.useState(false),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
     showAllModalOpen = _useState8[0],
     setShowAllModalOpen = _useState8[1];
-  var localTagSetRef = (0, _react.useRef)(null);
+  var localTagSetRef = React.useRef(null);
   var tagSetRef = ref || localTagSetRef;
-  var sizingContainerRef = (0, _react.useRef)();
-  var displayedArea = (0, _react.useRef)(null);
-  var _useState9 = (0, _react.useState)([]),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+  var sizingContainerRef = React.useRef();
+  var displayedArea = React.useRef(null);
+  var _useState9 = React.useState([]),
+    _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
     sizingTags = _useState10[0],
     setSizingTags = _useState10[1];
-  var overflowTag = (0, _react.useRef)(null);
-  var _useState11 = (0, _react.useState)(false),
-    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+  var overflowTag = React.useRef(null);
+  var _useState11 = React.useState(false),
+    _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
     popoverOpen = _useState12[0],
     setPopoverOpen = _useState12[1];
   var handleShowAllClick = function handleShowAllClick() {
     setShowAllModalOpen(true);
   };
-  (0, _react.useEffect)(function () {
+  React.useEffect(function () {
     var newSizingTags = [];
     // create sizing tags
     setHiddenSizingTags(tags && tags.length > 0 ? tags.map(function (_ref2, index) {
       var label = _ref2.label,
         id = _ref2.id,
-        other = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-      return /*#__PURE__*/_react.default.createElement("div", {
+        other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         key: index,
         className: "".concat(blockClass, "__sizing-tag"),
         ref: function ref(el) {
           return newSizingTags[index] = el;
         }
-      }, /*#__PURE__*/_react.default.createElement(_react2.Tag, (0, _extends2.default)({}, other, {
+      }, /*#__PURE__*/React__default["default"].createElement(react.Tag, _rollupPluginBabelHelpers["extends"]({}, other, {
         // ensure id is not duplicated
         "data-original-id": id
       }), label));
     }) : []);
     setSizingTags(newSizingTags);
   }, [tags]);
-  var handleTagOnClose = (0, _react.useCallback)(function (onClose, index) {
+  var handleTagOnClose = React.useCallback(function (onClose, index) {
     onClose === null || onClose === void 0 || onClose();
     if (index <= displayCount - 1) {
       setPopoverOpen(false);
     }
   }, [displayCount]);
-  (0, _react.useEffect)(function () {
+  React.useEffect(function () {
     // create visible and overflow tags
     var newDisplayedTags = tags && tags.length > 0 ? tags.map(function (_ref3, index) {
       var label = _ref3.label,
         _onClose = _ref3.onClose,
-        other = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
-      return /*#__PURE__*/_react.default.createElement(_react2.Tag, (0, _extends2.default)({}, other, {
+        other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded3);
+      return /*#__PURE__*/React__default["default"].createElement(react.Tag, _rollupPluginBabelHelpers["extends"]({}, other, {
         key: "displayed-tag-".concat(index),
         onClose: function onClose() {
           return handleTagOnClose(_onClose, index);
@@ -144,12 +140,12 @@ var TagSet = exports.TagSet = /*#__PURE__*/_react.default.forwardRef(function (_
 
     // add wrapper around displayed tags
     newDisplayedTags = newDisplayedTags.map(function (tag, index) {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         key: index,
         className: "".concat(blockClass, "__displayed-tag")
       }, tag);
     });
-    newDisplayedTags.push( /*#__PURE__*/_react.default.createElement(_TagSetOverflow.TagSetOverflow, {
+    newDisplayedTags.push( /*#__PURE__*/React__default["default"].createElement(TagSetOverflow.TagSetOverflow, {
       allTagsModalSearchThreshold: allTagsModalSearchThreshold,
       className: overflowClassName,
       onShowAllClick: handleShowAllClick,
@@ -165,7 +161,7 @@ var TagSet = exports.TagSet = /*#__PURE__*/_react.default.forwardRef(function (_
     onOverflowTagChange === null || onOverflowTagChange === void 0 || onOverflowTagChange(newOverflowTags);
     setDisplayedTags(newDisplayedTags);
   }, [displayCount, overflowAlign, overflowClassName, overflowType, showAllTagsLabel, tags, onOverflowTagChange, popoverOpen, handleTagOnClose]);
-  var checkFullyVisibleTags = (0, _react.useCallback)(function () {
+  var checkFullyVisibleTags = React.useCallback(function () {
     if (multiline) {
       return setDisplayCount(maxVisible);
     }
@@ -200,7 +196,7 @@ var TagSet = exports.TagSet = /*#__PURE__*/_react.default.forwardRef(function (_
       setDisplayCount(maxVisible ? Math.min(willFit, maxVisible) : willFit);
     }
   }, [maxVisible, multiline, sizingTags, tagSetRef, measurementOffset, containingElementRef]);
-  (0, _react.useEffect)(function () {
+  React.useEffect(function () {
     checkFullyVisibleTags();
   }, [checkFullyVisibleTags, maxVisible, multiline, sizingTags]);
 
@@ -220,22 +216,22 @@ var TagSet = exports.TagSet = /*#__PURE__*/_react.default.forwardRef(function (_
   var handleModalClose = function handleModalClose() {
     setShowAllModalOpen(false);
   };
-  (0, _useResizeObserver.useResizeObserver)(sizingContainerRef, handleSizerTagsResize);
+  useResizeObserver.useResizeObserver(sizingContainerRef, handleSizerTagsResize);
   var resizeOption = containingElementRef ? containingElementRef : tagSetRef;
-  (0, _useResizeObserver.useResizeObserver)(resizeOption, handleResize);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
-    className: (0, _classnames.default)([blockClass, className]),
+  useResizeObserver.useResizeObserver(resizeOption, handleResize);
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: index["default"]([blockClass, className]),
     ref: tagSetRef
-  }, (0, _devtools.getDevtoolsProps)(componentName)), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(["".concat(blockClass, "__space"), "".concat(blockClass, "__space--align-").concat(align)])
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index["default"](["".concat(blockClass, "__space"), "".concat(blockClass, "__space--align-").concat(align)])
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__tag-container ").concat(blockClass, "__tag-container--hidden"),
     "aria-hidden": true,
     ref: sizingContainerRef
-  }, hiddenSizingTags), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(["".concat(blockClass, "__tag-container"), multiline && "".concat(blockClass, "__tag-container--multiline")]),
+  }, hiddenSizingTags), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index["default"](["".concat(blockClass, "__tag-container"), multiline && "".concat(blockClass, "__tag-container--multiline")]),
     ref: displayedArea
-  }, displayedTags)), /*#__PURE__*/_react.default.createElement(_TagSetModal.TagSetModal, {
+  }, displayedTags)), /*#__PURE__*/React__default["default"].createElement(TagSetModal.TagSetModal, {
     allTags: tags,
     open: showAllModalOpen,
     title: allTagsModalTitle,
@@ -247,13 +243,13 @@ var TagSet = exports.TagSet = /*#__PURE__*/_react.default.forwardRef(function (_
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.TagSet = TagSet = _settings.pkg.checkComponentEnabled(TagSet, componentName);
+exports.TagSet = settings.pkg.checkComponentEnabled(exports.TagSet, componentName);
 
 /**
  * The strings shown in the showAllModal are only shown if we have more than allTagsModalSearchLThreshold
  * @returns null if no problems
  */
-var string_required_if_more_than_10_tags = exports.string_required_if_more_than_10_tags = (0, _propsHelper.isRequiredIf)(_propTypes.default.string, function (_ref4) {
+var string_required_if_more_than_10_tags = propsHelper.isRequiredIf(index$1["default"].string, function (_ref4) {
   var tags = _ref4.tags;
   return tags && tags.length > allTagsModalSearchThreshold;
 });
@@ -274,12 +270,12 @@ var TYPES = {
   outline: 'Outline'
 };
 var tagTypes = Object.keys(TYPES);
-TagSet.types = tagTypes;
-TagSet.propTypes = {
+exports.TagSet.types = tagTypes;
+exports.TagSet.propTypes = {
   /**
    * align the Tags displayed by the TagSet. Default start.
    */
-  align: _propTypes.default.oneOf(['start', 'center', 'end']),
+  align: index$1["default"].oneOf(['start', 'center', 'end']),
   /**
    * label text for the show all search. **Note: Required if more than 10 tags**
    */
@@ -291,7 +287,7 @@ TagSet.propTypes = {
   /**
    * portal target for the all tags modal
    */
-  allTagsModalTarget: _propTypes.default.node,
+  allTagsModalTarget: index$1["default"].node,
   /**
    * title for the show all modal. **Note: Required if more than 10 tags**
    */
@@ -299,41 +295,41 @@ TagSet.propTypes = {
   /**
    * className
    */
-  className: _propTypes.default.string,
+  className: index$1["default"].string,
   /**
    * Optional ref for custom resize container to measure available space
    * Default will measure the available space of the TagSet container itself.
    */
-  containingElementRef: _propTypes.default.object,
+  containingElementRef: index$1["default"].object,
   /**
    * maximum visible tags
    */
-  maxVisible: _propTypes.default.number,
+  maxVisible: index$1["default"].number,
   /**
    * Specify offset amount for measure available space, only used when `containingElementSelector`
    * is also provided
    */
-  measurementOffset: _propTypes.default.number,
+  measurementOffset: index$1["default"].number,
   /**
    * display tags in multiple lines
    */
-  multiline: _propTypes.default.bool,
+  multiline: index$1["default"].bool,
   /**
    * Handler to get overflow tags
    */
-  onOverflowTagChange: _propTypes.default.func,
+  onOverflowTagChange: index$1["default"].func,
   /**
    * overflowAlign from the standard tooltip. Default center.
    */
-  overflowAlign: _propTypes.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
+  overflowAlign: index$1["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
   /**
    * overflowClassName for the tooltip popup
    */
-  overflowClassName: _propTypes.default.string,
+  overflowClassName: index$1["default"].string,
   /**
    * Type of rendering displayed inside of the tag overflow component
    */
-  overflowType: _propTypes.default.oneOf(['default', 'tag']),
+  overflowType: index$1["default"].oneOf(['default', 'tag']),
   /**
    * label for the overflow show all tags link.
    *
@@ -348,11 +344,12 @@ TagSet.propTypes = {
    *
    * See https://react.carbondesignsystem.com/?path=/docs/components-tag--default
    */
-  tags: _propTypes.default.arrayOf(_propTypes.default.shape(_objectSpread(_objectSpread({}, _react2.Tag.propTypes), {}, {
-    label: _propTypes.default.string.isRequired,
+  tags: index$1["default"].arrayOf(index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Tag.propTypes), {}, {
+    label: index$1["default"].string.isRequired,
     // we duplicate this prop to improve the DocGen
-    type: _propTypes.default.oneOf(tagTypes)
+    type: index$1["default"].oneOf(tagTypes)
   })))
 };
-TagSet.displayName = componentName;
-var _default = exports.default = TagSet;
+exports.TagSet.displayName = componentName;
+
+exports.string_required_if_more_than_10_tags = string_required_if_more_than_10_tags;

package/lib/components/TagSet/TagSetModal.d.ts

@@ -0,0 +1,29 @@
+export function TagSetModal({ allTags, className, title, onClose, open, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: {
+    [x: string]: any;
+    allTags: any;
+    className: any;
+    title: any;
+    onClose: any;
+    open: any;
+    portalTarget: any;
+    searchLabel?: string | undefined;
+    searchPlaceholder: any;
+}): any;
+export namespace TagSetModal {
+    export namespace propTypes {
+        let allTags: PropTypes.Requireable<(PropTypes.InferProps<{
+            label: PropTypes.Validator<string>;
+        }> | null | undefined)[]>;
+        let className: PropTypes.Requireable<string>;
+        let onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        let open: PropTypes.Requireable<boolean>;
+        let portalTarget: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let searchLabel: PropTypes.Requireable<string>;
+        let searchPlaceholder: PropTypes.Requireable<string>;
+        let title: PropTypes.Requireable<string>;
+    }
+    export { componentName as displayName };
+}
+import PropTypes from 'prop-types';
+declare const componentName: "TagSetModal";
+export {};