@pnkx-lib/ui 1.9.461 → 1.9.462

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,7 +5,7 @@ import { Upload, Image } from 'antd';
5
5
  import { g as get } from '../chunks/get-DPccfEM4.js';
6
6
  import { ErrorMessage } from '../ui/ErrorMessage.js';
7
7
  import { Label } from '../ui/Label.js';
8
- import { I as Icon, _ as _extends } from '../chunks/AntdIcon-DeS5Sdaq.js';
8
+ import { I as Icon, _ as _extends } from '../chunks/AntdIcon-D_ySRKRj.js';
9
9
 
10
10
  // This icon file is generated automatically.
11
11
  var PlusOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { "tag": "path", "attrs": { "d": "M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z" } }] }, "name": "plus", "theme": "outlined" };
@@ -2,7 +2,7 @@ export { Input } from './Input.js';
2
2
  export { PnkxField } from './PnkxField.js';
3
3
  export { Select } from './Select.js';
4
4
  export { TinyMCE } from './TinyMCE.js';
5
- export { GenericUploadModal } from './Textarea.js';
5
+ export { Textarea } from './Textarea.js';
6
6
  export { RadioGroup } from './Radio.js';
7
7
  export { Checkbox } from './Checkbox.js';
8
8
  export { DatePicker } from './DatePicker.js';
package/es/index.js CHANGED
@@ -69,7 +69,7 @@ export { Input } from './fields/Input.js';
69
69
  export { PnkxField } from './fields/PnkxField.js';
70
70
  export { Select } from './fields/Select.js';
71
71
  export { TinyMCE } from './fields/TinyMCE.js';
72
- export { GenericUploadModal } from './fields/Textarea.js';
72
+ export { Textarea } from './fields/Textarea.js';
73
73
  export { RadioGroup } from './fields/Radio.js';
74
74
  export { Checkbox } from './fields/Checkbox.js';
75
75
  export { DatePicker } from './fields/DatePicker.js';
@@ -1,10 +1,9 @@
1
1
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
2
  import { Spin } from './Spin.js';
3
- import { R as RefIcon$1 } from '../chunks/LoadingOutlined-BsA0R8OR.js';
3
+ import { I as Icon, _ as _extends } from '../chunks/AntdIcon-D_ySRKRj.js';
4
+ import * as React from 'react';
4
5
  import { PnkxField } from '../fields/PnkxField.js';
5
6
  import { RadioGroup } from '../fields/Radio.js';
6
- import { I as Icon, _ as _extends } from '../chunks/AntdIcon-DeS5Sdaq.js';
7
- import * as React from 'react';
8
7
 
9
8
  // This icon file is generated automatically.
10
9
  var InfoCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "info-circle", "theme": "filled" };
@@ -17,9 +16,25 @@ var InfoCircleFilled = function InfoCircleFilled(props, ref) {
17
16
  };
18
17
 
19
18
  /**![info-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxMiA2NEMyNjQuNiA2NCA2NCAyNjQuNiA2NCA1MTJzMjAwLjYgNDQ4IDQ0OCA0NDggNDQ4LTIwMC42IDQ0OC00NDhTNzU5LjQgNjQgNTEyIDY0em0zMiA2NjRjMCA0LjQtMy42IDgtOCA4aC00OGMtNC40IDAtOC0zLjYtOC04VjQ1NmMwLTQuNCAzLjYtOCA4LThoNDhjNC40IDAgOCAzLjYgOCA4djI3MnptLTMyLTM0NGE0OC4wMSA0OC4wMSAwIDAxMC05NiA0OC4wMSA0OC4wMSAwIDAxMCA5NnoiIC8+PC9zdmc+) */
20
- var RefIcon = /*#__PURE__*/React.forwardRef(InfoCircleFilled);
19
+ var RefIcon$1 = /*#__PURE__*/React.forwardRef(InfoCircleFilled);
20
+ if (process.env.NODE_ENV !== 'production') {
21
+ RefIcon$1.displayName = 'InfoCircleFilled';
22
+ }
23
+
24
+ // This icon file is generated automatically.
25
+ var LoadingOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, "name": "loading", "theme": "outlined" };
26
+
27
+ var LoadingOutlined = function LoadingOutlined(props, ref) {
28
+ return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
29
+ ref: ref,
30
+ icon: LoadingOutlined$1
31
+ }));
32
+ };
33
+
34
+ /**![loading](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTk4OCA1NDhjLTE5LjkgMC0zNi0xNi4xLTM2LTM2IDAtNTkuNC0xMS42LTExNy0zNC42LTE3MS4zYTQ0MC40NSA0NDAuNDUgMCAwMC05NC4zLTEzOS45IDQzNy43MSA0MzcuNzEgMCAwMC0xMzkuOS05NC4zQzYyOSA4My42IDU3MS40IDcyIDUxMiA3MmMtMTkuOSAwLTM2LTE2LjEtMzYtMzZzMTYuMS0zNiAzNi0zNmM2OS4xIDAgMTM2LjIgMTMuNSAxOTkuMyA0MC4zQzc3Mi4zIDY2IDgyNyAxMDMgODc0IDE1MGM0NyA0NyA4My45IDEwMS44IDEwOS43IDE2Mi43IDI2LjcgNjMuMSA0MC4yIDEzMC4yIDQwLjIgMTk5LjMuMSAxOS45LTE2IDM2LTM1LjkgMzZ6IiAvPjwvc3ZnPg==) */
35
+ var RefIcon = /*#__PURE__*/React.forwardRef(LoadingOutlined);
21
36
  if (process.env.NODE_ENV !== 'production') {
22
- RefIcon.displayName = 'InfoCircleFilled';
37
+ RefIcon.displayName = 'LoadingOutlined';
23
38
  }
24
39
 
25
40
  const ExportFile = ({
@@ -30,7 +45,7 @@ const ExportFile = ({
30
45
  }) => {
31
46
  const isShowChid = watch("export");
32
47
  return /* @__PURE__ */ jsx("div", { children: loading ? /* @__PURE__ */ jsxs("div", { className: "text-center mt-4", children: [
33
- /* @__PURE__ */ jsx(Spin, { indicator: /* @__PURE__ */ jsx(RefIcon$1, { spin: true }), size: "large" }),
48
+ /* @__PURE__ */ jsx(Spin, { indicator: /* @__PURE__ */ jsx(RefIcon, { spin: true }), size: "large" }),
34
49
  /* @__PURE__ */ jsx("p", { className: "text-sm mt-2", children: "Vui lòng chờ trong giây lát. Chúng tôi đang chuẩn bị file của bạn!" })
35
50
  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
36
51
  /* @__PURE__ */ jsx("p", { className: "text-sm text-[#5C657D] mt-4", children: "Chọn kiểu export file" }),
@@ -55,7 +70,7 @@ const ExportFile = ({
55
70
  ] })
56
71
  ] }),
57
72
  /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
58
- /* @__PURE__ */ jsx(RefIcon, { className: "!text-[#1677FF] mt-1 text-[24px]" }),
73
+ /* @__PURE__ */ jsx(RefIcon$1, { className: "!text-[#1677FF] mt-1 text-[24px]" }),
59
74
  /* @__PURE__ */ jsx("p", { className: "text-[14px] font-[400]", children: "Lưu ý: Hệ thống sẽ xuất file dưới định dạng .xlsx (Excel). Vui lòng đảm bảo thiết bị của bạn hỗ trợ đọc định dạng này trước khi tiếp tục." })
60
75
  ] })
61
76
  ] }) });
@@ -1,7 +1,40 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
2
  import { Upload } from 'antd';
3
- import { R as RefIcon } from '../chunks/InboxOutlined-BDw9ePau.js';
4
- import { R as RefIcon$1, a as RefIcon$2 } from '../chunks/CloseCircleFilled-D-WA1zKU.js';
3
+ import { R as RefIcon$2 } from '../chunks/InboxOutlined-CLTSIXAX.js';
4
+ import { I as Icon, _ as _extends } from '../chunks/AntdIcon-D_ySRKRj.js';
5
+ import * as React from 'react';
6
+
7
+ // This icon file is generated automatically.
8
+ var CheckCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" } }] }, "name": "check-circle", "theme": "filled" };
9
+
10
+ var CheckCircleFilled = function CheckCircleFilled(props, ref) {
11
+ return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
12
+ ref: ref,
13
+ icon: CheckCircleFilled$1
14
+ }));
15
+ };
16
+
17
+ /**![check-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxMiA2NEMyNjQuNiA2NCA2NCAyNjQuNiA2NCA1MTJzMjAwLjYgNDQ4IDQ0OCA0NDggNDQ4LTIwMC42IDQ0OC00NDhTNzU5LjQgNjQgNTEyIDY0em0xOTMuNSAzMDEuN2wtMjEwLjYgMjkyYTMxLjggMzEuOCAwIDAxLTUxLjcgMEwzMTguNSA0ODQuOWMtMy44LTUuMyAwLTEyLjcgNi41LTEyLjdoNDYuOWMxMC4yIDAgMTkuOSA0LjkgMjUuOSAxMy4zbDcxLjIgOTguOCAxNTcuMi0yMThjNi04LjMgMTUuNi0xMy4zIDI1LjktMTMuM0g2OTljNi41IDAgMTAuMyA3LjQgNi41IDEyLjd6IiAvPjwvc3ZnPg==) */
18
+ var RefIcon$1 = /*#__PURE__*/React.forwardRef(CheckCircleFilled);
19
+ if (process.env.NODE_ENV !== 'production') {
20
+ RefIcon$1.displayName = 'CheckCircleFilled';
21
+ }
22
+
23
+ // This icon file is generated automatically.
24
+ var CloseCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" } }] }, "name": "close-circle", "theme": "filled" };
25
+
26
+ var CloseCircleFilled = function CloseCircleFilled(props, ref) {
27
+ return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
28
+ ref: ref,
29
+ icon: CloseCircleFilled$1
30
+ }));
31
+ };
32
+
33
+ /**![close-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdmlld0JveD0iNjQgNjQgODk2IDg5NiIgZm9jdXNhYmxlPSJmYWxzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTEyIDY0YzI0Ny40IDAgNDQ4IDIwMC42IDQ0OCA0NDhTNzU5LjQgOTYwIDUxMiA5NjAgNjQgNzU5LjQgNjQgNTEyIDI2NC42IDY0IDUxMiA2NHptMTI3Ljk4IDI3NC44MmgtLjA0bC0uMDguMDZMNTEyIDQ2Ni43NSAzODQuMTQgMzM4Ljg4Yy0uMDQtLjA1LS4wNi0uMDYtLjA4LS4wNmEuMTIuMTIgMCAwMC0uMDcgMGMtLjAzIDAtLjA1LjAxLS4wOS4wNWwtNDUuMDIgNDUuMDJhLjIuMiAwIDAwLS4wNS4wOS4xMi4xMiAwIDAwMCAuMDd2LjAyYS4yNy4yNyAwIDAwLjA2LjA2TDQ2Ni43NSA1MTIgMzM4Ljg4IDYzOS44NmMtLjA1LjA0LS4wNi4wNi0uMDYuMDhhLjEyLjEyIDAgMDAwIC4wN2MwIC4wMy4wMS4wNS4wNS4wOWw0NS4wMiA0NS4wMmEuMi4yIDAgMDAuMDkuMDUuMTIuMTIgMCAwMC4wNyAwYy4wMiAwIC4wNC0uMDEuMDgtLjA1TDUxMiA1NTcuMjVsMTI3Ljg2IDEyNy44N2MuMDQuMDQuMDYuMDUuMDguMDVhLjEyLjEyIDAgMDAuMDcgMGMuMDMgMCAuMDUtLjAxLjA5LS4wNWw0NS4wMi00NS4wMmEuMi4yIDAgMDAuMDUtLjA5LjEyLjEyIDAgMDAwLS4wN3YtLjAyYS4yNy4yNyAwIDAwLS4wNS0uMDZMNTU3LjI1IDUxMmwxMjcuODctMTI3Ljg2Yy4wNC0uMDQuMDUtLjA2LjA1LS4wOGEuMTIuMTIgMCAwMDAtLjA3YzAtLjAzLS4wMS0uMDUtLjA1LS4wOWwtNDUuMDItNDUuMDJhLjIuMiAwIDAwLS4wOS0uMDUuMTIuMTIgMCAwMC0uMDcgMHoiIC8+PC9zdmc+) */
34
+ var RefIcon = /*#__PURE__*/React.forwardRef(CloseCircleFilled);
35
+ if (process.env.NODE_ENV !== 'production') {
36
+ RefIcon.displayName = 'CloseCircleFilled';
37
+ }
5
38
 
6
39
  const { Dragger } = Upload;
7
40
  const ImportFile = ({
@@ -24,14 +57,14 @@ const ImportFile = ({
24
57
  type: ""
25
58
  }),
26
59
  children: /* @__PURE__ */ jsxs("div", { children: [
27
- /* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(RefIcon, {}) }),
60
+ /* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(RefIcon$2, {}) }),
28
61
  /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: "Kéo tập tin của bạn hoặc nhấp để duyệt một tập tin" }),
29
62
  /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: "Chỉ cho phép chọn file .xlsx và tối đa 5mb" })
30
63
  ] })
31
64
  }
32
65
  ),
33
66
  status?.message && !loading && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mt-4", children: [
34
- status?.type === "error" ? /* @__PURE__ */ jsx(RefIcon$1, { className: "!text-[#FF4D4F] text-xl" }) : /* @__PURE__ */ jsx(RefIcon$2, { className: "!text-[#52C41A] text-xl" }),
67
+ status?.type === "error" ? /* @__PURE__ */ jsx(RefIcon, { className: "!text-[#FF4D4F] text-xl" }) : /* @__PURE__ */ jsx(RefIcon$1, { className: "!text-[#52C41A] text-xl" }),
35
68
  /* @__PURE__ */ jsx("p", { className: "text-sm", children: status?.message })
36
69
  ] })
37
70
  ] });