@pnkx-lib/ui 1.9.488 → 1.9.489

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.
Files changed (32) hide show
  1. package/es/chunks/{AntdIcon--fhhlrN2.js → AntdIcon-BBkWK3Bh.js} +2 -12
  2. package/es/chunks/{CloseCircleFilled-CFf9JuKT.js → CloseCircleFilled-BhIoQ_jl.js} +1 -1
  3. package/es/chunks/{CloseOutlined-Dr0OzVF3.js → CloseOutlined-DxdeeI1r.js} +1 -1
  4. package/es/chunks/{DownOutlined-DeqIkZcf.js → DownOutlined-D1mgHG6N.js} +1 -1
  5. package/es/chunks/{InboxOutlined-BSPALM_S.js → InboxOutlined-DuYhXnaV.js} +1 -1
  6. package/es/chunks/{LoadingOutlined-RxqeOpLJ.js → LoadingOutlined-CcWeOS8h.js} +1 -1
  7. package/es/chunks/{createSuper-DsoUqJ1E.js → createSuper-C9_dQ5Zr.js} +2 -2
  8. package/es/chunks/{defineProperty-CnMPreZi.js → defineProperty-CTLrw71t.js} +1 -1
  9. package/es/chunks/pickAttrs-BGdvT1iE.js +5051 -0
  10. package/es/chunks/{toArray-DA_RJdbk.js → toArray-wIHGfaHk.js} +4 -4
  11. package/es/fields/DatePicker.js +51 -3
  12. package/es/fields/Select.js +2 -2
  13. package/es/fields/Upload.js +18 -1
  14. package/es/index.js +2 -13
  15. package/es/ui/ExportFile.js +64 -6
  16. package/es/ui/GenericUploadModal.js +6542 -7
  17. package/es/ui/ImportFile.js +2 -2
  18. package/es/ui/Layout.js +598 -2
  19. package/es/ui/SearchFilterForm.js +88 -4
  20. package/es/ui/Sidebar/index.js +655 -1
  21. package/es/ui/UploadComponent.js +1 -1
  22. package/es/ui/UploadMultiple.js +1 -1
  23. package/es/ui/index.js +15620 -129856
  24. package/package.json +1 -1
  25. package/types/components/ui/index.d.ts +0 -13
  26. package/es/chunks/ExportFile-HZ8zFqRV.js +0 -64
  27. package/es/chunks/GenericUploadModal-M5Stp4up.js +0 -11602
  28. package/es/chunks/Layout-CRPluSOs.js +0 -598
  29. package/es/chunks/PlusOutlined-BTNAWDVD.js +0 -20
  30. package/es/chunks/SearchFilterForm-dvW624w0.js +0 -88
  31. package/es/chunks/createForOfIteratorHelper-DEc7rz3b.js +0 -52
  32. package/es/chunks/index-skybeDDP.js +0 -655
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import React__default, { useContext, createContext } from 'react';
3
- import { a as _typeof, c as _arrayLikeToArray, _ as _unsupportedIterableToArray, b as _defineProperty } from './defineProperty-CnMPreZi.js';
4
- import { w as warningOnce, a as _objectWithoutProperties, b as _objectSpread2, c as _slicedToArray, d as warning$1, e as canUseDom, u as updateCSS, r as removeCSS, _ as _extends, f as _arrayWithHoles, g as _nonIterableRest, h as resetWarned$1, F as FastColor, i as generate, p as presetPrimaryColors, j as presetPalettes, k as IconContext } from './AntdIcon--fhhlrN2.js';
5
- import { _ as _createClass, a as _classCallCheck, b as _inherits, c as _createSuper, d as _assertThisInitialized } from './createSuper-DsoUqJ1E.js';
3
+ import { _ as _typeof, c as _arrayLikeToArray, a as _unsupportedIterableToArray, b as _defineProperty } from './defineProperty-CTLrw71t.js';
4
+ import { w as warningOnce, d as _objectWithoutProperties, b as _objectSpread2, a as _slicedToArray, e as warning$1, c as canUseDom, u as updateCSS, r as removeCSS, _ as _extends, h as _arrayWithHoles, i as _nonIterableRest, j as resetWarned$1, F as FastColor, k as generate, p as presetPrimaryColors, l as presetPalettes, m as IconContext } from './AntdIcon-BBkWK3Bh.js';
5
+ import { _ as _createClass, a as _classCallCheck, b as _inherits, c as _createSuper, d as _assertThisInitialized } from './createSuper-C9_dQ5Zr.js';
6
6
 
7
7
  function useMemo(getValue, condition, shouldUpdate) {
8
8
  var cacheRef = React.useRef({});
@@ -4737,4 +4737,4 @@ function toArray(children) {
4737
4737
  return ret;
4738
4738
  }
4739
4739
 
4740
- export { get as $, toStyleStr as A, ATTR_CACHE_MAP as B, ConfigContext as C, DisabledContext as D, serialize as E, extract as F, CSS_VAR_PREFIX as G, STYLE_PREFIX as H, extract$1 as I, extract$2 as J, unitlessKeys as K, LocaleContext as L, supportWhere as M, supportLogicProps as N, StyleContext as O, StyleProvider as P, Theme as Q, createCache as R, SizeContext as S, TOKEN_PREFIX as T, createTheme as U, getComputedToken$1 as V, token2CSSVar as W, useCSSVarRegister as X, useCacheToken as Y, useStyleRegister as Z, _toConsumableArray as _, useComponentConfig as a, set as a0, genCalc as a1, genStyleUtils as a2, statistic as a3, statisticToken as a4, MotionProvider as a5, merge$1 as a6, isEqual as a7, _toArray as a8, useMemo as b, useLayoutUpdateEffect as c, Context as d, useLayoutEffect as e, clearFix as f, genStyleHooks as g, textEllipsis as h, isFragment as i, defaultPrefixCls as j, genComponentStyleHook as k, localeValues as l, merge as m, useToken as n, omit as o, devUseWarning as p, getAlphaColor as q, resetComponent as r, getLineHeight as s, toArray as t, unit$1 as u, genFocusStyle as v, warning as w, resetIcon as x, genSubStyleComponent as y, lintWarning as z };
4740
+ export { genCalc as $, toStyleStr as A, ATTR_CACHE_MAP as B, ConfigContext as C, DisabledContext as D, serialize as E, extract as F, CSS_VAR_PREFIX as G, STYLE_PREFIX as H, extract$1 as I, extract$2 as J, unitlessKeys as K, LocaleContext as L, supportWhere as M, supportLogicProps as N, StyleContext as O, StyleProvider as P, Theme as Q, createCache as R, SizeContext as S, TOKEN_PREFIX as T, createTheme as U, getComputedToken$1 as V, token2CSSVar as W, useCSSVarRegister as X, useCacheToken as Y, useStyleRegister as Z, _toConsumableArray as _, useComponentConfig as a, genStyleUtils as a0, statistic as a1, statisticToken as a2, MotionProvider as a3, merge$1 as a4, get as a5, set as a6, isEqual as a7, useMemo as b, useLayoutUpdateEffect as c, Context as d, useLayoutEffect as e, clearFix as f, genStyleHooks as g, textEllipsis as h, isFragment as i, defaultPrefixCls as j, genComponentStyleHook as k, localeValues as l, merge as m, useToken as n, omit as o, devUseWarning as p, getAlphaColor as q, resetComponent as r, getLineHeight as s, toArray as t, unit$1 as u, genFocusStyle as v, warning as w, resetIcon as x, genSubStyleComponent as y, lintWarning as z };
@@ -2,9 +2,8 @@ import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
3
  import React__default, { createElement, Component, createRef, useRef } from 'react';
4
4
  import { c as classNames } from '../chunks/index-BLRvgOFN.js';
5
- import { a as _typeof, b as _defineProperty } from '../chunks/defineProperty-CnMPreZi.js';
6
- import { _ as _createForOfIteratorHelper } from '../chunks/createForOfIteratorHelper-DEc7rz3b.js';
7
- import { b as _inherits, c as _createSuper, a as _classCallCheck, d as _assertThisInitialized$1, _ as _createClass } from '../chunks/createSuper-DsoUqJ1E.js';
5
+ import { _ as _typeof, a as _unsupportedIterableToArray, b as _defineProperty } from '../chunks/defineProperty-CTLrw71t.js';
6
+ import { b as _inherits, c as _createSuper, a as _classCallCheck, d as _assertThisInitialized$1, _ as _createClass } from '../chunks/createSuper-C9_dQ5Zr.js';
8
7
  import * as ReactDOM from 'react-dom';
9
8
  import ReactDOM__default, { findDOMNode } from 'react-dom';
10
9
  import { g as getDefaultExportFromCjs } from '../chunks/_commonjsHelpers-D5KtpA0t.js';
@@ -3789,6 +3788,55 @@ function isWithinInterval(dirtyDate, interval) {
3789
3788
  return time >= startTime && time <= endTime;
3790
3789
  }
3791
3790
 
3791
+ function _createForOfIteratorHelper(r, e) {
3792
+ var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
3793
+ if (!t) {
3794
+ if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) {
3795
+ t && (r = t);
3796
+ var _n = 0,
3797
+ F = function F() {};
3798
+ return {
3799
+ s: F,
3800
+ n: function n() {
3801
+ return _n >= r.length ? {
3802
+ done: true
3803
+ } : {
3804
+ done: false,
3805
+ value: r[_n++]
3806
+ };
3807
+ },
3808
+ e: function e(r) {
3809
+ throw r;
3810
+ },
3811
+ f: F
3812
+ };
3813
+ }
3814
+ throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
3815
+ }
3816
+ var o,
3817
+ a = true,
3818
+ u = false;
3819
+ return {
3820
+ s: function s() {
3821
+ t = t.call(r);
3822
+ },
3823
+ n: function n() {
3824
+ var r = t.next();
3825
+ return a = r.done, r;
3826
+ },
3827
+ e: function e(r) {
3828
+ u = true, o = r;
3829
+ },
3830
+ f: function f() {
3831
+ try {
3832
+ a || null == t["return"] || t["return"]();
3833
+ } finally {
3834
+ if (u) throw o;
3835
+ }
3836
+ }
3837
+ };
3838
+ }
3839
+
3792
3840
  function assign(target, object) {
3793
3841
  if (target == null) {
3794
3842
  throw new TypeError('assign requires that input parameter not be null or undefined');
@@ -4,8 +4,8 @@ import { g as get } from '../chunks/get-DPccfEM4.js';
4
4
  import { ErrorMessage } from '../ui/ErrorMessage.js';
5
5
  import { Label } from '../ui/Label.js';
6
6
  import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
7
- import { R as RefIcon } from '../chunks/CloseOutlined-Dr0OzVF3.js';
8
- import { R as RefIcon$1 } from '../chunks/DownOutlined-DeqIkZcf.js';
7
+ import { R as RefIcon } from '../chunks/CloseOutlined-DxdeeI1r.js';
8
+ import { R as RefIcon$1 } from '../chunks/DownOutlined-D1mgHG6N.js';
9
9
  import { useRef } from 'react';
10
10
  import { w as wrapWithTooltip } from '../chunks/wapper-Bk3PQCcg.js';
11
11
  import { M as MAX_TAG_TEXT_LENGTH, a as MAX_TAG_COUNT } from '../chunks/common-BcURBmQ-.js';
@@ -1,10 +1,27 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import * as React from 'react';
2
3
  import { useState } from 'react';
3
4
  import { Upload, Image } from 'antd';
4
5
  import { g as get } from '../chunks/get-DPccfEM4.js';
5
6
  import { ErrorMessage } from '../ui/ErrorMessage.js';
6
7
  import { Label } from '../ui/Label.js';
7
- import { R as RefIcon } from '../chunks/PlusOutlined-BTNAWDVD.js';
8
+ import { I as Icon, _ as _extends } from '../chunks/AntdIcon-BBkWK3Bh.js';
9
+
10
+ // This icon file is generated automatically.
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" };
12
+
13
+ var PlusOutlined = function PlusOutlined(props, ref) {
14
+ return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
15
+ ref: ref,
16
+ icon: PlusOutlined$1
17
+ }));
18
+ };
19
+
20
+ /**![plus](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ4MiAxNTJoNjBxOCAwIDggOHY3MDRxMCA4LTggOGgtNjBxLTggMC04LThWMTYwcTAtOCA4LTh6IiAvPjxwYXRoIGQ9Ik0xOTIgNDc0aDY3MnE4IDAgOCA4djYwcTAgOC04IDhIMTYwcS04IDAtOC04di02MHEwLTggOC04eiIgLz48L3N2Zz4=) */
21
+ var RefIcon = /*#__PURE__*/React.forwardRef(PlusOutlined);
22
+ if (process.env.NODE_ENV !== 'production') {
23
+ RefIcon.displayName = 'PlusOutlined';
24
+ }
8
25
 
9
26
  const getBase64 = (file) => new Promise((resolve, reject) => {
10
27
  const reader = new FileReader();
package/es/index.js CHANGED
@@ -9,7 +9,7 @@ export { Tabs } from './ui/Tabs.js';
9
9
  export { Label } from './ui/Label.js';
10
10
  export { Skeleton } from './ui/Skeleton.js';
11
11
  export { Popover } from './ui/Popover.js';
12
- export { S as SearchFiltersForm } from './chunks/SearchFilterForm-dvW624w0.js';
12
+ export { SearchFiltersForm } from './ui/SearchFilterForm.js';
13
13
  export { Container } from './ui/Container.js';
14
14
  export { Badge, typeColorMap } from './ui/Badge.js';
15
15
  export { Col } from './ui/Col.js';
@@ -17,7 +17,7 @@ export { Row } from './ui/Row.js';
17
17
  export { Dropdown } from './ui/Dropdown.js';
18
18
  export { Breadcrumb } from './ui/Breadcrumb.js';
19
19
  export { Flex } from './ui/Flex.js';
20
- export { L as Layout } from './chunks/Layout-CRPluSOs.js';
20
+ export { Layout } from './ui/Layout.js';
21
21
  export { Space } from './ui/Space.js';
22
22
  export { Splitter } from './ui/Splitter.js';
23
23
  export { Menu } from './ui/Menu.js';
@@ -55,17 +55,6 @@ export { BreadcrumbHeading } from './ui/BreadcrumbHeading.js';
55
55
  export { Card } from './ui/Card.js';
56
56
  export { ConfigProvider } from './ui/ConfigProvider.js';
57
57
  export { PageNotFound } from './ui/PageNotFound.js';
58
- export { UploadImage } from './ui/UploadImage.js';
59
- export { UploadMultiple } from './ui/UploadMultiple.js';
60
- export { ImportFile } from './ui/ImportFile.js';
61
- export { E as ExportFile } from './chunks/ExportFile-HZ8zFqRV.js';
62
- export { UploadComponent } from './ui/UploadComponent.js';
63
- export { useAppMessage } from './ui/Message.js';
64
- export { ViewPdf } from './ui/ViewPdf.js';
65
- export { S as Sidebar } from './chunks/index-skybeDDP.js';
66
- export { SelectTable } from './ui/SelectTable.js';
67
- export { SelectSingleTable } from './ui/SelectSingleTable.js';
68
- export { G as GenericUploadModal } from './chunks/GenericUploadModal-M5Stp4up.js';
69
58
  export { Input } from './fields/Input.js';
70
59
  export { PnkxField } from './fields/PnkxField.js';
71
60
  export { Select } from './fields/Select.js';
@@ -1,6 +1,64 @@
1
- import 'react/jsx-runtime';
2
- import './Spin.js';
3
- import '../chunks/LoadingOutlined-RxqeOpLJ.js';
4
- import '../fields/PnkxField.js';
5
- import '../fields/Radio.js';
6
- export { E as ExportFile } from '../chunks/ExportFile-HZ8zFqRV.js';
1
+ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
+ import { Spin } from './Spin.js';
3
+ import { R as RefIcon$1 } from '../chunks/LoadingOutlined-CcWeOS8h.js';
4
+ import { PnkxField } from '../fields/PnkxField.js';
5
+ import { RadioGroup } from '../fields/Radio.js';
6
+ import { I as Icon, _ as _extends } from '../chunks/AntdIcon-BBkWK3Bh.js';
7
+ import * as React from 'react';
8
+
9
+ // This icon file is generated automatically.
10
+ 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" };
11
+
12
+ var InfoCircleFilled = function InfoCircleFilled(props, ref) {
13
+ return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
14
+ ref: ref,
15
+ icon: InfoCircleFilled$1
16
+ }));
17
+ };
18
+
19
+ /**![info-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxMiA2NEMyNjQuNiA2NCA2NCAyNjQuNiA2NCA1MTJzMjAwLjYgNDQ4IDQ0OCA0NDggNDQ4LTIwMC42IDQ0OC00NDhTNzU5LjQgNjQgNTEyIDY0em0zMiA2NjRjMCA0LjQtMy42IDgtOCA4aC00OGMtNC40IDAtOC0zLjYtOC04VjQ1NmMwLTQuNCAzLjYtOCA4LThoNDhjNC40IDAgOCAzLjYgOCA4djI3MnptLTMyLTM0NGE0OC4wMSA0OC4wMSAwIDAxMC05NiA0OC4wMSA0OC4wMSAwIDAxMCA5NnoiIC8+PC9zdmc+) */
20
+ var RefIcon = /*#__PURE__*/React.forwardRef(InfoCircleFilled);
21
+ if (process.env.NODE_ENV !== 'production') {
22
+ RefIcon.displayName = 'InfoCircleFilled';
23
+ }
24
+
25
+ const ExportFile = ({
26
+ loading,
27
+ children,
28
+ control,
29
+ watch
30
+ }) => {
31
+ const isShowChid = watch("export");
32
+ 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" }),
34
+ /* @__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
+ ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
36
+ /* @__PURE__ */ jsx("p", { className: "text-sm text-[#5C657D] mt-4", children: "Chọn kiểu export file" }),
37
+ /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
38
+ /* @__PURE__ */ jsx(
39
+ PnkxField,
40
+ {
41
+ name: "export",
42
+ control,
43
+ className: "!flex-col !flex gap-2",
44
+ options: [
45
+ { label: "Export toàn bộ bản ghi", value: "all" },
46
+ { label: "Export theo bộ lọc", value: "filter" }
47
+ ],
48
+ defaultValue: "all",
49
+ component: RadioGroup
50
+ }
51
+ ),
52
+ /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
53
+ " ",
54
+ isShowChid === "filter" && children
55
+ ] })
56
+ ] }),
57
+ /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
58
+ /* @__PURE__ */ jsx(RefIcon, { className: "!text-[#1677FF] mt-1 text-[24px]" }),
59
+ /* @__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
+ ] })
61
+ ] }) });
62
+ };
63
+
64
+ export { ExportFile };