@nutui/nutui-react 2.3.11 → 2.3.12

package/dist/esm/Notify.js

@@ -1,160 +1,81 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
-function _createSuper(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct();
-  return function _createSuperInternal() {
-    var Super = _getPrototypeOf(Derived), result;
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _getPrototypeOf(this).constructor;
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-    return _possibleConstructorReturn(this, result);
-  };
-}
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct)
-    return false;
-  if (Reflect.construct.sham)
-    return false;
-  if (typeof Proxy === "function")
-    return true;
-  try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-    }));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
 import * as React from "react";
 import classNames from "classnames";
 import { CSSTransition } from "react-transition-group";
 import { r as render, u as unmount } from "./render.js";
 import { C as ComponentDefaults } from "./typings.js";
-import "react-dom";
-var classPrefix = "nut-notify";
-var Notification = /* @__PURE__ */ function(_React$PureComponent) {
-  _inherits(Notification2, _React$PureComponent);
-  var _super = _createSuper(Notification2);
-  function Notification2(props) {
-    var _this;
-    _classCallCheck(this, Notification2);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "closeTimer", void 0);
-    _this.close = _this.close.bind(_assertThisInitialized(_this));
-    _this.startCloseTimer = _this.startCloseTimer.bind(_assertThisInitialized(_this));
-    _this.clearCloseTimer = _this.clearCloseTimer.bind(_assertThisInitialized(_this));
-    _this.clickCover = _this.clickCover.bind(_assertThisInitialized(_this));
-    _this.state = {
+const classPrefix = "nut-notify";
+class Notification extends React.PureComponent {
+  constructor(props) {
+    super(props);
+    this.close = this.close.bind(this);
+    this.startCloseTimer = this.startCloseTimer.bind(this);
+    this.clearCloseTimer = this.clearCloseTimer.bind(this);
+    this.clickCover = this.clickCover.bind(this);
+    this.state = {
       show: true
     };
-    return _this;
   }
-  _createClass(Notification2, [{
-    key: "close",
-    value: function close() {
-      this.setState({
-        show: false
-      });
-      this.clearCloseTimer();
-      if (this.props.id) {
-        var element = document.getElementById(this.props.id);
-        element && element.parentNode && element.parentNode.removeChild(element);
-      }
-      this.props.onClose();
-    }
-  }, {
-    key: "startCloseTimer",
-    value: function startCloseTimer() {
-      var _this2 = this;
-      var duration = this.props.duration;
-      if (duration) {
-        this.closeTimer = window.setTimeout(function() {
-          _this2.close();
-        }, duration);
-      }
-    }
-  }, {
-    key: "clearCloseTimer",
-    value: function clearCloseTimer() {
-      if (this.closeTimer) {
-        clearTimeout(this.closeTimer);
-        this.closeTimer = -1;
-      }
-    }
-  }, {
-    key: "clickCover",
-    value: function clickCover() {
-      this.props.onClick();
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.startCloseTimer();
+  close() {
+    this.setState({
+      show: false
+    });
+    this.clearCloseTimer();
+    if (this.props.id) {
+      const element = document.getElementById(this.props.id);
+      element && element.parentNode && element.parentNode.removeChild(element);
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.clearCloseTimer();
+    this.props.onClose();
+  }
+  startCloseTimer() {
+    const { duration } = this.props;
+    if (duration) {
+      this.closeTimer = window.setTimeout(() => {
+        this.close();
+      }, duration);
     }
-  }, {
-    key: "render",
-    value: function render2() {
-      var _this$props = this.props, style = _this$props.style, message = _this$props.message, type = _this$props.type, className = _this$props.className, position = _this$props.position;
-      var show = this.state.show;
-      var classes = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-popup-top"), position === "top"), "".concat(classPrefix, "-popup-bottom"), position === "bottom"), "".concat(classPrefix), true), "".concat(classPrefix, "-").concat(type), true));
-      return React.createElement(React.Fragment, null, React.createElement(CSSTransition, {
-        "in": show,
-        timeout: 300,
-        classNames: "fade",
-        unmountOnExit: true,
-        appear: true,
-        position
-      }, React.createElement("div", {
-        className: "".concat(classes, " ").concat(className),
-        style,
-        onClick: this.clickCover
-      }, message)));
+  }
+  clearCloseTimer() {
+    if (this.closeTimer) {
+      clearTimeout(this.closeTimer);
+      this.closeTimer = -1;
     }
-  }]);
-  return Notification2;
-}(React.PureComponent);
-_defineProperty(Notification, "newInstance", void 0);
-Notification.newInstance = function(properties, callback) {
-  var element = document.createElement("div");
-  var id = properties.id ? properties.id : "".concat((/* @__PURE__ */ new Date()).getTime());
+  }
+  clickCover() {
+    this.props.onClick();
+  }
+  componentDidMount() {
+    this.startCloseTimer();
+  }
+  componentWillUnmount() {
+    this.clearCloseTimer();
+  }
+  render() {
+    const { style, message, type, className, position } = this.props;
+    const { show } = this.state;
+    const classes = classNames({
+      [`${classPrefix}-popup-top`]: position === "top",
+      [`${classPrefix}-popup-bottom`]: position === "bottom",
+      [`${classPrefix}`]: true,
+      [`${classPrefix}-${type}`]: true
+    });
+    return React.createElement(
+      React.Fragment,
+      null,
+      React.createElement(
+        CSSTransition,
+        { in: show, timeout: 300, classNames: "fade", unmountOnExit: true, appear: true, position },
+        React.createElement("div", { className: `${classes} ${className}`, style, onClick: this.clickCover }, message)
+      )
+    );
+  }
+}
+Notification.newInstance = (properties, callback) => {
+  const element = document.createElement("div");
+  const id = properties.id ? properties.id : `${(/* @__PURE__ */ new Date()).getTime()}`;
   element.id = id;
   properties.id = id;
   document.body.appendChild(element);
-  var called = false;
+  let called = false;
   function ref(instance) {
     if (called) {
       return;
@@ -162,91 +83,62 @@ Notification.newInstance = function(properties, callback) {
     called = true;
     callback({
       component: instance,
-      destroy: function destroy() {
-        setTimeout(function() {
+      destroy() {
+        setTimeout(() => {
           unmount(element);
           element && element.parentNode && element.parentNode.removeChild(element);
         }, 300);
       }
     });
   }
-  render(React.createElement(Notification, _objectSpread(_objectSpread({}, properties), {}, {
-    ref
-  })), element);
+  render(React.createElement(Notification, Object.assign({}, properties, { ref })), element);
 };
-var messageInstance = null;
-var options = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  id: "",
-  duration: 3e3,
-  type: "danger",
-  position: "top",
-  onClose: function onClose() {
-  },
-  onClick: function onClick() {
-  }
-});
+let messageInstance = null;
+const options = Object.assign(Object.assign({}, ComponentDefaults), { id: "", duration: 3e3, type: "danger", position: "top", onClose: () => {
+}, onClick: () => {
+} });
 function getInstance(props, callback) {
   if (messageInstance) {
     messageInstance.destroy();
     messageInstance = null;
   }
-  Notification.newInstance(props, function(notification) {
+  Notification.newInstance(props, (notification) => {
     return callback && callback(notification);
   });
 }
 function notice(opts) {
-  opts = _objectSpread(_objectSpread({}, options), opts);
-  getInstance(opts, function(notification) {
+  opts = Object.assign(Object.assign({}, options), opts);
+  getInstance(opts, (notification) => {
     messageInstance = notification;
   });
 }
-var errorMsg = function errorMsg2(message) {
+const errorMsg = (message) => {
   if (!message) {
     console.warn("[NutUI Notify]: message不能为空");
   }
 };
-var Notify = {
-  text: function text(message) {
-    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+const Notify = {
+  text(message, option = {}) {
     errorMsg(message);
-    return notice(_objectSpread({
-      message,
-      type: "base"
-    }, option));
+    return notice(Object.assign({ message, type: "base" }, option));
   },
-  success: function success(message) {
-    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  success(message, option = {}) {
     errorMsg(message);
-    return notice(_objectSpread({
-      message,
-      type: "success"
-    }, option));
+    return notice(Object.assign({ message, type: "success" }, option));
   },
-  primary: function primary(message) {
-    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  primary(message, option = {}) {
     errorMsg(message);
-    return notice(_objectSpread({
-      message,
-      type: "primary"
-    }, option));
+    return notice(Object.assign({ message, type: "primary" }, option));
   },
-  danger: function danger(message) {
-    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  danger(message, option = {}) {
     errorMsg(message);
-    return notice(_objectSpread({
-      message,
-      type: "danger"
-    }, option));
+    return notice(Object.assign({ message, type: "danger" }, option));
   },
-  warn: function warn(message) {
-    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  warn(message, option = {}) {
     errorMsg(message);
-    return notice(_objectSpread({
-      message,
-      type: "warning"
-    }, option));
+    return notice(Object.assign({ message, type: "warning" }, option));
   },
-  hide: function hide() {
+  hide() {
     if (messageInstance) {
       messageInstance.destroy();
       messageInstance = null;

package/dist/esm/NumberKeyboard.js

@@ -1,115 +1,65 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["title", "rightActions", "confirmText", "visible", "type", "custom", "random", "style", "className", "onChange", "onDelete", "onClose", "onConfirm"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useMemo, useState } from "react";
 import classNames from "classnames";
 import { ArrowDown } from "@nutui/icons-react";
 import Popup from "./Popup.js";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  visible: false,
-  rightActions: "",
-  type: "default",
-  custom: [],
-  random: false,
-  onClose: function onClose() {
-  }
-});
-var NumberKeyboard = function NumberKeyboard2(props) {
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var title = props.title, rightActions = props.rightActions, confirmText = props.confirmText, visible = props.visible, type = props.type, custom = props.custom, random = props.random, style = props.style, className = props.className, onChange = props.onChange, onDelete = props.onDelete, onClose2 = props.onClose, onConfirm = props.onConfirm, rest = _objectWithoutProperties(props, _excluded);
-  var classPrefix = "nut-numberkeyboard";
-  var getBasicKeys = function getBasicKeys2() {
-    var keys = new Array(9).fill(0).map(function(_, index) {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, rightActions: "", type: "default", custom: [], random: false, onClose: () => {
+} });
+const NumberKeyboard = (props) => {
+  const { locale } = useConfig();
+  const { title, rightActions, confirmText, visible, type, custom, random, style, className, onChange, onDelete, onClose, onConfirm } = props, rest = __rest(props, ["title", "rightActions", "confirmText", "visible", "type", "custom", "random", "style", "className", "onChange", "onDelete", "onClose", "onConfirm"]);
+  const classPrefix = "nut-numberkeyboard";
+  const getBasicKeys = () => {
+    const keys = new Array(9).fill(0).map((_, index) => {
       return {
         id: String(index + 1),
         type: "num"
       };
     });
-    return random ? keys.sort(function() {
-      return Math.random() > 0.5 ? 1 : -1;
-    }) : keys;
+    return random ? keys.sort(() => Math.random() > 0.5 ? 1 : -1) : keys;
   };
-  var getCustomKeys = function getCustomKeys2() {
-    var customKeys = [{
-      id: "close",
-      type: "close"
-    }, {
-      id: "0",
-      type: "num"
-    }, {
-      id: "delete",
-      type: "delete"
-    }];
+  const getCustomKeys = () => {
+    const customKeys = [
+      { id: "close", type: "close" },
+      { id: "0", type: "num" },
+      { id: "delete", type: "delete" }
+    ];
     if (!custom)
       return customKeys;
     if (custom.length > 0) {
-      customKeys[0] = {
-        id: custom[0],
-        type: "custom"
-      };
+      customKeys[0] = { id: custom[0], type: "custom" };
     }
     if (custom.length > 1) {
-      customKeys[2] = {
-        id: custom[1],
-        type: "custom"
-      };
+      customKeys[2] = { id: custom[1], type: "custom" };
     }
     return customKeys;
   };
-  var keysList = useMemo(function() {
-    return [].concat(_toConsumableArray(getBasicKeys()), _toConsumableArray(getCustomKeys()));
+  const keysList = useMemo(() => {
+    return [...getBasicKeys(), ...getCustomKeys()];
   }, [type, random, custom]);
-  var DeleteIcon = function DeleteIcon2() {
-    return React__default.createElement("svg", {
-      viewBox: "0 0 1024 1024",
-      width: "28",
-      height: "28"
-    }, React__default.createElement("path", {
-      d: "M875.594 186.122H390.803a51.162 51.162 0 0 0-36.18 14.986L79.91 475.821a51.166 51.166 0 0 0 0 72.358l274.714 274.712a51.164 51.164 0 0 0 36.179 14.986h484.791c46.033 0 83.484-37.45 83.484-83.483V269.606c.001-46.033-37.45-83.484-83.483-83.484zm32.32 568.274c0 17.85-14.473 32.318-32.32 32.318H390.803L116.089 512l274.714-274.714h484.791c17.849 0 32.32 14.47 32.32 32.32v484.789z",
-      fill: "currentColor"
-    }), React__default.createElement("path", {
-      d: "M753.945 360.214l-121.43 121.429-121.43-121.429s-16.062-8.224-30.356 6.072c-14.295 14.295-6.073 30.357-6.073 30.357l121.43 121.428L486.8 627.357s-8.222 16.062 6.072 30.357c14.297 14.296 30.358 6.072 30.358 6.072l109.286-109.285 109.286 109.285s16.062 8.224 30.357-6.072c14.295-14.295 6.07-30.357 6.07-30.357L668.944 518.072l121.431-121.43s8.22-16.061-6.074-30.356c-14.294-14.296-30.356-6.072-30.356-6.072z",
-      fill: "currentColor"
-    }));
+  const DeleteIcon = () => {
+    return React__default.createElement(
+      "svg",
+      { viewBox: "0 0 1024 1024", width: "28", height: "28" },
+      React__default.createElement("path", { d: "M875.594 186.122H390.803a51.162 51.162 0 0 0-36.18 14.986L79.91 475.821a51.166 51.166 0 0 0 0 72.358l274.714 274.712a51.164 51.164 0 0 0 36.179 14.986h484.791c46.033 0 83.484-37.45 83.484-83.483V269.606c.001-46.033-37.45-83.484-83.483-83.484zm32.32 568.274c0 17.85-14.473 32.318-32.32 32.318H390.803L116.089 512l274.714-274.714h484.791c17.849 0 32.32 14.47 32.32 32.32v484.789z", fill: "currentColor" }),
+      React__default.createElement("path", { d: "M753.945 360.214l-121.43 121.429-121.43-121.429s-16.062-8.224-30.356 6.072c-14.295 14.295-6.073 30.357-6.073 30.357l121.43 121.428L486.8 627.357s-8.222 16.062 6.072 30.357c14.297 14.296 30.358 6.072 30.358 6.072l109.286-109.285 109.286 109.285s16.062 8.224 30.357-6.072c14.295-14.295 6.07-30.357 6.07-30.357L668.944 518.072l121.431-121.43s8.22-16.061-6.074-30.356c-14.294-14.296-30.356-6.072-30.356-6.072z", fill: "currentColor" })
+    );
   };
-  var NumberKeyboardKey = function NumberKeyboardKey2(props2) {
-    var item = props2.item;
-    var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), active = _useState2[0], setActive = _useState2[1];
-    var _onTouchStart = function onTouchStart() {
+  const NumberKeyboardKey = (props2) => {
+    const { item } = props2;
+    const [active, setActive] = useState(false);
+    const onTouchStart = () => {
       setActive(true);
     };
-    var _onTouchEnd = function onTouchEnd(item2) {
+    const onTouchEnd = (item2) => {
       setActive(false);
       if (item2.type === "num" || item2.type === "custom") {
         onChange && onChange(item2.id);
       }
       if (item2.type === "close") {
-        onClose2 && onClose2();
+        onClose && onClose();
       }
       if (item2.type === "delete") {
         onDelete && onDelete();
@@ -118,74 +68,58 @@ var NumberKeyboard = function NumberKeyboard2(props) {
         onConfirm && onConfirm();
       }
     };
-    return React__default.createElement("div", {
-      key: item.id,
-      className: "".concat(classPrefix, "-body-wrapper")
-    }, React__default.createElement("div", {
-      className: classNames({
-        key: true,
-        active,
-        close: item.type === "close",
-        "delete": item.type === "delete",
-        confirm: item.type === "confirm"
-      }),
-      onTouchStart: function onTouchStart() {
-        return _onTouchStart();
-      },
-      onTouchEnd: function onTouchEnd() {
-        return _onTouchEnd(item);
-      },
-      onTouchCancel: function onTouchCancel() {
-        return _onTouchEnd(item);
-      }
-    }, (item.type === "num" || item.type === "custom") && React__default.createElement("div", null, item.id), item.type === "delete" && React__default.createElement(DeleteIcon, null), item.type === "close" && React__default.createElement(ArrowDown, {
-      width: 18,
-      height: 18
-    }), item.type === "confirm" && React__default.createElement(React__default.Fragment, null, confirmText || locale.done)));
+    return React__default.createElement(
+      "div",
+      { key: item.id, className: `${classPrefix}-body-wrapper` },
+      React__default.createElement(
+        "div",
+        { className: classNames({
+          key: true,
+          active,
+          close: item.type === "close",
+          delete: item.type === "delete",
+          confirm: item.type === "confirm"
+        }), onTouchStart: () => onTouchStart(), onTouchEnd: () => onTouchEnd(item), onTouchCancel: () => onTouchEnd(item) },
+        (item.type === "num" || item.type === "custom") && React__default.createElement("div", null, item.id),
+        item.type === "delete" && React__default.createElement(DeleteIcon, null),
+        item.type === "close" && React__default.createElement(ArrowDown, { width: 18, height: 18 }),
+        item.type === "confirm" && React__default.createElement(React__default.Fragment, null, confirmText || locale.done)
+      )
+    );
   };
-  return React__default.createElement(Popup, _objectSpread({
-    visible,
-    position: "bottom",
-    onOverlayClick: onClose2,
-    onCloseIconClick: onClose2,
-    zIndex: 9999,
-    overlayStyle: {
-      backgroundColor: "rgba(0, 0, 0, 0)"
-    }
-  }, rest), React__default.createElement("div", {
-    className: classNames(classPrefix, className),
-    style
-  }, title && React__default.createElement("div", {
-    className: "".concat(classPrefix, "-header")
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-header-title")
-  }, title), type === "default" && React__default.createElement("span", {
-    className: "".concat(classPrefix, "-header-close"),
-    onClick: onConfirm
-  }, rightActions || locale.done)), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-body")
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-body-keys")
-  }, keysList === null || keysList === void 0 ? void 0 : keysList.map(function(item) {
-    return React__default.createElement(NumberKeyboardKey, {
-      key: item.id,
-      item
-    });
-  })), type === "rightColumn" && React__default.createElement("div", {
-    className: "".concat(classPrefix, "-sidebar")
-  }, React__default.createElement(NumberKeyboardKey, {
-    key: "delete",
-    item: {
-      id: "delete",
-      type: "delete"
-    }
-  }), React__default.createElement(NumberKeyboardKey, {
-    key: "confirm",
-    item: {
-      id: "confirm",
-      type: "confirm"
-    }
-  })))));
+  return React__default.createElement(
+    Popup,
+    Object.assign({ visible, position: "bottom", onOverlayClick: onClose, onCloseIconClick: onClose, zIndex: 9999, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" } }, rest),
+    React__default.createElement(
+      "div",
+      { className: classNames(classPrefix, className), style },
+      title && React__default.createElement(
+        "div",
+        { className: `${classPrefix}-header` },
+        React__default.createElement("div", { className: `${classPrefix}-header-title` }, title),
+        type === "default" && React__default.createElement("span", { className: `${classPrefix}-header-close`, onClick: onConfirm }, rightActions || locale.done)
+      ),
+      React__default.createElement(
+        "div",
+        { className: `${classPrefix}-body` },
+        React__default.createElement("div", { className: `${classPrefix}-body-keys` }, keysList === null || keysList === void 0 ? void 0 : keysList.map((item) => {
+          return React__default.createElement(NumberKeyboardKey, { key: item.id, item });
+        })),
+        type === "rightColumn" && React__default.createElement(
+          "div",
+          { className: `${classPrefix}-sidebar` },
+          React__default.createElement(NumberKeyboardKey, { key: "delete", item: {
+            id: "delete",
+            type: "delete"
+          } }),
+          React__default.createElement(NumberKeyboardKey, { key: "confirm", item: {
+            id: "confirm",
+            type: "confirm"
+          } })
+        )
+      )
+    )
+  );
 };
 NumberKeyboard.defaultProps = defaultProps;
 NumberKeyboard.displayName = "NutNumberKeyboard";

package/dist/esm/Overlay.js

@@ -1,12 +1,4 @@
 import { O as Overlay } from "./overlay2.js";
-import "react";
-import "react-transition-group";
-import "classnames";
-import "./typings.js";
-import "./use-touch.js";
-import "./get-scroll-parent.js";
-import "./can-use-dom.js";
-import "./supports-passive.js";
 export {
   Overlay as default
 };