@pnkx-lib/ui 1.9.359 → 1.9.361

package/es/chunks/{AntdIcon-DSoxq9aC.js → AntdIcon-gUuMvf83.js}

@@ -1,7 +1,7 @@
 import { a as _unsupportedIterableToArray, b as _defineProperty, _ as _typeof } from './defineProperty-CTLrw71t.js';
 import * as React from 'react';
 import React__default, { createContext, useContext, useEffect } from 'react';
-import { c as className } from './index-mzHK7Za8.js';
+import { c as className } from './index-D7kJLZIi.js';
 
 var IconContext = /*#__PURE__*/createContext({});
 

package/es/chunks/{CloseOutlined-D4eYNdNo.js → CloseOutlined-D9hb-IcI.js}

@@ -1,4 +1,4 @@
-import { I as Icon, _ as _extends } from './AntdIcon-DSoxq9aC.js';
+import { I as Icon, _ as _extends } from './AntdIcon-gUuMvf83.js';
 import * as React from 'react';
 
 // This icon file is generated automatically.

package/es/chunks/{DownOutlined-DifOcKuo.js → DownOutlined-CkHKgaSi.js}

@@ -1,4 +1,4 @@
-import { I as Icon, _ as _extends } from './AntdIcon-DSoxq9aC.js';
+import { I as Icon, _ as _extends } from './AntdIcon-gUuMvf83.js';
 import * as React from 'react';
 
 // This icon file is generated automatically.

package/es/chunks/{InboxOutlined-DNCJCjk3.js → InboxOutlined-Kgn4qaDi.js}

@@ -1,4 +1,4 @@
-import { I as Icon, _ as _extends } from './AntdIcon-DSoxq9aC.js';
+import { I as Icon, _ as _extends } from './AntdIcon-gUuMvf83.js';
 import * as React from 'react';
 
 // This icon file is generated automatically.

package/es/chunks/_commonjsHelpers-D5KtpA0t.js

@@ -0,0 +1,32 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getAugmentedNamespace(n) {
+  if (Object.prototype.hasOwnProperty.call(n, '__esModule')) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+        return Reflect.construct(f, arguments, this.constructor);
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+export { getAugmentedNamespace as a, commonjsGlobal as c, getDefaultExportFromCjs as g };

package/es/chunks/{get-C880miVG.js → get-DPccfEM4.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-D5KtpA0t.js';
 
 /**
  * Checks if `value` is classified as an `Array` object.

package/es/chunks/{index-mzHK7Za8.js → index-D7kJLZIi.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-D5KtpA0t.js';
 
 var classnames = {exports: {}};
 

package/es/chunks/{layout-DoBNb9xg.js → layout-C0dbwkpb.js}

@@ -1,9 +1,9 @@
 import { _ as _typeof, c as _arrayLikeToArray, a as _unsupportedIterableToArray, b as _defineProperty } from './defineProperty-CTLrw71t.js';
 import * as React from 'react';
 import React__default, { useContext, createContext, useState, useEffect, useRef } from 'react';
-import { c as className } from './index-mzHK7Za8.js';
+import { c as className } from './index-D7kJLZIi.js';
 import { _ as _createClass, a as _classCallCheck, b as _inherits, c as _createSuper, d as _assertThisInitialized } from './createSuper-C90IQ42g.js';
-import { I as Icon, _ as _extends, w as warningOnce, a as _slicedToArray, b as warning$1, c as canUseDom, d as _objectSpread2, u as updateCSS, r as removeCSS, e as _arrayWithHoles, f as _nonIterableRest, g as resetWarned$1, F as FastColor, h as generate, p as presetPrimaryColors, i as presetPalettes, j as _objectWithoutProperties, k as IconContext } from './AntdIcon-DSoxq9aC.js';
+import { I as Icon, _ as _extends, w as warningOnce, a as _slicedToArray, b as warning$1, c as canUseDom, d as _objectSpread2, u as updateCSS, r as removeCSS, e as _arrayWithHoles, f as _nonIterableRest, g as resetWarned$1, F as FastColor, h as generate, p as presetPrimaryColors, i as presetPalettes, j as _objectWithoutProperties, k as IconContext } from './AntdIcon-gUuMvf83.js';
 
 // This icon file is generated automatically.
 var BarsOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "bars", "theme": "outlined" };

package/es/fields/CascaderField.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Cascader as Cascader$1 } from 'antd';
-import { g as get } from '../chunks/get-C880miVG.js';
+import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';

package/es/fields/Checkbox.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Checkbox as Checkbox$1 } from 'antd';
-import { g as get } from '../chunks/get-C880miVG.js';
+import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Typography } from '../ui/Typography.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';

package/es/fields/DatePicker.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { createElement, Component, createRef, useRef } from 'react';
-import { c as className } from '../chunks/index-mzHK7Za8.js';
+import { c as className } from '../chunks/index-D7kJLZIi.js';
 import { _ as _typeof, a as _unsupportedIterableToArray, b as _defineProperty } from '../chunks/defineProperty-CTLrw71t.js';
 import { b as _inherits, c as _createSuper, a as _classCallCheck, d as _assertThisInitialized$1, _ as _createClass } from '../chunks/createSuper-C90IQ42g.js';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { findDOMNode } from 'react-dom';
-import { g as getDefaultExportFromCjs } from '../chunks/_commonjsHelpers-BFTU3MAI.js';
-import { g as get } from '../chunks/get-C880miVG.js';
+import { g as getDefaultExportFromCjs } from '../chunks/_commonjsHelpers-D5KtpA0t.js';
+import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';

package/es/fields/DateRangePicker.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { DatePicker } from 'antd';
-import { g as get } from '../chunks/get-C880miVG.js';
+import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';

package/es/fields/Input.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React__default, { useRef, useState, useEffect, useLayoutEffect, useMemo, forwardRef, useCallback } from 'react';
 import { Input as Input$1 } from 'antd';
-import { g as get } from '../chunks/get-C880miVG.js';
+import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';

package/es/fields/Radio.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Radio } from 'antd';
-import { g as get } from '../chunks/get-C880miVG.js';
+import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Typography } from '../ui/Typography.js';
 

package/es/fields/Select.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Select as Select$1 } from 'antd';
-import { g as get } from '../chunks/get-C880miVG.js';
+import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
-import { R as RefIcon } from '../chunks/CloseOutlined-D4eYNdNo.js';
-import { R as RefIcon$1 } from '../chunks/DownOutlined-DifOcKuo.js';
+import { R as RefIcon } from '../chunks/CloseOutlined-D9hb-IcI.js';
+import { R as RefIcon$1 } from '../chunks/DownOutlined-CkHKgaSi.js';
 import { useRef } from 'react';
 import { M as MAX_TAG_TEXT_LENGTH, a as MAX_TAG_COUNT } from '../chunks/common-BcURBmQ-.js';
 

package/es/fields/SliderRanger.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { InputNumber, Slider } from 'antd';
-import { g as get } from '../chunks/get-C880miVG.js';
+import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';

package/es/fields/SliderSingle.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Slider } from 'antd';
-import { g as get } from '../chunks/get-C880miVG.js';
+import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';

package/es/fields/Switch.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Switch as Switch$1 } from 'antd';
-import { g as get } from '../chunks/get-C880miVG.js';
+import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';

package/es/fields/Textarea.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { g as get } from '../chunks/get-C880miVG.js';
+import { g as get } from '../chunks/get-DPccfEM4.js';
 import { Input } from 'antd';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';

package/es/fields/TimePicker.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { TimePicker as TimePicker$1 } from 'antd';
 import { Label } from '../ui/Label.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
-import { g as get } from '../chunks/get-C880miVG.js';
+import { g as get } from '../chunks/get-DPccfEM4.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const TimePicker = (props) => {

package/es/fields/TimeRangePicker.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { TimePicker } from 'antd';
 import { Label } from '../ui/Label.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
-import { g as get } from '../chunks/get-C880miVG.js';
+import { g as get } from '../chunks/get-DPccfEM4.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 
 const { RangePicker } = TimePicker;

package/es/fields/TinyMCE.js

@@ -1282,7 +1282,7 @@ var eventPropTypes = {
     onScriptsLoad: propTypesExports.func,
     onScriptsLoadError: propTypesExports.func,
 };
-var EditorPropTypes = __assign$2({ apiKey: propTypesExports.string, licenseKey: propTypesExports.string, id: propTypesExports.string, inline: propTypesExports.bool, init: propTypesExports.object, initialValue: propTypesExports.string, onEditorChange: propTypesExports.func, value: propTypesExports.string, tagName: propTypesExports.string, tabIndex: propTypesExports.number, cloudChannel: propTypesExports.string, plugins: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), toolbar: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), disabled: propTypesExports.bool, readonly: propTypesExports.bool, textareaName: propTypesExports.string, tinymceScriptSrc: propTypesExports.oneOfType([
+var EditorPropTypes = __assign$2({ apiKey: propTypesExports.string, licenseKey: propTypesExports.string, id: propTypesExports.string, inline: propTypesExports.bool, init: propTypesExports.object, initialValue: propTypesExports.string, onEditorChange: propTypesExports.func, value: propTypesExports.string, tagName: propTypesExports.string, tabIndex: propTypesExports.number, cloudChannel: propTypesExports.string, plugins: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), toolbar: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.array]), disabled: propTypesExports.bool, textareaName: propTypesExports.string, tinymceScriptSrc: propTypesExports.oneOfType([
         propTypesExports.string,
         propTypesExports.arrayOf(propTypesExports.string),
         propTypesExports.arrayOf(propTypesExports.shape({
@@ -1296,50 +1296,6 @@ var EditorPropTypes = __assign$2({ apiKey: propTypesExports.string, licenseKey:
         delay: propTypesExports.number
     }) }, eventPropTypes);
 
-var getTinymce = function (view) {
-    var global = view;
-    return global && global.tinymce ? global.tinymce : null;
-};
-
-const toInt = (str) => parseInt(str, 10);
-const cmp = (a, b) => {
-    const delta = a - b;
-    if (delta === 0) {
-        return 0 /* Comparison.EQ */;
-    }
-    return delta > 0 ? 1 /* Comparison.GT */ : -1 /* Comparison.LT */;
-};
-const nu = (major, minor, patch) => ({ major, minor, patch });
-const parse = (versionString) => {
-    const parts = /([0-9]+)\.([0-9]+)\.([0-9]+)(?:(\-.+)?)/.exec(versionString);
-    return parts ? nu(toInt(parts[1]), toInt(parts[2]), toInt(parts[3])) : nu(0, 0, 0);
-};
-const compare = (version1, version2) => {
-    const cmp1 = cmp(version1.major, version2.major);
-    if (cmp1 !== 0 /* Comparison.EQ */) {
-        return cmp1;
-    }
-    const cmp2 = cmp(version1.minor, version2.minor);
-    if (cmp2 !== 0 /* Comparison.EQ */) {
-        return cmp2;
-    }
-    const cmp3 = cmp(version1.patch, version2.patch);
-    if (cmp3 !== 0 /* Comparison.EQ */) {
-        return cmp3;
-    }
-    return 0 /* Comparison.EQ */;
-};
-
-// Creates a semver string out of tinymce major and minor properties this also handles
-// the pre semver case with 3.x versions of tinymce having a extra dot 1.2.3.4 we simply
-// ignore the extra dot and normalize that to proper semver
-const createSemVer = (tinymce) => {
-    const semver = [tinymce.majorVersion, tinymce.minorVersion].join('.');
-    return semver.split('.').slice(0, 3).join('.');
-};
-const getVersion = (tinymce) => parse(createSemVer(tinymce));
-const isLessThan = (tinymce, version) => !tinymce ? false : compare(getVersion(tinymce), parse(version)) === -1 /* Semver.Comparison.LT */;
-
 var isFunction = function (x) { return typeof x === 'function'; };
 var isEventProp = function (name) { return name in eventPropTypes; };
 var eventAttrToEventName = function (attrName) { return attrName.substr(2); };
@@ -1409,17 +1365,6 @@ var setMode = function (editor, mode) {
         }
     }
 };
-var getTinymceOrError = function (view) {
-    var tinymce = getTinymce(view);
-    if (!tinymce) {
-        throw new Error('tinymce should have been loaded into global scope');
-    }
-    return tinymce;
-};
-var isDisabledOptionSupported = function (view) {
-    var tinymce = getTinymceOrError(view);
-    return !isLessThan(tinymce, '7.6.0');
-};
 
 var __assign$1 = (undefined && undefined.__assign) || function () {
     __assign$1 = Object.assign || function(t) {
@@ -1564,6 +1509,11 @@ var createScriptLoader = function () {
 };
 var ScriptLoader = createScriptLoader();
 
+var getTinymce = function (view) {
+    var global = view;
+    return global && global.tinymce ? global.tinymce : null;
+};
+
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -1684,10 +1634,11 @@ var Editor = /** @class */ (function (_super) {
                 }
                 return;
             }
-            var tinymce = getTinymceOrError(_this.view);
-            var finalInit = __assign(__assign(__assign(__assign(__assign(__assign({}, _this.props.init), { selector: undefined, target: target }), isDisabledOptionSupported(_this.view)
-                ? { disabled: _this.props.disabled, readonly: _this.props.readonly }
-                : { readonly: _this.props.disabled || _this.props.readonly }), { inline: _this.inline, plugins: mergePlugins((_a = _this.props.init) === null || _a === void 0 ? void 0 : _a.plugins, _this.props.plugins), toolbar: (_b = _this.props.toolbar) !== null && _b !== void 0 ? _b : (_c = _this.props.init) === null || _c === void 0 ? void 0 : _c.toolbar }), (_this.props.licenseKey ? { license_key: _this.props.licenseKey } : {})), { setup: function (editor) {
+            var tinymce = getTinymce(_this.view);
+            if (!tinymce) {
+                throw new Error('tinymce should have been loaded into global scope');
+            }
+            var finalInit = __assign(__assign(__assign(__assign({}, _this.props.init), { selector: undefined, target: target, readonly: _this.props.disabled, inline: _this.inline, plugins: mergePlugins((_a = _this.props.init) === null || _a === void 0 ? void 0 : _a.plugins, _this.props.plugins), toolbar: (_b = _this.props.toolbar) !== null && _b !== void 0 ? _b : (_c = _this.props.init) === null || _c === void 0 ? void 0 : _c.toolbar }), (_this.props.licenseKey ? { license_key: _this.props.licenseKey } : {})), { setup: function (editor) {
                     _this.editor = editor;
                     _this.bindHandlers({});
                     // When running in inline mode the editor gets the initial value
@@ -1705,7 +1656,7 @@ var Editor = /** @class */ (function (_super) {
                         _this.props.init.setup(editor);
                     }
                 }, init_instance_callback: function (editor) {
-                    var _a;
+                    var _a, _b;
                     // check for changes that happened since tinymce.init() was called
                     var initialValue = _this.getInitialValue();
                     _this.currentContent = (_a = _this.currentContent) !== null && _a !== void 0 ? _a : editor.getContent();
@@ -1717,6 +1668,8 @@ var Editor = /** @class */ (function (_super) {
                         editor.undoManager.add();
                         editor.setDirty(false);
                     }
+                    var disabled = (_b = _this.props.disabled) !== null && _b !== void 0 ? _b : false;
+                    setMode(_this.editor, disabled ? 'readonly' : 'design');
                     // ensure existing init_instance_callback is called
                     if (_this.props.init && isFunction(_this.props.init.init_instance_callback)) {
                         _this.props.init.init_instance_callback(editor);
@@ -1794,17 +1747,9 @@ var Editor = /** @class */ (function (_super) {
                         }
                     });
                 }
-                if (this.props.readonly !== prevProps.readonly) {
-                    var readonly = (_b = this.props.readonly) !== null && _b !== void 0 ? _b : false;
-                    setMode(this.editor, readonly ? 'readonly' : 'design');
-                }
                 if (this.props.disabled !== prevProps.disabled) {
-                    if (isDisabledOptionSupported(this.view)) {
-                        this.editor.options.set('disabled', this.props.disabled);
-                    }
-                    else {
-                        setMode(this.editor, this.props.disabled ? 'readonly' : 'design');
-                    }
+                    var disabled = (_b = this.props.disabled) !== null && _b !== void 0 ? _b : false;
+                    setMode(this.editor, disabled ? 'readonly' : 'design');
                 }
             }
         }

package/es/fields/Upload.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useState } from 'react';
 import { Upload, Image } from 'antd';
-import { g as get } from '../chunks/get-C880miVG.js';
+import { g as get } from '../chunks/get-DPccfEM4.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { I as Icon, _ as _extends } from '../chunks/AntdIcon-DSoxq9aC.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-gUuMvf83.js';
 
 // This icon file is generated automatically.
 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" };

package/es/index.js

@@ -62,6 +62,7 @@ export { ImportFile } from './ui/ImportFile.js';
 export { ExportFile } from './ui/ExportFile.js';
 export { UploadComponent } from './ui/UploadComponent.js';
 export { useAppMessage } from './ui/Message.js';
+export { ViewPdf } from './ui/ViewPdf.js';
 export { Input } from './fields/Input.js';
 export { PnkxField } from './fields/PnkxField.js';
 export { Select } from './fields/Select.js';

package/es/ui/BreadcrumbHeading.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { c as className } from '../chunks/index-mzHK7Za8.js';
+import { c as className } from '../chunks/index-D7kJLZIi.js';
 import { Breadcrumb } from './Breadcrumb.js';
 import { u as useBreadcrumb } from '../chunks/useBreadcrumb-DWfSfaDb.js';
 

package/es/ui/ExportFile.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Spin } from './Spin.js';
-import { I as Icon, _ as _extends } from '../chunks/AntdIcon-DSoxq9aC.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-gUuMvf83.js';
 import * as React from 'react';
 import { PnkxField } from '../fields/PnkxField.js';
 import { RadioGroup } from '../fields/Radio.js';

package/es/ui/Heading.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { c as className } from '../chunks/index-mzHK7Za8.js';
+import { c as className } from '../chunks/index-D7kJLZIi.js';
 import { WrapperBreadcrumb } from './WrapperBreadcrumb.js';
 
 const Heading = (props) => {

package/es/ui/ImportFile.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Upload } from 'antd';
-import { R as RefIcon$2 } from '../chunks/InboxOutlined-DNCJCjk3.js';
-import { I as Icon, _ as _extends } from '../chunks/AntdIcon-DSoxq9aC.js';
+import { R as RefIcon$2 } from '../chunks/InboxOutlined-Kgn4qaDi.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-gUuMvf83.js';
 import * as React from 'react';
 
 // This icon file is generated automatically.

package/es/ui/Layout.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { S as SiderContext, a as Sider, C as Content, F as Footer, H as Header, L as Layout$1 } from '../chunks/layout-DoBNb9xg.js';
+import { S as SiderContext, a as Sider, C as Content, F as Footer, H as Header, L as Layout$1 } from '../chunks/layout-C0dbwkpb.js';
 
 const LayoutComponent = ({
   layoutClassName,

package/es/ui/SearchFilterForm.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { u as useForm } from '../chunks/index.esm-o4O8pXMN.js';
 import { Button } from './Button.js';
-import { I as Icon, _ as _extends } from '../chunks/AntdIcon-DSoxq9aC.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-gUuMvf83.js';
 import * as React from 'react';
 
 // This icon file is generated automatically.

package/es/ui/Sidebar.js

@@ -3,11 +3,11 @@ import * as React from 'react';
 import { useState, useEffect, useMemo, useCallback } from 'react';
 import { useNavigate, useLocation } from 'react-router';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
-import { H as Header } from '../chunks/layout-DoBNb9xg.js';
+import { H as Header } from '../chunks/layout-C0dbwkpb.js';
 import { AutoComplete, Divider, Dropdown, Flex } from 'antd';
 import { Input } from '../fields/Input.js';
-import { I as Icon, _ as _extends } from '../chunks/AntdIcon-DSoxq9aC.js';
-import { R as RefIcon$1 } from '../chunks/DownOutlined-DifOcKuo.js';
+import { I as Icon, _ as _extends } from '../chunks/AntdIcon-gUuMvf83.js';
+import { R as RefIcon$1 } from '../chunks/DownOutlined-CkHKgaSi.js';
 
 // This icon file is generated automatically.
 var UpOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z" } }] }, "name": "up", "theme": "outlined" };

package/es/ui/UploadComponent.js

@@ -3,7 +3,7 @@ import { Upload, Image, Tooltip } from 'antd';
 import { Spin } from './Spin.js';
 import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 import { Label } from './Label.js';
-import { R as RefIcon } from '../chunks/CloseOutlined-D4eYNdNo.js';
+import { R as RefIcon } from '../chunks/CloseOutlined-D9hb-IcI.js';
 
 const logoUpload = "data:image/png;base64,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";
 
@@ -21,6 +21,7 @@ const UploadComponent = ({
   description = "Ảnh có kích thước 400x400 px và dung lượng ảnh < 1 mb",
   customRequest,
   setImageUpload,
+  clickIconRemove,
   ...restProps
 }) => {
   const imageUrl = typeof field?.value === "string" ? field.value : field?.value instanceof File ? URL.createObjectURL(field.value) : null;
@@ -65,7 +66,10 @@ const UploadComponent = ({
                 "button",
                 {
                   type: "button",
-                  onClick: handleRemoveImage,
+                  onClick: () => {
+                    handleRemoveImage();
+                    clickIconRemove?.();
+                  },
                   className: "absolute top-1 right-1 w-6 h-6 flex items-center justify-center bg-white cursor-pointer bg-opacity-80 rounded-full hover:bg-opacity-100 transition",
                   children: /* @__PURE__ */ jsx(RefIcon, { className: "text-black text-[12px]" })
                 }

package/es/ui/UploadMultiple.js

@@ -1,75 +1,19 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { Spin, Upload, message } from 'antd';
-import { C as Controller } from '../chunks/index.esm-o4O8pXMN.js';
-import { R as RefIcon } from '../chunks/InboxOutlined-DNCJCjk3.js';
+import { Spin, Upload } from 'antd';
+import { R as RefIcon } from '../chunks/InboxOutlined-Kgn4qaDi.js';
 
 const { Dragger } = Upload;
 const UploadMultiple = ({
-  name,
-  control,
   title,
-  content
+  content,
+  isLoading,
+  ...props
 }) => {
-  const [isLoading, setIsLoading] = useState(false);
-  const createUploadProps = (value, onChange) => ({
-    multiple: true,
-    listType: "picture",
-    showUploadList: true,
-    fileList: value,
-    customRequest: async ({ file, onSuccess, onError }) => {
-      const formData = new FormData();
-      formData.append("file", file);
-      formData.append("upload_preset", "ml_default");
-      setIsLoading(true);
-      try {
-        const res = await fetch(
-          "https://api.cloudinary.com/v1_1/dhtrzmzd3/image/upload",
-          {
-            method: "POST",
-            body: formData
-          }
-        );
-        const data = await res.json();
-        const newFile = {
-          uid: data.asset_id || Date.now().toString(),
-          name: data.original_filename,
-          url: data.secure_url
-        };
-        onChange([...value || [], newFile]);
-        onSuccess?.(data, new XMLHttpRequest());
-        message.success("Tải ảnh lên thành công.");
-      } catch (err) {
-        onError?.(err);
-        message.error("Tải ảnh lên thất bại.");
-      } finally {
-        setIsLoading(false);
-      }
-    },
-    onPreview: (file) => {
-      window.open(file.url, "_blank");
-    },
-    onRemove: (file) => {
-      const newList = (value || []).filter((item) => item.uid !== file.uid);
-      onChange(newList);
-    }
-  });
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      name,
-      control,
-      render: ({ field }) => {
-        const { value, onChange } = field;
-        const props = createUploadProps(value || [], onChange);
-        return /* @__PURE__ */ jsx(Spin, { spinning: isLoading, tip: "Đang tải", children: /* @__PURE__ */ jsxs(Dragger, { ...props, children: [
-          /* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(RefIcon, {}) }),
-          /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: title }),
-          /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: content })
-        ] }) });
-      }
-    }
-  );
+  return /* @__PURE__ */ jsx(Spin, { spinning: isLoading, tip: "Đang tải", children: /* @__PURE__ */ jsxs(Dragger, { ...props, children: [
+    /* @__PURE__ */ jsx("p", { className: "ant-upload-drag-icon", children: /* @__PURE__ */ jsx(RefIcon, {}) }),
+    /* @__PURE__ */ jsx("p", { className: "ant-upload-text", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "ant-upload-hint", children: content })
+  ] }) });
 };
 
 export { UploadMultiple };