@pnkx-lib/ui 1.9.532 → 1.9.533

package/es/fields/CascaderField.js

@@ -3,7 +3,7 @@ import { Cascader as Cascader$1 } from 'antd';
 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 { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const Cascader = (props) => {
   //! State

package/es/fields/Checkbox.js

@@ -3,7 +3,7 @@ import { Checkbox as Checkbox$1 } from 'antd';
 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';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const Checkbox = (props) => {
   //! State

package/es/fields/DatePicker.js

@@ -10,7 +10,7 @@ import { g as getDefaultExportFromCjs } from '../chunks/_commonjsHelpers-D5KtpA0
 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 { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const CalendarIcon = ({
   size = 24,

package/es/fields/DateRangePicker.js

@@ -3,7 +3,7 @@ import { DatePicker } from 'antd';
 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 { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { w as wrapWithTooltip } from '../chunks/wapper-Bk3PQCcg.js';
 
 const { RangePicker: RangePickerPnkx } = DatePicker;

package/es/fields/Input.js

@@ -4,7 +4,7 @@ import { Input as Input$1 } from 'antd';
 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 { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { Tooltip } from '../ui/Tooltip.js';
 
 const AllowClearIcon = ({

package/es/fields/InputRangePicker.js

@@ -4,7 +4,7 @@ import { InputNumber } from 'antd';
 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 { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { w as wrapWithTooltip } from '../chunks/wapper-Bk3PQCcg.js';
 
 const InputRangePicker = (props) => {

package/es/fields/PnkxField.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { C as Controller } from '../chunks/index.esm-Ds4t-z37.js';
+import { C as Controller } from '../chunks/index.esm-AaUjBMaK.js';
 
 class PnkxField extends React.PureComponent {
   render() {

package/es/fields/Select.js

@@ -3,7 +3,7 @@ import { Select as Select$1 } from 'antd';
 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 { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 import { R as RefIcon } from '../chunks/CloseOutlined-DdLJZQvZ.js';
 import { R as RefIcon$1 } from '../chunks/DownOutlined-Cl95zPIN.js';
 import { useRef } from 'react';

package/es/fields/SliderRanger.js

@@ -3,7 +3,7 @@ import { InputNumber, Slider } from 'antd';
 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 { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const SliderRange = (props) => {
   //! State

package/es/fields/SliderSingle.js

@@ -3,7 +3,7 @@ import { Slider } from 'antd';
 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 { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const SliderSingle = (props) => {
   //! State

package/es/fields/Switch.js

@@ -3,7 +3,7 @@ import { Switch as Switch$1 } from 'antd';
 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 { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const Switch = (props) => {
   //! State

package/es/fields/Textarea.js

@@ -4,7 +4,7 @@ import { g as get } from '../chunks/get-DPccfEM4.js';
 import { Input, Tooltip } from 'antd';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { Label } from '../ui/Label.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const { TextArea } = Input;
 const Textarea = forwardRef(

package/es/fields/TimePicker.js

@@ -3,7 +3,7 @@ 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-DPccfEM4.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const TimePicker = (props) => {
   const {

package/es/fields/TimeRangePicker.js

@@ -3,7 +3,7 @@ import { TimePicker } from 'antd';
 import { Label } from '../ui/Label.js';
 import { ErrorMessage } from '../ui/ErrorMessage.js';
 import { g as get } from '../chunks/get-DPccfEM4.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
 
 const { RangePicker } = TimePicker;
 const TimeRangePicker = (props) => {

package/es/fields/TinyMCE.js

@@ -1281,7 +1281,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({
@@ -1295,6 +1295,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); };
@@ -1364,6 +1369,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) {
@@ -1508,11 +1521,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 ||
@@ -1633,11 +1641,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
@@ -1654,8 +1659,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();
@@ -1667,8 +1680,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);
@@ -1746,9 +1757,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/Descriptions.js

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