@pnkx-lib/ui 1.9.533 → 1.9.536

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, o as omit, y as useLayoutEffect$1, t as toArray$2 } from '../chunks/toArray-DACIS0E1.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, y as useLayoutEffect$1, o as omit, t as toArray$2 } from '../chunks/toArray-GtzhUyP3.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-AaUjBMaK.js';
+import { C as Controller } from '../chunks/index.esm-Dr5ZHcf7.js';
 import { toast } from '@pnkx-lib/core';
 import { R as RefIcon$b } from '../chunks/InboxOutlined-W7xl_mLq.js';
 
@@ -1557,19 +1557,17 @@ function _regeneratorDefine(e, r, n, t) {
     i = 0;
   }
   _regeneratorDefine = function regeneratorDefine(e, r, n, t) {
-    if (r) i ? i(e, r, {
+    function o(r, n) {
+      _regeneratorDefine(e, r, function (e) {
+        return this._invoke(r, n, e);
+      });
+    }
+    r ? i ? i(e, r, {
       value: n,
       enumerable: !t,
       configurable: !t,
       writable: !t
-    }) : 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);
-    }
+    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
   }, _regeneratorDefine(e, r, n, t);
 }
 
@@ -3576,7 +3574,7 @@ const genWaveStyle = token => {
     }
   };
 };
-const useStyle$3 = genComponentStyleHook('Wave', token => [genWaveStyle(token)]);
+const useStyle$3 = genComponentStyleHook('Wave', genWaveStyle);
 
 const TARGET_CLS = `${defaultPrefixCls}-wave-target`;
 
@@ -3697,24 +3695,16 @@ 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 !== 'transparent' && color !== 'canvastext';
 }
 function getTargetWaveColor(node) {
+  var _a;
   const {
     borderTopColor,
     borderColor,
     backgroundColor
   } = getComputedStyle(node);
-  if (isValidWaveColor(borderTopColor)) {
-    return borderTopColor;
-  }
-  if (isValidWaveColor(borderColor)) {
-    return borderColor;
-  }
-  if (isValidWaveColor(backgroundColor)) {
-    return backgroundColor;
-  }
-  return null;
+  return (_a = [borderTopColor, borderColor, backgroundColor].find(isValidWaveColor)) !== null && _a !== void 0 ? _a : null;
 }
 
 function validateNum(value) {
@@ -4394,6 +4384,13 @@ let AggregationColor = /*#__PURE__*/function () {
   }]);
 }();
 
+const generateColor = color => {
+  if (color instanceof AggregationColor) {
+    return color;
+  }
+  return new AggregationColor(color);
+};
+
 const isBright = (value, bgColorToken) => {
   const {
     r,
@@ -4435,6 +4432,7 @@ 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}`,
@@ -4488,7 +4486,7 @@ const genSharedButtonStyle = token => {
     opacityLoading,
     motionDurationSlow,
     motionEaseInOut,
-    marginXS,
+    iconGap,
     calc
   } = token;
   return {
@@ -4496,7 +4494,7 @@ const genSharedButtonStyle = token => {
       outline: 'none',
       position: 'relative',
       display: 'inline-flex',
-      gap: token.marginXS,
+      gap: iconGap,
       alignItems: 'center',
       justifyContent: 'center',
       fontWeight,
@@ -4548,7 +4546,7 @@ const genSharedButtonStyle = token => {
       [`&:not(${componentCls}-icon-end)`]: {
         [`${componentCls}-loading-icon-motion`]: {
           '&-appear-start, &-enter-start': {
-            marginInlineEnd: calc(marginXS).mul(-1).equal()
+            marginInlineEnd: calc(iconGap).mul(-1).equal()
           },
           '&-appear-active, &-enter-active': {
             marginInlineEnd: 0
@@ -4557,7 +4555,7 @@ const genSharedButtonStyle = token => {
             marginInlineEnd: 0
           },
           '&-leave-active': {
-            marginInlineEnd: calc(marginXS).mul(-1).equal()
+            marginInlineEnd: calc(iconGap).mul(-1).equal()
           }
         }
       },
@@ -4565,7 +4563,7 @@ const genSharedButtonStyle = token => {
         flexDirection: 'row-reverse',
         [`${componentCls}-loading-icon-motion`]: {
           '&-appear-start, &-enter-start': {
-            marginInlineStart: calc(marginXS).mul(-1).equal()
+            marginInlineStart: calc(iconGap).mul(-1).equal()
           },
           '&-appear-active, &-enter-active': {
             marginInlineStart: 0
@@ -4574,7 +4572,7 @@ const genSharedButtonStyle = token => {
             marginInlineStart: 0
           },
           '&-leave-active': {
-            marginInlineStart: calc(marginXS).mul(-1).equal()
+            marginInlineStart: calc(iconGap).mul(-1).equal()
           }
         }
       }
@@ -4697,8 +4695,10 @@ 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,8 +4724,10 @@ 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,
@@ -4745,8 +4747,10 @@ 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,
@@ -4780,8 +4784,10 @@ 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,
@@ -4949,7 +4955,7 @@ const useStyle$2 = genStyleHooks('Button', token => {
 });
 
 // handle border collapse
-function compactItemBorder(token, parentCls, options) {
+function compactItemBorder(token, parentCls, options, prefixCls) {
   const {
     focusElCls,
     focus,
@@ -4961,13 +4967,16 @@ function compactItemBorder(token, parentCls, options) {
     [`&-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: 2
+        zIndex: 3
       }
     }, focusElCls ? {
       [`&${focusElCls}`]: {
-        zIndex: 2
+        zIndex: 3
       }
     } : {}), {
       [`&[disabled] ${childCombinator}`]: {
@@ -5008,19 +5017,22 @@ function genCompactItemStyle(token, options = {
   } = token;
   const compactCls = `${componentCls}-compact`;
   return {
-    [compactCls]: Object.assign(Object.assign({}, compactItemBorder(token, compactCls, options)), compactItemBorderRadius(componentCls, compactCls, options))
+    [compactCls]: Object.assign(Object.assign({}, compactItemBorder(token, compactCls, options, componentCls)), compactItemBorderRadius(componentCls, compactCls, options))
   };
 }
 
-function compactItemVerticalBorder(token, parentCls) {
+function compactItemVerticalBorder(token, parentCls, prefixCls) {
   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: 2
+        zIndex: 3
       },
       '&[disabled]': {
         zIndex: 0
@@ -5050,7 +5062,7 @@ function compactItemBorderVerticalRadius(prefixCls, parentCls) {
 function genCompactItemVerticalStyle(token) {
   const compactCls = `${token.componentCls}-compact-vertical`;
   return {
-    [compactCls]: Object.assign(Object.assign({}, compactItemVerticalBorder(token, compactCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls))
+    [compactCls]: Object.assign(Object.assign({}, compactItemVerticalBorder(token, compactCls, token.componentCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls))
   };
 }
 
@@ -5126,7 +5138,7 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
       variant,
       type,
       danger = false,
-      shape = 'default',
+      shape: customizeShape,
       size: customizeSize,
       styles,
       disabled: customDisabled,
@@ -5151,6 +5163,7 @@ 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
@@ -5207,7 +5220,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(() => {
+  useLayoutEffect$1(() => {
     let delayTimer = null;
     if (loadingOrDelay.delay > 0) {
       delayTimer = setTimeout(() => {
@@ -7820,8 +7833,6 @@ 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;
@@ -7870,6 +7881,9 @@ 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,
@@ -8743,6 +8757,10 @@ 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);
 
@@ -8777,7 +8795,7 @@ function generateTrigger() {
       onResize: onTargetResize
     }, /*#__PURE__*/React.createElement(TriggerWrapper, {
       getTriggerDOMNode: getTriggerDOMNode
-    }, triggerNode)), /*#__PURE__*/React.createElement(TriggerContext.Provider, {
+    }, triggerNode)), renderedRef.current && /*#__PURE__*/React.createElement(TriggerContext.Provider, {
       value: context
     }, /*#__PURE__*/React.createElement(Popup, {
       portal: PortalComponent,
@@ -9463,6 +9481,11 @@ 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), {
@@ -9497,11 +9520,6 @@ function getPlacements(config) {
         placementInfo.offset[0] = halfArrowWidth + offset;
         break;
     }
-    // Dynamic offset
-    const arrowOffset = getArrowOffsetToken({
-      contentRadius: borderRadius,
-      limitVerticalRadius: true
-    });
     if (arrowPointAtCenter) {
       switch (key) {
         case 'topLeft':
@@ -9573,7 +9591,7 @@ const genTooltipStyle = token => {
         minWidth: centerAlignMinWidth,
         minHeight: controlHeight,
         padding: `${unit(token.calc(paddingSM).div(2).equal())} ${unit(paddingXS)}`,
-        color: tooltipColor,
+        color: `var(--ant-tooltip-color, ${tooltipColor})`,
         textAlign: 'start',
         textDecoration: 'none',
         wordWrap: 'break-word',
@@ -9676,8 +9694,12 @@ 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;
   }
@@ -11046,6 +11068,7 @@ 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,
@@ -11080,6 +11103,7 @@ 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 : []
@@ -11209,7 +11233,6 @@ 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) {
@@ -11302,6 +11325,7 @@ 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-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-GtzhUyP3.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', token => [genLayoutStyle(token)], prepareComponentToken, {
+const useStyle$1 = genStyleHooks('Layout', genLayoutStyle, prepareComponentToken, {
   deprecatedTokens: DEPRECATED_TOKENS
 });
 
@@ -296,7 +296,7 @@ const genSiderStyle = token => {
     }
   };
 };
-const useStyle = genStyleHooks(['Layout', 'Sider'], token => [genSiderStyle(token)], prepareComponentToken, {
+const useStyle = genStyleHooks(['Layout', 'Sider'], genSiderStyle, 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-AaUjBMaK.js';
+import { u as useForm } from '../chunks/index.esm-Dr5ZHcf7.js';
 import { Button } from './Button.js';
 import { I as Icon, _ as _extends } from '../chunks/AntdIcon-KP2HuB_x.js';
 import * as React from 'react';