amis 1.5.6 → 1.6.1-beta.0

package/lib/components/CityArea.js

@@ -0,0 +1,177 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+/**
+ * @file 移动端城市选择器
+ */
+var react_1 = tslib_1.__importStar(require("react"));
+var Picker_1 = (0, tslib_1.__importDefault)(require("./Picker"));
+var ResultBox_1 = (0, tslib_1.__importDefault)(require("./ResultBox"));
+var hooks_1 = require("../hooks");
+var locale_1 = require("../locale");
+var theme_1 = require("../theme");
+var uncontrollable_1 = require("uncontrollable");
+var PopUp_1 = (0, tslib_1.__importDefault)(require("./PopUp"));
+var CityArea = (0, react_1.memo)(function (props) {
+    var _a;
+    var _b = props.joinValues, joinValues = _b === void 0 ? true : _b, _c = props.extractValue, extractValue = _c === void 0 ? true : _c, _d = props.delimiter, delimiter = _d === void 0 ? ',' : _d, _e = props.allowCity, allowCity = _e === void 0 ? true : _e, _f = props.allowDistrict, allowDistrict = _f === void 0 ? true : _f, _g = props.allowStreet, allowStreet = _g === void 0 ? false : _g, 
+    // 默认北京东城区
+    _h = props.value, 
+    // 默认北京东城区
+    value = _h === void 0 ? 110101 : _h, cx = props.classnames, __ = props.translate, _j = props.disabled, disabled = _j === void 0 ? false : _j, popOverContainer = props.popOverContainer, useMobileUI = props.useMobileUI;
+    var _k = (0, react_1.useState)([]), values = _k[0], setValues = _k[1];
+    var _l = (0, react_1.useState)(''), street = _l[0], setStreet = _l[1];
+    var _m = (0, react_1.useState)(), confirmValues = _m[0], setConfirmValues = _m[1];
+    var _o = (0, hooks_1.useSetState)(), db = _o[0], updateDb = _o[1];
+    var _p = (0, hooks_1.useSetState)({
+        columns: []
+    }), state = _p[0], updateState = _p[1];
+    var _q = (0, react_1.useState)(false), isOpened = _q[0], setIsOpened = _q[1];
+    var onChange = function (columnValues, columnIndex) {
+        var _a, _b, _c, _d, _e;
+        // 清空后面的值
+        while (columnValues[columnIndex++]) {
+            columnValues[columnIndex++] = -1;
+        }
+        var provience = columnValues[0], city = columnValues[1], district = columnValues[2];
+        if (city === -1) {
+            city = (_b = (_a = db.city) === null || _a === void 0 ? void 0 : _a[provience]) === null || _b === void 0 ? void 0 : _b[0];
+        }
+        if (district === -1) {
+            district = (_e = (_d = (_c = db.district) === null || _c === void 0 ? void 0 : _c[provience]) === null || _d === void 0 ? void 0 : _d[city]) === null || _e === void 0 ? void 0 : _e[0];
+        }
+        var tempValues = [provience, city, district];
+        if (!allowDistrict) {
+            tempValues.splice(2, 1);
+        }
+        if (!allowCity) {
+            tempValues.splice(1, 1);
+        }
+        setValues(tempValues);
+    };
+    var propsChange = function () {
+        var onChange = props.onChange;
+        var province = values[0], city = values[1], district = values[2];
+        var code = allowDistrict && district
+            ? district
+            : allowCity && city
+                ? city
+                : province;
+        if (typeof extractValue === 'undefined' ? joinValues : extractValue) {
+            code
+                ? onChange(allowStreet && street
+                    ? [code, street].join(delimiter)
+                    : String(code))
+                : onChange('');
+        }
+        else {
+            onChange({
+                code: code,
+                province: db[province],
+                city: db[city],
+                district: db[district],
+                street: street
+            });
+        }
+    };
+    var onConfirm = function () {
+        var confirmValues = values.map(function (item) { return ({
+            text: db[item],
+            value: item
+        }); });
+        setConfirmValues(confirmValues);
+        propsChange();
+        setIsOpened(false);
+    };
+    var onCancel = function () {
+        setIsOpened(false);
+        if (props.onCancel)
+            props.onCancel();
+    };
+    var getPropsValue = function () {
+        var _a;
+        // 最后一项的值
+        var code = (value && value.code) ||
+            (typeof value === 'number' && value) ||
+            (typeof value === 'string' && /(\d{6})/.test(value) && RegExp.$1);
+        var values = [];
+        if (code && db[code]) {
+            code = parseInt(code, 10);
+            var provinceCode = code - (code % 10000);
+            var cityCode = code - (code % 100);
+            if (db[provinceCode]) {
+                values[0] = provinceCode;
+            }
+            if (db[cityCode] && allowCity) {
+                values[1] = cityCode;
+            }
+            else if (~((_a = db.city[provinceCode]) === null || _a === void 0 ? void 0 : _a.indexOf(code)) && allowCity) {
+                values[1] = code;
+            }
+            if (code % 100 && allowDistrict) {
+                values[2] = code;
+            }
+            setValues(values);
+        }
+    };
+    var updateColumns = function () {
+        if (!db) {
+            return;
+        }
+        var provience = values[0], city = values[1], district = values[2];
+        var provienceColumn = db.province.map(function (code) {
+            return { text: db[code], value: code, disabled: disabled };
+        });
+        var cityColumn = city
+            ? db.city[provience].map(function (code) {
+                return { text: db[code], value: code, disabled: disabled };
+            })
+            : [];
+        var districtColumn = city && district
+            ? db.district[provience][city].map(function (code) {
+                return { text: db[code], value: code, disabled: disabled };
+            })
+            : [];
+        var columns = [
+            { options: provienceColumn },
+            { options: cityColumn },
+            { options: districtColumn }
+        ];
+        if (!allowDistrict || !allowCity) {
+            columns.splice(2, 1);
+        }
+        if (!allowCity) {
+            columns.splice(1, 1);
+        }
+        updateState({ columns: columns });
+    };
+    var loadDb = function () {
+        Promise.resolve().then(function () { return new Promise(function(resolve){require(['../renderers/Form/CityDB'], function(ret) {resolve(tslib_1.__importStar(ret));})}); }).then(function (db) {
+            updateDb((0, tslib_1.__assign)((0, tslib_1.__assign)({}, db.default), { province: db.province, city: db.city, district: db.district }));
+        });
+    };
+    (0, react_1.useEffect)(function () {
+        loadDb();
+    }, []);
+    (0, react_1.useEffect)(function () {
+        isOpened && db && getPropsValue();
+    }, [db, isOpened]);
+    (0, react_1.useEffect)(function () {
+        street && propsChange();
+    }, [street]);
+    (0, hooks_1.useUpdateEffect)(function () {
+        values.length && updateColumns();
+    }, [values]);
+    var result = (_a = confirmValues === null || confirmValues === void 0 ? void 0 : confirmValues.filter(function (item) { return item === null || item === void 0 ? void 0 : item.value; })) === null || _a === void 0 ? void 0 : _a.map(function (item) { return item.text; }).join(delimiter);
+    return (react_1.default.createElement("div", { className: cx("CityArea") },
+        react_1.default.createElement(ResultBox_1.default, { className: cx('CityArea-Input', isOpened ? 'is-active' : ''), allowInput: false, result: result, onResultChange: function () { }, onResultClick: function () { return setIsOpened(!isOpened); }, placeholder: __('Condition.cond_placeholder'), useMobileUI: useMobileUI }),
+        allowStreet && values[0] ? (react_1.default.createElement("input", { className: cx('CityArea-Input'), value: street, onChange: function (e) {
+                return setStreet(e.currentTarget.value);
+            }, placeholder: __('City.street'), disabled: disabled })) : null,
+        react_1.default.createElement(PopUp_1.default, { className: cx("CityArea-popup"), container: popOverContainer, isShow: isOpened, showConfirm: true, onConfirm: onConfirm, onHide: onCancel },
+            react_1.default.createElement(Picker_1.default, { className: 'CityArea-picker', columns: state.columns, onChange: onChange, showToolbar: false, labelField: "text", itemHeight: 40, value: values, classnames: props.classnames, classPrefix: props.classPrefix }))));
+});
+exports.default = (0, theme_1.themeable)((0, locale_1.localeable)((0, uncontrollable_1.uncontrollable)(CityArea, {
+    value: 'onChange'
+})));
+//# sourceMappingURL=./components/CityArea.js.map

package/lib/components/CityArea.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "CityArea.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/CityArea.tsx"
+    ],
+    "names": [],
+    "mappings": "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",
+    "sourcesContent": [
+        "/**\n * @file 移动端城市选择器\n */\nimport React, {useEffect, useState, memo} from 'react';\n\nimport Picker from './Picker';\nimport ResultBox from './ResultBox';\nimport {useSetState, useUpdateEffect} from '../hooks';\nimport {localeable, LocaleProps} from '../locale';\nimport {themeable, ThemeProps} from '../theme';\nimport {uncontrollable} from 'uncontrollable';\nimport PopUp from './PopUp';\nimport {PickerObjectOption} from './PickerColumn';\n\nexport type AreaColumnOption = {\n  text: string;\n  value: number;\n};\n\nexport interface AreaProps extends LocaleProps, ThemeProps {\n  value: any;\n  /**\n   * 允许选择城市？\n   */\n  allowCity?: boolean;\n  /**\n   * 允许选择地区？\n   */\n  allowDistrict?: boolean;\n  /**\n   * 允许选择街道？\n   */\n  allowStreet?: boolean;\n  /**\n   * 开启后只会存城市的 code 信息\n   */\n  extractValue?: boolean;\n  /**\n   * 是否将各个信息拼接成字符串。\n   */\n  joinValues?: boolean;\n  /**\n   * 拼接的符号是啥？\n   */\n  delimiter?: string;\n  /**\n   * 是否禁用\n   */\n  disabled?: boolean;\n  useMobileUI?: boolean;\n  onChange: (value: any) => void;\n  /** 点击完成按钮时触发\t */\n  onConfirm?: (result: AreaColumnOption[], index: number) => void;\n  /** 点击取消按钮时触发\t */\n  onCancel?: (...args: unknown[]) => void;\n\n  popOverContainer?: any;\n}\n/**\n * 街道\n */\ntype district = {\n  [propName: number]: {\n    [propName: number]: Array<number>;\n  };\n};\ninterface DbState {\n  province: number[];\n  district: district;\n  [key: number]: string;\n  city: {\n    [key: number]: number[];\n  };\n}\ninterface StateObj {\n  columns: {options: Array<AreaColumnOption>}[];\n}\n\nconst CityArea = memo<AreaProps>(props => {\n  const {\n    joinValues = true,\n    extractValue = true,\n    delimiter = ',',\n    allowCity = true,\n    allowDistrict = true,\n    allowStreet = false,\n    // 默认北京东城区\n    value = 110101,\n    classnames: cx,\n    translate: __,\n    disabled = false,\n    popOverContainer,\n    useMobileUI\n  } = props;\n\n  const [values, setValues] = useState<Array<number>>([]);\n  const [street, setStreet] = useState('');\n  const [confirmValues, setConfirmValues] =\n    useState<Array<PickerObjectOption>>();\n  const [db, updateDb] = useSetState<DbState>();\n  const [state, updateState] = useSetState<StateObj>({\n    columns: []\n  });\n  const [isOpened, setIsOpened] = useState(false);\n\n  const onChange = (columnValues: Array<number>, columnIndex: number) => {\n    // 清空后面的值\n    while (columnValues[columnIndex++]) {\n      columnValues[columnIndex++] = -1;\n    }\n    let [provience, city, district] = columnValues;\n    if (city === -1) {\n      city = db.city?.[provience]?.[0];\n    }\n    if (district === -1) {\n      district = db.district?.[provience]?.[city]?.[0];\n    }\n    let tempValues = [provience, city, district];\n    if (!allowDistrict) {\n      tempValues.splice(2, 1);\n    }\n    if (!allowCity) {\n      tempValues.splice(1, 1);\n    }\n    setValues(tempValues);\n  };\n\n  const propsChange = () => {\n    const {onChange} = props;\n    const [province, city, district] = values;\n    const code =\n      allowDistrict && district\n        ? district\n        : allowCity && city\n        ? city\n        : province;\n    if (typeof extractValue === 'undefined' ? joinValues : extractValue) {\n      code\n        ? onChange(\n            allowStreet && street\n              ? [code, street].join(delimiter)\n              : String(code)\n          )\n        : onChange('');\n    } else {\n      onChange({\n        code,\n        province: db[province],\n        city: db[city],\n        district: db[district],\n        street\n      });\n    }\n  };\n\n  const onConfirm = () => {\n    const confirmValues = values.map((item: number) => ({\n      text: db[item],\n      value: item\n    }));\n    setConfirmValues(confirmValues);\n    propsChange();\n    setIsOpened(false);\n  };\n\n  const onCancel = () => {\n    setIsOpened(false);\n    if (props.onCancel) props.onCancel();\n  };\n\n  const getPropsValue = () => {\n    // 最后一项的值\n    let code =\n      (value && value.code) ||\n      (typeof value === 'number' && value) ||\n      (typeof value === 'string' && /(\\d{6})/.test(value) && RegExp.$1);\n    const values: Array<number> = [];\n    if (code && db[code]) {\n      code = parseInt(code, 10);\n      let provinceCode = code - (code % 10000);\n      let cityCode = code - (code % 100);\n      if (db[provinceCode]) {\n        values[0] = provinceCode;\n      }\n      if (db[cityCode] && allowCity) {\n        values[1] = cityCode;\n      } else if (~db.city[provinceCode]?.indexOf(code) && allowCity) {\n        values[1] = code;\n      }\n\n      if (code % 100 && allowDistrict) {\n        values[2] = code;\n      }\n      setValues(values);\n    }\n  };\n\n  const updateColumns = () => {\n    if (!db) {\n      return;\n    }\n    let [provience, city, district] = values;\n    const provienceColumn = db.province.map((code: number) => {\n      return {text: db[code], value: code, disabled};\n    });\n    const cityColumn = city\n      ? db.city[provience].map((code: number) => {\n          return {text: db[code], value: code, disabled};\n        })\n      : [];\n    const districtColumn =\n      city && district\n        ? db.district[provience][city].map((code: number) => {\n            return {text: db[code], value: code, disabled};\n          })\n        : [];\n    const columns = [\n      {options: provienceColumn},\n      {options: cityColumn},\n      {options: districtColumn}\n    ];\n    if (!allowDistrict || !allowCity) {\n      columns.splice(2, 1);\n    }\n    if (!allowCity) {\n      columns.splice(1, 1);\n    }\n    updateState({columns});\n  };\n\n  const loadDb = () => {\n    import('../renderers/Form/CityDB').then(db => {\n      updateDb({\n        ...db.default,\n        province: db.province as any,\n        city: db.city,\n        district: db.district as district\n      });\n    });\n  };\n\n  useEffect(() => {\n    loadDb();\n  }, []);\n\n  useEffect(() => {\n    isOpened && db && getPropsValue();\n  }, [db, isOpened]);\n\n  useEffect(() => {\n    street && propsChange();\n  }, [street]);\n\n  useUpdateEffect(() => {\n    values.length && updateColumns();\n  }, [values]);\n\n  const result = confirmValues\n    ?.filter(item => item?.value)\n    ?.map(item => item.text)\n    .join(delimiter);\n\n  return (\n    <div className={cx(`CityArea`)}>\n      <ResultBox\n        className={cx('CityArea-Input', isOpened ? 'is-active' : '')}\n        allowInput={false}\n        result={result}\n        onResultChange={() => {}}\n        onResultClick={() => setIsOpened(!isOpened)}\n        placeholder={__('Condition.cond_placeholder')}\n        useMobileUI={useMobileUI}\n      ></ResultBox>\n      {allowStreet && values[0] ? (\n        <input\n          className={cx('CityArea-Input')}\n          value={street}\n          onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n            setStreet(e.currentTarget.value)\n          }\n          placeholder={__('City.street')}\n          disabled={disabled}\n        />\n      ) : null}\n      <PopUp\n        className={cx(`CityArea-popup`)}\n        container={popOverContainer}\n        isShow={isOpened}\n        showConfirm\n        onConfirm={onConfirm}\n        onHide={onCancel}\n      >\n        <Picker\n          className={'CityArea-picker'}\n          columns={state.columns}\n          onChange={onChange as any}\n          showToolbar={false}\n          labelField=\"text\"\n          itemHeight={40}\n          value={values}\n          classnames={props.classnames}\n          classPrefix={props.classPrefix}\n        />\n      </PopUp>\n    </div>\n  );\n});\n\nexport default themeable(\n  localeable(\n    uncontrollable(CityArea, {\n      value: 'onChange'\n    })\n  )\n);\n"
+    ]
+}

package/lib/components/Collapse.d.ts

@@ -55,12 +55,12 @@ export declare class Collapse extends React.Component<CollapseProps, CollapseSta
     render(): JSX.Element;
 }
 declare const _default: {
-    new (props: (Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>): {
+    new (props: (Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -68,24 +68,24 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    new (props: Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps, context: any): {
+    new (props: Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps, context: any): {
         render(): JSX.Element;
         context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps> & Readonly<{
+        readonly props: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         state: Readonly<{}>;
@@ -93,17 +93,17 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "collapsed" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, never> & Partial<Pick<Omit<CollapseProps, keyof import("../theme").ThemeProps>, "body" | "header" | "key" | "disabled" | "id" | "collapsed" | "size" | "translate" | "mountOnEnter" | "unmountOnExit" | "wrapperComponent" | "propKey" | "headerPosition" | "bodyClassName" | "collapsable" | "showArrow" | "expandIcon" | "headingClassName" | "collapseHeader" | "onCollapse" | "headingComponent" | "propsUpdate">> & Partial<Pick<Partial<CollapseProps>, "classPrefix" | "classnames" | "className">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     displayName: string;
     contextType: React.Context<string>;