@douyinfe/semi-ui 2.34.0-alpha.1 → 2.34.1-alpha.2

package/lib/cjs/card/index.d.ts

@@ -42,8 +42,44 @@ export interface CardProps {
     /** aria label */
     'aria-label'?: string;
 }
+export interface CardHeaderProps {
+    title?: ReactNode;
+    headerExtraContent?: ReactNode;
+    header?: ReactNode;
+    headerLine?: boolean;
+    headerStyle?: CSSProperties;
+}
+export interface CardFooterProps {
+    footer?: ReactNode;
+    footerLine?: boolean;
+    footerStyle?: CSSProperties;
+}
+export interface CardBodyProps {
+    cover: ReactNode;
+    children: ReactNode;
+    actions: ReactNode[];
+    loading: boolean;
+    bodyStyle?: CSSProperties;
+}
+declare class Header extends PureComponent<CardHeaderProps> {
+    static elementType: string;
+    render(): JSX.Element;
+}
+declare class Footer extends PureComponent<CardFooterProps> {
+    static elementType: string;
+    render(): JSX.Element;
+}
+declare class Body extends PureComponent<CardBodyProps> {
+    static elementType: string;
+    renderCover: () => ReactNode;
+    renderBody: () => ReactNode;
+    render(): JSX.Element;
+}
 declare class Card extends PureComponent<CardProps> {
     static Meta: typeof Meta;
+    static Header: typeof Header;
+    static Footer: typeof Footer;
+    static Body: typeof Body;
     static propTypes: {
         actions: PropTypes.Requireable<any[]>;
         bodyStyle: PropTypes.Requireable<object>;
@@ -70,10 +106,6 @@ declare class Card extends PureComponent<CardProps> {
         headerLine: boolean;
         loading: boolean;
     };
-    renderHeader: () => ReactNode;
-    renderCover: () => ReactNode;
-    renderBody: () => ReactNode;
-    renderFooter: () => ReactNode;
     render(): ReactNode;
 }
 export default Card;

package/lib/cjs/card/index.js

@@ -7,8 +7,6 @@ exports.default = void 0;
 
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
 
-var _omit2 = _interopRequireDefault(require("lodash/omit"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -46,53 +44,75 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 
 const prefixcls = _constants.cssClasses.PREFIX;
 
-class Card extends _react.PureComponent {
+class Header extends _react.PureComponent {
+  render() {
+    const {
+      title,
+      headerExtraContent,
+      header,
+      headerLine,
+      headerStyle
+    } = this.props;
+    const headerCls = (0, _classnames.default)(`${prefixcls}-header`, {
+      [`${prefixcls}-header-bordered`]: Boolean(headerLine)
+    });
+    const headerWrapperCls = (0, _classnames.default)(`${prefixcls}-header-wrapper`);
+    const titleCls = (0, _classnames.default)(`${prefixcls}-header-wrapper-title`, {
+      [`${prefixcls}-header-wrapper-spacing`]: Boolean(headerExtraContent)
+    });
+
+    if (header || headerExtraContent || title) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        style: headerStyle,
+        className: headerCls
+      }, header ||
+      /*#__PURE__*/
+      // Priority of header over title and headerExtraContent
+      _react.default.createElement("div", {
+        className: headerWrapperCls
+      }, headerExtraContent && /*#__PURE__*/_react.default.createElement("div", {
+        className: `${prefixcls}-header-wrapper-extra`,
+        "x-semi-prop": "headerExtraContent"
+      }, headerExtraContent), title && /*#__PURE__*/_react.default.createElement("div", {
+        className: titleCls
+      }, (0, _isString2.default)(title) ? /*#__PURE__*/_react.default.createElement(_typography.default.Title, {
+        heading: 6,
+        ellipsis: {
+          showTooltip: true,
+          rows: 1
+        },
+        "x-semi-prop": "title"
+      }, title) : title)));
+    }
+
+    return null;
+  }
+
+}
+
+class Footer extends _react.PureComponent {
+  render() {
+    const {
+      footer,
+      footerLine,
+      footerStyle
+    } = this.props;
+    const footerCls = (0, _classnames.default)(`${prefixcls}-footer`, {
+      [`${prefixcls}-footer-bordered`]: footerLine
+    });
+    return footer ? /*#__PURE__*/_react.default.createElement("div", {
+      style: footerStyle,
+      className: footerCls,
+      "x-semi-prop": "footer"
+    }, footer) : null;
+  }
+
+}
+
+class Body extends _react.PureComponent {
   constructor() {
     super(...arguments);
 
-    this.renderHeader = () => {
-      const {
-        title,
-        headerExtraContent,
-        header,
-        headerLine,
-        headerStyle
-      } = this.props;
-      const headerCls = (0, _classnames.default)(`${prefixcls}-header`, {
-        [`${prefixcls}-header-bordered`]: Boolean(headerLine)
-      });
-      const headerWrapperCls = (0, _classnames.default)(`${prefixcls}-header-wrapper`);
-      const titleCls = (0, _classnames.default)(`${prefixcls}-header-wrapper-title`, {
-        [`${prefixcls}-header-wrapper-spacing`]: Boolean(headerExtraContent)
-      });
-
-      if (header || headerExtraContent || title) {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          style: headerStyle,
-          className: headerCls
-        }, header ||
-        /*#__PURE__*/
-        // Priority of header over title and headerExtraContent
-        _react.default.createElement("div", {
-          className: headerWrapperCls
-        }, headerExtraContent && /*#__PURE__*/_react.default.createElement("div", {
-          className: `${prefixcls}-header-wrapper-extra`,
-          "x-semi-prop": "headerExtraContent"
-        }, headerExtraContent), title && /*#__PURE__*/_react.default.createElement("div", {
-          className: titleCls
-        }, (0, _isString2.default)(title) ? /*#__PURE__*/_react.default.createElement(_typography.default.Title, {
-          heading: 6,
-          ellipsis: {
-            showTooltip: true,
-            rows: 1
-          },
-          "x-semi-prop": "title"
-        }, title) : title)));
-      }
-
-      return null;
-    };
-
     this.renderCover = () => {
       const {
         cover
@@ -109,7 +129,7 @@ class Card extends _react.PureComponent {
         bodyStyle,
         children,
         actions,
-        loading
+        loading = false
       } = this.props;
       const bodyCls = (0, _classnames.default)(`${prefixcls}-body`);
       const actionsCls = (0, _classnames.default)(`${prefixcls}-body-actions`);
@@ -136,50 +156,207 @@ class Card extends _react.PureComponent {
         "x-semi-prop": `actions.${idx}`
       }, item)))));
     };
+  }
 
-    this.renderFooter = () => {
-      const {
-        footer,
-        footerLine,
-        footerStyle
-      } = this.props;
-      const footerCls = (0, _classnames.default)(`${prefixcls}-footer`, {
-        [`${prefixcls}-footer-bordered`]: footerLine
-      });
-      return footer && /*#__PURE__*/_react.default.createElement("div", {
-        style: footerStyle,
-        className: footerCls,
-        "x-semi-prop": "footer"
-      }, footer);
-    };
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderCover(), this.renderBody());
   }
 
+}
+
+Header.elementType = 'Card.Header';
+Footer.elementType = 'Card.Footer';
+Body.elementType = 'Card.Body';
+
+class Card extends _react.PureComponent {
+  // renderHeader = (): ReactNode => {
+  //     const {
+  //         title,
+  //         headerExtraContent,
+  //         header,
+  //         headerLine,
+  //         headerStyle
+  //     } = this.props;
+  //     const headerCls = cls(`${prefixcls}-header`, {
+  //         [`${prefixcls}-header-bordered`]: Boolean(headerLine)
+  //     });
+  //     const headerWrapperCls = cls(`${prefixcls}-header-wrapper`);
+  //     const titleCls = cls(`${prefixcls}-header-wrapper-title`, {
+  //         [`${prefixcls}-header-wrapper-spacing`]: Boolean(headerExtraContent)
+  //     });
+  //     if (header || headerExtraContent || title) {
+  //         return (
+  //             <div style={headerStyle} className={headerCls}>
+  //                 {header || ( // Priority of header over title and headerExtraContent
+  //                     <div className={headerWrapperCls}>
+  //                         {headerExtraContent && (
+  //                             <div
+  //                                 className={`${prefixcls}-header-wrapper-extra`}
+  //                                 x-semi-prop="headerExtraContent"
+  //                             >
+  //                                 {headerExtraContent}
+  //                             </div>
+  //                         )}
+  //                         {title && (
+  //                             <div className={titleCls}>
+  //                                 {isString(title) ? (
+  //                                     <Typography.Title
+  //                                         heading={6}
+  //                                         ellipsis={{ showTooltip: true, rows: 1 }}
+  //                                         x-semi-prop="title"
+  //                                     >
+  //                                         {title}
+  //                                     </Typography.Title>
+  //                                 ) : (
+  //                                     title
+  //                                 )}
+  //                             </div>
+  //                         )}
+  //                     </div>
+  //                 )}
+  //             </div>
+  //         );
+  //     }
+  //     return null;
+  // };
+  // renderCover = (): ReactNode => {
+  //     const {
+  //         cover
+  //     } = this.props;
+  //     const coverCls = cls(`${prefixcls}-cover`);
+  //     return (
+  //         cover && (
+  //             <div className={coverCls} x-semi-prop="cover">
+  //                 {cover}
+  //             </div>
+  //         )
+  //     );
+  // };
+  // renderBody = (): ReactNode => {
+  //     const { bodyStyle, children, actions, loading } = this.props;
+  //     const bodyCls = cls(`${prefixcls}-body`);
+  //     const actionsCls = cls(`${prefixcls}-body-actions`);
+  //     const actionsItemCls = cls(`${prefixcls}-body-actions-item`);
+  //     const placeholder = (
+  //         <div>
+  //             <Skeleton.Title />
+  //             <br />
+  //             <Skeleton.Paragraph rows={3} />
+  //         </div>
+  //     );
+  //     return (
+  //         <div style={bodyStyle} className={bodyCls}>
+  //             {children && (
+  //                 <Skeleton placeholder={placeholder} loading={loading} active>
+  //                     {children}
+  //                 </Skeleton>
+  //             )}
+  //             {
+  //                 Array.isArray(actions) &&
+  //                 (
+  //                     <div className={actionsCls}>
+  //                         <Space spacing={12}>
+  //                             {actions.map((item, idx) => (
+  //                                 <div key={idx} className={actionsItemCls} x-semi-prop={`actions.${idx}`}>{item}</div>
+  //                             ))}
+  //                         </Space>
+  //                     </div>
+  //                 )
+  //             }
+  //         </div>
+  //     );
+  // };
+  // renderFooter = (): ReactNode => {
+  //     const {
+  //         footer,
+  //         footerLine,
+  //         footerStyle
+  //     } = this.props;
+  //     const footerCls = cls(`${prefixcls}-footer`, {
+  //         [`${prefixcls}-footer-bordered`]: footerLine
+  //     });
+  //     return (
+  //         footer && (
+  //             <div style={footerStyle} className={footerCls} x-semi-prop="footer">
+  //                 {footer}
+  //             </div>
+  //         )
+  //     );
+  // };
   render() {
     const _a = this.props,
           {
       bordered,
       shadows,
       style,
-      className
+      className,
+      actions,
+      bodyStyle,
+      cover,
+      headerExtraContent,
+      footer,
+      footerLine,
+      footerStyle,
+      header,
+      headerLine,
+      headerStyle,
+      loading,
+      title,
+      children
     } = _a,
-          otherProps = __rest(_a, ["bordered", "shadows", "style", "className"]);
+          otherProps = __rest(_a, ["bordered", "shadows", "style", "className", "actions", "bodyStyle", "cover", "headerExtraContent", "footer", "footerLine", "footerStyle", "header", "headerLine", "headerStyle", "loading", "title", "children"]); // const others = omit(otherProps, [ // Remove APIs in otherProps that do not need to be hung on the outer node
+    //     'actions',
+    //     'bodyStyle',
+    //     'cover',
+    //     'headerExtraContent',
+    //     'footer',
+    //     'footerLine',
+    //     'footerStyle',
+    //     'header',
+    //     'headerLine',
+    //     'headerStyle',
+    //     'loading',
+    //     'title'
+    // ]);
+
 
-    const others = (0, _omit2.default)(otherProps, ['actions', 'bodyStyle', 'cover', 'headerExtraContent', 'footer', 'footerLine', 'footerStyle', 'header', 'headerLine', 'headerStyle', 'loading', 'title']);
     const cardCls = (0, _classnames.default)(prefixcls, className, {
       [`${prefixcls}-bordered`]: bordered,
       [`${prefixcls}-shadows`]: shadows,
       [`${prefixcls}-shadows-${shadows}`]: shadows
     });
-    return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, others, {
+    const headProps = {
+      title,
+      headerExtraContent,
+      header,
+      headerLine,
+      headerStyle
+    };
+    const bodyProps = {
+      cover,
+      bodyStyle,
+      children,
+      actions,
+      loading
+    };
+    const footerProps = {
+      footer,
+      footerLine,
+      footerStyle
+    };
+    return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, otherProps, {
       "aria-busy": this.props.loading,
       className: cardCls,
       style: style
-    }), this.renderHeader(), this.renderCover(), this.renderBody(), this.renderFooter());
+    }), /*#__PURE__*/_react.default.createElement(Header, Object.assign({}, headProps)), /*#__PURE__*/_react.default.createElement(Body, Object.assign({}, bodyProps)), /*#__PURE__*/_react.default.createElement(Footer, Object.assign({}, footerProps)));
   }
 
 }
 
 Card.Meta = _meta.default;
+Card.Header = Header;
+Card.Footer = Footer;
+Card.Body = Body;
 Card.propTypes = {
   actions: _propTypes.default.array,
   bodyStyle: _propTypes.default.object,

package/lib/cjs/form/baseForm.d.ts

@@ -138,7 +138,7 @@ declare class Form<Values extends Record<string, any> = any> extends BaseCompone
         preventScroll?: boolean;
         showRestTagsPopover?: boolean;
         restTagsPopoverProps?: import("../popover").PopoverProps;
-    } & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+    } & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & React.RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
     static Checkbox: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox").CheckboxProps & import("./interface").RCIncludeType>;
     static CheckboxGroup: React.ComponentType<import("utility-types").Subtract<import("../checkbox").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & React.RefAttributes<any>>;
     static Radio: React.ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../radio").RadioProps & import("./interface").RCIncludeType>;

package/lib/cjs/form/field.d.ts

@@ -86,7 +86,7 @@ declare const FormSelect: import("react").ComponentType<import("utility-types").
     preventScroll?: boolean;
     showRestTagsPopover?: boolean;
     restTagsPopoverProps?: import("../popover").PopoverProps;
-} & Pick<import("../tooltip").TooltipProps, "stopPropagation" | "motion" | "getPopupContainer" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
+} & Pick<import("../tooltip").TooltipProps, "getPopupContainer" | "stopPropagation" | "motion" | "spacing" | "mouseEnterDelay" | "autoAdjustOverflow" | "mouseLeaveDelay"> & import("react").RefAttributes<any> & import("./interface").CommonFieldProps, import("./interface").CommonexcludeType>> & import("./interface").SelectStatic;
 declare const FormCheckboxGroup: import("react").ComponentType<import("utility-types").Subtract<import("../checkbox/checkboxGroup").CheckboxGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;
 declare const FormCheckbox: import("react").ComponentType<import("utility-types").Subtract<import("./interface").CommonFieldProps, import("./interface").RadioCheckboxExcludeProps> & import("../checkbox/checkbox").CheckboxProps & import("./interface").RCIncludeType>;
 declare const FormRadioGroup: import("react").ComponentType<import("utility-types").Subtract<import("../radio/radioGroup").RadioGroupProps, import("./interface").CommonexcludeType> & import("./interface").CommonFieldProps & import("react").RefAttributes<any>>;

package/lib/cjs/modal/confirm.d.ts

@@ -140,16 +140,16 @@ export declare function withWarning(props: ModalReactProps): {
     type: "warning";
 };
 export declare function withError(props: ModalReactProps): {
-    title?: React.ReactNode;
     children?: React.ReactNode;
-    size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
     style?: React.CSSProperties;
     className?: string;
-    motion?: boolean;
     getPopupContainer?: () => HTMLElement;
     footer?: React.ReactNode;
     header?: React.ReactNode;
+    title?: React.ReactNode;
     direction?: any;
+    size?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").Size;
+    motion?: boolean;
     width?: string | number;
     height?: string | number;
     mask?: boolean;
@@ -201,13 +201,13 @@ export declare function withError(props: ModalReactProps): {
         onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
         onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
         'aria-label'?: string;
+        value?: string | number | readonly string[];
+        form?: string;
+        slot?: string;
         title?: string;
         name?: string;
-        value?: string | number | readonly string[];
         onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement>;
         onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement>;
-        form?: string;
-        slot?: string;
         hidden?: boolean;
         color?: string;
         onChange?: React.FormEventHandler<HTMLButtonElement>;

package/lib/cjs/navigation/Item.d.ts

@@ -19,9 +19,6 @@ export interface NavItemProps extends ItemProps, BaseProps {
     onClick?(clickItems: SelectedData): void;
     onMouseEnter?: React.MouseEventHandler<HTMLLIElement>;
     onMouseLeave?: React.MouseEventHandler<HTMLLIElement>;
-    selected?: boolean;
-    mode?: string;
-    isInSubNav?: boolean;
 }
 export interface SelectedData extends SelectedItemProps<NavItemProps> {
     text?: React.ReactNode;
@@ -31,7 +28,6 @@ export interface NavItemState {
 }
 export default class NavItem extends BaseComponent<NavItemProps, NavItemState> {
     static contextType: React.Context<NavContextType>;
-    static elementType: string;
     static propTypes: {
         text: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         itemKey: PropTypes.Requireable<NonNullable<string | number>>;

package/lib/cjs/navigation/Item.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _times2 = _interopRequireDefault(require("lodash/times"));
 
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
@@ -123,28 +121,21 @@ class NavItem extends _baseComponent.default {
       notifyMouseLeave: function () {
         return _this.props.onMouseLeave(...arguments);
       },
-      getIsCollapsed: () => this.props.isCollapsed || Boolean(this.context && this.context.isCollapsed),
-      getSelected: () => this.props.selected || Boolean(this.context && this.context.selectedKeys && this.context.selectedKeys.includes(this.props.itemKey)),
-      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(this.props.itemKey)),
-      getIsInSubNav: () => this.props.isInSubNav || Boolean(this.context && this.context.isInSubNav),
-      getMode: () => {
-        var _a, _b;
-
-        return (_a = this.props.mode) !== null && _a !== void 0 ? _a : (_b = this.context) === null || _b === void 0 ? void 0 : _b.mode;
-      }
+      getIsCollapsed: () => this.props.isCollapsed || Boolean(this.context && this.context.isCollapsed) || false,
+      getSelected: () => Boolean(this.context && this.context.selectedKeys && this.context.selectedKeys.includes(this.props.itemKey)),
+      getIsOpen: () => Boolean(this.context && this.context.openKeys && this.context.openKeys.includes(this.props.itemKey))
     });
   }
 
   renderIcon(icon, pos) {
     let isToggleIcon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     let key = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-    const mode = this.adapter.getMode();
 
     if (this.props.isSubNav) {
       return null;
     }
 
-    if (!icon && mode === _constants.strings.MODE_HORIZONTAL) {
+    if (!icon && this.context.mode === _constants.strings.MODE_HORIZONTAL) {
       return null;
     }
 
@@ -167,8 +158,6 @@ class NavItem extends _baseComponent.default {
   }
 
   render() {
-    var _a;
-
     const {
       text,
       children,
@@ -184,17 +173,16 @@ class NavItem extends _baseComponent.default {
       linkOptions,
       disabled,
       level = 0,
-      tabIndex,
-      mode: modeInProps
+      tabIndex
     } = this.props;
     const {
+      mode,
+      isInSubNav,
       prefixCls,
       limitIndent
     } = this.context;
     const isCollapsed = this.adapter.getIsCollapsed();
     const selected = this.adapter.getSelected();
-    const isInSubNav = this.adapter.getIsInSubNav();
-    const mode = this.adapter.getMode();
     let itemChildren = null;
 
     if (!(0, _isNullOrUndefined.default)(children)) {
@@ -242,20 +230,14 @@ class NavItem extends _baseComponent.default {
         onKeyDown: this.handleKeyPress
       }, itemChildren);
     } else {
-      // isFirstLayer 用于决定 semi-navigation-first-layers（仅在 c2中使用) 是否生效
-      // 当 this.props.isInSubNav 存在是，则由 this.props.isInSubNav 决定
-      // 否则由 this.context?.mode 决定，因为第一层节点无context
-      const isFirstLayer = !(0, _isUndefined2.default)(this.props.isInSubNav) ? !this.props.isInSubNav : (0, _isUndefined2.default)((_a = this.context) === null || _a === void 0 ? void 0 : _a.mode); // Items are divided into normal and sub-wrap
-
+      // Items are divided into normal and sub-wrap
       const popoverItemCls = (0, _classnames.default)(`${className || `${clsPrefix}-normal`}`, {
         [clsPrefix]: true,
         [`${clsPrefix}-sub`]: isSubNav,
         [`${clsPrefix}-selected`]: selected && !isSubNav,
         [`${clsPrefix}-collapsed`]: isCollapsed,
         [`${clsPrefix}-disabled`]: disabled,
-        [`${clsPrefix}-has-link`]: typeof link === 'string',
-        [`${_constants.cssClasses.PREFIX}-first-layer`]: isFirstLayer,
-        [`${clsPrefix}-horizontal`]: modeInProps === _constants.strings.MODE_HORIZONTAL
+        [`${clsPrefix}-has-link`]: typeof link === 'string'
       });
       const ariaProps = {
         'aria-disabled': disabled
@@ -335,5 +317,4 @@ NavItem.defaultProps = {
   onMouseLeave: _noop2.default,
   disabled: false,
   tabIndex: 0
-};
-NavItem.elementType = 'Nav.Item';
+};

package/lib/cjs/navigation/SubNav.d.ts

@@ -22,14 +22,11 @@ export interface SubNavProps extends BaseProps {
     onMouseLeave?: React.MouseEventHandler<HTMLLIElement>;
     text?: React.ReactNode;
     toggleIcon?: ToggleIcon;
-    active?: boolean;
-    mode?: string;
 }
 export interface SubNavState {
     isHovered: boolean;
 }
 export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
-    static elementType: string;
     static contextType: React.Context<NavContextType>;
     static propTypes: {
         /**
@@ -73,7 +70,6 @@ export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
         disabled: PropTypes.Requireable<boolean>;
         level: PropTypes.Requireable<number>;
-        active: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         level: number;
@@ -86,7 +82,6 @@ export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
             closed: JSX.Element;
         };
         disabled: boolean;
-        active: boolean;
     };
     titleRef: React.RefObject<HTMLDivElement>;
     itemRef: React.RefObject<HTMLLIElement>;