@douyinfe/semi-ui 2.1.0-beta.2 → 2.1.0-next.2

package/lib/cjs/checkbox/checkboxGroup.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CheckboxGroupAdapter } from '@douyinfe/semi-foundation/lib/cjs/checkbox/checkboxGroupFoundation';
+import BaseComponent from '../_base/baseComponent';
+import { CheckboxEvent } from './checkbox';
+export declare type CheckboxDirection = 'horizontal' | 'vertical';
+export declare type CheckboxType = 'default' | 'card' | 'pureCard';
+export declare type CheckboxGroupProps = {
+    defaultValue?: any[];
+    disabled?: boolean;
+    name?: string;
+    options?: any[];
+    value?: any[];
+    onChange?: (value: any[]) => void;
+    children?: React.ReactNode;
+    prefixCls?: string;
+    direction?: CheckboxDirection;
+    style?: React.CSSProperties;
+    className?: string;
+    type?: CheckboxType;
+};
+export declare type CheckboxGroupState = {
+    value?: any[];
+};
+declare class CheckboxGroup extends BaseComponent<CheckboxGroupProps, CheckboxGroupState> {
+    static propTypes: {
+        defaultValue: PropTypes.Requireable<any[]>;
+        disabled: PropTypes.Requireable<boolean>;
+        name: PropTypes.Requireable<string>;
+        options: PropTypes.Requireable<any[]>;
+        value: PropTypes.Requireable<any[]>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        prefixCls: PropTypes.Requireable<string>;
+        direction: PropTypes.Requireable<CheckboxDirection>;
+        className: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<"default" | "card" | "pureCard">;
+        style: PropTypes.Requireable<object>;
+    };
+    static defaultProps: Partial<CheckboxGroupProps>;
+    get adapter(): CheckboxGroupAdapter;
+    constructor(props: CheckboxGroupProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: CheckboxGroupProps): void;
+    componentWillUnmount(): void;
+    onChange(evt: CheckboxEvent): void;
+    render(): JSX.Element;
+}
+export default CheckboxGroup;

package/lib/cjs/checkbox/checkboxGroup.js

@@ -0,0 +1,183 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/checkbox/constants");
+
+var _checkboxGroupFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/checkbox/checkboxGroupFoundation"));
+
+var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
+
+var _context7 = require("./context");
+
+var _checkbox = _interopRequireDefault(require("./checkbox"));
+
+/* eslint-disable max-len */
+class CheckboxGroup extends _baseComponent.default {
+  constructor(props) {
+    var _context;
+
+    super(props);
+    this.state = {
+      value: props.value || props.defaultValue
+    };
+    this.foundation = new _checkboxGroupFoundation.default(this.adapter);
+    this.onChange = (0, _bind.default)(_context = this.onChange).call(_context, this);
+  }
+
+  get adapter() {
+    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
+      updateGroupValue: value => {
+        this.setState({
+          value
+        });
+      },
+      notifyChange: evt => {
+        this.props.onChange && this.props.onChange(evt);
+      }
+    });
+  }
+
+  componentDidMount() {
+    this.foundation.init();
+  }
+
+  componentDidUpdate(prevProps) {
+    if (!(0, _isEqual2.default)(prevProps.value, this.props.value)) {
+      this.foundation.handlePropValueChange(this.props.value);
+    }
+  }
+
+  componentWillUnmount() {
+    this.foundation.destroy();
+  }
+
+  onChange(evt) {
+    this.foundation.handleChange(evt);
+  }
+
+  render() {
+    var _context2, _context3, _context4;
+
+    const {
+      children,
+      options,
+      prefixCls,
+      direction,
+      className,
+      style,
+      type
+    } = this.props;
+    const isPureCardType = type === _constants.strings.TYPE_PURECARD;
+    const isCardType = type === _constants.strings.TYPE_CARD || isPureCardType;
+    const prefix = prefixCls || _constants.checkboxGroupClasses.PREFIX;
+    const prefixClsDisplay = (0, _classnames.default)({
+      [prefix]: true,
+      ["".concat(prefix, "-wrapper")]: true,
+      [(0, _concat.default)(_context2 = "".concat(prefix, "-")).call(_context2, direction)]: direction,
+      [(0, _concat.default)(_context3 = "".concat(prefix, "-")).call(_context3, direction, "-cardType")]: direction && isCardType
+    }, className);
+    const realValue = (0, _slice.default)(_context4 = this.state.value).call(_context4);
+    let inner;
+
+    if (options) {
+      var _context5;
+
+      inner = (0, _map.default)(_context5 = options || []).call(_context5, (option, index) => {
+        if (typeof option === 'string') {
+          return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+            key: index,
+            disabled: this.props.disabled,
+            value: option,
+            prefixCls: prefixCls
+          }, option);
+        } else {
+          return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+            key: index,
+            disabled: option.disabled || this.props.disabled,
+            value: option.value,
+            prefixCls: prefixCls,
+            extra: option.extra,
+            className: option.className,
+            style: option.style,
+            onChange: option.onChange
+          }, option.label);
+        }
+      });
+    } else if (children) {
+      var _context6;
+
+      inner = (0, _map.default)(_context6 = _react.default.Children.toArray(children)).call(_context6, (itm, index) => /*#__PURE__*/_react.default.cloneElement(itm, {
+        key: index
+      }));
+    }
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: prefixClsDisplay,
+      style: style
+    }, /*#__PURE__*/_react.default.createElement(_context7.Context.Provider, {
+      value: {
+        checkboxGroup: {
+          onChange: this.onChange,
+          value: realValue,
+          disabled: this.props.disabled,
+          name: this.foundation.getFormatName(),
+          isCardType,
+          isPureCardType
+        }
+      }
+    }, inner));
+  }
+
+}
+
+CheckboxGroup.propTypes = {
+  defaultValue: _propTypes.default.array,
+  disabled: _propTypes.default.bool,
+  name: _propTypes.default.string,
+  options: _propTypes.default.array,
+  value: _propTypes.default.array,
+  onChange: _propTypes.default.func,
+  children: _propTypes.default.node,
+  prefixCls: _propTypes.default.string,
+  direction: _propTypes.default.oneOf(_constants.strings.DIRECTION_SET),
+  className: _propTypes.default.string,
+  type: _propTypes.default.oneOf([_constants.strings.TYPE_DEFAULT, _constants.strings.TYPE_CARD, _constants.strings.TYPE_PURECARD]),
+  style: _propTypes.default.object
+};
+CheckboxGroup.defaultProps = {
+  disabled: false,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  onChange: () => {},
+  type: _constants.strings.TYPE_DEFAULT,
+  defaultValue: [],
+  direction: _constants.strings.DEFAULT_DIRECTION
+};
+var _default = CheckboxGroup;
+exports.default = _default;

package/lib/cjs/checkbox/checkboxInner.d.ts

@@ -0,0 +1,40 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+export interface CheckboxInnerProps {
+    indeterminate?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    prefixCls?: string;
+    name?: string;
+    isPureCardType?: boolean;
+    ref?: React.MutableRefObject<CheckboxInner> | ((ref: CheckboxInner) => void);
+}
+declare class CheckboxInner extends PureComponent<CheckboxInnerProps> {
+    static contextType: React.Context<{
+        checkboxGroup?: {
+            onChange: (evt: import("@douyinfe/semi-foundation/lib/cjs/checkbox/checkboxFoundation").BasicCheckboxEvent) => void;
+            value: any[];
+            disabled: boolean;
+            name: any;
+            isCardType: boolean;
+            isPureCardType: boolean;
+        };
+    }>;
+    static propTypes: {
+        checked: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        grouped: PropTypes.Requireable<boolean>;
+        value: PropTypes.Requireable<any>;
+        isPureCardType: PropTypes.Requireable<boolean>;
+    };
+    static defaultProps: {
+        onChange: (...args: any[]) => void;
+    };
+    inputEntity: HTMLInputElement;
+    blur(): void;
+    focus(): void;
+    render(): JSX.Element;
+}
+export default CheckboxInner;

package/lib/cjs/checkbox/checkboxInner.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _noop2 = _interopRequireDefault(require("lodash/noop"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/checkbox/constants");
+
+var _context = require("./context");
+
+var _semiIcons = require("@douyinfe/semi-icons");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/* eslint-disable no-nested-ternary */
+class CheckboxInner extends _react.PureComponent {
+  blur() {
+    this.inputEntity.blur();
+  }
+
+  focus() {
+    this.inputEntity.focus();
+  }
+
+  render() {
+    const {
+      indeterminate,
+      checked,
+      disabled,
+      prefixCls,
+      name,
+      isPureCardType
+    } = this.props;
+    const prefix = prefixCls || _constants.checkboxClasses.PREFIX;
+    const wrapper = (0, _classnames.default)({
+      ["".concat(prefix, "-inner")]: true,
+      ["".concat(prefix, "-inner-checked")]: Boolean(checked),
+      ["".concat(prefix, "-inner-pureCardType")]: isPureCardType
+    }, _constants.checkboxClasses.WRAPPER);
+    const inner = (0, _classnames.default)({
+      ["".concat(prefix, "-inner-display")]: true
+    });
+    const icon = checked ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconCheckboxTick, null) : indeterminate ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconCheckboxIndeterminate, null) : null;
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: wrapper
+    }, /*#__PURE__*/_react.default.createElement("input", {
+      ref: ref => {
+        this.inputEntity = ref;
+      },
+      type: "checkbox",
+      className: _constants.checkboxClasses.INPUT,
+      onChange: _noop2.default,
+      checked: checked,
+      disabled: disabled,
+      name: name
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: inner
+    }, icon));
+  }
+
+}
+
+CheckboxInner.contextType = _context.Context;
+CheckboxInner.propTypes = {
+  checked: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  onChange: _propTypes.default.func,
+  children: _propTypes.default.node,
+  grouped: _propTypes.default.bool,
+  value: _propTypes.default.any,
+  isPureCardType: _propTypes.default.bool
+};
+CheckboxInner.defaultProps = {
+  onChange: _noop2.default
+};
+var _default = CheckboxInner;
+exports.default = _default;

package/lib/cjs/checkbox/context.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BasicCheckboxEvent } from '@douyinfe/semi-foundation/lib/cjs/checkbox/checkboxFoundation';
+declare type CheckboxContext = {
+    checkboxGroup?: {
+        onChange: (evt: BasicCheckboxEvent) => void;
+        value: any[];
+        disabled: boolean;
+        name: any;
+        isCardType: boolean;
+        isPureCardType: boolean;
+    };
+};
+declare const Context: React.Context<CheckboxContext>;
+export { Context };

package/lib/cjs/checkbox/context.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.Context = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+const Context = /*#__PURE__*/_react.default.createContext({});
+
+exports.Context = Context;

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

@@ -0,0 +1,8 @@
+import Checkbox, { CheckboxProps, CheckboxEvent } from './checkbox';
+import Group, { CheckboxGroupProps, CheckboxType, CheckboxDirection } from './checkboxGroup';
+export { CheckboxInnerProps } from './checkboxInner';
+declare class CheckboxWithGroup extends Checkbox {
+    static Group: typeof Group;
+}
+export { CheckboxWithGroup, Checkbox, CheckboxProps, CheckboxGroupProps, CheckboxEvent, CheckboxType, CheckboxDirection };
+export default CheckboxWithGroup;

package/lib/cjs/checkbox/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+_Object$defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () {
+    return _checkbox.default;
+  }
+});
+
+exports.default = exports.CheckboxWithGroup = void 0;
+
+var _checkbox = _interopRequireDefault(require("./checkbox"));
+
+var _checkboxGroup = _interopRequireDefault(require("./checkboxGroup"));
+
+class CheckboxWithGroup extends _checkbox.default {}
+
+exports.CheckboxWithGroup = CheckboxWithGroup;
+CheckboxWithGroup.Group = _checkboxGroup.default;
+var _default = CheckboxWithGroup;
+exports.default = _default;

package/lib/cjs/collapse/collapse-context.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Motion } from '../_base/base';
+export interface CollapseContextType {
+    activeSet: Set<string>;
+    expandIcon: React.ReactNode;
+    collapseIcon: React.ReactNode;
+    keepDOM: boolean;
+    expandIconPosition: 'left' | 'right';
+    onClick: (activeKey: string, e: React.MouseEvent) => void;
+    motion: Motion;
+}
+declare const CollapseContext: React.Context<CollapseContextType>;
+export default CollapseContext;

package/lib/cjs/collapse/collapse-context.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+const CollapseContext = /*#__PURE__*/_react.default.createContext({});
+
+var _default = CollapseContext;
+exports.default = _default;

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

@@ -0,0 +1,43 @@
+import React, { CSSProperties } from 'react';
+import PropTypes from 'prop-types';
+import { CollapseAdapter, CollapseProps, CollapseState } from '@douyinfe/semi-foundation/lib/cjs/collapse/foundation';
+import BaseComponent from '../_base/baseComponent';
+import CollapsePanel from './item';
+import '@douyinfe/semi-foundation/lib/cjs/collapse/collapse.css';
+import { noop } from '@douyinfe/semi-foundation/lib/cjs/utils/function';
+export { CollapsePanelProps } from './item';
+export interface CollapseReactProps extends CollapseProps {
+    expandIcon?: React.ReactNode;
+    collapseIcon?: React.ReactNode;
+    style?: CSSProperties;
+    onChange?: (activeKey: CollapseProps['activeKey'], e: React.MouseEvent) => void;
+}
+export { CollapseState };
+declare class Collapse extends BaseComponent<CollapseReactProps, CollapseState> {
+    static Panel: typeof CollapsePanel;
+    static propTypes: {
+        activeKey: PropTypes.Requireable<string | any[]>;
+        defaultActiveKey: PropTypes.Requireable<string | any[]>;
+        accordion: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        expandIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        collapseIcon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+        keepDOM: PropTypes.Requireable<boolean>;
+        motion: PropTypes.Requireable<boolean | object>;
+        expandIconPosition: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        defaultActiveKey: string;
+        onChange: typeof noop;
+        expandIconPosition: string;
+    };
+    constructor(props: CollapseReactProps);
+    get adapter(): CollapseAdapter;
+    static getDerivedStateFromProps(props: CollapseReactProps, state: CollapseState): CollapseState;
+    componentWillUnmount(): void;
+    onChange: (activeKey: string, e: React.MouseEvent) => void;
+    render(): JSX.Element;
+}
+export default Collapse;

package/lib/cjs/collapse/index.js

@@ -0,0 +1,165 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
+
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
+
+var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/collapse/constants");
+
+var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/collapse/foundation"));
+
+var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
+
+var _item = _interopRequireDefault(require("./item"));
+
+require("@douyinfe/semi-foundation/lib/cjs/collapse/collapse.css");
+
+var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
+
+var _collapseContext = _interopRequireDefault(require("./collapse-context"));
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+class Collapse extends _baseComponent.default {
+  constructor(props) {
+    var _context;
+
+    super(props);
+
+    this.onChange = (activeKey, e) => {
+      this.foundation.handleChange(activeKey, e);
+    };
+
+    this.foundation = new _foundation.default(this.adapter);
+    const initKeys = this.foundation.initActiveKey();
+    this.state = {
+      activeSet: new _set.default(initKeys)
+    };
+    this.onChange = (0, _bind.default)(_context = this.onChange).call(_context, this);
+  }
+
+  get adapter() {
+    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
+      handleChange: (activeKey, e) => this.props.onChange(activeKey, e),
+      addActiveKey: activeSet => this.setState({
+        activeSet
+      })
+    });
+  }
+
+  static getDerivedStateFromProps(props, state) {
+    if (props.activeKey) {
+      const keys = (0, _isArray.default)(props.activeKey) ? props.activeKey : [props.activeKey];
+      const newSet = new _set.default(keys);
+
+      if (!(0, _isEqual2.default)(newSet, state.activeSet)) {
+        return (0, _assign.default)((0, _assign.default)({}, state), {
+          activeSet: newSet
+        });
+      }
+
+      return state;
+    }
+
+    return state;
+  }
+
+  componentWillUnmount() {
+    this.foundation.destroy();
+  }
+
+  render() {
+    // eslint-disable-next-line max-len
+    const _a = this.props,
+          {
+      defaultActiveKey,
+      accordion,
+      style,
+      motion,
+      className,
+      keepDOM,
+      expandIconPosition,
+      expandIcon,
+      collapseIcon,
+      children
+    } = _a,
+          rest = __rest(_a, ["defaultActiveKey", "accordion", "style", "motion", "className", "keepDOM", "expandIconPosition", "expandIcon", "collapseIcon", "children"]);
+
+    const clsPrefix = (0, _classnames.default)(_constants.cssClasses.PREFIX, className);
+    const {
+      activeSet
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: clsPrefix,
+      style: style
+    }, /*#__PURE__*/_react.default.createElement(_collapseContext.default.Provider, {
+      value: {
+        activeSet,
+        expandIcon,
+        collapseIcon,
+        keepDOM,
+        expandIconPosition,
+        onClick: this.onChange,
+        motion
+      }
+    }, children));
+  }
+
+}
+
+Collapse.Panel = _item.default;
+Collapse.propTypes = {
+  activeKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
+  defaultActiveKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
+  accordion: _propTypes.default.bool,
+  onChange: _propTypes.default.func,
+  expandIcon: _propTypes.default.node,
+  collapseIcon: _propTypes.default.node,
+  style: _propTypes.default.object,
+  className: _propTypes.default.string,
+  keepDOM: _propTypes.default.bool,
+  motion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func, _propTypes.default.object]),
+  expandIconPosition: _propTypes.default.oneOf(_constants.strings.iconPosition)
+};
+Collapse.defaultProps = {
+  defaultActiveKey: '',
+  onChange: _function.noop,
+  expandIconPosition: 'right'
+};
+var _default = Collapse;
+exports.default = _default;