@pnkx-lib/ui 1.9.513 → 1.9.514

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, 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({
@@ -1295,11 +1295,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;
-};
-
 var isFunction = function (x) { return typeof x === 'function'; };
 var isEventProp = function (name) { return name in eventPropTypes; };
 var eventAttrToEventName = function (attrName) { return attrName.substr(2); };
@@ -1369,14 +1364,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 (editor) { return editor.options && editor.options.isRegistered('disabled'); };
 
 var __assign$1 = (undefined && undefined.__assign) || function () {
     __assign$1 = Object.assign || function(t) {
@@ -1521,6 +1508,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 ||
@@ -1641,8 +1633,11 @@ var Editor = /** @class */ (function (_super) {
                 }
                 return;
             }
-            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) {
+            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
@@ -1659,16 +1654,8 @@ 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;
+                    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();
@@ -1680,6 +1667,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);
@@ -1757,17 +1746,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.editor)) {
-                        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');
                 }
             }
         }
@@ -1898,7 +1879,7 @@ var Editor = /** @class */ (function (_super) {
     };
     Editor.propTypes = EditorPropTypes;
     Editor.defaultProps = {
-        cloudChannel: '8',
+        cloudChannel: '7',
     };
     return Editor;
 }(React.Component));

package/es/index.js

@@ -66,7 +66,7 @@ export { ViewPdf } from './ui/ViewPdf.js';
 export { Sidebar } from './ui/Sidebar/index.js';
 export { SelectTable } from './ui/SelectTable.js';
 export { SelectSingleTable } from './ui/SelectSingleTable.js';
-export { G as GenericUploadModal } from './chunks/GenericUploadModal-Dhv5_mhq.js';
+export { G as GenericUploadModal } from './chunks/GenericUploadModal-CkhTggnS.js';
 export { Descriptions } from './ui/Descriptions.js';
 export { Input } from './fields/Input.js';
 export { PnkxField } from './fields/PnkxField.js';

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

package/es/ui/GenericUploadModal.js

@@ -1,7 +1,7 @@
 import 'react/jsx-runtime';
 import 'antd';
-export { G as GenericUploadModal } from '../chunks/GenericUploadModal-Dhv5_mhq.js';
-import '../chunks/index.esm-Dr5ZHcf7.js';
+export { G as GenericUploadModal } from '../chunks/GenericUploadModal-CkhTggnS.js';
+import '../chunks/index.esm-Ds4t-z37.js';
 import 'react';
 import '@pnkx-lib/core';
 import '../chunks/InboxOutlined-BBuIJe6u.js';

package/es/ui/Label.js

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

package/es/ui/Layout.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { g as genStyleHooks, u as unit, C as ConfigContext, o as omit, t as toArray, a as useComponentConfig, _ as _toConsumableArray } from '../chunks/toArray-2LkvUaha.js';
+import { g as genStyleHooks, u as unit, C as ConfigContext, o as omit, t as toArray, a as useComponentConfig, _ as _toConsumableArray } from '../chunks/toArray-DzhjhY0s.js';
 import * as React from 'react';
 import { useContext, useState, useEffect, useRef } from 'react';
 import { c as classNames } from '../chunks/index-BLRvgOFN.js';
@@ -60,23 +60,6 @@ const LayoutContext = /*#__PURE__*/React.createContext({
   }
 });
 
-const addMediaQueryListener = (mql, handler) => {
-  // Don't delete here, please keep the code compatible
-  if (typeof (mql === null || mql === void 0 ? void 0 : mql.addEventListener) !== 'undefined') {
-    mql.addEventListener('change', handler);
-  } else if (typeof (mql === null || mql === void 0 ? void 0 : mql.addListener) !== 'undefined') {
-    mql.addListener(handler);
-  }
-};
-const removeMediaQueryListener = (mql, handler) => {
-  // Don't delete here, please keep the code compatible
-  if (typeof (mql === null || mql === void 0 ? void 0 : mql.removeEventListener) !== 'undefined') {
-    mql.removeEventListener('change', handler);
-  } else if (typeof (mql === null || mql === void 0 ? void 0 : mql.removeListener) !== 'undefined') {
-    mql.removeListener(handler);
-  }
-};
-
 const genLayoutStyle = token => {
   const {
     antCls,
@@ -185,7 +168,7 @@ const prepareComponentToken = token => {
 };
 // ============================== Export ==============================
 const DEPRECATED_TOKENS = [['colorBgBody', 'bodyBg'], ['colorBgHeader', 'headerBg'], ['colorBgTrigger', 'triggerBg']];
-const useStyle$1 = genStyleHooks('Layout', genLayoutStyle, prepareComponentToken, {
+const useStyle$1 = genStyleHooks('Layout', token => [genLayoutStyle(token)], prepareComponentToken, {
   deprecatedTokens: DEPRECATED_TOKENS
 });
 
@@ -296,7 +279,7 @@ const genSiderStyle = token => {
     }
   };
 };
-const useStyle = genStyleHooks(['Layout', 'Sider'], genSiderStyle, prepareComponentToken, {
+const useStyle = genStyleHooks(['Layout', 'Sider'], token => [genSiderStyle(token)], prepareComponentToken, {
   deprecatedTokens: DEPRECATED_TOKENS
 });
 
@@ -320,7 +303,8 @@ const isNumeric = value => !Number.isNaN(Number.parseFloat(value)) && isFinite(v
 const SiderContext = /*#__PURE__*/React.createContext({});
 const generateId = (() => {
   let i = 0;
-  return (prefix = '') => {
+  return function () {
+    let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     i += 1;
     return `${prefix}${i}`;
   };
@@ -378,17 +362,29 @@ const Sider = /*#__PURE__*/React.forwardRef((props, ref) => {
   };
   useEffect(() => {
     function responsiveHandler(mql) {
-      var _a;
-      return (_a = responsiveHandlerRef.current) === null || _a === void 0 ? void 0 : _a.call(responsiveHandlerRef, mql);
+      return responsiveHandlerRef.current(mql);
     }
     let mql;
-    if (typeof (window === null || window === void 0 ? void 0 : window.matchMedia) !== 'undefined' && breakpoint && breakpoint in dimensionMaxMap) {
-      mql = window.matchMedia(`screen and (max-width: ${dimensionMaxMap[breakpoint]})`);
-      addMediaQueryListener(mql, responsiveHandler);
-      responsiveHandler(mql);
+    if (typeof window !== 'undefined') {
+      const {
+        matchMedia
+      } = window;
+      if (matchMedia && breakpoint && breakpoint in dimensionMaxMap) {
+        mql = matchMedia(`screen and (max-width: ${dimensionMaxMap[breakpoint]})`);
+        try {
+          mql.addEventListener('change', responsiveHandler);
+        } catch (_a) {
+          mql.addListener(responsiveHandler);
+        }
+        responsiveHandler(mql);
+      }
     }
     return () => {
-      removeMediaQueryListener(mql, responsiveHandler);
+      try {
+        mql === null || mql === void 0 ? void 0 : mql.removeEventListener('change', responsiveHandler);
+      } catch (_a) {
+        mql === null || mql === void 0 ? void 0 : mql.removeListener(responsiveHandler);
+      }
     };
   }, [breakpoint]); // in order to accept dynamic 'breakpoint' property, we need to add 'breakpoint' into dependency array.
   useEffect(() => {
@@ -472,11 +468,12 @@ var __rest = undefined && undefined.__rest || function (s, e) {
   }
   return t;
 };
-function generator({
-  suffixCls,
-  tagName,
-  displayName
-}) {
+function generator(_ref) {
+  let {
+    suffixCls,
+    tagName,
+    displayName
+  } = _ref;
   return BasicComponent => {
     const Adapter = /*#__PURE__*/React.forwardRef((props, ref) => (/*#__PURE__*/React.createElement(BasicComponent, Object.assign({
       ref: ref,

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-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.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-Dr5ZHcf7.js';
+import { u as useForm } from '../chunks/index.esm-Ds4t-z37.js';
 import { Button } from './Button.js';
 import { I as Icon, _ as _extends } from '../chunks/AntdIcon-Bve8mGNz.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-BME7zF0Z.js';
+import { useState, useRef, useCallback } from 'react';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 import { get, isEmpty } from 'lodash';
 import { ErrorMessage } from './ErrorMessage.js';
 import { Label } from './Label.js';
@@ -37,6 +37,7 @@ const SelectSingleTable = ({
   const [internalLoading, setInternalLoading] = useState(false);
   const [searchValue, setSearchValue] = useState("");
   const [isClearing, setIsClearing] = useState(false);
+  const selectRef = useRef(null);
   const { name, value, onChange } = field || {};
   const { touchedFields, errors, isSubmitted } = formState || {};
   const isTouched = get(touchedFields, name);
@@ -91,7 +92,14 @@ const SelectSingleTable = ({
         onSelectionChange(key, record);
       }
     }
+    setSearchValue("");
     setOpen(false);
+    setIsClearing(false);
+    setTimeout(() => {
+      if (selectRef.current) {
+        selectRef.current.blur();
+      }
+    }, 50);
   };
   const getDisplayValue = useCallback(() => {
     if (isEmpty(value) && !selectedRow) {
@@ -128,9 +136,13 @@ const SelectSingleTable = ({
   };
   const handleDropdownVisibleChange = (visible) => {
     if (isClearing && !visible) {
+      setIsClearing(false);
       return;
     }
     setOpen(visible);
+    if (!visible) {
+      setSearchValue("");
+    }
   };
   const dropdownRender = () => /* @__PURE__ */ jsx("div", { className: "select-single-table-dropdown", children: /* @__PURE__ */ jsx(
     "div",
@@ -176,6 +188,7 @@ const SelectSingleTable = ({
         /* @__PURE__ */ jsx(
           Select,
           {
+            ref: selectRef,
             ...selectProps,
             open,
             onDropdownVisibleChange: handleDropdownVisibleChange,
@@ -186,7 +199,7 @@ const SelectSingleTable = ({
             onClear: handleClear,
             placeholder: searchPlaceholder,
             filterOption: false,
-            searchValue,
+            searchValue: open ? searchValue : "",
             allowClear: true
           }
         ),

package/es/ui/SelectTable.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-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 import { get } from 'lodash';
 import { ErrorMessage } from './ErrorMessage.js';
 import { Label } from './Label.js';

package/es/ui/Sidebar/index.js

@@ -5,7 +5,7 @@ import { useLocation, useNavigate } from 'react-router';
 import { Flex, AutoComplete, Divider, ConfigProvider, Dropdown } from 'antd';
 import { Layout } from '../Layout.js';
 import { Input } from '../../fields/Input.js';
-import { t as twMerge } from '../../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../../chunks/bundle-mjs-BBFHkixS.js';
 import { R as RefIcon$2 } from '../../chunks/DownOutlined-O2mPkovb.js';
 import { I as Icon, _ as _extends } from '../../chunks/AntdIcon-Bve8mGNz.js';
 

package/es/ui/Tabs.js

@@ -29,8 +29,8 @@ const identity = (arg) => arg;
 function useStore(api, selector = identity) {
   const slice = React__default.useSyncExternalStore(
     api.subscribe,
-    React__default.useCallback(() => selector(api.getState()), [api, selector]),
-    React__default.useCallback(() => selector(api.getInitialState()), [api, selector])
+    () => selector(api.getState()),
+    () => selector(api.getInitialState())
   );
   React__default.useDebugValue(slice);
   return slice;

package/es/ui/UploadComponent.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Upload, Image, Tooltip } from 'antd';
 import { Spin } from './Spin.js';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 import { Label } from './Label.js';
 import { R as RefIcon } from '../chunks/CloseOutlined-CZUJ_3tW.js';
 

package/es/ui/UploadImage.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { C as Controller } from '../chunks/index.esm-Dr5ZHcf7.js';
+import { C as Controller } from '../chunks/index.esm-Ds4t-z37.js';
 import { UploadComponent } from './UploadComponent.js';
 
 const UploadImage = ({