@zat-design/sisyphus-react 4.5.8-beta.1 → 4.5.8-beta.3

package/es/ProLayout/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ProLayoutStatesType, ProLayoutType } from './propTypes';
 import { useProLayoutTabs } from './components/TabsManager/hooks/useProLayoutTabs';
 import { useActiveTab } from './components/TabsManager/hooks/useActiveTab';
@@ -8,12 +9,12 @@ interface LayoutContextValue {
 }
 export declare const LayoutContext: import("react").Context<LayoutContextValue>;
 declare const ProLayout: {
-    (props: ProLayoutType): import("react/jsx-runtime").JSX.Element;
-    ProCollapse: (props: import("../index").ProCollapseType) => import("react/jsx-runtime").JSX.Element;
-    ProFooter: import("react").MemoExoticComponent<(props: import("../index").ProFooterType) => import("react/jsx-runtime").JSX.Element>;
-    ProHeader: import("react").MemoExoticComponent<(props: import("../index").ProHeaderType) => import("react/jsx-runtime").JSX.Element>;
+    (props: ProLayoutType): import("react").JSX.Element;
+    ProCollapse: (props: import("@/ProLayout/components/ProCollapse/PropTypes").ProCollapseType) => import("react").JSX.Element;
+    ProFooter: import("react").MemoExoticComponent<(props: import("@/ProLayout/components/ProFooter/PropTypes").ProFooterType) => import("react").JSX.Element>;
+    ProHeader: import("react").MemoExoticComponent<(props: import("@/ProLayout/components/ProHeader/PropTypes").ProHeaderType) => import("react").JSX.Element>;
     useProLayoutTabs: typeof useProLayoutTabs;
-    useActiveTab: () => import("./propTypes").TabItem | undefined;
+    useActiveTab: () => import("./propTypes").TabItem;
 };
 export { useProLayoutTabs, useActiveTab };
 export default ProLayout;

package/es/ProLayout/index.js

@@ -1,6 +1,6 @@
 /* eslint-disable func-call-spacing */
 /* eslint-disable no-spaced-func */
-import { createContext, useMemo, useRef, useCallback } from 'react';
+import { createContext, useMemo, useRef, useCallback, useLayoutEffect, useState } from 'react';
 import classNames from 'classnames';
 import { useSetState, useToggle, useDeepCompareEffect, useScroll } from 'ahooks';
 import { ProWaterMark } from "../index";
@@ -66,14 +66,22 @@ const ProLayout = props => {
   const setTabsBarElRef = useCallback(el => setTabsState({
     tabsBarEl: el
   }), []);
-  // TabsManager 会在 effect 中调用这两个回调；保持引用稳定，避免父组件每次
-  // render 都让 effect 重新执行并再次 setState，形成无限更新循环。
+  // TabsManager 会在 layout effect 中调用这两个回调；保持引用稳定，避免父组件每次
+  // render 都让 layout effect 重新执行并再次 setState，形成无限更新循环。
   const handleTabsChange = useCallback(v => setTabsState({
     hasTabs: v
   }), []);
   const handleIframePureChange = useCallback(v => setTabsState({
     isIframePure: v
   }), []);
+  const noticeElRef = useRef(null);
+  const setNoticeElRef = useCallback(el => {
+    noticeElRef.current = el;
+  }, []);
+  const [stickyHeights, setStickyHeights] = useState({
+    notice: 0,
+    tabsBar: 0
+  });
 
   // 仅 tabs 模式需要感知滚动位置（用于控制右上角圆弧伪元素的显隐）
   // 非 tabs 模式传 null，useScroll 不挂载监听器
@@ -88,6 +96,32 @@ const ProLayout = props => {
     menus: [],
     selectedPath: ''
   });
+  useLayoutEffect(() => {
+    const noticeEl = notice && !isIframePure ? noticeElRef.current : null;
+    const visibleTabsBarEl = isTabsLayout && hasTabs && !isIframePure ? tabsBarEl : null;
+    let active = true;
+    const measureStickyElements = () => {
+      if (!active) return;
+      const nextHeights = {
+        notice: noticeEl?.getBoundingClientRect().height ?? 0,
+        tabsBar: visibleTabsBarEl?.getBoundingClientRect().height ?? 0
+      };
+      setStickyHeights(currentHeights => currentHeights.notice === nextHeights.notice && currentHeights.tabsBar === nextHeights.tabsBar ? currentHeights : nextHeights);
+    };
+    measureStickyElements();
+    const observedElements = [noticeEl, visibleTabsBarEl].filter(element => element !== null);
+    if (observedElements.length === 0 || typeof ResizeObserver === 'undefined') {
+      return () => {
+        active = false;
+      };
+    }
+    const resizeObserver = new ResizeObserver(measureStickyElements);
+    observedElements.forEach(element => resizeObserver.observe(element));
+    return () => {
+      active = false;
+      resizeObserver.disconnect();
+    };
+  }, [hasTabs, isIframePure, isTabsLayout, notice, tabsBarEl]);
   const [collapsed, {
     toggle,
     set
@@ -214,11 +248,12 @@ const ProLayout = props => {
     'pro-layout-row-top-pure': typeof pure !== 'boolean' && pure.topMenu,
     'pro-layout-row-left-pure': typeof pure !== 'boolean' && pure.leftMenu
   });
-  const noticeHeight = notice ? 32 : 0;
+  const noticeHeight = stickyHeights.notice;
 
   // pure 模式下 Header 不渲染，有效头部高度为 0
   const isPureHeader = typeof pure === 'boolean' ? pure : !!pure?.topMenu;
   const effectiveHeaderHeight = isPureHeader ? 0 : headerHeight;
+  const contentStickyTop = effectiveHeaderHeight + noticeHeight + (hasTabs ? stickyHeights.tabsBar : 0);
 
   // 为Header组件创建专门的props对象
   const headerProps = {
@@ -234,9 +269,10 @@ const ProLayout = props => {
 
   // 为Notice组件创建专门的props对象
   const noticeProps = {
-    headerHeight,
+    headerHeight: effectiveHeaderHeight,
     notice,
-    onCancel: onCancelNotice
+    onCancel: onCancelNotice,
+    noticeRef: setNoticeElRef
   };
 
   // 为Menu组件创建专门的props对象
@@ -278,7 +314,9 @@ const ProLayout = props => {
     }),
     style: {
       '--header-bg-image': `url(${headerBg})`,
-      '--pro-layout-header-height': `${effectiveHeaderHeight}px`
+      '--pro-layout-header-height': `${effectiveHeaderHeight}px`,
+      '--pro-layout-notice-height': `${noticeHeight}px`,
+      '--pro-layout-content-sticky-top': `${contentStickyTop}px`
     },
     children: [/*#__PURE__*/_jsx(Header, {
       ...headerProps

package/es/ProLayout/propTypes.d.ts

@@ -519,6 +519,10 @@ export interface TabsConfig {
     max?: number;
     storage?: TabsStorageStrategy;
     cacheKey?: string;
+    /**
+     * @description 普通初始标签页。无缓存时每次 ProLayout 挂载只初始化一次；关闭全部后本次挂载期间不会重新添加
+     */
+    initialTabs?: AddTabParams[];
     onTabChange?: (activeKey: string, activeTab: TabItem | undefined, allTabs: TabItem[]) => void;
     /**
      * @description 是否允许标签页拖拽排序

package/es/ProLayout/style/index.less

@@ -293,9 +293,9 @@
     margin-right: var(--zaui-space-size-md, 16px);
     margin-left: 48px;
     padding: 0;
-    // 滚动时固定在 header 正下方
+    // 滚动时固定在 header 和 notice 正下方
     position: sticky;
-    top: var(--pro-layout-header-height, 64px);
+    top: calc(var(--pro-layout-header-height, 64px) + var(--pro-layout-notice-height, 0px));
     z-index: 89;
     // 与 ::before 渐变层像素级对齐：滚动时遮住上滚的白色内容，同时保持渐变背景可见
     // background-color 作为实体打底，防止渐变图片浅色区域透出白色内容
@@ -322,6 +322,12 @@
       grid-template-rows: 1fr;
     }
 
+    // 页面顶部的圆角会向内容区延伸，此时放到 content 层级下方，
+    // 让内容区内的 ProStep 能完整遮住圆角；滚动后恢复上方的 89 保持 sticky 遮挡。
+    &.tabs-at-top {
+      z-index: 9;
+    }
+
     // Grid 子元素需要 overflow: hidden 才能实现 0fr 收起
     > * {
       overflow: hidden;
@@ -388,6 +394,13 @@
 
       .pro-layout-tabs-content {
         > .tab-pane {
+          // ProStep 以 ProHeader 开头时，去掉 tabs 内容区的顶部/右侧外层留白。
+          // ProStep 保持默认 right: 0，内容与收起态步骤条保留 16px 间距；左侧缩进不变。
+          > .pro-step-wrapper:has(> .pro-header:first-child) {
+            margin-top: calc(-1px - var(--zaui-space-size-md, 16px));
+            margin-right: calc(-1px - var(--zaui-space-size-md, 16px));
+          }
+
           > .pro-header.pro-header-no-describe:first-child {
             padding: 0 !important;
 

package/es/ProSelect/components/AdaptiveTooltip.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 declare const AdaptiveTooltip: ({ children }: {
     children: any;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default AdaptiveTooltip;

package/es/ProSelect/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { PropSelectType, ProSelectActionType } from './propsType';
-export declare const ProSelect: (props: PropSelectType, ref: React.Ref<ProSelectActionType> | undefined) => import("react/jsx-runtime").JSX.Element;
+export declare const ProSelect: (props: PropSelectType, ref: React.Ref<ProSelectActionType> | undefined) => React.JSX.Element;
 declare const _default: React.ForwardRefExoticComponent<PropSelectType & React.RefAttributes<ProSelectActionType>>;
 export default _default;

package/es/ProStep/components/Step/index.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { ProStepType } from '../../propsType';
-export declare const Step: ({ fixedTop, dataSource, activeKey, errorCollection, style, targetOffset, scrollToError, }: ProStepType & {
+export declare const Step: ({ fixedTop, dataSource, activeKey, errorCollection, style, targetOffset, scrollToError, }: import("../../propsType").ProStepPropsType & {
     errorCollection: object;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default Step;

package/es/ProStep/components/Step/index.js

@@ -5,8 +5,10 @@ import catalogSvg from "../../../assets/catalog.svg";
 import Anchor from "../Anchor";
 import locale from "../../../locale";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_FIXED_TOP = 'var(--pro-layout-content-sticky-top, 64px)';
+const toCssLength = value => typeof value === 'number' ? `${value}px` : value;
 export const Step = ({
-  fixedTop = 64,
+  fixedTop = DEFAULT_FIXED_TOP,
   dataSource = [],
   activeKey,
   errorCollection,
@@ -15,6 +17,7 @@ export const Step = ({
   scrollToError
 }) => {
   const [onOff, setOnOff] = useState(false);
+  const fixedTopCss = toCssLength(fixedTop);
   const options = useMemo(() => {
     const nextDataSource = _cloneDeep(dataSource);
     let activeIndex;
@@ -45,8 +48,8 @@ export const Step = ({
   return /*#__PURE__*/_jsxs("div", {
     className: `pro-step ${onOff ? 'pro-step-open' : 'pro-step-closed'}`,
     style: {
-      top: fixedTop ?? 0,
-      maxHeight: `calc(100vh - ${fixedTop}px)`,
+      top: fixedTopCss,
+      maxHeight: `calc(100vh - ${fixedTopCss})`,
       ...style
     },
     onMouseEnter: handleMouseEnter,

package/es/ProStep/index.d.ts

@@ -5,7 +5,7 @@ export declare const useStep: () => Partial<ProStepContextType>;
 declare const ProStep: {
     ({ children, ...resetProps }: ProStepType): ReactNode;
     useStep: () => Partial<ProStepContextType>;
-    Item: ({ id, title, collapse: collapseItem, children, lazyLoad: stepLazyLoad, order, ...restProps }: import("./propsType").ProStepItemType) => ReactNode;
-    Listener: ({ children, delayTime, excludes, ...props }: import("./propsType").ListenerProps) => import("react").ReactElement;
+    Item: ({ id, title, collapse: collapseItem, children, lazyLoad: stepLazyLoad, order, ...restProps }: import("./propsType").ProStepItemPropsType) => ReactNode;
+    Listener: ({ children, delayTime, excludes, ...props }: import("./propsType").ListenerProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 };
 export default ProStep;

package/es/ProStep/propsType.d.ts

@@ -37,8 +37,8 @@ export type LoadedMapType = LoadedMapPropsType;
 export interface ProStepPropsType {
     /** 步骤条配置项 */
     dataSource?: ItemType[];
-    /** 距离顶部的偏移量（单位：像素） */
-    fixedTop: number;
+    /** 距离顶部的偏移量，支持像素值或 CSS 长度 */
+    fixedTop?: string | number;
     /** 当前激活的步骤标识 */
     activeKey?: string;
     /** 子组件内容 */

package/es/ProTable/components/FormatColumn/index.d.ts

@@ -13,7 +13,7 @@ export declare const formatColumn: ({ column, originalObj, rowKey, wrapToolTipPr
     scroll?: any;
     isInNewRow?: any;
     diffConfig: any;
-    editMode?: "per-cell-form" | "shared-form";
+    editMode?: 'per-cell-form' | 'shared-form';
     sharedForm?: FormInstance;
 }) => void;
 /**

package/es/ProTable/components/RcTable/components/BaseTable/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: import("react").NamedExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
 export default _default;

package/es/ProTable/components/RcTable/components/DraggableTable/components/DndWrapper/index.d.ts

@@ -14,5 +14,5 @@ declare const DndWrapper: ({ draggable, value, onChange, disabled, children, row
     rowKey: any;
     onDragStartGuard: any;
     onDragEndGuard: any;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default DndWrapper;

package/es/ProTable/components/RcTable/components/DraggableTable/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: import("react").NamedExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<any>>;
 export default _default;

package/es/ProTable/components/RenderFooter/index.d.ts

@@ -1,2 +1,3 @@
-declare const RenderFooter: (props: any) => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const RenderFooter: (props: any) => import("react").JSX.Element;
 export default RenderFooter;

package/es/ProTable/components/RenderTableHeader/index.d.ts

@@ -1,2 +1,3 @@
-declare const RenderTableHeader: (props: any) => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const RenderTableHeader: (props: any) => import("react").JSX.Element;
 export default RenderTableHeader;

package/es/ProTable/components/RenderTabs/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ProTableTabsType } from '../../propsType';
-declare const _default: import("react").MemoExoticComponent<(props: ProTableTabsType) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<(props: ProTableTabsType) => import("react").JSX.Element>;
 export default _default;

package/es/ProTable/components/TableResizable/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     components: {
         header: {
@@ -6,7 +7,7 @@ declare const _default: {
                 onDrag: any;
                 width: number;
                 minwidth?: number;
-            }) => import("react/jsx-runtime").JSX.Element;
+            }) => import("react").JSX.Element;
         };
     };
 };

package/es/ProTable/index.d.ts

@@ -6,7 +6,7 @@ export declare const defaultPage: {
     pageNum: number;
     pageSize: number;
 };
-declare const ProTable: React.ForwardRefExoticComponent<ProTableType & React.RefAttributes<any>> & {
+declare const ProTable: React.ForwardRefExoticComponent<ProTableType<any> & React.RefAttributes<any>> & {
     useAntdTable: typeof useAntdTable;
     SELECTION_ALL: typeof SELECTION_ALL;
     CURRENT_PAGE: typeof CURRENT_PAGE;

package/es/ProTabs/components/Card/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CardType } from '../../propType';
-declare const Card: (props: CardType) => import("react/jsx-runtime").JSX.Element;
+declare const Card: (props: CardType) => import("react").JSX.Element;
 export default Card;

package/es/ProThemeTools/component/ProTools/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { DevToolsPropsType } from '../../propsType';
-declare const ProTools: ({ onReset, onClose, setState, open, state, tableBorder, tableStripe, }: DevToolsPropsType) => import("react/jsx-runtime").JSX.Element;
+declare const ProTools: ({ onReset, onClose, setState, open, state, tableBorder, tableStripe, }: DevToolsPropsType) => React.JSX.Element;
 export default ProTools;

package/es/ProThemeTools/index.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import type { ProThemeToolsType } from './propsType';
 declare const ProThemeTools: {
-    ({ size, className, cacheTime, color, mode, iconFollowTheme, prefixCls, tableBorder, tableStripe, theme, onChange, ...props }: ProThemeToolsType): import("react/jsx-runtime").JSX.Element;
+    ({ size, className, cacheTime, color, mode, iconFollowTheme, prefixCls, tableBorder, tableStripe, theme, onChange, ...props }: ProThemeToolsType): import("react").JSX.Element;
     setThemes: (themes: import("./utils/index").ThemesProps) => boolean;
 };
 export default ProThemeTools;

package/es/ProTooltip/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ProTooltipType } from './propsType';
-declare const ProTooltip: (props: ProTooltipType) => import("react/jsx-runtime").JSX.Element;
+declare const ProTooltip: (props: ProTooltipType) => import("react").JSX.Element;
 export default ProTooltip;

package/es/ProTree/components/AdaptiveTooltip.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 declare const AdaptiveTooltip: ({ children }: {
     children: any;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default AdaptiveTooltip;

package/es/ProTree/components/CloseIcon.d.ts

@@ -1,2 +1,3 @@
-declare function CloseIcon(props: any): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare function CloseIcon(props: any): import("react").JSX.Element;
 export default CloseIcon;

package/es/ProTree/components/List.d.ts

@@ -12,6 +12,6 @@ interface ListProps {
     handleFilterClose?: (code: string) => void;
     optionRender?: (item: any, searchStr?: string) => string | ReactNode;
 }
-declare function List(props: ListProps): import("react/jsx-runtime").JSX.Element;
+declare function List(props: ListProps): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof List>;
 export default _default;

package/es/ProTree/components/ProTree.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ProTreeType } from '../propsType';
-declare const ProTree: (props: ProTreeType) => import("react/jsx-runtime").JSX.Element;
+declare const ProTree: (props: ProTreeType) => import("react").JSX.Element;
 export default ProTree;

package/es/ProTree/components/ProTreeSelect/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { ProTreeSelectType } from './propsType';
-export declare const ProTreeSelect: (props: ProTreeSelectType, ref: React.Ref<unknown> | undefined) => import("react/jsx-runtime").JSX.Element;
+export declare const ProTreeSelect: (props: ProTreeSelectType, ref: React.Ref<unknown> | undefined) => React.JSX.Element;
 declare const _default: React.ForwardRefExoticComponent<ProTreeSelectType & React.RefAttributes<unknown>>;
 export default _default;

package/es/ProTree/components/SearchTitle.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ProFormOtherType } from '../../ProForm/propsType';
 declare function SearchTitle(props: {
     searchStr?: string;
@@ -5,6 +6,6 @@ declare function SearchTitle(props: {
     showEllipse?: boolean;
     ellipseWidth?: string;
     otherProps?: ProFormOtherType;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof SearchTitle>;
 export default _default;

package/es/ProTree/components/Tree.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import type { ProTreeFieldNamesType, ProTreeType } from '../propsType';
 interface ListProps extends ProTreeType {
     disabled?: boolean;
@@ -23,5 +23,5 @@ interface ListProps extends ProTreeType {
     handleFilterClose?: (code: string, node?: any) => void;
     [key: string]: any;
 }
-declare function List(props: ListProps): import("react/jsx-runtime").JSX.Element;
+declare function List(props: ListProps): React.JSX.Element;
 export default List;

package/es/ProTree/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ProTreeType } from './propsType';
-declare const ProTreeHandle: (props: ProTreeType) => import("react/jsx-runtime").JSX.Element;
+declare const ProTreeHandle: (props: ProTreeType) => import("react").JSX.Element;
 export default ProTreeHandle;

package/es/ProTreeModal/components/Cascader.d.ts

@@ -10,5 +10,5 @@ interface CascaderProps {
     handleOnChange?: (e: any, value: string) => void;
     optionRender?: (item: any, searchStr: string) => string | ReactNode;
 }
-declare const Cascader: (props: CascaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Cascader: (props: CascaderProps) => import("react").JSX.Element;
 export default Cascader;

package/es/ProTreeModal/components/CloseIcon.d.ts

@@ -1,2 +1,3 @@
-declare function CloseIcon(props: any): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare function CloseIcon(props: any): import("react").JSX.Element;
 export default CloseIcon;

package/es/ProTreeModal/components/SearchTitle.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare function SearchTitle(props: {
     searchStr: string;
     label: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof SearchTitle>;
 export default _default;

package/es/ProTreeModal/components/Trigger.d.ts

@@ -17,5 +17,5 @@ interface TriggerProps {
     handleClearAll: () => void;
     appointChange: (appoint?: boolean) => void;
 }
-declare function Trigger(props: TriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function Trigger(props: TriggerProps): import("react").JSX.Element;
 export default Trigger;

package/es/ProTreeModal/index.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import type { ProTreeModalType } from './propsType';
 export declare const CASCADER = "CASCADER";
-declare const ProTreeModal: (props: ProTreeModalType) => import("react/jsx-runtime").JSX.Element;
+declare const ProTreeModal: (props: ProTreeModalType) => React.JSX.Element;
 export default ProTreeModal;

package/es/ProUpload/components/DraggableUploadListItem.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { DraggableUploadListItemType } from '../propsType';
-export declare const DraggableUploadListItem: ({ file, children }: DraggableUploadListItemType) => import("react/jsx-runtime").JSX.Element;
+export declare const DraggableUploadListItem: ({ file, children }: DraggableUploadListItemType) => React.JSX.Element;

package/es/hooks/useDraggableRow.d.ts

@@ -10,7 +10,7 @@ export interface UseDraggableRowStateOptions {
     disabled?: boolean;
 }
 export declare const useDraggableRowState: ({ id, disabled }: UseDraggableRowStateOptions) => {
-    setNodeRef: (node: HTMLElement | null) => void;
+    setNodeRef: (node: HTMLElement) => void;
     style: React.CSSProperties;
     listeners: import("@dnd-kit/core/dist/hooks/utilities").SyntheticListenerMap;
     attributes: import("@dnd-kit/core").DraggableAttributes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "4.5.8-beta.1",
+  "version": "4.5.8-beta.3",
   "license": "MIT",
   "publishConfig": {
     "access": "public",
@@ -101,22 +101,6 @@
     "Firefox ESR",
     "> 1%"
   ],
-  "overrides": {
-    "react-resizable": {
-      "react-draggable": "<4.5.0"
-    },
-    "@babel/core": "^7.26.0",
-    "react-docgen-typescript-dumi-tmp": {
-      "typescript": "^4.9.5"
-    },
-    "esbuild": "0.21.4"
-  },
-  "resolutions": {
-    "react-resizable/react-draggable": "<4.5.0",
-    "@babel/core": "^7.26.0",
-    "react-docgen-typescript-dumi-tmp/typescript": "^4.9.5",
-    "esbuild": "0.21.4"
-  },
   "dependencies": {
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/sortable": "^7.0.2",
@@ -129,7 +113,7 @@
     "idb-keyval": "^6.2.2",
     "lodash": "^4.17.21",
     "react-intersection-observer": "^9.13.0",
-    "react-resizable": "^3.0.5",
+    "react-resizable": "^3.1.3",
     "react-svg": "^17.2.4"
   },
   "peerDependencies": {
@@ -188,7 +172,8 @@
     "react-router-dom": "^6.0.0",
     "stylelint": "^16.0.0",
     "stylelint-checkstyle-formatter": "0.1.2",
-    "typescript": "^5.4.0"
+    "typescript": "^5.4.0",
+    "typescript-dumi1": "npm:typescript@4.9.5"
   },
   "checkFiles": [
     "src/**/*.js*",