@pnkx-lib/ui 1.9.410 → 1.9.412

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, 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, readonly: propTypesExports.bool, textareaName: propTypesExports.string, tinymceScriptSrc: propTypesExports.oneOfType([
         propTypesExports.string,
         propTypesExports.arrayOf(propTypesExports.string),
         propTypesExports.arrayOf(propTypesExports.shape({
@@ -1296,6 +1296,11 @@ 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;
+};
+
 var isFunction = function (x) { return typeof x === 'function'; };
 var isEventProp = function (name) { return name in eventPropTypes; };
 var eventAttrToEventName = function (attrName) { return attrName.substr(2); };
@@ -1365,6 +1370,14 @@ 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 (editor) { return editor.options && editor.options.isRegistered('disabled'); };
 
 var __assign$1 = (undefined && undefined.__assign) || function () {
     __assign$1 = Object.assign || function(t) {
@@ -1509,11 +1522,6 @@ 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 ||
@@ -1634,11 +1642,8 @@ var Editor = /** @class */ (function (_super) {
                 }
                 return;
             }
-            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) {
+            var tinymce = getTinymceOrError(_this.view);
+            var finalInit = __assign(__assign(__assign(__assign({}, _this.props.init), { selector: undefined, target: target, disabled: _this.props.disabled, readonly: _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) {
                     _this.editor = editor;
                     _this.bindHandlers({});
                     // When running in inline mode the editor gets the initial value
@@ -1655,8 +1660,16 @@ var Editor = /** @class */ (function (_super) {
                     if (_this.props.init && isFunction(_this.props.init.setup)) {
                         _this.props.init.setup(editor);
                     }
+                    if (_this.props.disabled) {
+                        if (isDisabledOptionSupported(_this.editor)) {
+                            _this.editor.options.set('disabled', _this.props.disabled);
+                        }
+                        else {
+                            _this.editor.mode.set('readonly');
+                        }
+                    }
                 }, init_instance_callback: function (editor) {
-                    var _a, _b;
+                    var _a;
                     // 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();
@@ -1668,8 +1681,6 @@ 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);
@@ -1747,9 +1758,17 @@ 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) {
-                    var disabled = (_b = this.props.disabled) !== null && _b !== void 0 ? _b : false;
-                    setMode(this.editor, disabled ? 'readonly' : 'design');
+                    if (isDisabledOptionSupported(this.editor)) {
+                        this.editor.options.set('disabled', this.props.disabled);
+                    }
+                    else {
+                        setMode(this.editor, this.props.disabled ? 'readonly' : 'design');
+                    }
                 }
             }
         }

package/es/ui/Button.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { Button as Button$1 } from 'antd';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const Button = (props) => {
   const { onClick, ...restProps } = props;

package/es/ui/Cascader.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { Cascader } from 'antd';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const CascaderField = (props) => {
   const {

package/es/ui/CategoryStatus.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 var CATEGORY_LIST_ENUM = /* @__PURE__ */ ((CATEGORY_LIST_ENUM2) => {
   CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["DRAFT"] = 0] = "DRAFT";

package/es/ui/Container.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const Container = ({
   children,

package/es/ui/Label.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { Typography } from './Typography.js';
 
 const Label = ({ label, required, classNameLabel }) => {

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-C0dbwkpb.js';
+import { S as SiderContext, a as Sider, C as Content, F as Footer, H as Header, L as Layout$1 } from '../chunks/layout-2jUdRxjk.js';
 
 const LayoutComponent = ({
   layoutClassName,

package/es/ui/Modal.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { Modal as Modal$1 } from 'antd';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const widthMap = {
   xs: 400,

package/es/ui/SearchFilterForm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { u as useForm } from '../chunks/index.esm-o4O8pXMN.js';
+import { u as useForm } from '../chunks/index.esm-AaUjBMaK.js';
 import { Button } from './Button.js';
 import { I as Icon, _ as _extends } from '../chunks/AntdIcon-gUuMvf83.js';
 import * as React from 'react';

package/es/ui/SelectSingleTable.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Select, Table } from 'antd';
 import { useState, useCallback } from 'react';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { get, isEmpty } from 'lodash';
 import { ErrorMessage } from './ErrorMessage.js';
 

package/es/ui/SelectTable.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { Select, Table } from 'antd';
 import { useState, useCallback } from 'react';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const SelectTable = ({
   columns,

package/es/ui/Sidebar.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useMemo, useCallback } from 'react';
 import { useNavigate, useLocation } from 'react-router';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { u as useDebounce, l as logoHeaderText, S as SearchIcon, V as VietNamIcon, D as DownOutlinedIcon, R as RefIcon } from '../chunks/logo-header-DG8abRGF.js';
-import { H as Header } from '../chunks/layout-C0dbwkpb.js';
+import { H as Header } from '../chunks/layout-2jUdRxjk.js';
 import { AutoComplete, Divider, Dropdown, Flex } from 'antd';
 import { Input } from '../fields/Input.js';
 import { R as RefIcon$1 } from '../chunks/DownOutlined-CkHKgaSi.js';

package/es/ui/SidebarV2.js

@@ -1,56 +1,14 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import * as React from 'react';
 import { useState, useMemo } from 'react';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { AutoComplete, Divider, Dropdown, Flex } from 'antd';
 import { useLocation, useNavigate, Link } from 'react-router';
-import { u as useDebounce, l as logoHeaderText, S as SearchIcon, V as VietNamIcon, D as DownOutlinedIcon, R as RefIcon$1 } from '../chunks/logo-header-DG8abRGF.js';
+import { u as useDebounce, l as logoHeaderText, S as SearchIcon, V as VietNamIcon, D as DownOutlinedIcon, R as RefIcon } from '../chunks/logo-header-DG8abRGF.js';
 import { Layout } from './Layout.js';
-import { R as RefIcon$2 } from '../chunks/DownOutlined-CkHKgaSi.js';
-import { I as Icon, _ as _extends } from '../chunks/AntdIcon-gUuMvf83.js';
+import { F as ForwardRef, R as RefIcon$2 } from '../chunks/BellIcon-Bv07EhTB.js';
+import { R as RefIcon$1 } from '../chunks/DownOutlined-CkHKgaSi.js';
 import { Input } from '../fields/Input.js';
 
-// This icon file is generated automatically.
-var DoubleLeftOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z" } }] }, "name": "double-left", "theme": "outlined" };
-
-var DoubleLeftOutlined = function DoubleLeftOutlined(props, ref) {
-  return /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
-    ref: ref,
-    icon: DoubleLeftOutlined$1
-  }));
-};
-
-/**![double-left](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3Mi45IDUxMmwyNjUuNC0zMzkuMWM0LjEtNS4yLjQtMTIuOS02LjMtMTIuOWgtNzcuM2MtNC45IDAtOS42IDIuMy0xMi42IDYuMUwxODYuOCA0OTIuM2EzMS45OSAzMS45OSAwIDAwMCAzOS41bDI1NS4zIDMyNi4xYzMgMy45IDcuNyA2LjEgMTIuNiA2LjFINTMyYzYuNyAwIDEwLjQtNy43IDYuMy0xMi45TDI3Mi45IDUxMnptMzA0IDBsMjY1LjQtMzM5LjFjNC4xLTUuMi40LTEyLjktNi4zLTEyLjloLTc3LjNjLTQuOSAwLTkuNiAyLjMtMTIuNiA2LjFMNDkwLjggNDkyLjNhMzEuOTkgMzEuOTkgMCAwMDAgMzkuNWwyNTUuMyAzMjYuMWMzIDMuOSA3LjcgNi4xIDEyLjYgNi4xSDgzNmM2LjcgMCAxMC40LTcuNyA2LjMtMTIuOUw1NzYuOSA1MTJ6IiAvPjwvc3ZnPg==) */
-var RefIcon = /*#__PURE__*/React.forwardRef(DoubleLeftOutlined);
-if (process.env.NODE_ENV !== 'production') {
-  RefIcon.displayName = 'DoubleLeftOutlined';
-}
-
-function BellIcon({
-  title,
-  titleId,
-  ...props
-}, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    strokeWidth: 1.5,
-    stroke: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon",
-    ref: svgRef,
-    "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
-  }));
-}
-const ForwardRef = /*#__PURE__*/ React.forwardRef(BellIcon);
-
 const userInfo = {
   name: "admin",
   avatar: "http://10.1.15.154:9000/image/logo-phenikaa-mec.webp"
@@ -276,7 +234,7 @@ const SidebarV2 = ({ menu, children }) => {
                       children: [
                         subMenu.icon,
                         subMenu.name,
-                        isDropwdown && openDropdownMenu === subMenu.path ? /* @__PURE__ */ jsx(RefIcon$1, { className: "w-4 h-4 ml-auto" }) : isDropwdown && /* @__PURE__ */ jsx(RefIcon$2, { className: "w-4 h-4 ml-auto" })
+                        isDropwdown && openDropdownMenu === subMenu.path ? /* @__PURE__ */ jsx(RefIcon, { className: "w-4 h-4 ml-auto" }) : isDropwdown && /* @__PURE__ */ jsx(RefIcon$1, { className: "w-4 h-4 ml-auto" })
                       ]
                     }
                   ),
@@ -311,7 +269,7 @@ const SidebarV2 = ({ menu, children }) => {
               className: "mt-auto select-none px-4 py-2 shadow-[0px_0px_12px_0px_#0006241f] flex space-x-2 cursor-pointer",
               onClick: () => setShowSubmenu(false),
               children: [
-                /* @__PURE__ */ jsx(RefIcon, {}),
+                /* @__PURE__ */ jsx(RefIcon$2, {}),
                 /* @__PURE__ */ jsx("span", { className: "text-[#131313]", children: "Thu gọn menu" })
               ]
             }