amis 1.4.2-beta.1 → 1.4.2-beta.11

package/lib/components/{TableCheckboxes.js → TableSelection.js}

@@ -1,30 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableCheckboxes = void 0;
+exports.TableSelection = void 0;
 var tslib_1 = require("tslib");
-var Checkboxes_1 = require("./Checkboxes");
+var Selection_1 = require("./Selection");
 var theme_1 = require("../theme");
 var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var uncontrollable_1 = require("uncontrollable");
 var Checkbox_1 = (0, tslib_1.__importDefault)(require("./Checkbox"));
 var tpl_builtin_1 = require("../utils/tpl-builtin");
 var locale_1 = require("../locale");
-var TableCheckboxes = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(TableCheckboxes, _super);
-    function TableCheckboxes() {
+var TableSelection = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(TableSelection, _super);
+    function TableSelection() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    TableCheckboxes.prototype.getColumns = function () {
+    TableSelection.prototype.getColumns = function () {
         var columns = this.props.columns;
         if (!Array.isArray(columns) || !columns.length) {
             columns = [{ label: 'Label', name: 'label' }];
         }
         return columns;
     };
-    TableCheckboxes.prototype.renderTHead = function () {
-        var _a = this.props, options = _a.options, cx = _a.classnames, value = _a.value, disabled = _a.disabled, option2value = _a.option2value;
+    TableSelection.prototype.renderTHead = function () {
+        var _a = this.props, options = _a.options, cx = _a.classnames, value = _a.value, disabled = _a.disabled, option2value = _a.option2value, multiple = _a.multiple;
         var columns = this.getColumns();
-        var valueArray = Checkboxes_1.BaseCheckboxes.value2array(value, options, option2value);
+        var valueArray = Selection_1.BaseSelection.value2array(value, options, option2value);
         var availableOptions = options.filter(function (option) { return !option.disabled; });
         var partialChecked = false;
         var allChecked = !!availableOptions.length;
@@ -39,45 +39,45 @@ var TableCheckboxes = /** @class */ (function (_super) {
         });
         return (react_1.default.createElement("thead", null,
             react_1.default.createElement("tr", null,
-                Array.isArray(options) && options.length ? (react_1.default.createElement("th", { className: cx('Table-checkCell') },
-                    react_1.default.createElement(Checkbox_1.default, { size: "sm", disabled: disabled, onChange: this.toggleAll, checked: partialChecked, partial: partialChecked && !allChecked }))) : null,
+                multiple && Array.isArray(options) && options.length ? (react_1.default.createElement("th", { className: cx('Table-checkCell') },
+                    react_1.default.createElement(Checkbox_1.default, { key: "checkbox", size: "sm", disabled: disabled, onChange: this.toggleAll, checked: partialChecked, partial: partialChecked && !allChecked }))) : null,
                 columns.map(function (column, index) { return (react_1.default.createElement("th", { key: index }, column.label)); }))));
     };
-    TableCheckboxes.prototype.renderTBody = function () {
+    TableSelection.prototype.renderTBody = function () {
         var _this = this;
-        var _a = this.props, options = _a.options, placeholder = _a.placeholder, cx = _a.classnames, cellRender = _a.cellRender, value = _a.value, disabled = _a.disabled, option2value = _a.option2value, __ = _a.translate;
+        var _a = this.props, options = _a.options, placeholder = _a.placeholder, cx = _a.classnames, cellRender = _a.cellRender, value = _a.value, disabled = _a.disabled, multiple = _a.multiple, option2value = _a.option2value, __ = _a.translate, itemClassName = _a.itemClassName;
         var columns = this.getColumns();
-        var valueArray = Checkboxes_1.BaseCheckboxes.value2array(value, options, option2value);
+        var valueArray = Selection_1.BaseSelection.value2array(value, options, option2value);
         return (react_1.default.createElement("tbody", null, Array.isArray(options) && options.length ? (options.map(function (option, rowIndex) {
             var checked = valueArray.indexOf(option) !== -1;
-            return (react_1.default.createElement("tr", { key: rowIndex, onClick: function (e) { return e.defaultPrevented || _this.toggleOption(option); } },
-                react_1.default.createElement("td", { className: cx('Table-checkCell') },
-                    react_1.default.createElement(Checkbox_1.default, { size: "sm", checked: checked, disabled: disabled })),
+            return (react_1.default.createElement("tr", { key: rowIndex, onClick: function (e) { return e.defaultPrevented || _this.toggleOption(option); }, className: cx(itemClassName, option.className, disabled || option.disabled ? 'is-disabled' : '', !!~valueArray.indexOf(option) ? 'is-active' : '') },
+                multiple ? (react_1.default.createElement("td", { className: cx('Table-checkCell'), key: "checkbox" },
+                    react_1.default.createElement(Checkbox_1.default, { size: "sm", checked: checked, disabled: disabled }))) : null,
                 columns.map(function (column, colIndex) { return (react_1.default.createElement("td", { key: colIndex }, cellRender(column, option, colIndex, rowIndex))); })));
         })) : (react_1.default.createElement("tr", null,
             react_1.default.createElement("td", { colSpan: columns.length }, __(placeholder))))));
     };
-    TableCheckboxes.prototype.render = function () {
+    TableSelection.prototype.render = function () {
         var _this = this;
-        var _a = this.props, value = _a.value, options = _a.options, className = _a.className, labelClassName = _a.labelClassName, disabled = _a.disabled, cx = _a.classnames, option2value = _a.option2value, itemClassName = _a.itemClassName, itemRender = _a.itemRender;
-        var valueArray = Checkboxes_1.BaseCheckboxes.value2array(value, options, option2value);
+        var _a = this.props, value = _a.value, options = _a.options, className = _a.className, labelClassName = _a.labelClassName, disabled = _a.disabled, cx = _a.classnames, option2value = _a.option2value, itemClassName = _a.itemClassName, itemRender = _a.itemRender, multiple = _a.multiple;
+        var valueArray = Selection_1.BaseSelection.value2array(value, options, option2value);
         var body = [];
         if (Array.isArray(options) && options.length) {
-            body = options.map(function (option, key) { return (react_1.default.createElement("div", { key: key, className: cx('TableCheckboxes-item', itemClassName, option.className, disabled || option.disabled ? 'is-disabled' : ''), onClick: function () { return _this.toggleOption(option); } },
-                react_1.default.createElement("div", { className: cx('TableCheckboxes-itemLabel') }, itemRender(option)),
-                react_1.default.createElement(Checkbox_1.default, { size: "sm", checked: !!~valueArray.indexOf(option), disabled: disabled || option.disabled, labelClassName: labelClassName, description: option.description }))); });
+            body = options.map(function (option, key) { return (react_1.default.createElement("div", { key: key, className: cx('TableSelection-item', itemClassName, option.className, disabled || option.disabled ? 'is-disabled' : ''), onClick: function () { return _this.toggleOption(option); } },
+                react_1.default.createElement("div", { className: cx('TableSelection-itemLabel') }, itemRender(option)),
+                multiple ? (react_1.default.createElement(Checkbox_1.default, { size: "sm", checked: !!~valueArray.indexOf(option), disabled: disabled || option.disabled, labelClassName: labelClassName, description: option.description })) : null)); });
         }
-        return (react_1.default.createElement("div", { className: cx('TableCheckboxes', className) },
+        return (react_1.default.createElement("div", { className: cx('TableSelection', className) },
             react_1.default.createElement("div", { className: cx('Table-content') },
                 react_1.default.createElement("table", { className: cx('Table-table') },
                     this.renderTHead(),
                     this.renderTBody()))));
     };
-    TableCheckboxes.defaultProps = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, Checkboxes_1.BaseCheckboxes.defaultProps), { cellRender: function (column, option, colIndex, rowIndex) { return react_1.default.createElement("span", null, (0, tpl_builtin_1.resolveVariable)(column.name, option)); } });
-    return TableCheckboxes;
-}(Checkboxes_1.BaseCheckboxes));
-exports.TableCheckboxes = TableCheckboxes;
-exports.default = (0, theme_1.themeable)((0, locale_1.localeable)((0, uncontrollable_1.uncontrollable)(TableCheckboxes, {
+    TableSelection.defaultProps = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, Selection_1.BaseSelection.defaultProps), { cellRender: function (column, option, colIndex, rowIndex) { return react_1.default.createElement("span", null, (0, tpl_builtin_1.resolveVariable)(column.name, option)); } });
+    return TableSelection;
+}(Selection_1.BaseSelection));
+exports.TableSelection = TableSelection;
+exports.default = (0, theme_1.themeable)((0, locale_1.localeable)((0, uncontrollable_1.uncontrollable)(TableSelection, {
     value: 'onChange'
 })));
-//# sourceMappingURL=./components/TableCheckboxes.js.map
+//# sourceMappingURL=./components/TableSelection.js.map

package/lib/components/TableSelection.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "TableSelection.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/TableSelection.tsx"
+    ],
+    "names": [],
+    "mappings": "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",
+    "sourcesContent": [
+        "import {BaseSelection, BaseSelectionProps} from './Selection';\nimport {themeable} from '../theme';\nimport React from 'react';\nimport {uncontrollable} from 'uncontrollable';\nimport Checkbox from './Checkbox';\nimport {Option} from './Select';\nimport {resolveVariable} from '../utils/tpl-builtin';\nimport {localeable} from '../locale';\n\nexport interface TableSelectionProps extends BaseSelectionProps {\n  columns: Array<{\n    name: string;\n    label: string;\n    [propName: string]: any;\n  }>;\n  cellRender: (\n    column: {\n      name: string;\n      label: string;\n      [propName: string]: any;\n    },\n    option: Option,\n    colIndex: number,\n    rowIndex: number\n  ) => JSX.Element;\n}\n\nexport class TableSelection extends BaseSelection<TableSelectionProps> {\n  static defaultProps = {\n    ...BaseSelection.defaultProps,\n    cellRender: (\n      column: {\n        name: string;\n        label: string;\n        [propName: string]: any;\n      },\n      option: Option,\n      colIndex: number,\n      rowIndex: number\n    ) => <span>{resolveVariable(column.name, option)}</span>\n  };\n\n  getColumns() {\n    let columns = this.props.columns;\n\n    if (!Array.isArray(columns) || !columns.length) {\n      columns = [{label: 'Label', name: 'label'}];\n    }\n    return columns;\n  }\n\n  renderTHead() {\n    const {\n      options,\n      classnames: cx,\n      value,\n      disabled,\n      option2value,\n      multiple\n    } = this.props;\n    let columns = this.getColumns();\n    let valueArray = BaseSelection.value2array(value, options, option2value);\n    const availableOptions = options.filter(option => !option.disabled);\n    let partialChecked = false;\n    let allChecked = !!availableOptions.length;\n\n    availableOptions.forEach(option => {\n      const isIn = !!~valueArray.indexOf(option);\n\n      if (isIn && !partialChecked) {\n        partialChecked = true;\n      } else if (!isIn && allChecked) {\n        allChecked = false;\n      }\n    });\n\n    return (\n      <thead>\n        <tr>\n          {multiple && Array.isArray(options) && options.length ? (\n            <th className={cx('Table-checkCell')}>\n              <Checkbox\n                key=\"checkbox\"\n                size=\"sm\"\n                disabled={disabled}\n                onChange={this.toggleAll}\n                checked={partialChecked}\n                partial={partialChecked && !allChecked}\n              />\n            </th>\n          ) : null}\n          {columns.map((column, index) => (\n            <th key={index}>{column.label}</th>\n          ))}\n        </tr>\n      </thead>\n    );\n  }\n\n  renderTBody() {\n    const {\n      options,\n      placeholder,\n      classnames: cx,\n      cellRender,\n      value,\n      disabled,\n      multiple,\n      option2value,\n      translate: __,\n      itemClassName\n    } = this.props;\n    const columns = this.getColumns();\n    let valueArray = BaseSelection.value2array(value, options, option2value);\n\n    return (\n      <tbody>\n        {Array.isArray(options) && options.length ? (\n          options.map((option, rowIndex) => {\n            const checked = valueArray.indexOf(option) !== -1;\n\n            return (\n              <tr\n                key={rowIndex}\n                onClick={e => e.defaultPrevented || this.toggleOption(option)}\n                className={cx(\n                  itemClassName,\n                  option.className,\n                  disabled || option.disabled ? 'is-disabled' : '',\n                  !!~valueArray.indexOf(option) ? 'is-active' : ''\n                )}\n              >\n                {multiple ? (\n                  <td className={cx('Table-checkCell')} key=\"checkbox\">\n                    <Checkbox size=\"sm\" checked={checked} disabled={disabled} />\n                  </td>\n                ) : null}\n                {columns.map((column, colIndex) => (\n                  <td key={colIndex}>\n                    {cellRender(column, option, colIndex, rowIndex)}\n                  </td>\n                ))}\n              </tr>\n            );\n          })\n        ) : (\n          <tr>\n            <td colSpan={columns.length}>{__(placeholder)}</td>\n          </tr>\n        )}\n      </tbody>\n    );\n  }\n\n  render() {\n    const {\n      value,\n      options,\n      className,\n      labelClassName,\n      disabled,\n      classnames: cx,\n      option2value,\n      itemClassName,\n      itemRender,\n      multiple\n    } = this.props;\n\n    let valueArray = BaseSelection.value2array(value, options, option2value);\n    let body: Array<React.ReactNode> = [];\n\n    if (Array.isArray(options) && options.length) {\n      body = options.map((option, key) => (\n        <div\n          key={key}\n          className={cx(\n            'TableSelection-item',\n            itemClassName,\n            option.className,\n            disabled || option.disabled ? 'is-disabled' : ''\n          )}\n          onClick={() => this.toggleOption(option)}\n        >\n          <div className={cx('TableSelection-itemLabel')}>\n            {itemRender(option)}\n          </div>\n\n          {multiple ? (\n            <Checkbox\n              size=\"sm\"\n              checked={!!~valueArray.indexOf(option)}\n              disabled={disabled || option.disabled}\n              labelClassName={labelClassName}\n              description={option.description}\n            />\n          ) : null}\n        </div>\n      ));\n    }\n\n    return (\n      <div className={cx('TableSelection', className)}>\n        <div className={cx('Table-content')}>\n          <table className={cx('Table-table')}>\n            {this.renderTHead()}\n            {this.renderTBody()}\n          </table>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default themeable(\n  localeable(\n    uncontrollable(TableSelection, {\n      value: 'onChange'\n    })\n  )\n);\n"
+    ]
+}

package/lib/components/Tabs.d.ts

@@ -185,12 +185,12 @@ export declare class Tabs extends React.Component<TabsProps, any> {
     render(): JSX.Element | null;
 }
 declare const _default: {
-    new (props: (Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>): {
+    new (props: (Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -198,24 +198,24 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps, context: any): {
+    new (props: Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps, context: any): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -223,17 +223,17 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "activeKey" | "tabsMode" | "additionBtns" | "linksClassName" | "tabRender" | "scrollable"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<TabsProps, keyof ThemeProps>, "toolbar" | "onSelect" | "tabs" | "tabsMode" | "linksClassName" | "scrollable" | "activeKey" | "tabRender" | "additionBtns"> & Partial<Pick<Omit<TabsProps, keyof ThemeProps>, "mode" | "contentClassName">> & Partial<Pick<Pick<TabsProps, "mode" | "contentClassName">, never>> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;