@pisell/materials 3.0.62 → 6.0.2

package/lib/components/dataSourceComponents/fields/Input.Json/ReadPretty.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { JsonProps } from "./type";
+import "./ReadPretty.less";
+declare const JsonReadPretty: (props: JsonProps) => React.JSX.Element | null;
+export default JsonReadPretty;

package/lib/components/{productCard/components/Packages/index.js → dataSourceComponents/fields/Input.Json/ReadPretty.js}

@@ -26,31 +26,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/productCard/components/Packages/index.tsx
-var Packages_exports = {};
-__export(Packages_exports, {
-  default: () => Packages_default
+// src/components/dataSourceComponents/fields/Input.Json/ReadPretty.tsx
+var ReadPretty_exports = {};
+__export(ReadPretty_exports, {
+  default: () => ReadPretty_default
 });
-module.exports = __toCommonJS(Packages_exports);
+module.exports = __toCommonJS(ReadPretty_exports);
 var import_react = __toESM(require("react"));
-var import_Divider = __toESM(require("../Divider"));
 var import_utils = require("@pisell/utils");
-var import_collapsibleList = __toESM(require("./components/collapsibleList"));
-var import_utils2 = require("./components/collapsibleList/utils");
-var import_index = require("./index.less");
-var prefix = "pisell-lowcode-";
-var Packages = ({ item, isShowPackageNote }) => {
-  const bundle = (item == null ? void 0 : item.bundle) || [];
-  return (bundle == null ? void 0 : bundle.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Divider.default, null), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-packages-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}product-packages-title` }, import_utils.locales.getText("pisell2.product.card.items.package")), /* @__PURE__ */ import_react.default.createElement(
-    import_collapsibleList.default,
-    {
-      list: bundle || [],
-      renderItem: (items) => (0, import_utils2.renderBundles)(
-        { ...items, symbol: item == null ? void 0 : item.symbol },
-        false,
-        isShowPackageNote
-      )
-    }
-  ))) : null;
+var import_ReadPretty = require("./ReadPretty.less");
+var JsonReadPretty = (props) => {
+  if ((0, import_utils.isString)(props.value)) {
+    return /* @__PURE__ */ import_react.default.createElement("pre", { className: "pisell-json-read-pretty" }, props.value);
+  } else if ((0, import_utils.isPlainObject)(props.value)) {
+    return /* @__PURE__ */ import_react.default.createElement("pre", null, JSON.stringify(props.value, null, 2));
+  }
+  return null;
 };
-var Packages_default = Packages;
+var ReadPretty_default = JsonReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Json/ReadPretty.less

@@ -0,0 +1,3 @@
+.pisell-json-read-pretty {
+    
+}

package/lib/components/dataSourceComponents/fields/Input.Json/WithMode.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const JsonWithMode: React.FC<any>;
+export default JsonWithMode;

package/lib/components/dataSourceComponents/fields/Input.Json/WithMode.js

@@ -0,0 +1,67 @@
+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/dataSourceComponents/fields/Input.Json/WithMode.tsx
+var WithMode_exports = {};
+__export(WithMode_exports, {
+  default: () => WithMode_default
+});
+module.exports = __toCommonJS(WithMode_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_ReadPretty = __toESM(require("./ReadPretty"));
+var import_utils = require("../../dataSourceForm/utils");
+var JsonInput = (props) => {
+  const { onChange, onBlur, value, ...restProps } = props;
+  const [innerValue, setInnerValue] = (0, import_react.useState)(value);
+  (0, import_react.useEffect)(() => {
+    setInnerValue(value);
+  }, [value]);
+  const handleChange = (e) => {
+    setInnerValue(e.target.value);
+  };
+  const handleBlur = (e) => {
+    if (onBlur) {
+      onBlur(e);
+    }
+    if (onChange) {
+      onChange(e.target.value);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input.TextArea,
+    {
+      ...restProps,
+      value: innerValue,
+      onChange: handleChange,
+      onBlur: handleBlur
+    }
+  );
+};
+var JsonWithMode = (0, import_utils.withMode)(JsonInput, import_ReadPretty.default);
+var WithMode_default = JsonWithMode;

package/lib/components/dataSourceComponents/fields/Input.Json/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Json: React.FC<any>;
+export default Json;

package/lib/components/dataSourceComponents/fields/Input.Json/index.js

@@ -0,0 +1,38 @@
+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/dataSourceComponents/fields/Input.Json/index.tsx
+var Input_exports = {};
+__export(Input_exports, {
+  default: () => Input_default
+});
+module.exports = __toCommonJS(Input_exports);
+var import_utils = require("../../dataSourceForm/utils");
+var import_WithMode = __toESM(require("./WithMode"));
+var Json = (0, import_utils.withFormItem)(import_WithMode.default);
+var Input_default = Json;

package/lib/components/dataSourceComponents/fields/Input.Json/type.d.ts

@@ -0,0 +1,5 @@
+import { TextAreaProps as AntTextAreaProps } from 'antd/es/input/TextArea';
+import { ModeType } from "../../dataSourceForm/type";
+export interface JsonProps extends AntTextAreaProps {
+    renderMode: ModeType;
+}

package/lib/components/dataSourceComponents/fields/Input.Json/type.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Input.Json/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

package/lib/components/dataSourceComponents/fields/Input.Password/ReadPretty.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PasswordProps } from './type';
+import './ReadPretty.less';
+declare const PasswordReadPretty: (props: PasswordProps) => React.JSX.Element;
+export default PasswordReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Password/ReadPretty.js

@@ -0,0 +1,50 @@
+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/dataSourceComponents/fields/Input.Password/ReadPretty.tsx
+var ReadPretty_exports = {};
+__export(ReadPretty_exports, {
+  default: () => ReadPretty_default
+});
+module.exports = __toCommonJS(ReadPretty_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_classnames = __toESM(require("classnames"));
+var import_ReadPretty = require("./ReadPretty.less");
+var PasswordReadPretty = (props) => {
+  var _a;
+  const { value, renderMode } = props;
+  const className = (0, import_classnames.default)("pisell-password-read-pretty", {
+    "pisell-password-read-pretty-table-view": renderMode === "tableView"
+  });
+  if (value && (0, import_utils.isString)(value)) {
+    return /* @__PURE__ */ import_react.default.createElement("span", { className }, (_a = value == null ? void 0 : value.split) == null ? void 0 : _a.call(value, "").map(() => "•"));
+  }
+  return /* @__PURE__ */ import_react.default.createElement("span", { className }, "••••••");
+};
+var ReadPretty_default = PasswordReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Password/ReadPretty.less

@@ -0,0 +1,11 @@
+.pisell-password-read-pretty {
+  color: var(--Gray-900, #101828);
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px; /* 150% */
+}
+
+.pisell-password-read-pretty-table-view {
+  font-size: 14px;
+  font-weight: 400;
+}

package/lib/components/dataSourceComponents/fields/Input.Password/WithMode.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const PasswordWithMode: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../../dataSourceForm/utils").WithModeProps>;
+export default PasswordWithMode;

package/lib/components/dataSourceComponents/fields/Input.Password/WithMode.js

@@ -0,0 +1,39 @@
+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/dataSourceComponents/fields/Input.Password/WithMode.ts
+var WithMode_exports = {};
+__export(WithMode_exports, {
+  default: () => WithMode_default
+});
+module.exports = __toCommonJS(WithMode_exports);
+var import_antd = require("antd");
+var import_ReadPretty = __toESM(require("./ReadPretty"));
+var import_utils = require("../../dataSourceForm/utils");
+var PasswordWithMode = (0, import_utils.withMode)(import_antd.Input.Password, import_ReadPretty.default);
+var WithMode_default = PasswordWithMode;

package/lib/components/dataSourceComponents/fields/Input.Password/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Password: React.FC<import("antd/es/input").PasswordProps & React.RefAttributes<import("antd").InputRef> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default Password;

package/lib/components/dataSourceComponents/fields/Input.Password/index.js

@@ -0,0 +1,38 @@
+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/dataSourceComponents/fields/Input.Password/index.tsx
+var Input_exports = {};
+__export(Input_exports, {
+  default: () => Input_default
+});
+module.exports = __toCommonJS(Input_exports);
+var import_utils = require("../../dataSourceForm/utils");
+var import_WithMode = __toESM(require("./WithMode"));
+var Password = (0, import_utils.withFormItem)(import_WithMode.default);
+var Input_default = Password;

package/lib/components/dataSourceComponents/fields/Input.Password/type.d.ts

@@ -0,0 +1,5 @@
+import { PasswordProps as AntPasswordProps } from 'antd/es/input/Password';
+import { ModeType } from "../../dataSourceForm/type";
+export interface PasswordProps extends AntPasswordProps {
+    renderMode: ModeType;
+}

package/lib/components/dataSourceComponents/fields/Input.Password/type.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dataSourceComponents/fields/Input.Password/type.ts
+var type_exports = {};
+module.exports = __toCommonJS(type_exports);

package/lib/components/dataSourceComponents/fields/Input.Phone/ReadPretty.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { PhoneInputProps } from './WithMode';
+import './ReadPretty.less';
+declare const ReadPretty: React.FC<PhoneInputProps>;
+export default ReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Phone/ReadPretty.js

@@ -0,0 +1,58 @@
+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/dataSourceComponents/fields/Input.Phone/ReadPretty.tsx
+var ReadPretty_exports = {};
+__export(ReadPretty_exports, {
+  default: () => ReadPretty_default
+});
+module.exports = __toCommonJS(ReadPretty_exports);
+var import_react = __toESM(require("react"));
+var import_libphonenumber_js = require("libphonenumber-js");
+var import_classnames = __toESM(require("classnames"));
+var import_ReadPretty = require("./ReadPretty.less");
+var ReadPretty = ({
+  value,
+  renderMode
+}) => {
+  if (!value)
+    return null;
+  const className = (0, import_classnames.default)("pisell-phone-read-pretty", {
+    "pisell-phone-read-pretty-table-view": renderMode === "tableView"
+  });
+  try {
+    const phoneNumber = (0, import_libphonenumber_js.parsePhoneNumberFromString)(value);
+    if (!phoneNumber)
+      return /* @__PURE__ */ import_react.default.createElement("span", { className }, value);
+    const formattedValue = `(${phoneNumber.formatInternational().split(" ")[0]}) ${phoneNumber.formatNational()}`;
+    return /* @__PURE__ */ import_react.default.createElement("span", { className }, formattedValue);
+  } catch (error) {
+    return /* @__PURE__ */ import_react.default.createElement("span", { className }, value);
+  }
+};
+var ReadPretty_default = ReadPretty;

package/lib/components/dataSourceComponents/fields/Input.Phone/ReadPretty.less

@@ -0,0 +1,11 @@
+.pisell-phone-read-pretty {
+  color: var(--Gray-900, #101828);
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px; /* 150% */
+}
+
+.pisell-phone-read-pretty-table-view {
+  font-size: 14px;
+  font-weight: 400;
+}

package/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { InputProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
+export interface PhoneInputProps extends Omit<InputProps, 'value' | 'onChange'> {
+    renderMode: ModeType;
+    value?: string;
+    onChange?: (value: string) => void;
+    isVerification?: boolean;
+}
+declare const PhoneWithMode: React.FC<PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps>;
+export default PhoneWithMode;

package/lib/components/dataSourceComponents/fields/Input.Phone/WithMode.js

@@ -0,0 +1,143 @@
+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/dataSourceComponents/fields/Input.Phone/WithMode.tsx
+var WithMode_exports = {};
+__export(WithMode_exports, {
+  default: () => WithMode_default
+});
+module.exports = __toCommonJS(WithMode_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_libphonenumber_js = require("libphonenumber-js");
+var import_utils = require("@pisell/utils");
+var import_select = __toESM(require("../../../select"));
+var import_serve = require("./serve");
+var import_ReadPretty = __toESM(require("./ReadPretty"));
+var import_utils2 = require("../../dataSourceForm/utils");
+var import_useTranslationOriginal = __toESM(require("../../../../hooks/useTranslationOriginal"));
+var { Option } = import_select.default;
+var PhoneInput = ({ value: propsValue, onChange, isVerification, ...props }) => {
+  const { data: countries = [] } = (0, import_serve.useCountries)();
+  const translationOriginal = (0, import_useTranslationOriginal.default)();
+  const value = (0, import_react.useMemo)(() => {
+    if ((0, import_utils.isNumber)(propsValue)) {
+      return `${propsValue}`;
+    }
+    return propsValue;
+  }, [propsValue]);
+  const parseExternalValue = (val) => {
+    if (!val)
+      return { countryCode: "AU", phoneNumber: "" };
+    const matchedPrefix = countries.find(
+      (country) => val.startsWith(country.prefix)
+    );
+    if (matchedPrefix) {
+      return {
+        countryCode: matchedPrefix.code,
+        phoneNumber: val.slice(matchedPrefix.prefix.length)
+      };
+    }
+    return {
+      countryCode: "AU",
+      phoneNumber: val.replace(/\D/g, "")
+    };
+  };
+  const [countryCode, setCountryCode] = (0, import_react.useState)(
+    () => parseExternalValue(value).countryCode
+  );
+  const [phoneNumber, setPhoneNumber] = (0, import_react.useState)(
+    () => parseExternalValue(value).phoneNumber
+  );
+  (0, import_react.useEffect)(() => {
+    const { countryCode: newCountryCode, phoneNumber: newPhoneNumber } = parseExternalValue(value);
+    setCountryCode(newCountryCode);
+    setPhoneNumber(newPhoneNumber);
+  }, [value, countries]);
+  const handleCountryChange = (value2) => {
+    setCountryCode(value2);
+  };
+  const handlePhoneNumberChange = (e) => {
+    const cleanNumber = e.target.value.replace(/\D/g, "");
+    setPhoneNumber(cleanNumber);
+  };
+  const concatenatedNumber = (0, import_react.useMemo)(() => {
+    const selectedCountry = countries.find(
+      (c) => c.code === countryCode
+    );
+    const prefix = (selectedCountry == null ? void 0 : selectedCountry.prefix) || "";
+    return `${prefix}${phoneNumber}`;
+  }, [countryCode, phoneNumber, countries]);
+  const handleBlur = () => {
+    onChange == null ? void 0 : onChange(concatenatedNumber);
+  };
+  const status = (0, import_react.useMemo)(() => {
+    var _a;
+    if (!phoneNumber || !isVerification) {
+      return void 0;
+    }
+    return (0, import_libphonenumber_js.isValidPhoneNumber)(concatenatedNumber) && ((_a = (0, import_libphonenumber_js.parsePhoneNumberFromString)(concatenatedNumber)) == null ? void 0 : _a.isValid()) ? void 0 : "error";
+  }, [concatenatedNumber, phoneNumber, isVerification]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space.Compact, { block: true }, /* @__PURE__ */ import_react.default.createElement(
+    import_select.default,
+    {
+      value: countryCode,
+      onChange: handleCountryChange,
+      style: { width: "90px" },
+      onBlur: handleBlur,
+      popupMatchSelectWidth: false,
+      optionLabelProp: "label",
+      showSearch: true
+    },
+    countries.map((country) => /* @__PURE__ */ import_react.default.createElement(
+      Option,
+      {
+        key: country.code,
+        value: country.code,
+        label: country.prefix
+      },
+      translationOriginal(country.name),
+      " (",
+      country.prefix,
+      ")"
+    ))
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Input,
+    {
+      ...props,
+      status,
+      type: "tel",
+      value: phoneNumber,
+      onChange: handlePhoneNumberChange,
+      onBlur: handleBlur,
+      style: { flex: 1 }
+    }
+  ));
+};
+var PhoneWithMode = (0, import_utils2.withMode)(PhoneInput, import_ReadPretty.default);
+var WithMode_default = PhoneWithMode;

package/lib/components/dataSourceComponents/fields/Input.Phone/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Phone: React.FC<import("./WithMode").PhoneInputProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps>;
+export default Phone;