@douyinfe/semi-ui 2.22.0-beta.0 → 2.22.0-beta.1

package/lib/cjs/modal/Modal.js

@@ -33,6 +33,8 @@ var _confirm = _interopRequireWildcard(require("./confirm"));
 
 var _useModal = _interopRequireDefault(require("./useModal"));
 
+var _cssAnimation = _interopRequireDefault(require("../_cssAnimation"));
+
 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; }
@@ -67,19 +69,13 @@ class Modal extends _baseComponent.default {
       this.foundation.handleOk(e);
     };
 
-    this.updateHiddenState = () => {
+    this.updateState = () => {
       const {
         visible
       } = this.props;
-      const {
-        hidden
-      } = this.state;
-
-      if (!visible && !hidden) {
-        this.foundation.toggleHidden(true, () => this.foundation.afterClose());
-      } else if (visible && this.state.hidden) {
-        this.foundation.toggleHidden(false);
-      }
+      this.foundation.toggleDisplayNone(!visible);
+      const shouldRender = this.props.visible || this.props.keepDOM && (!this.props.lazyRender || this._haveRendered);
+      this.foundation.setShouldRender(shouldRender);
     };
 
     this.renderFooter = () => {
@@ -159,39 +155,62 @@ class Modal extends _baseComponent.default {
       }
 
       const classList = (0, _classnames.default)(className, {
-        ["".concat(_constants.cssClasses.DIALOG, "-displayNone")]: keepDOM && this.state.hidden && !visible
+        ["".concat(_constants.cssClasses.DIALOG, "-displayNone")]: keepDOM && this.state.displayNone
       });
-      const contentClassName = motion ? (0, _classnames.default)({
-        ["".concat(_constants.cssClasses.DIALOG, "-content-animate-hide")]: !visible,
-        ["".concat(_constants.cssClasses.DIALOG, "-content-animate-show")]: visible
-      }) : null;
-      const maskClassName = motion ? (0, _classnames.default)({
-        ["".concat(_constants.cssClasses.DIALOG, "-mask-animate-hide")]: !visible,
-        ["".concat(_constants.cssClasses.DIALOG, "-mask-animate-show")]: visible
-      }) : null;
+
+      if (this.state.shouldRender) {
+        this._haveRendered = true;
+      }
+
       return /*#__PURE__*/_react.default.createElement(_portal.default, {
         style: wrapperStyle,
         getPopupContainer: getPopupContainer
-      }, /*#__PURE__*/_react.default.createElement(_ModalContent.default, Object.assign({}, restProps, {
-        isFullScreen: this.state.isFullScreen,
-        contentClassName: contentClassName,
-        maskClassName: maskClassName,
-        className: classList,
-        getPopupContainer: getPopupContainer,
-        maskStyle: maskStyle,
-        style: style,
-        ref: this.modalRef,
+      }, /*#__PURE__*/_react.default.createElement(_cssAnimation.default, {
+        motion: this.props.motion,
+        animationState: visible ? 'enter' : 'leave',
+        startClassName: visible ? "".concat(_constants.cssClasses.DIALOG, "-content-animate-show") : "".concat(_constants.cssClasses.DIALOG, "-content-animate-hide"),
         onAnimationEnd: () => {
-          this.updateHiddenState();
-        },
-        footer: renderFooter,
-        onClose: this.handleCancel
-      })));
+          this.updateState();
+        }
+      }, _ref => {
+        let {
+          animationClassName,
+          animationEventsNeedBind
+        } = _ref;
+        return /*#__PURE__*/_react.default.createElement(_cssAnimation.default, {
+          motion: this.props.motion,
+          animationState: visible ? 'enter' : 'leave',
+          startClassName: visible ? "".concat(_constants.cssClasses.DIALOG, "-mask-animate-show") : "".concat(_constants.cssClasses.DIALOG, "-mask-animate-hide"),
+          onAnimationEnd: () => {
+            this.updateState();
+          }
+        }, _ref2 => {
+          let {
+            animationClassName: maskAnimationClassName,
+            animationEventsNeedBind: maskAnimationEventsNeedBind
+          } = _ref2;
+          return this.state.shouldRender ? /*#__PURE__*/_react.default.createElement(_ModalContent.default, Object.assign({}, restProps, {
+            contentExtraProps: animationEventsNeedBind,
+            maskExtraProps: maskAnimationEventsNeedBind,
+            isFullScreen: this.state.isFullScreen,
+            contentClassName: animationClassName,
+            maskClassName: maskAnimationClassName,
+            className: classList,
+            getPopupContainer: getPopupContainer,
+            maskStyle: maskStyle,
+            style: style,
+            ref: this.modalRef,
+            footer: renderFooter,
+            onClose: this.handleCancel
+          })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+        });
+      }));
     };
 
     this.state = {
-      hidden: !props.visible,
-      isFullScreen: props.fullScreen
+      displayNone: !props.visible,
+      isFullScreen: props.fullScreen,
+      shouldRender: this.props.visible || this.props.keepDOM && !this.props.lazyRender
     };
     this.foundation = new _modalFoundation.default(this.adapter);
     this.modalRef = /*#__PURE__*/_react.default.createRef();
@@ -231,15 +250,12 @@ class Modal extends _baseComponent.default {
         this.props.onOk(e);
       },
       notifyClose: () => {
-        var _a, _b;
-
-        (_b = (_a = this.props.motion) === null || _a === void 0 ? void 0 : _a.didLeave) === null || _b === void 0 ? void 0 : _b.call(_a);
         this.props.afterClose();
       },
-      toggleHidden: (hidden, callback) => {
-        if (hidden !== this.state.hidden) {
+      toggleDisplayNone: (displayNone, callback) => {
+        if (displayNone !== this.state.displayNone) {
           this.setState({
-            hidden
+            displayNone: displayNone
           }, callback || _noop2.default);
         }
       },
@@ -249,6 +265,13 @@ class Modal extends _baseComponent.default {
             isFullScreen
           });
         }
+      },
+      setShouldRender: shouldRender => {
+        if (shouldRender !== this.state.shouldRender) {
+          this.setState({
+            shouldRender
+          });
+        }
       }
     });
   }
@@ -260,6 +283,14 @@ class Modal extends _baseComponent.default {
       newState.isFullScreen = props.fullScreen;
     }
 
+    if (props.visible && prevState.displayNone) {
+      newState.displayNone = false;
+    } //
+    // if (!props.visible && !props.motion && !prevState.displayNone) {
+    //     newState.displayNone = true;
+    // }
+
+
     return newState;
   }
 
@@ -277,7 +308,6 @@ class Modal extends _baseComponent.default {
 
     if (this.props.visible) {
       this.foundation.beforeShow();
-      this._active = this._active || this.props.visible;
     }
   }
 
@@ -285,15 +315,16 @@ class Modal extends _baseComponent.default {
     // hide => show
     if (!prevProps.visible && this.props.visible) {
       this.foundation.beforeShow();
-    } // show => hide
+    }
 
+    const shouldRender = this.props.visible || this.props.keepDOM && (!this.props.lazyRender || this._haveRendered);
 
-    if (prevProps.visible && !this.props.visible) {
-      this.foundation.afterHide();
+    if (shouldRender === true && this.state.shouldRender === false) {
+      this.foundation.setShouldRender(true);
     }
 
-    if (!this.props.motion) {
-      this.updateHiddenState();
+    if (!prevState.displayNone && this.state.displayNone) {
+      this.foundation.afterHide();
     }
   }
 
@@ -309,14 +340,7 @@ class Modal extends _baseComponent.default {
       keepDOM,
       lazyRender
     } = this.props;
-    this._active = this._active || visible;
-    const shouldRender = (visible || keepDOM) && (!lazyRender || this._active) || !this.state.hidden;
-
-    if (shouldRender) {
-      return this.renderDialog();
-    }
-
-    return null;
+    return this.renderDialog();
   }
 
 }
@@ -349,7 +373,7 @@ Modal.propTypes = {
   header: _propTypes.default.node,
   footer: _propTypes.default.node,
   hasCancel: _propTypes.default.bool,
-  motion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func, _propTypes.default.object]),
+  motion: _propTypes.default.bool,
   children: _propTypes.default.node,
   getPopupContainer: _propTypes.default.func,
   getContainerContext: _propTypes.default.func,

package/lib/cjs/modal/ModalContent.js

@@ -88,11 +88,12 @@ class ModalContent extends _baseComponent.default {
       if (mask) {
         const className = (0, _classnames.default)("".concat(_constants.cssClasses.DIALOG, "-mask"), {// [`${cssClasses.DIALOG}-mask-hidden`]: !props.visible,
         });
-        return /*#__PURE__*/_react.default.createElement("div", {
-          key: "mask",
+        return /*#__PURE__*/_react.default.createElement("div", Object.assign({
+          key: "mask"
+        }, this.props.maskExtraProps, {
           className: (0, _classnames.default)(className, maskClassName),
           style: props.maskStyle
-        });
+        }));
       }
 
       return null;
@@ -360,7 +361,7 @@ class ModalContent extends _baseComponent.default {
 
     const elem = /*#__PURE__*/_react.default.createElement("div", {
       className: classList
-    }, this.getMaskElement(), /*#__PURE__*/_react.default.createElement("div", {
+    }, this.getMaskElement(), /*#__PURE__*/_react.default.createElement("div", Object.assign({
       role: "none",
       className: (0, _classnames.default)({
         ["".concat(_constants.cssClasses.DIALOG, "-wrap")]: true,
@@ -368,7 +369,7 @@ class ModalContent extends _baseComponent.default {
       }),
       onClick: maskClosable ? this.onMaskClick : null,
       onMouseUp: maskClosable ? this.onMaskMouseUp : null
-    }, this.getDialogElement())); // eslint-disable-next-line max-len
+    }, this.props.contentExtraProps), this.getDialogElement())); // eslint-disable-next-line max-len
 
 
     return containerContext && containerContext.Provider ? /*#__PURE__*/_react.default.createElement(containerContext.Provider, {

package/lib/cjs/modal/confirm.d.ts

@@ -17,7 +17,7 @@ export declare function withInfo(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -37,7 +37,7 @@ export declare function withInfo(props: ModalReactProps): {
     mask?: boolean;
     maskClosable?: boolean;
     maskFixed?: boolean;
-    motion?: import("@douyinfe/semi-foundation/lib/cjs/utils/type").Motion<any>;
+    motion?: boolean;
     okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     visible?: boolean;
@@ -60,7 +60,7 @@ export declare function withSuccess(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -80,7 +80,7 @@ export declare function withSuccess(props: ModalReactProps): {
     mask?: boolean;
     maskClosable?: boolean;
     maskFixed?: boolean;
-    motion?: import("@douyinfe/semi-foundation/lib/cjs/utils/type").Motion<any>;
+    motion?: boolean;
     okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     visible?: boolean;
@@ -103,7 +103,7 @@ export declare function withWarning(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -123,7 +123,7 @@ export declare function withWarning(props: ModalReactProps): {
     mask?: boolean;
     maskClosable?: boolean;
     maskFixed?: boolean;
-    motion?: import("@douyinfe/semi-foundation/lib/cjs/utils/type").Motion<any>;
+    motion?: boolean;
     okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     visible?: boolean;
@@ -146,7 +146,7 @@ export declare function withError(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -166,7 +166,7 @@ export declare function withError(props: ModalReactProps): {
     mask?: boolean;
     maskClosable?: boolean;
     maskFixed?: boolean;
-    motion?: import("@douyinfe/semi-foundation/lib/cjs/utils/type").Motion<any>;
+    motion?: boolean;
     okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     visible?: boolean;
@@ -189,7 +189,7 @@ export declare function withConfirm(props: ModalReactProps): {
     bodyStyle?: React.CSSProperties;
     maskStyle?: React.CSSProperties;
     style?: React.CSSProperties;
-    icon: React.ReactNode | JSX.Element;
+    icon: string | number | boolean | React.ReactFragment | JSX.Element;
     closeIcon?: React.ReactNode;
     title?: React.ReactNode;
     content?: React.ReactNode;
@@ -209,7 +209,7 @@ export declare function withConfirm(props: ModalReactProps): {
     mask?: boolean;
     maskClosable?: boolean;
     maskFixed?: boolean;
-    motion?: import("@douyinfe/semi-foundation/lib/cjs/utils/type").Motion<any>;
+    motion?: boolean;
     okText?: string;
     okType?: import("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation").OKType;
     visible?: boolean;

package/lib/cjs/modal/confirm.js

@@ -10,8 +10,6 @@ exports.withInfo = withInfo;
 exports.withSuccess = withSuccess;
 exports.withWarning = withWarning;
 
-var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
@@ -50,21 +48,9 @@ function confirm(props) {
     }
   };
 
-  const mergedMotion = typeof props.motion === 'undefined' || props.motion ? Object.assign(Object.assign({}, props.motion), {
-    didLeave: function () {
-      const didLeave = (0, _get2.default)(props.motion, 'didLeave');
-
-      if (typeof didLeave === 'function') {
-        didLeave(...arguments);
-      }
-
-      destroy();
-    }
-  }) : false;
-
   function render(renderProps) {
     _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_ConfirmModal.default, Object.assign({}, renderProps, {
-      motion: mergedMotion
+      motion: props.motion
     })), div);
   }
 

package/lib/cjs/modal/useModal/HookModal.d.ts

@@ -1,10 +1,8 @@
 import React from 'react';
 import { ConfirmProps } from '../confirm';
-import { Motion } from '../../_base/base';
 interface HookModalProps {
     afterClose: (...args: any[]) => void;
     config: ConfirmProps;
-    motion?: Motion;
 }
 export interface HookModalRef {
     destroy: () => void;

package/lib/cjs/modal/useModal/HookModal.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _ConfirmModal = _interopRequireDefault(require("../ConfirmModal"));
@@ -45,25 +43,15 @@ const HookModal = (_a, ref) => {
     }
   }));
 
-  const {
-    motion
-  } = props;
-  /* istanbul ignore next */
-
-  const mergedMotion = typeof motion === 'undefined' || motion ? Object.assign(Object.assign({}, motion), {
-    didLeave: function () {
-      const didLeave = (0, _get2.default)(props.motion, 'didLeave');
+  const mergeAfterClose = () => {
+    var _a;
 
-      if (typeof didLeave === 'function') {
-        didLeave(...arguments);
-      }
+    (_a = config === null || config === void 0 ? void 0 : config.afterClose) === null || _a === void 0 ? void 0 : _a.call(config);
+    afterClose();
+  };
 
-      afterClose();
-    }
-  }) : false;
   return /*#__PURE__*/_react.default.createElement(_ConfirmModal.default, Object.assign({}, innerConfig, {
-    // visible={!visible ? visible : undefined}
-    motion: mergedMotion
+    afterClose: mergeAfterClose
   }));
 };
 

package/lib/cjs/navigation/Footer.d.ts

@@ -13,7 +13,7 @@ export default class NavFooter extends PureComponent<NavFooterProps> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
-        collapseButton: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        collapseButton: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         collapseText: PropTypes.Requireable<(...args: any[]) => any>;
     };
     static defaultProps: {

package/lib/cjs/navigation/Header.d.ts

@@ -15,8 +15,8 @@ export default class NavHeader extends PureComponent<NavHeaderProps> {
     static contextType: React.Context<NavContextType>;
     static propTypes: {
         prefixCls: PropTypes.Requireable<string>;
-        logo: PropTypes.Requireable<object | PropTypes.ReactNodeLike>;
-        text: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        logo: PropTypes.Requireable<NonNullable<object | PropTypes.ReactNodeLike>>;
+        text: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
@@ -27,6 +27,6 @@ export default class NavHeader extends PureComponent<NavHeaderProps> {
         prefixCls: string;
     };
     context: NavContextType;
-    renderLogo(logo: React.ReactNode): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    renderLogo(logo: React.ReactNode): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
     render(): JSX.Element;
 }

package/lib/cjs/navigation/Item.d.ts

@@ -28,18 +28,18 @@ export interface NavItemState {
 export default class NavItem extends BaseComponent<NavItemProps, NavItemState> {
     static contextType: React.Context<NavContextType>;
     static propTypes: {
-        text: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        itemKey: PropTypes.Requireable<string | number>;
+        text: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        itemKey: PropTypes.Requireable<NonNullable<string | number>>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         className: PropTypes.Requireable<string>;
         toggleIcon: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         forwardRef: PropTypes.Requireable<(...args: any[]) => any>;
-        indent: PropTypes.Requireable<number | boolean>;
+        indent: PropTypes.Requireable<NonNullable<number | boolean>>;
         isCollapsed: PropTypes.Requireable<boolean>;
         isSubNav: PropTypes.Requireable<boolean>;
         link: PropTypes.Requireable<string>;

package/lib/cjs/navigation/Item.js

@@ -200,7 +200,8 @@ class NavItem extends _baseComponent.default {
     if (typeof link === 'string') {
       itemChildren = /*#__PURE__*/_react.default.createElement("a", Object.assign({
         className: "".concat(prefixCls, "-item-link"),
-        href: link
+        href: link,
+        tabIndex: -1
       }, linkOptions), itemChildren);
     }
 
@@ -222,7 +223,8 @@ class NavItem extends _baseComponent.default {
         onClick: this.handleClick,
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,
-        disabled: disabled
+        disabled: disabled,
+        onKeyDown: this.handleKeyPress
       }, itemChildren);
     } else {
       // Items are divided into normal and sub-wrap
@@ -242,9 +244,13 @@ class NavItem extends _baseComponent.default {
         ariaProps['aria-expanded'] = isOpen;
       }
 
-      itemDom = /*#__PURE__*/_react.default.createElement("li", Object.assign({
-        role: "menuitem",
-        tabIndex: -1
+      itemDom =
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+      _react.default.createElement("li", Object.assign({
+        // if role = menuitem, the narration will read all expanded li
+        role: isSubNav ? null : "menuitem",
+        tabIndex: isSubNav ? -1 : 0
       }, ariaProps, {
         style: style,
         ref: this.setItemRef,

package/lib/cjs/navigation/OpenIconTransition.d.ts

@@ -1,15 +1 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export interface OpenIconTransitionProps {
-    children?: React.ReactNode | ((transitionArgus?: any) => React.ReactNode);
-    isCollapsed?: boolean;
-    isOpen?: boolean;
-}
-declare function OpenIconTransition(props?: OpenIconTransitionProps): JSX.Element;
-declare namespace OpenIconTransition {
-    var propTypes: {
-        isOpen: PropTypes.Validator<boolean>;
-        children: PropTypes.Validator<any>;
-    };
-}
-export default OpenIconTransition;
+

package/lib/cjs/navigation/OpenIconTransition.js

@@ -1,82 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _semiAnimationReact = require("@douyinfe/semi-animation-react");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-const formatStyle = function formatStyle(_ref) {
-  let {
-    rotate = 0
-  } = _ref;
-  return {
-    transform: "rotate(".concat(Math.ceil(rotate), "deg)")
-  };
-};
-
-function OpenIconTransition() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const {
-    children,
-    isOpen
-  } = props;
-  const [immediate, setImmediate] = (0, _react.useState)(true);
-  (0, _react.useEffect)(() => {
-    setImmediate(false);
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_semiAnimationReact.Transition, {
-    immediate: immediate,
-    state: isOpen ? 'enter' : 'leave',
-    from: {
-      rotate: 0
-    },
-    enter: {
-      rotate: {
-        val: 180,
-        duration: 200,
-        easing: 'cubic-bezier(.62, .05, .36, .95)'
-      }
-    },
-    leave: {
-      rotate: {
-        val: 0,
-        duration: 200,
-        easing: 'cubic-bezier(.62, .05, .36, .95)'
-      }
-    }
-  }, transitionStyle => {
-    const formatedStyle = formatStyle(transitionStyle);
-
-    if (typeof children === 'function') {
-      return children(formatedStyle);
-    }
-
-    if ( /*#__PURE__*/_react.default.isValidElement(children)) {
-      return /*#__PURE__*/_react.default.cloneElement(children, {
-        // @ts-ignore
-        style: Object.assign(Object.assign({}, children.props && children.props.style), formatedStyle)
-      });
-    }
-
-    return children;
-  });
-}
-
-OpenIconTransition.propTypes = {
-  isOpen: _propTypes.default.bool.isRequired,
-  children: _propTypes.default.any.isRequired
-};
-var _default = OpenIconTransition;
-exports.default = _default;
+"use strict";

package/lib/cjs/navigation/SubNav.d.ts

@@ -32,11 +32,11 @@ export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
         /**
          * Unique identification
          */
-        itemKey: PropTypes.Requireable<string | number>;
+        itemKey: PropTypes.Requireable<NonNullable<string | number>>;
         /**
          * Copywriting
          */
-        text: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        text: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         /**
          * Whether child navigation is expanded
          */
@@ -48,7 +48,7 @@ export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
         /**
          * Whether to keep the left Icon placeholder
          */
-        indent: PropTypes.Requireable<number | boolean>;
+        indent: PropTypes.Requireable<NonNullable<number | boolean>>;
         /**
          * Nested child elements
          */
@@ -61,7 +61,7 @@ export default class SubNav extends BaseComponent<SubNavProps, SubNavState> {
         /**
          * Icon name on the left
          */
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        icon: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         /**
          * Maximum height (for animation)
          */