@pnkx-lib/ui 1.9.553 → 1.9.555

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-DACIS0E1.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,
@@ -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

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { t as twMerge } from '../chunks/bundle-mjs-BBFHkixS.js';
+
+var CATEGORY_LIST_ENUM = /* @__PURE__ */ ((CATEGORY_LIST_ENUM2) => {
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["CREATE"] = 0] = "CREATE";
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["WATING_CONFIRM"] = 1] = "WATING_CONFIRM";
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["WATING_APPROVE"] = 2] = "WATING_APPROVE";
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["APPROVE"] = 3] = "APPROVE";
+  CATEGORY_LIST_ENUM2[CATEGORY_LIST_ENUM2["DELETE"] = 4] = "DELETE";
+  return CATEGORY_LIST_ENUM2;
+})(CATEGORY_LIST_ENUM || {});
+const badgeStatusCategoryConfig = {
+  [0 /* CREATE */]: { color: "bg-[#007BE5]", text: "Tạo mới" },
+  [1 /* WATING_CONFIRM */]: {
+    color: "bg-[#DD4338]",
+    text: "Chờ xác nhận"
+  },
+  [2 /* WATING_APPROVE */]: {
+    color: "bg-[#DA9438]",
+    text: "Chờ duyệt"
+  },
+  [3 /* APPROVE */]: { color: "bg-[#27CD7F]", text: "Đã duyệt" },
+  [4 /* DELETE */]: {
+    color: "bg-[#B2B7C2]",
+    text: "Đã xoá"
+  }
+};
+const PriceStatus = ({ status }) => {
+  //! State
+  const bagde = badgeStatusCategoryConfig[Number(status)];
+  //! Function
+  const ItemStatus = ({
+    color,
+    statusName
+  }) => {
+    return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: twMerge("w-3 h-3 rounded-sm", color || "") }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-normal", children: statusName || "" })
+    ] }) });
+  };
+  //! Render
+  return /* @__PURE__ */ jsx(ItemStatus, { color: bagde?.color, statusName: bagde?.text });
+};
+
+export { CATEGORY_LIST_ENUM, PriceStatus, badgeStatusCategoryConfig };

package/es/ui/SearchFilterForm.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { u as useForm } from '../chunks/index.esm-AaUjBMaK.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 { 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';

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-AaUjBMaK.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/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-AaUjBMaK.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.553",
+  "version": "1.9.555",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

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

@@ -0,0 +1,20 @@
+import { TypeStatusTable } from '../../constants';
+export declare enum CATEGORY_LIST_ENUM {
+    CREATE = 0,// tạo mới
+    WATING_CONFIRM = 1,// đang xác nhận
+    WATING_APPROVE = 2,// đang chờ duyệt
+    APPROVE = 3,// đã duyệt
+    DELETE = 4
+}
+type BadgeConfig = {
+    [key: number]: {
+        color: string;
+        text: string;
+    };
+};
+export declare const badgeStatusCategoryConfig: BadgeConfig;
+export interface CategoryStatusProps {
+    status: TypeStatusTable;
+}
+export declare const PriceStatus: ({ status }: CategoryStatusProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/ui/PriceStatus.d.ts

@@ -0,0 +1,2 @@
+export * from '../components/ui/PriceStatus'
+export {}