@pnkx-lib/ui 1.9.559 → 1.9.560

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-GtzhUyP3.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-7SKWyzWi.js';
 import * as React from 'react';
 import { useContext, useState, useEffect, useRef } from 'react';
 import { c as classNames } from '../chunks/index-xdC7i8zM.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/PriceStatus.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_PRICE_ENUM = /* @__PURE__ */ ((CATEGORY_PRICE_ENUM2) => {
   CATEGORY_PRICE_ENUM2[CATEGORY_PRICE_ENUM2["CREATE"] = 0] = "CREATE";

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-KP2HuB_x.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, useRef, useCallback } from 'react';
-import { t as twMerge } from '../chunks/bundle-mjs-BME7zF0Z.js';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
 import { g as get } from '../chunks/get-BtGVDpFp.js';
 import { i as isEmpty } from '../chunks/isEmpty-DF7aUYTo.js';
 import { ErrorMessage } from './ErrorMessage.js';
@@ -31,6 +31,7 @@ const SelectSingleTable = ({
   label,
   required,
   classNameLabel,
+  defaultValue,
   ...selectProps
 }) => {
   const [open, setOpen] = useState(false);
@@ -145,6 +146,16 @@ const SelectSingleTable = ({
       setSearchValue("");
     }
   };
+  useEffect(() => {
+    if (defaultValue && onChange) {
+      onChange({
+        target: {
+          name,
+          value: defaultValue
+        }
+      });
+    }
+  }, [defaultValue]);
   const dropdownRender = () => /* @__PURE__ */ jsx("div", { className: "select-single-table-dropdown", children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -173,6 +184,7 @@ const SelectSingleTable = ({
       )
     }
   ) });
+  console.log(getDisplayValue());
   return /* @__PURE__ */ jsxs(
     "div",
     {

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 { g as get } from '../chunks/get-BtGVDpFp.js';
 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-Cl95zPIN.js';
 import { I as Icon, _ as _extends } from '../../chunks/AntdIcon-KP2HuB_x.js';
 

package/es/ui/TableCategory/index.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { useLayoutEffect, useEffect, useRef, useMemo, useCallback, useState, memo, useReducer, createContext, useContext } from 'react';
-import { u as useForm } from '../../chunks/index.esm-Dr5ZHcf7.js';
+import { u as useForm } from '../../chunks/index.esm-Ds4t-z37.js';
 import { Checkbox } from '../../fields/Checkbox.js';
 import { PnkxField } from '../../fields/PnkxField.js';
 import { unstable_batchedUpdates, createPortal } from 'react-dom';
-import { t as twMerge } from '../../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../../chunks/bundle-mjs-BBFHkixS.js';
 import { Modal } from '../Modal.js';
 import { Button } from '../Button.js';
 import { L as ListStatusApproved, d as TypeBulkActions } from '../../chunks/table-CIEieGXp.js';

package/es/ui/TableForm/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button, Typography, Divider, Tag, Table } from '@pnkx-lib/ui';
-import { t as twMerge } from '../../chunks/bundle-mjs-BME7zF0Z.js';
+import { t as twMerge } from '../../chunks/bundle-mjs-BBFHkixS.js';
 import { g as getDefaultExportFromCjs } from '../../chunks/_commonjsHelpers-D5KtpA0t.js';
 import { r as requireIsObjectLike, a as requireIsArray, b as require_baseGetTag } from '../../chunks/isArray-DNoLuxS1.js';
 import { R as RemoveIconColor } from '../../chunks/table-CIEieGXp.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-DdLJZQvZ.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 = ({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.559",
+  "version": "1.9.560",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/components/ui/SelectSingleTable.d.ts

@@ -33,4 +33,4 @@ export interface SelectSingleTableProps<T = Record<string, unknown>> extends Omi
     classNameContainer?: string;
     classNameLabel?: string;
 }
-export declare const SelectSingleTable: <T>({ columns, dataSource, selectedKey, selectedRow, onSelectionChange, onLoadMore, onSearch, hasMore, loading, rowKey, tableProps, infiniteScroll, loadMoreThreshold, searchPlaceholder, displayField, customeContentTable, customeContainerTable, field, formState, classNameContainer, label, required, classNameLabel, ...selectProps }: SelectSingleTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectSingleTable: <T>({ columns, dataSource, selectedKey, selectedRow, onSelectionChange, onLoadMore, onSearch, hasMore, loading, rowKey, tableProps, infiniteScroll, loadMoreThreshold, searchPlaceholder, displayField, customeContentTable, customeContainerTable, field, formState, classNameContainer, label, required, classNameLabel, defaultValue, ...selectProps }: SelectSingleTableProps<T>) => import("react/jsx-runtime").JSX.Element;