@douyinfe/semi-ui 2.1.0-next.0 → 2.1.0

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

@@ -1,49 +0,0 @@
-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

@@ -1,183 +0,0 @@
-"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 _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 _lodashEs = require("lodash-es");
-
-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, _lodashEs.isEqual)(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

@@ -1,40 +0,0 @@
-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

@@ -1,97 +0,0 @@
-"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 _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _lodashEs = require("lodash-es");
-
-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: _lodashEs.noop,
-      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: _lodashEs.noop
-};
-var _default = CheckboxInner;
-exports.default = _default;

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

@@ -1,14 +0,0 @@
-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

@@ -1,17 +0,0 @@
-"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

@@ -1,8 +0,0 @@
-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

@@ -1,29 +0,0 @@
-"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

@@ -1,13 +0,0 @@
-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

@@ -1,18 +0,0 @@
-"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

@@ -1,43 +0,0 @@
-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;