rsuite 5.75.0 → 6.0.0-canary-20241227

package/esm/Steps/Steps.js

@@ -1,56 +1,53 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "classPrefix", "className", "children", "vertical", "small", "current", "currentStatus"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import StepItem from "./StepItem.js";
 import { ReactChildren } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-import { oneOf } from "../internals/propTypes/index.js";
 /**
  * The `Steps` component is used to guide users to complete tasks in accordance with the process.
  *
  * @see https://rsuitejs.com/components/steps
  */
-var Steps = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Steps', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'steps' : _propsWithDefaults$cl,
-    className = propsWithDefaults.className,
-    children = propsWithDefaults.children,
-    vertical = propsWithDefaults.vertical,
-    small = propsWithDefaults.small,
-    _propsWithDefaults$cu = propsWithDefaults.current,
-    current = _propsWithDefaults$cu === void 0 ? 0 : _propsWithDefaults$cu,
-    _propsWithDefaults$cu2 = propsWithDefaults.currentStatus,
-    currentStatus = _propsWithDefaults$cu2 === void 0 ? 'process' : _propsWithDefaults$cu2,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix,
-    withClassPrefix = _useClassNames.withClassPrefix;
-  var horizontal = !vertical;
-  var classes = merge(className, withClassPrefix({
-    small: small,
-    vertical: vertical,
+const Steps = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = useCustom('Steps', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'steps',
+    className,
+    children,
+    vertical,
+    small,
+    current = 0,
+    currentStatus = 'process',
+    ...rest
+  } = propsWithDefaults;
+  const {
+    merge,
+    prefix,
+    withClassPrefix
+  } = useClassNames(classPrefix);
+  const horizontal = !vertical;
+  const classes = merge(className, withClassPrefix({
+    small,
+    vertical,
     horizontal: !vertical
   }));
-  var count = ReactChildren.count(children);
-  var items = ReactChildren.mapCloneElement(children, function (item, index) {
-    var itemStyles = {
-      flexBasis: index < count - 1 ? 100 / (count - 1) + "%" : undefined,
-      maxWidth: index === count - 1 ? 100 / count + "%" : undefined
+  const count = ReactChildren.count(children);
+  const items = ReactChildren.mapCloneElement(children, (item, index) => {
+    const itemStyles = {
+      flexBasis: index < count - 1 ? `${100 / (count - 1)}%` : undefined,
+      maxWidth: index === count - 1 ? `${100 / count}%` : undefined
     };
-    var itemProps = _extends({
+    const itemProps = {
       stepNumber: index + 1,
       status: 'wait',
-      style: horizontal ? itemStyles : undefined
-    }, item.props);
+      style: horizontal ? itemStyles : undefined,
+      ...item.props
+    };
 
     // fix tail color
     if (currentStatus === 'error' && index === current - 1) {
@@ -73,13 +70,4 @@ var Steps = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 Steps.Item = StepItem;
 Steps.displayName = 'Steps';
-Steps.propTypes = {
-  classPrefix: PropTypes.string,
-  vertical: PropTypes.bool,
-  small: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  current: PropTypes.number,
-  currentStatus: oneOf(['finish', 'wait', 'process', 'error'])
-};
 export default Steps;

package/esm/Table/Table.js

@@ -1,7 +1,5 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["locale", "loadAnimation"];
 import React from 'react';
 import TableCell from "./TableCell.js";
 import TableHeaderCell from "./TableHeaderCell.js";
@@ -9,16 +7,18 @@ import TableColumn from "./TableColumn.js";
 import TableColumnGroup from "./TableColumnGroup.js";
 import { useCustom } from "../CustomProvider/index.js";
 import { Table as RsTable } from 'rsuite-table';
-var CustomTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Table', props),
-    propsWithDefaults = _useCustom.propsWithDefaults,
-    rtl = _useCustom.rtl,
-    getLocale = _useCustom.getLocale;
-  var overrideLocale = propsWithDefaults.locale,
-    _propsWithDefaults$lo = propsWithDefaults.loadAnimation,
-    loadAnimation = _propsWithDefaults$lo === void 0 ? true : _propsWithDefaults$lo,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var locale = getLocale('Calendar', overrideLocale);
+const CustomTable = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults,
+    rtl,
+    getLocale
+  } = useCustom('Table', props);
+  const {
+    locale: overrideLocale,
+    loadAnimation = true,
+    ...rest
+  } = propsWithDefaults;
+  const locale = getLocale('Calendar', overrideLocale);
   return /*#__PURE__*/React.createElement(RsTable, _extends({}, rest, {
     rtl: rtl,
     ref: ref,
@@ -32,7 +32,7 @@ var CustomTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
  *
  * @see https://rsuitejs.com/components/table/
  */
-var Table = Object.assign(CustomTable, {
+const Table = Object.assign(CustomTable, {
   /**
    * The `Table.Cell` component  is used to display data in a table cell.
    */

package/esm/Tabs/Tab.js

@@ -1,15 +1,7 @@
 'use client';
 import React from 'react';
-import PropTypes from 'prop-types';
-var Tab = function Tab() {
+const Tab = () => {
   return /*#__PURE__*/React.createElement(React.Fragment, null);
 };
 Tab.displayName = 'Tab';
-Tab.propTypes = {
-  disabled: PropTypes.bool,
-  eventKey: PropTypes.string,
-  title: PropTypes.node,
-  children: PropTypes.node,
-  icon: PropTypes.node
-};
 export default Tab;

package/esm/Tabs/TabPanel.js

@@ -1,21 +1,20 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "classPrefix", "children", "active", "className"];
 import React from 'react';
 import { useClassNames } from "../internals/hooks/index.js";
-var TabPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'tab-panel' : _props$classPrefix,
-    children = props.children,
-    active = props.active,
-    className = props.className,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
+const TabPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    classPrefix = 'tab-panel',
+    children,
+    active,
+    className,
+    ...rest
+  } = props;
+  const {
+    withClassPrefix,
+    merge
+  } = useClassNames(classPrefix);
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "tabpanel",
     ref: ref,

package/esm/Tabs/Tabs.js

@@ -1,11 +1,6 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _templateObject;
-var _excluded = ["as", "classPrefix", "appearance", "className", "children", "activeKey", "defaultActiveKey", "id", "reversed", "vertical", "onSelect"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import Nav from "../Nav/index.js";
 import Tab from "./Tab.js";
 import TabPanel from "./TabPanel.js";
@@ -18,27 +13,23 @@ import { ReactChildren } from "../internals/utils/index.js";
  */
 
 function getFocusableTabs(tablist) {
-  var tabs = tablist === null || tablist === void 0 ? void 0 : tablist.querySelectorAll('[role=tab]');
-  return Array.from(tabs).filter(function (tab) {
-    return !(tab.getAttribute('aria-disabled') === 'true');
-  });
+  const tabs = tablist === null || tablist === void 0 ? void 0 : tablist.querySelectorAll('[role=tab]');
+  return Array.from(tabs).filter(tab => !(tab.getAttribute('aria-disabled') === 'true'));
 }
 function getFocusedTab(tablist) {
-  var tabs = getFocusableTabs(tablist);
-  return tabs.find(function (tab) {
-    return tab.getAttribute('aria-selected');
-  });
+  const tabs = getFocusableTabs(tablist);
+  return tabs.find(tab => tab.getAttribute('aria-selected'));
 }
 function nextItem(tablist) {
   if (!tablist) {
     return null;
   }
-  var item = getFocusedTab(tablist);
-  var items = getFocusableTabs(tablist);
+  const item = getFocusedTab(tablist);
+  const items = getFocusableTabs(tablist);
   if (!item) {
     return items[0];
   }
-  var nextItem = items[items.indexOf(item) + 1];
+  const nextItem = items[items.indexOf(item) + 1];
   if (!nextItem || nextItem.getAttribute('role') !== 'tab') {
     return items[0];
   }
@@ -48,54 +39,60 @@ function previousItem(tablist) {
   if (!tablist) {
     return null;
   }
-  var item = getFocusedTab(tablist);
-  var items = getFocusableTabs(tablist);
+  const item = getFocusedTab(tablist);
+  const items = getFocusableTabs(tablist);
   if (!item) {
     return items[items.length - 1];
   }
-  var previousItem = items[items.indexOf(item) - 1];
+  const previousItem = items[items.indexOf(item) - 1];
   if (!previousItem || previousItem.getAttribute('role') !== 'tab') {
     return items[items.length - 1];
   }
   return previousItem;
 }
-var renderPanels = function renderPanels(children, tabProps) {
-  var id = tabProps.id,
-    activeKey = tabProps.activeKey;
-  return ReactChildren.map(children, function (child) {
-    var _child$props = child.props,
-      eventKey = _child$props.eventKey,
-      children = _child$props.children;
-    var selected = eventKey === activeKey;
+const renderPanels = (children, tabProps) => {
+  const {
+    id,
+    activeKey
+  } = tabProps;
+  return ReactChildren.map(children, child => {
+    const {
+      eventKey,
+      children
+    } = child.props;
+    const selected = eventKey === activeKey;
     return /*#__PURE__*/React.createElement(TabPanel, {
-      "aria-labelledby": id + "-" + eventKey,
+      "aria-labelledby": `${id}-${eventKey}`,
       "aria-hidden": !selected,
-      id: id + "-panel-" + eventKey,
+      id: `${id}-panel-${eventKey}`,
       active: selected
     }, children);
   });
 };
-var renderTabs = function renderTabs(children, tabPanelProps) {
-  var id = tabPanelProps.id,
-    activeKey = tabPanelProps.activeKey;
-  return ReactChildren.map(children, function (child) {
-    var _child$props2 = child.props,
-      eventKey = _child$props2.eventKey,
-      title = _child$props2.title,
-      disabled = _child$props2.disabled,
-      icon = _child$props2.icon;
-    var selected = eventKey === activeKey;
+const renderTabs = (children, tabPanelProps) => {
+  const {
+    id,
+    activeKey
+  } = tabPanelProps;
+  return ReactChildren.map(children, child => {
+    const {
+      eventKey,
+      title,
+      disabled,
+      icon
+    } = child.props;
+    const selected = eventKey === activeKey;
     return /*#__PURE__*/React.createElement(Nav.Item, {
       role: "tab",
       as: "button",
       type: "button",
       "aria-selected": selected,
-      "aria-controls": id + "-panel-" + eventKey,
+      "aria-controls": `${id}-panel-${eventKey}`,
       "aria-disabled": disabled,
       "data-event-key": eventKey,
       disabled: disabled,
       icon: icon,
-      id: id + "-" + eventKey,
+      id: `${id}-${eventKey}`,
       tabIndex: selected ? undefined : -1,
       eventKey: eventKey
     }, title);
@@ -108,51 +105,50 @@ var renderTabs = function renderTabs(children, tabPanelProps) {
  * @version 5.53.0
  * @see https://rsuitejs.com/components/tabs
  */
-var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Tabs', props),
-    propsWithDefaults = _useCustom.propsWithDefaults,
-    rtl = _useCustom.rtl;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'tabs' : _propsWithDefaults$cl,
-    _propsWithDefaults$ap = propsWithDefaults.appearance,
-    appearance = _propsWithDefaults$ap === void 0 ? 'tabs' : _propsWithDefaults$ap,
-    className = propsWithDefaults.className,
-    children = propsWithDefaults.children,
-    activeKeyProp = propsWithDefaults.activeKey,
-    defaultActiveKey = propsWithDefaults.defaultActiveKey,
-    idProp = propsWithDefaults.id,
-    reversed = propsWithDefaults.reversed,
-    vertical = propsWithDefaults.vertical,
-    onSelect = propsWithDefaults.onSelect,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var id = useUniqueId('tab-', idProp);
-  var _useControlled = useControlled(activeKeyProp, defaultActiveKey),
-    activeKey = _useControlled[0],
-    setActiveKey = _useControlled[1];
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge;
-  var tablistRef = React.useRef(null);
-  var handleSelect = useEventCallback(function (eventKey, event) {
+const Tabs = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults,
+    rtl
+  } = useCustom('Tabs', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'tabs',
+    appearance = 'tabs',
+    className,
+    children,
+    activeKey: activeKeyProp,
+    defaultActiveKey,
+    id: idProp,
+    reversed,
+    vertical,
+    onSelect,
+    ...rest
+  } = propsWithDefaults;
+  const id = useUniqueId('tab-', idProp);
+  const [activeKey, setActiveKey] = useControlled(activeKeyProp, defaultActiveKey);
+  const {
+    withClassPrefix,
+    prefix,
+    merge
+  } = useClassNames(classPrefix);
+  const tablistRef = React.useRef(null);
+  const handleSelect = useEventCallback((eventKey, event) => {
     setActiveKey(eventKey);
     onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
   });
-  var handleKeyDown = useEventCallback(function (event) {
+  const handleKeyDown = useEventCallback(event => {
     var _getFocusableTabs;
-    var target = event.target;
+    const target = event.target;
     if (target.getAttribute('role') !== 'tab') {
       return;
     }
-    var previousItemKey = vertical ? 'ArrowUp' : 'ArrowLeft';
-    var nextItemKey = vertical ? 'ArrowDown' : 'ArrowRight';
+    let previousItemKey = vertical ? 'ArrowUp' : 'ArrowLeft';
+    let nextItemKey = vertical ? 'ArrowDown' : 'ArrowRight';
     if (!vertical && rtl) {
       previousItemKey = 'ArrowRight';
       nextItemKey = 'ArrowLeft';
     }
-    var item = null;
+    let item = null;
     switch (event.key) {
       case previousItemKey:
         item = previousItem(tablistRef.current);
@@ -167,23 +163,24 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
         event.preventDefault();
         break;
       case 'End':
-        var tabs = getFocusableTabs(tablistRef.current);
+        const tabs = getFocusableTabs(tablistRef.current);
         item = tabs[tabs.length - 1];
         event.preventDefault();
         break;
     }
     if (item) {
       var _item;
-      var _item$dataset = (_item = item) === null || _item === void 0 ? void 0 : _item.dataset,
-        eventKey = _item$dataset.eventKey;
+      const {
+        eventKey
+      } = (_item = item) === null || _item === void 0 ? void 0 : _item.dataset;
       handleSelect(eventKey, event);
       item.focus();
     }
   });
   return /*#__PURE__*/React.createElement(Component, _extends({
     className: merge(className, withClassPrefix({
-      reversed: reversed,
-      vertical: vertical
+      reversed,
+      vertical
     }))
   }, rest, {
     ref: ref
@@ -198,27 +195,15 @@ var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onKeyDown: handleKeyDown,
     ref: tablistRef
   }, renderTabs(children, {
-    id: id,
-    activeKey: activeKey
+    id,
+    activeKey
   })), /*#__PURE__*/React.createElement("div", {
-    className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["content"])))
+    className: prefix`content`
   }, renderPanels(children, {
-    id: id,
-    activeKey: activeKey
+    id,
+    activeKey
   })));
 });
 Tabs.Tab = Tab;
 Tabs.displayName = 'Tabs';
-Tabs.propTypes = {
-  appearance: PropTypes.oneOf(['tabs', 'subtle', 'pills']),
-  activeKey: PropTypes.any,
-  defaultActiveKey: PropTypes.any,
-  reversed: PropTypes.bool,
-  vertical: PropTypes.bool,
-  id: PropTypes.string,
-  className: PropTypes.string,
-  classPrefix: PropTypes.string,
-  children: PropTypes.node,
-  onSelect: PropTypes.func
-};
 export default Tabs;

package/esm/Tag/Tag.js

@@ -1,11 +1,6 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _templateObject, _templateObject2;
-var _excluded = ["as", "classPrefix", "size", "color", "children", "closable", "className", "locale", "onClose"];
 import React from 'react';
-import PropTypes from 'prop-types';
 import CloseButton from "../internals/CloseButton/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
@@ -15,40 +10,41 @@ import { useCustom } from "../CustomProvider/index.js";
  *
  * @see https://rsuitejs.com/components/tag
  */
-var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _useCustom = useCustom('Tag', props),
-    propsWithDefaults = _useCustom.propsWithDefaults,
-    getLocale = _useCustom.getLocale;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'tag' : _propsWithDefaults$cl,
-    _propsWithDefaults$si = propsWithDefaults.size,
-    size = _propsWithDefaults$si === void 0 ? 'md' : _propsWithDefaults$si,
-    _propsWithDefaults$co = propsWithDefaults.color,
-    color = _propsWithDefaults$co === void 0 ? 'default' : _propsWithDefaults$co,
-    children = propsWithDefaults.children,
-    closable = propsWithDefaults.closable,
-    className = propsWithDefaults.className,
-    overrideLocale = propsWithDefaults.locale,
-    onClose = propsWithDefaults.onClose,
-    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
-  var _getLocale = getLocale('common', overrideLocale),
-    remove = _getLocale.remove;
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix(size, color, {
-    closable: closable
+const Tag = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults,
+    getLocale
+  } = useCustom('Tag', props);
+  const {
+    as: Component = 'div',
+    classPrefix = 'tag',
+    size = 'md',
+    color = 'default',
+    children,
+    closable,
+    className,
+    locale: overrideLocale,
+    onClose,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    remove
+  } = getLocale('common', overrideLocale);
+  const {
+    withClassPrefix,
+    prefix,
+    merge
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix(size, color, {
+    closable
   }));
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,
     className: classes
   }), /*#__PURE__*/React.createElement("span", {
-    className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["text"])))
+    className: prefix`text`
   }, children), closable && /*#__PURE__*/React.createElement(CloseButton, {
-    className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["icon-close"]))),
+    className: prefix`icon-close`,
     onClick: onClose,
     tabIndex: -1,
     locale: {
@@ -57,12 +53,4 @@ var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 Tag.displayName = 'Tag';
-Tag.propTypes = {
-  closable: PropTypes.bool,
-  classPrefix: PropTypes.string,
-  onClose: PropTypes.func,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  as: PropTypes.elementType
-};
 export default Tag;

package/esm/TagGroup/TagGroup.d.ts

@@ -5,5 +5,5 @@ export type TagGroupProps = ComponentProps;
  *
  * @see https://rsuitejs.com/components/tag/
  */
-declare const TagGroup: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps>;
+declare const TagGroup: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps, false>;
 export default TagGroup;

package/esm/TagGroup/TagGroup.js

@@ -5,7 +5,7 @@ import { createComponent } from "../internals/utils/index.js";
  *
  * @see https://rsuitejs.com/components/tag/
  */
-var TagGroup = createComponent({
+const TagGroup = createComponent({
   name: 'TagGroup'
 });
 export default TagGroup;