@pnkx-lib/ui 1.9.536 → 1.9.537

package/es/ui/GenericUploadModal.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { Modal, Spin } from 'antd';
 import * as React from 'react';
 import React__default, { isValidElement, version as version$1, useRef, useLayoutEffect, useEffect, Component, useContext, forwardRef, useMemo as useMemo$1, useState, Children, useImperativeHandle } from 'react';
-import { b as useMemo, i as isFragment$1, L as LocaleContext, l as localeValues, c as useLayoutUpdateEffect, d as Context, _ as _toConsumableArray, u as unit, e as clearFix, f as textEllipsis, g as genStyleHooks, m as merge, r as resetComponent, h as defaultPrefixCls, j as genComponentStyleHook, w as warning, C as ConfigContext, k as useToken, S as SizeContext, n as devUseWarning, p as getAlphaColor, q as getLineHeight, s as genFocusStyle, v as resetIcon, x as genSubStyleComponent, a as useComponentConfig, D as DisabledContext, y as useLayoutEffect$1, o as omit, t as toArray$2 } from '../chunks/toArray-GtzhUyP3.js';
+import { b as useMemo, i as isFragment$1, L as LocaleContext, l as localeValues, c as useLayoutUpdateEffect, d as Context, _ as _toConsumableArray, u as unit, e as clearFix, f as textEllipsis, g as genStyleHooks, m as merge, r as resetComponent, h as defaultPrefixCls, j as genComponentStyleHook, w as warning, C as ConfigContext, k as useToken, S as SizeContext, n as devUseWarning, p as getAlphaColor, q as getLineHeight, s as genFocusStyle, v as resetIcon, x as genSubStyleComponent, a as useComponentConfig, D as DisabledContext, o as omit, y as useLayoutEffect$1, t as toArray$2 } from '../chunks/toArray-DACIS0E1.js';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default, { createPortal, flushSync } from 'react-dom';
 import { c as classNames } from '../chunks/index-xdC7i8zM.js';
@@ -12,7 +12,7 @@ import { _ as _typeof, b as _defineProperty } from '../chunks/defineProperty-CTL
 import { R as RefIcon$7 } from '../chunks/LoadingOutlined-C5-PNVpb.js';
 import { R as RefIcon$8, a as RefIcon$a } from '../chunks/CloseCircleFilled-4jnV3XJV.js';
 import { R as RefIcon$9 } from '../chunks/CloseOutlined-DdLJZQvZ.js';
-import { C as Controller } from '../chunks/index.esm-Dr5ZHcf7.js';
+import { C as Controller } from '../chunks/index.esm-AaUjBMaK.js';
 import { toast } from '@pnkx-lib/core';
 import { R as RefIcon$b } from '../chunks/InboxOutlined-W7xl_mLq.js';
 
@@ -1557,17 +1557,19 @@ function _regeneratorDefine(e, r, n, t) {
     i = 0;
   }
   _regeneratorDefine = function regeneratorDefine(e, r, n, t) {
-    function o(r, n) {
-      _regeneratorDefine(e, r, function (e) {
-        return this._invoke(r, n, e);
-      });
-    }
-    r ? i ? i(e, r, {
+    if (r) i ? i(e, r, {
       value: n,
       enumerable: !t,
       configurable: !t,
       writable: !t
-    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
+    }) : e[r] = n;else {
+      var o = function o(r, n) {
+        _regeneratorDefine(e, r, function (e) {
+          return this._invoke(r, n, e);
+        });
+      };
+      o("next", 0), o("throw", 1), o("return", 2);
+    }
   }, _regeneratorDefine(e, r, n, t);
 }
 
@@ -3574,7 +3576,7 @@ const genWaveStyle = token => {
     }
   };
 };
-const useStyle$3 = genComponentStyleHook('Wave', genWaveStyle);
+const useStyle$3 = genComponentStyleHook('Wave', token => [genWaveStyle(token)]);
 
 const TARGET_CLS = `${defaultPrefixCls}-wave-target`;
 
@@ -3695,16 +3697,24 @@ function unstableSetRender(render) {
 function isValidWaveColor(color) {
   return color && color !== '#fff' && color !== '#ffffff' && color !== 'rgb(255, 255, 255)' && color !== 'rgba(255, 255, 255, 1)' && !/rgba\((?:\d*, ){3}0\)/.test(color) &&
   // any transparent rgba color
-  color !== 'transparent' && color !== 'canvastext';
+  color !== 'transparent';
 }
 function getTargetWaveColor(node) {
-  var _a;
   const {
     borderTopColor,
     borderColor,
     backgroundColor
   } = getComputedStyle(node);
-  return (_a = [borderTopColor, borderColor, backgroundColor].find(isValidWaveColor)) !== null && _a !== void 0 ? _a : null;
+  if (isValidWaveColor(borderTopColor)) {
+    return borderTopColor;
+  }
+  if (isValidWaveColor(borderColor)) {
+    return borderColor;
+  }
+  if (isValidWaveColor(backgroundColor)) {
+    return backgroundColor;
+  }
+  return null;
 }
 
 function validateNum(value) {
@@ -4384,13 +4394,6 @@ let AggregationColor = /*#__PURE__*/function () {
   }]);
 }();
 
-const generateColor = color => {
-  if (color instanceof AggregationColor) {
-    return color;
-  }
-  return new AggregationColor(color);
-};
-
 const isBright = (value, bgColorToken) => {
   const {
     r,
@@ -4432,7 +4435,6 @@ const prepareComponentToken$2 = token => {
   }), {});
   return Object.assign(Object.assign({}, shadowColorTokens), {
     fontWeight: 400,
-    iconGap: token.marginXS,
     defaultShadow: `0 ${token.controlOutlineWidth}px 0 ${token.controlTmpOutline}`,
     primaryShadow: `0 ${token.controlOutlineWidth}px 0 ${token.controlOutline}`,
     dangerShadow: `0 ${token.controlOutlineWidth}px 0 ${token.colorErrorOutline}`,
@@ -4486,7 +4488,7 @@ const genSharedButtonStyle = token => {
     opacityLoading,
     motionDurationSlow,
     motionEaseInOut,
-    iconGap,
+    marginXS,
     calc
   } = token;
   return {
@@ -4494,7 +4496,7 @@ const genSharedButtonStyle = token => {
       outline: 'none',
       position: 'relative',
       display: 'inline-flex',
-      gap: iconGap,
+      gap: token.marginXS,
       alignItems: 'center',
       justifyContent: 'center',
       fontWeight,
@@ -4546,7 +4548,7 @@ const genSharedButtonStyle = token => {
       [`&:not(${componentCls}-icon-end)`]: {
         [`${componentCls}-loading-icon-motion`]: {
           '&-appear-start, &-enter-start': {
-            marginInlineEnd: calc(iconGap).mul(-1).equal()
+            marginInlineEnd: calc(marginXS).mul(-1).equal()
           },
           '&-appear-active, &-enter-active': {
             marginInlineEnd: 0
@@ -4555,7 +4557,7 @@ const genSharedButtonStyle = token => {
             marginInlineEnd: 0
           },
           '&-leave-active': {
-            marginInlineEnd: calc(iconGap).mul(-1).equal()
+            marginInlineEnd: calc(marginXS).mul(-1).equal()
           }
         }
       },
@@ -4563,7 +4565,7 @@ const genSharedButtonStyle = token => {
         flexDirection: 'row-reverse',
         [`${componentCls}-loading-icon-motion`]: {
           '&-appear-start, &-enter-start': {
-            marginInlineStart: calc(iconGap).mul(-1).equal()
+            marginInlineStart: calc(marginXS).mul(-1).equal()
           },
           '&-appear-active, &-enter-active': {
             marginInlineStart: 0
@@ -4572,7 +4574,7 @@ const genSharedButtonStyle = token => {
             marginInlineStart: 0
           },
           '&-leave-active': {
-            marginInlineStart: calc(iconGap).mul(-1).equal()
+            marginInlineStart: calc(marginXS).mul(-1).equal()
           }
         }
       }
@@ -4695,10 +4697,8 @@ const genPresetColorStyle = token => {
         borderColor: activeColor,
         background: token.colorBgContainer
       })), genDashedButtonStyle(token)), genFilledButtonStyle(token, lightColor, {
-        color: darkColor,
         background: lightHoverColor
       }, {
-        color: darkColor,
         background: lightBorderColor
       })), genTextLinkButtonStyle(token, darkColor, 'link', {
         color: hoverColor
@@ -4724,10 +4724,8 @@ const genDefaultButtonStyle = token => Object.assign(Object.assign(Object.assign
   color: token.solidTextColor,
   background: token.colorBgSolidActive
 })), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorFillTertiary, {
-  color: token.defaultColor,
   background: token.colorFillSecondary
 }, {
-  color: token.defaultColor,
   background: token.colorFill
 })), genGhostButtonStyle(token.componentCls, token.ghostBg, token.defaultGhostColor, token.defaultGhostBorderColor, token.colorTextDisabled, token.colorBorder)), genTextLinkButtonStyle(token, token.textTextColor, 'link', {
   color: token.colorLinkHover,
@@ -4747,10 +4745,8 @@ const genPrimaryButtonStyle = token => Object.assign(Object.assign(Object.assign
   borderColor: token.colorPrimaryActive,
   background: token.colorBgContainer
 })), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorPrimaryBg, {
-  color: token.colorPrimary,
   background: token.colorPrimaryBgHover
 }, {
-  color: token.colorPrimary,
   background: token.colorPrimaryBorder
 })), genTextLinkButtonStyle(token, token.colorPrimaryText, 'text', {
   color: token.colorPrimaryTextHover,
@@ -4784,10 +4780,8 @@ const genDangerousStyle = token => Object.assign(Object.assign(Object.assign(Obj
   color: token.colorErrorActive,
   borderColor: token.colorErrorActive
 })), genDashedButtonStyle(token)), genFilledButtonStyle(token, token.colorErrorBg, {
-  color: token.colorError,
   background: token.colorErrorBgFilledHover
 }, {
-  color: token.colorError,
   background: token.colorErrorBgActive
 })), genTextLinkButtonStyle(token, token.colorError, 'text', {
   color: token.colorErrorHover,
@@ -4955,7 +4949,7 @@ const useStyle$2 = genStyleHooks('Button', token => {
 });
 
 // handle border collapse
-function compactItemBorder(token, parentCls, options, prefixCls) {
+function compactItemBorder(token, parentCls, options) {
   const {
     focusElCls,
     focus,
@@ -4967,16 +4961,13 @@ function compactItemBorder(token, parentCls, options, prefixCls) {
     [`&-item:not(${parentCls}-last-item)`]: {
       marginInlineEnd: token.calc(token.lineWidth).mul(-1).equal()
     },
-    [`&-item:not(${prefixCls}-status-success)`]: {
-      zIndex: 2
-    },
     '&-item': Object.assign(Object.assign({
       [hoverEffects]: {
-        zIndex: 3
+        zIndex: 2
       }
     }, focusElCls ? {
       [`&${focusElCls}`]: {
-        zIndex: 3
+        zIndex: 2
       }
     } : {}), {
       [`&[disabled] ${childCombinator}`]: {
@@ -5017,22 +5008,19 @@ function genCompactItemStyle(token, options = {
   } = token;
   const compactCls = `${componentCls}-compact`;
   return {
-    [compactCls]: Object.assign(Object.assign({}, compactItemBorder(token, compactCls, options, componentCls)), compactItemBorderRadius(componentCls, compactCls, options))
+    [compactCls]: Object.assign(Object.assign({}, compactItemBorder(token, compactCls, options)), compactItemBorderRadius(componentCls, compactCls, options))
   };
 }
 
-function compactItemVerticalBorder(token, parentCls, prefixCls) {
+function compactItemVerticalBorder(token, parentCls) {
   return {
     // border collapse
     [`&-item:not(${parentCls}-last-item)`]: {
       marginBottom: token.calc(token.lineWidth).mul(-1).equal()
     },
-    [`&-item:not(${prefixCls}-status-success)`]: {
-      zIndex: 2
-    },
     '&-item': {
       '&:hover,&:focus,&:active': {
-        zIndex: 3
+        zIndex: 2
       },
       '&[disabled]': {
         zIndex: 0
@@ -5062,7 +5050,7 @@ function compactItemBorderVerticalRadius(prefixCls, parentCls) {
 function genCompactItemVerticalStyle(token) {
   const compactCls = `${token.componentCls}-compact-vertical`;
   return {
-    [compactCls]: Object.assign(Object.assign({}, compactItemVerticalBorder(token, compactCls, token.componentCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls))
+    [compactCls]: Object.assign(Object.assign({}, compactItemVerticalBorder(token, compactCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls))
   };
 }
 
@@ -5138,7 +5126,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
       variant,
       type,
       danger = false,
-      shape: customizeShape,
+      shape = 'default',
       size: customizeSize,
       styles,
       disabled: customDisabled,
@@ -5163,7 +5151,6 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
   const {
     button
   } = React__default.useContext(ConfigContext);
-  const shape = customizeShape || (button === null || button === void 0 ? void 0 : button.shape) || 'default';
   const [mergedColor, mergedVariant] = useMemo$1(() => {
     // >>>>> Local
     // Color & Variant
@@ -5220,7 +5207,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
   // ========================= Effect =========================
   // Loading. Should use `useLayoutEffect` to avoid low perf multiple click issue.
   // https://github.com/ant-design/ant-design/issues/51325
-  useLayoutEffect$1(() => {
+  useLayoutEffect(() => {
     let delayTimer = null;
     if (loadingOrDelay.delay > 0) {
       delayTimer = setTimeout(() => {
@@ -7833,6 +7820,8 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
       var doc = popupElement.ownerDocument;
       var win = getWin(popupElement);
       var _win$getComputedStyle = win.getComputedStyle(popupElement),
+        width = _win$getComputedStyle.width,
+        height = _win$getComputedStyle.height,
         popupPosition = _win$getComputedStyle.position;
       var originLeft = popupElement.style.left;
       var originTop = popupElement.style.top;
@@ -7881,9 +7870,6 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
         };
       }
       var popupRect = popupElement.getBoundingClientRect();
-      var _win$getComputedStyle2 = win.getComputedStyle(popupElement),
-        height = _win$getComputedStyle2.height,
-        width = _win$getComputedStyle2.width;
       popupRect.x = (_popupRect$x = popupRect.x) !== null && _popupRect$x !== void 0 ? _popupRect$x : popupRect.left;
       popupRect.y = (_popupRect$y = popupRect.y) !== null && _popupRect$y !== void 0 ? _popupRect$y : popupRect.top;
       var _doc$documentElement = doc.documentElement,
@@ -8757,10 +8743,6 @@ function generateTrigger() {
       cloneProps.className = classNames(originChildProps.className, className);
     }
 
-    // ============================ Perf ============================
-    var renderedRef = React.useRef(false);
-    renderedRef.current || (renderedRef.current = forceRender || mergedOpen || inMotion);
-
     // =========================== Render ===========================
     var mergedChildrenProps = _objectSpread2(_objectSpread2({}, originChildProps), cloneProps);
 
@@ -8795,7 +8777,7 @@ function generateTrigger() {
       onResize: onTargetResize
     }, /*#__PURE__*/React.createElement(TriggerWrapper, {
       getTriggerDOMNode: getTriggerDOMNode
-    }, triggerNode)), renderedRef.current && /*#__PURE__*/React.createElement(TriggerContext.Provider, {
+    }, triggerNode)), /*#__PURE__*/React.createElement(TriggerContext.Provider, {
       value: context
     }, /*#__PURE__*/React.createElement(Popup, {
       portal: PortalComponent,
@@ -9481,11 +9463,6 @@ function getPlacements(config) {
     borderRadius} = config;
   const halfArrowWidth = arrowWidth / 2;
   const placementMap = {};
-  // Dynamic offset
-  const arrowOffset = getArrowOffsetToken({
-    contentRadius: borderRadius,
-    limitVerticalRadius: true
-  });
   Object.keys(PlacementAlignMap).forEach(key => {
     const template = arrowPointAtCenter && ArrowCenterPlacementAlignMap[key] || PlacementAlignMap[key];
     const placementInfo = Object.assign(Object.assign({}, template), {
@@ -9520,6 +9497,11 @@ function getPlacements(config) {
         placementInfo.offset[0] = halfArrowWidth + offset;
         break;
     }
+    // Dynamic offset
+    const arrowOffset = getArrowOffsetToken({
+      contentRadius: borderRadius,
+      limitVerticalRadius: true
+    });
     if (arrowPointAtCenter) {
       switch (key) {
         case 'topLeft':
@@ -9591,7 +9573,7 @@ const genTooltipStyle = token => {
         minWidth: centerAlignMinWidth,
         minHeight: controlHeight,
         padding: `${unit(token.calc(paddingSM).div(2).equal())} ${unit(paddingXS)}`,
-        color: `var(--ant-tooltip-color, ${tooltipColor})`,
+        color: tooltipColor,
         textAlign: 'start',
         textDecoration: 'none',
         wordWrap: 'break-word',
@@ -9694,12 +9676,8 @@ function parseColor(prefixCls, color) {
   });
   const overlayStyle = {};
   const arrowStyle = {};
-  const rgb = generateColor(color).toRgb();
-  const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;
-  const textColor = luminance < 0.5 ? '#FFF' : '#000';
   if (color && !isInternalColor) {
     overlayStyle.background = color;
-    overlayStyle['--ant-tooltip-color'] = textColor;
     // @ts-ignore
     arrowStyle['--antd-arrow-background-color'] = color;
   }
@@ -11068,7 +11046,6 @@ var __awaiter = undefined && undefined.__awaiter || function (thisArg, _argument
 };
 const LIST_IGNORE = `__LIST_IGNORE_${Date.now()}__`;
 const InternalUpload = (props, ref) => {
-  const config = useComponentConfig('upload');
   const {
     fileList,
     defaultFileList,
@@ -11103,7 +11080,6 @@ const InternalUpload = (props, ref) => {
   // ===================== Disabled =====================
   const disabled = React.useContext(DisabledContext);
   const mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
-  const customRequest = props.customRequest || config.customRequest;
   const [mergedFileList, setMergedFileList] = useMergedState(defaultFileList || [], {
     value: fileList,
     postState: list => list !== null && list !== void 0 ? list : []
@@ -11233,6 +11209,7 @@ const InternalUpload = (props, ref) => {
   const onSuccess = (response, file, xhr) => {
     try {
       if (typeof response === 'string') {
+        // biome-ignore lint/style/noParameterAssign: we need to modify response
         response = JSON.parse(response);
       }
     } catch (_a) {
@@ -11325,7 +11302,6 @@ const InternalUpload = (props, ref) => {
     onProgress,
     onSuccess
   }, props), {
-    customRequest,
     data,
     multiple,
     action,

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-DACIS0E1.js';
 import * as React from 'react';
 import { useContext, useState, useEffect, useRef } from 'react';
 import { c as classNames } from '../chunks/index-xdC7i8zM.js';
@@ -185,7 +185,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 +296,7 @@ const genSiderStyle = token => {
     }
   };
 };
-const useStyle = genStyleHooks(['Layout', 'Sider'], genSiderStyle, prepareComponentToken, {
+const useStyle = genStyleHooks(['Layout', 'Sider'], token => [genSiderStyle(token)], prepareComponentToken, {
   deprecatedTokens: DEPRECATED_TOKENS
 });
 

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-AaUjBMaK.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/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/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-AaUjBMaK.js';
 import { UploadComponent } from './UploadComponent.js';
 
 const UploadImage = ({