@douyinfe/semi-ui 2.0.7-alpha.0 → 2.0.9-alpha.2

package/lib/cjs/collapse/index.js

@@ -1,169 +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 _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() {
-    var _this = this;
-
-    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
-      handleChange: function () {
-        return _this.props.onChange(...arguments);
-      },
-      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;

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

@@ -1,23 +0,0 @@
-import React, { PureComponent, ReactNode, CSSProperties } from 'react';
-import PropTypes from 'prop-types';
-import { CollapseContextType } from './collapse-context';
-export interface CollapsePanelProps {
-    itemKey: string;
-    extra?: ReactNode;
-    header?: ReactNode;
-    className?: string;
-    reCalcKey?: number | string;
-    style?: CSSProperties;
-}
-export default class CollapsePanel extends PureComponent<CollapsePanelProps> {
-    static contextType: React.Context<CollapseContextType>;
-    static propTypes: {
-        itemKey: PropTypes.Requireable<string>;
-        extra: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        reCalcKey: PropTypes.Requireable<string | number>;
-    };
-    renderHeader(active: boolean, expandIconEnable?: boolean): JSX.Element;
-    render(): JSX.Element;
-}

package/lib/cjs/collapse/item.js

@@ -1,151 +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 _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 _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/collapse/constants");
-
-var _collapsible = _interopRequireDefault(require("../collapsible"));
-
-var _collapseContext = _interopRequireDefault(require("./collapse-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; }
-
-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 CollapsePanel extends _react.PureComponent {
-  renderHeader(active) {
-    let expandIconEnable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    const {
-      header,
-      extra
-    } = this.props;
-    let {
-      expandIcon,
-      collapseIcon
-    } = this.context;
-    const {
-      expandIconPosition
-    } = this.context;
-
-    if (typeof expandIcon === 'undefined') {
-      expandIcon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, null);
-    }
-
-    if (typeof collapseIcon === 'undefined') {
-      collapseIcon = /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronUp, null);
-    }
-
-    const icon = /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)(["".concat(_constants.cssClasses.PREFIX, "-header-icon"), {
-        ["".concat(_constants.cssClasses.PREFIX, "-header-iconDisabled")]: !expandIconEnable
-      }])
-    }, expandIconEnable ? active ? collapseIcon : expandIcon : expandIcon);
-
-    const iconPosLeft = expandIconPosition === 'left';
-
-    if (typeof header === 'string') {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconPosLeft ? icon : null, /*#__PURE__*/_react.default.createElement("span", null, header), /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(_constants.cssClasses.PREFIX, "-header-right")
-      }, /*#__PURE__*/_react.default.createElement("span", null, extra), iconPosLeft ? null : icon));
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconPosLeft ? icon : null, header, iconPosLeft ? null : icon);
-  }
-
-  render() {
-    const _a = this.props,
-          {
-      className,
-      children,
-      itemKey,
-      reCalcKey
-    } = _a,
-          restProps = __rest(_a, ["className", "children", "itemKey", "reCalcKey"]);
-
-    const {
-      keepDOM,
-      expandIconPosition,
-      activeSet,
-      onClick,
-      motion
-    } = this.context;
-    const active = activeSet.has(itemKey);
-    const itemCls = (0, _classnames.default)(className, {
-      ["".concat(_constants.cssClasses.PREFIX, "-item")]: true
-    });
-    const headerCls = (0, _classnames.default)({
-      ["".concat(_constants.cssClasses.PREFIX, "-header")]: true,
-      ["".concat(_constants.cssClasses.PREFIX, "-header-iconLeft")]: expandIconPosition === 'left'
-    });
-    const contentCls = (0, _classnames.default)({
-      ["".concat(_constants.cssClasses.PREFIX, "-content")]: true
-    });
-    return /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
-      role: "Collapse-panel",
-      className: itemCls
-    }, restProps), /*#__PURE__*/_react.default.createElement("div", {
-      role: "button",
-      tabIndex: 0,
-      className: headerCls,
-      "aria-expanded": active ? 'true' : 'false',
-      onClick: e => onClick(itemKey, e)
-    }, this.renderHeader(active, children !== undefined)), children && /*#__PURE__*/_react.default.createElement(_collapsible.default, {
-      isOpen: active,
-      keepDOM: keepDOM,
-      motion: motion,
-      reCalcKey: reCalcKey
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: contentCls
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(_constants.cssClasses.PREFIX, "-content-wrapper")
-    }, children))));
-  }
-
-}
-
-exports.default = CollapsePanel;
-CollapsePanel.contextType = _collapseContext.default;
-CollapsePanel.propTypes = {
-  itemKey: _propTypes.default.string,
-  extra: _propTypes.default.node,
-  header: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-  className: _propTypes.default.string,
-  reCalcKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
-};

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

@@ -1,36 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import { Motion } from '../_base/base';
-export interface CollapsibleProps {
-    motion?: Motion;
-    children?: React.ReactNode;
-    isOpen?: boolean;
-    duration?: number;
-    keepDOM?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    collapseHeight?: number;
-    reCalcKey?: number | string;
-}
-declare const Collapsible: {
-    (props: CollapsibleProps): JSX.Element;
-    propType: {
-        motion: PropTypes.Requireable<boolean | object>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        isOpen: PropTypes.Requireable<boolean>;
-        duration: PropTypes.Requireable<number>;
-        keepDOM: PropTypes.Requireable<boolean>;
-        collapseHeight: PropTypes.Requireable<number>;
-        style: PropTypes.Requireable<object>;
-        className: PropTypes.Requireable<string>;
-        reCalcKey: PropTypes.Requireable<string | number>;
-    };
-    defaultProps: {
-        isOpen: boolean;
-        duration: number;
-        motion: boolean;
-        keepDOM: boolean;
-        collapseHeight: number;
-    };
-};
-export default Collapsible;

package/lib/cjs/collapsible/index.js

@@ -1,177 +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 _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _semiAnimationReact = require("@douyinfe/semi-animation-react");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/collapsible/constants");
-
-var _getMotionObjFromProps = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getMotionObjFromProps"));
-
-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; }
-
-// @ts-ignore  currently no type definition for @douyinfe/semi-animation-react
-const ease = 'cubicBezier(.25,.1,.25,1)';
-
-const Collapsible = props => {
-  const {
-    motion,
-    children,
-    isOpen,
-    duration,
-    keepDOM,
-    collapseHeight,
-    style,
-    className,
-    reCalcKey
-  } = props;
-  const ref = (0, _react.useRef)(null);
-  const [maxHeight, setMaxHeight] = (0, _react.useState)(0);
-  const [open, setOpen] = (0, _react.useState)(props.isOpen);
-  const [isFirst, setIsFirst] = (0, _react.useState)(true);
-  const [transitionImmediate, setTransitionImmediate] = (0, _react.useState)(open && isFirst);
-  const [left, setLeft] = (0, _react.useState)(!props.isOpen);
-
-  if (isOpen !== open) {
-    setOpen(isOpen);
-
-    if (isFirst) {
-      setIsFirst(false);
-      setTransitionImmediate(false);
-    }
-
-    isOpen && setLeft(!isOpen);
-  }
-
-  const setHeight = (0, _react.useCallback)(node => {
-    const currHeight = node && node.scrollHeight;
-
-    if (currHeight && maxHeight !== currHeight) {
-      setMaxHeight(currHeight);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [left, reCalcKey, maxHeight]);
-
-  const resetHeight = () => {
-    ref.current.style.maxHeight = 'none';
-  };
-
-  const formatStyle = _ref => {
-    let {
-      maxHeight: maxHeightInTransitionStyle
-    } = _ref;
-    return {
-      maxHeight: maxHeightInTransitionStyle
-    };
-  };
-
-  const shouldKeepDOM = () => keepDOM || collapseHeight !== 0;
-
-  const defaultMaxHeight = (0, _react.useMemo)(() => {
-    return isOpen || !shouldKeepDOM() && !motion ? 'none' : collapseHeight;
-  }, [collapseHeight, motion, isOpen, shouldKeepDOM]);
-
-  const renderChildren = transitionStyle => {
-    const transition = transitionStyle && typeof transitionStyle === 'object' ? formatStyle(transitionStyle) : {};
-    const wrapperstyle = (0, _assign.default)((0, _assign.default)({
-      overflow: 'hidden',
-      maxHeight: defaultMaxHeight
-    }, style), transition);
-
-    if (isFirst) {
-      wrapperstyle.maxHeight = defaultMaxHeight;
-    }
-
-    const wrapperCls = (0, _classnames.default)("".concat(_constants.cssClasses.PREFIX, "-wrapper"), className);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: wrapperstyle,
-      className: wrapperCls,
-      ref: ref
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: setHeight
-    }, children));
-  };
-
-  const didLeave = () => {
-    setLeft(true);
-    !shouldKeepDOM() && setMaxHeight(collapseHeight);
-  };
-
-  const renderContent = () => {
-    if (left && !shouldKeepDOM()) {
-      return null;
-    }
-
-    const mergedMotion = (0, _getMotionObjFromProps.default)({
-      didEnter: resetHeight,
-      didLeave,
-      motion
-    });
-    return /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition, (0, _assign.default)({
-      state: isOpen ? 'enter' : 'leave',
-      immediate: transitionImmediate,
-      from: {
-        maxHeight: 0
-      },
-      enter: {
-        maxHeight: {
-          val: maxHeight,
-          easing: ease,
-          duration
-        }
-      },
-      leave: {
-        maxHeight: {
-          val: collapseHeight,
-          easing: ease,
-          duration
-        }
-      }
-    }, mergedMotion), transitionStyle => renderChildren(motion ? transitionStyle : null));
-  };
-
-  return renderContent();
-};
-
-Collapsible.propType = {
-  motion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func, _propTypes.default.object]),
-  children: _propTypes.default.node,
-  isOpen: _propTypes.default.bool,
-  duration: _propTypes.default.number,
-  keepDOM: _propTypes.default.bool,
-  collapseHeight: _propTypes.default.number,
-  style: _propTypes.default.object,
-  className: _propTypes.default.string,
-  reCalcKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
-};
-Collapsible.defaultProps = {
-  isOpen: false,
-  duration: 250,
-  motion: true,
-  keepDOM: false,
-  collapseHeight: 0
-};
-var _default = Collapsible;
-exports.default = _default;

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Locale } from '../locale/interface';
-export interface ContextValue {
-    direction?: 'ltr' | 'rtl';
-    timeZone?: string | number;
-    locale?: Locale;
-    children?: React.ReactNode;
-    getPopupContainer?(): HTMLElement;
-}
-declare const ConfigContext: React.Context<ContextValue>;
-export default ConfigContext;

package/lib/cjs/configProvider/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 ConfigContext = /*#__PURE__*/_react.default.createContext({});
-
-var _default = ConfigContext;
-exports.default = _default;

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { ContextValue } from './context';
-export interface ConfigProviderProps extends ContextValue {
-}
-export default class ConfigProvider extends React.Component<ConfigProviderProps> {
-    static propTypes: {
-        locale: PropTypes.Requireable<object>;
-        timeZone: PropTypes.Requireable<string | number>;
-        getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
-        direction: PropTypes.Requireable<string>;
-    };
-    static defaultProps: {
-        locale: import("../locale/interface").Locale;
-        direction: string;
-    };
-    renderChilren(): React.ReactNode;
-    render(): JSX.Element;
-}