@pisell/materials 2.2.47 → 2.2.49

package/lib/components/tabs/index.js

@@ -35,73 +35,73 @@ module.exports = __toCommonJS(tabs_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_warning = require("../../utils/warning");
+var import_badge = __toESM(require("./../badge"));
 var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
 var prefix = "pisell-lowcode-";
 var Tabs = class extends import_react.Component {
-  constructor() {
-    super(...arguments);
-    this.state = {
-      activeKey: this.props.activeKey ?? this.props.defaultActiveKey
-    };
-    this._handleChange = (key) => {
-      this.setActiveKey(key);
-    };
-    // 编辑器里可以通过 this.$(refId).setActiveKey(key) 调用
-    this.setActiveKey = (key) => {
-      const { onChange = () => {
-      } } = this.props;
-      this.setState({ activeKey: key });
-      onChange(key);
-    };
-    // 编辑器里可以通过 this.$(refId).getActiveKey() 调用
-    this.getActiveKey = () => {
-      return this.state.activeKey;
+  state = {
+    activeKey: this.props.activeKey ?? this.props.defaultActiveKey
+  };
+  componentDidMount() {
+    document.body.id = "body";
+  }
+  _handleChange = (key) => {
+    this.setActiveKey(key);
+  };
+  // 编辑器里可以通过 this.$(refId).setActiveKey(key) 调用
+  setActiveKey = (key) => {
+    const { onChange = () => {
+    } } = this.props;
+    this.setState({ activeKey: key });
+    onChange(key);
+  };
+  // 编辑器里可以通过 this.$(refId).getActiveKey() 调用
+  getActiveKey = () => {
+    return this.state.activeKey;
+  };
+  renderIconLabelTabBar = (props, DefaultTabBar) => {
+    var _a;
+    const { items, sidebarWidth } = this.props;
+    let wrapStyle = {
+      gap: props.tabBarGutter
     };
-    this.renderIconLabelTabBar = (props, DefaultTabBar) => {
-      var _a;
-      const { items, sidebarWidth } = this.props;
-      let wrapStyle = {
-        gap: props.tabBarGutter
+    if (["left", "right"].includes(props.tabPosition)) {
+      wrapStyle = {
+        ...wrapStyle,
+        width: sidebarWidth || 130
       };
-      if (["left", "right"].includes(props.tabPosition)) {
-        wrapStyle = {
-          ...wrapStyle,
-          width: sidebarWidth || 130
-        };
-      }
-      return /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_classnames.default)(
-            "pisell-lowcode-tabs-nav",
-            `${prefix}tab-bar-wrap`,
-            `${prefix}tab-bar-wrap-${props.tabPosition}`,
-            (_a = this.props) == null ? void 0 : _a.className
-          ),
-          style: wrapStyle
-        },
-        this.filterHiddenTabs(items).map((item) => {
-          return /* @__PURE__ */ import_react.default.createElement(
-            "div",
-            {
-              className: (0, import_classnames.default)(`${prefix}tab-bar-item`, {
-                [`${prefix}tab-bar-item-active`]: item.key === props.activeKey
-              }),
-              key: item.key,
-              onClick: (e) => props.onTabClick(item.key, e)
-            },
-            /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { count: item.badge, offset: [0, 6] }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}tab-bar-icon-wrap` }, item.icon)),
-            /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}tab-bar-label` }, item.label)
-          );
-        }),
-        props.extra
-      );
-    };
-    this.filterHiddenTabs = (tabs) => {
-      return tabs.filter((item) => !item.hidden);
-    };
-  }
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "pisell-lowcode-tabs-nav",
+          `${prefix}tab-bar-wrap`,
+          `${prefix}tab-bar-wrap-${props.tabPosition}`,
+          (_a = this.props) == null ? void 0 : _a.className
+        ),
+        style: wrapStyle
+      },
+      this.filterHiddenTabs(items).map((item) => {
+        return /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: (0, import_classnames.default)(`${prefix}tab-bar-item`, {
+              [`${prefix}tab-bar-item-active`]: item.key === props.activeKey
+            }),
+            key: item.key,
+            onClick: (e) => props.onTabClick(item.key, e)
+          },
+          /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}tab-bar-label` }, item.label)
+        );
+      }),
+      props.extra
+    );
+  };
+  filterHiddenTabs = (tabs) => {
+    return tabs.filter((item) => !item.hidden);
+  };
   render() {
     const { props } = this;
     const { activeKey } = this.state;
@@ -131,6 +131,14 @@ var Tabs = class extends import_react.Component {
         type: "line"
       };
     }
+    if (type === "line") {
+      items = items.map((item) => {
+        return {
+          ...item,
+          label: /* @__PURE__ */ import_react.default.createElement("div", { style: { margin: "0 9px" } }, /* @__PURE__ */ import_react.default.createElement(import_badge.default, { styleType: "default", count: item.badge, offset: [18, 10] }, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}tab-bar-label` }, item.label)))
+        };
+      });
+    }
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd.Tabs,
       {

package/lib/components/tabs/index.less

@@ -31,7 +31,7 @@
     border-radius: 99px;
     background: #f2f2f7;
     margin-bottom: 6px;
-    color: #ACACAC;
+    color: #acacac;
     transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
     border: 1px solid #f2f2f7;
     &:hover {
@@ -46,12 +46,12 @@
     line-height: 20px;
   }
 
-  &-tab-bar-item-active  &-tab-bar-icon-wrap {
-    background: var(--primary-600, #7F56D9);
+  &-tab-bar-item-active &-tab-bar-icon-wrap {
+    background: var(--primary-600, #7f56d9);
     color: #fff;
   }
-  &-tab-bar-item-active > &-tab-bar-label {
-    color: var(--primary-600, #7F56D9);
+  &-tab-bar-item-active &-tab-bar-label {
+    color: var(--primary-600, #7f56d9);
     font-size: 14px;
     font-style: normal;
     font-weight: 400;

package/lib/components/time-picker/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const TimePicker: (props: any) => import("react").JSX.Element;
+declare const TimePicker: (props: any) => JSX.Element;
 export default TimePicker;

package/lib/components/typography/index.d.ts

@@ -1,2 +1,2 @@
-import { Typography as AntTypography } from "antd";
-export default AntTypography;
+declare const Typography: import("antd").TypographyProps;
+export default Typography;

package/lib/components/typography/index.js

@@ -70,6 +70,7 @@ var Title = (props) => {
   }, [pcIsEllipsis, padIsEllipsis, mobileIsEllipsis, ellipsis, responsive]);
   return /* @__PURE__ */ import_react.default.createElement(AntTitle, { ...others, ...ellipsisObj });
 };
-import_antd.Typography.Paragraph = Paragraph;
-import_antd.Typography.Title = Title;
-var typography_default = import_antd.Typography;
+var Typography = import_antd.Typography;
+Typography.Paragraph = Paragraph;
+Typography.Title = Title;
+var typography_default = Typography;

package/lib/components/upload/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Upload: (props: any) => import("react").JSX.Element;
+declare const Upload: (props: any) => JSX.Element;
 export default Upload;

package/lib/components/versionModal/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Version } from '../versionSelect';
+import './index.less';
+interface PublishVersionModalProps {
+    visible: boolean;
+    currentVersion: string;
+    onCancel: () => void;
+    onConfirm: (data: VersionData) => void;
+    isShowNote?: boolean;
+    confirmLoading?: boolean;
+    versions?: Version[];
+    isShowBasedOn?: boolean;
+    isShowCurrentVersion?: boolean;
+    isValidateVersion?: boolean;
+}
+interface VersionData {
+    version: string;
+    note: string;
+    baseVersion?: string;
+    versionType?: string;
+}
+declare const PublishVersionModal: React.FC<PublishVersionModalProps>;
+export default PublishVersionModal;

package/lib/components/versionModal/index.js

@@ -0,0 +1,246 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/versionModal/index.tsx
+var versionModal_exports = {};
+__export(versionModal_exports, {
+  default: () => versionModal_default
+});
+module.exports = __toCommonJS(versionModal_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_pisellModal = __toESM(require("../pisellModal"));
+var import_versionSelect = __toESM(require("../versionSelect"));
+var import_locales = require("../../locales");
+var import_index = require("./index.less");
+var style = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 8
+};
+var parseVersion = (version) => {
+  const [major, minor, patch] = version.split(".").map(Number);
+  return [major || 0, minor || 0, patch || 0];
+};
+var isVersionValid = (customVersion, currentVersion) => {
+  const [cMajor, cMinor, cPatch] = parseVersion(customVersion);
+  const [liveMajor, liveMinor, livePatch] = parseVersion(currentVersion);
+  if (cMajor > liveMajor)
+    return true;
+  if (cMajor === liveMajor && cMinor > liveMinor)
+    return true;
+  if (cMajor === liveMajor && cMinor === liveMinor && cPatch > livePatch)
+    return true;
+  return false;
+};
+var getNextVersions = (version) => {
+  const [major, minor, patch] = parseVersion(version);
+  return {
+    patch: `${major}.${minor}.${patch + 1}`,
+    minor: `${major}.${minor + 1}.0`,
+    major: `${major + 1}.0.0`
+  };
+};
+var PublishVersionModal = ({
+  visible,
+  currentVersion = "1.0.0",
+  onCancel,
+  onConfirm,
+  isShowNote,
+  confirmLoading = false,
+  versions = [],
+  isShowBasedOn,
+  isShowCurrentVersion,
+  isValidateVersion = true
+}) => {
+  const [form] = import_antd.Form.useForm();
+  const [versionType, setVersionType] = (0, import_react.useState)("");
+  const { patch, minor, major } = getNextVersions(currentVersion);
+  const handleVersionChange = (e) => {
+    setVersionType(e.target.value);
+  };
+  const handleSubmit = () => {
+    form.validateFields().then((values) => {
+      let { version, note, baseVersion } = values;
+      let versionType2 = "";
+      if (version === "custom") {
+        versionType2 = "custom";
+        if (isValidateVersion && !isVersionValid(
+          `${values.major}.${values.minor}.${values.patch}`,
+          currentVersion
+        )) {
+          import_antd.message.error((0, import_locales.getText)("pisell-version-modal-version-error"));
+          return;
+        }
+        version = `${values.major}.${values.minor}.${values.patch}`;
+      }
+      onConfirm({ version, note, baseVersion, versionType: versionType2 });
+    });
+  };
+  (0, import_react.useEffect)(() => {
+    if (visible) {
+      setVersionType("");
+      form.setFieldsValue({
+        version: patch,
+        major: parseVersion(patch)[0] || 0,
+        minor: parseVersion(patch)[1] || 0,
+        patch: parseVersion(patch)[2] || 0,
+        baseVersion: currentVersion
+      });
+    }
+  }, [visible]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_pisellModal.default,
+    {
+      title: (0, import_locales.getText)("pisell-version-modal-title"),
+      open: visible,
+      onCancel,
+      destroyOnClose: true,
+      onOk: handleSubmit,
+      okText: (0, import_locales.getText)("pisell-version-modal-confirm"),
+      cancelText: (0, import_locales.getText)("pisell-version-modal-cancel"),
+      confirmLoading
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form,
+      {
+        form,
+        layout: "vertical",
+        preserve: false,
+        className: "pisell-lowcode-version-modal-form"
+      },
+      isShowCurrentVersion && /* @__PURE__ */ import_react.default.createElement("p", { className: "pisell-lowcode-version-modal-current-version" }, (0, import_locales.getText)("pisell-version-modal-current-version"), ": ", currentVersion),
+      isShowBasedOn && /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          label: (0, import_locales.getText)("pisell-version-modal-based-on-version"),
+          name: "baseVersion",
+          initialValue: currentVersion,
+          rules: [{ required: true }]
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_versionSelect.default,
+          {
+            versions,
+            fieldNames: { label: "label", value: "version", options: "options" }
+          }
+        )
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          label: (0, import_locales.getText)("pisell-version-modal-version"),
+          name: "version",
+          initialValue: "patch",
+          rules: [{ required: true }]
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Group, { onChange: handleVersionChange, style }, /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { value: patch }, (0, import_locales.getText)("pisell-version-modal-patch"), " (", patch, ")"), /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { value: minor }, (0, import_locales.getText)("pisell-version-modal-minor"), " (", minor, ")"), /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { value: major }, (0, import_locales.getText)("pisell-version-modal-major"), " (", major, ")"), /* @__PURE__ */ import_react.default.createElement(import_antd.Radio, { value: "custom" }, (0, import_locales.getText)("pisell-version-modal-custom")))
+      ),
+      versionType === "custom" && /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { gutter: 8 }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 8 }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          name: "major",
+          label: (0, import_locales.getText)("pisell-version-modal-major"),
+          rules: [
+            {
+              required: true,
+              message: (0, import_locales.getText)("pisell-version-modal-version-required")
+            }
+          ]
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.InputNumber,
+          {
+            min: 0,
+            precision: 0,
+            style: { width: "100%" },
+            placeholder: (0, import_locales.getText)("pisell-version-modal-major")
+          }
+        )
+      )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 8 }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          name: "minor",
+          label: (0, import_locales.getText)("pisell-version-modal-minor"),
+          rules: [
+            {
+              required: true,
+              message: (0, import_locales.getText)("pisell-version-modal-version-required")
+            }
+          ]
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.InputNumber,
+          {
+            precision: 0,
+            min: 0,
+            style: { width: "100%" },
+            placeholder: (0, import_locales.getText)("pisell-version-modal-minor")
+          }
+        )
+      )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 8 }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          name: "patch",
+          label: (0, import_locales.getText)("pisell-version-modal-patch"),
+          rules: [
+            {
+              required: true,
+              message: (0, import_locales.getText)("pisell-version-modal-version-required")
+            }
+          ]
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.InputNumber,
+          {
+            min: 0,
+            precision: 0,
+            style: { width: "100%" },
+            placeholder: (0, import_locales.getText)("pisell-version-modal-patch")
+          }
+        )
+      ))),
+      isShowNote && /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Form.Item,
+        {
+          label: (0, import_locales.getText)("pisell-version-modal-update-notes"),
+          name: "note"
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Input.TextArea,
+          {
+            placeholder: (0, import_locales.getText)(
+              "pisell-version-modal-describe-update-notes"
+            )
+          }
+        )
+      )
+    )
+  );
+};
+var versionModal_default = PublishVersionModal;

package/lib/components/versionModal/index.less

@@ -0,0 +1,10 @@
+.pisell-lowcode-version-modal-form {
+  padding: 16px 0 0 !important;
+}
+
+.pisell-lowcode-version-modal-current-version {
+  color: var(--Gray-500, #667085);
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px; /* 150% */
+}

package/lib/components/versionSelect/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { SelectProps } from 'antd';
+import './index.less';
+export interface Version {
+    id: string;
+    label: string;
+    value: string;
+    status: 'live' | 'draft' | 'deprecated';
+    version: string;
+    avatar?: string;
+}
+interface VersionSelectProps extends Omit<SelectProps<string>, 'onChange' | 'options'> {
+    versions: Version[];
+    value?: string;
+    onChange?: (value: string, version: Version) => void;
+}
+declare const VersionSelect: (props: VersionSelectProps) => JSX.Element;
+export default VersionSelect;

package/lib/components/versionSelect/index.js

@@ -0,0 +1,91 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/versionSelect/index.tsx
+var versionSelect_exports = {};
+__export(versionSelect_exports, {
+  default: () => versionSelect_default
+});
+module.exports = __toCommonJS(versionSelect_exports);
+var import_react = __toESM(require("react"));
+var import_customSelect = __toESM(require("../customSelect"));
+var import_pisellRow = __toESM(require("../pisellRow"));
+var import_pisellTags = __toESM(require("../pisellTags"));
+var import_locales = require("../../locales");
+var import_index = require("./index.less");
+var getStatusColor = (status) => {
+  if (status === "live")
+    return "success";
+  if (status === "draft")
+    return "gray";
+  if (status === "deprecated")
+    return "error";
+  return "gray";
+};
+var getStatusText = (status) => {
+  if (status === "live")
+    return (0, import_locales.getText)("pisell-lowcode-app-version-control-live");
+  if (status === "draft")
+    return (0, import_locales.getText)("pisell-lowcode-app-version-control-draft");
+  if (status === "deprecated")
+    return (0, import_locales.getText)("pisell-lowcode-app-version-control-deprecated");
+};
+var VersionSelect = (props) => {
+  const { versions, value, onChange, ...rest } = props;
+  const handleVersionChange = (value2) => {
+    const version = versions.find((v) => v.value === value2);
+    onChange == null ? void 0 : onChange(value2, version);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_customSelect.default,
+    {
+      ...rest,
+      options: versions,
+      value,
+      size: "large",
+      onChange: handleVersionChange,
+      style: { width: "100%" },
+      renderItem: (option) => /* @__PURE__ */ import_react.default.createElement(
+        import_pisellRow.default,
+        {
+          leftContent: option.label,
+          rightContent: /* @__PURE__ */ import_react.default.createElement(
+            import_pisellTags.default,
+            {
+              type: "pill_color",
+              color: getStatusColor(option.status),
+              className: "pisell-lowcode-version-select-tag"
+            },
+            getStatusText(option.status)
+          )
+        }
+      )
+    }
+  );
+};
+var versionSelect_default = VersionSelect;

package/lib/components/versionSelect/index.less

@@ -0,0 +1,3 @@
+.pisell-lowcode-version-select-tag {
+    line-height: 20px;
+}

package/lib/components/virtual-keyboard/Amount/index.d.ts

@@ -18,5 +18,5 @@ export interface AmountProps {
     defaultSelect?: boolean;
     inputFormat?: (_v: string) => React.ReactNode | null;
 }
-declare const Amount: (props: AmountProps) => React.JSX.Element;
+declare const Amount: (props: AmountProps) => JSX.Element;
 export default Amount;

package/lib/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import "./Presets.less";
 export declare type PresetsItem = {
     label: string;
@@ -8,5 +8,5 @@ export interface PresetsProps {
     presets?: PresetsItem[];
     onChange: (val: string) => void;
 }
-declare const Presets: (props: PresetsProps) => React.JSX.Element | null;
+declare const Presets: (props: PresetsProps) => JSX.Element | null;
 export default Presets;

package/lib/components/virtual-keyboard/BaseNumberKeyboard/index.d.ts

@@ -15,5 +15,5 @@ export interface BaseNumberKeyboardProps {
     presets?: PresetsProps['presets'];
     defaultSelect?: boolean;
 }
-declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => React.JSX.Element;
+declare const BaseNumberKeyboard: (props: BaseNumberKeyboardProps) => JSX.Element;
 export default BaseNumberKeyboard;

package/lib/components/virtual-keyboard/Keyboard/index.d.ts

@@ -17,5 +17,5 @@ export interface KeyboardProps {
     rightItems?: Item[];
     keydown?: boolean;
 }
-declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: KeyboardProps) => JSX.Element>;
 export default _default;

package/lib/components/virtual-keyboard/Number/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export interface NumberProps {
     max?: number;
     min?: number;
@@ -10,5 +10,5 @@ export interface NumberProps {
     onChange?: (val: string | number) => void;
     onEnter?: (val: string | number) => void;
 }
-declare const Number: (props: NumberProps) => React.JSX.Element;
+declare const Number: (props: NumberProps) => JSX.Element;
 export default Number;

package/lib/components/virtual-keyboard/Time/index.d.ts

@@ -9,5 +9,5 @@ export interface VirtualKeyboardTimeProps extends React.HTMLAttributes<HTMLDivEl
     onEnter?: (value: any) => void;
     rightPanel?: React.ReactNode;
 }
-declare const VirtualKeyboardTime: (props: VirtualKeyboardTimeProps) => React.JSX.Element;
+declare const VirtualKeyboardTime: (props: VirtualKeyboardTimeProps) => JSX.Element;
 export default VirtualKeyboardTime;