@astral/ui 4.11.0 → 4.12.0

package/components/DataGridActionCell/ActionCellContext/ActionCellContext.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ActionCellHandler } from '../types';
+export type ActionCellContextProps<TAction> = {
+    isDisabled: boolean;
+    onActionClick: ActionCellHandler<TAction>;
+    disabledReason?: string;
+    addDisabledCell: (disabledReason?: string) => void;
+    removeDisabledCell: () => void;
+};
+export declare const ActionCellContext: import("react").Context<ActionCellContextProps<unknown>>;

package/components/DataGridActionCell/ActionCellContext/ActionCellContext.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+export const ActionCellContext = createContext({
+    isDisabled: false,
+    onActionClick: () => undefined,
+    addDisabledCell: () => undefined,
+    removeDisabledCell: () => undefined,
+});

package/components/DataGridActionCell/ActionCellContext/ActionCellProvider/ActionCellProvider.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+import type { ActionCellHandler } from '../../types';
+type ActionCellContextProviderProps<TAction> = {
+    children: ReactNode;
+    onActionClick: ActionCellHandler<TAction>;
+};
+export declare const ActionCellContextProvider: <TAction>({ children, onActionClick, }: ActionCellContextProviderProps<TAction>) => JSX.Element;
+export {};

package/components/DataGridActionCell/ActionCellContext/ActionCellProvider/ActionCellProvider.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from 'react';
+import { ActionCellContext } from '../ActionCellContext';
+export const ActionCellContextProvider = ({ children, onActionClick, }) => {
+    const [isDisabled, setDisabled] = useState(false);
+    const [disabledReason, setDisabledReason] = useState();
+    const addDisabledCell = useCallback((reason) => {
+        setDisabled(true);
+        setDisabledReason(reason);
+    }, []);
+    const removeDisabledCell = useCallback(() => {
+        setDisabled(false);
+        setDisabledReason(undefined);
+    }, []);
+    const contextValue = useMemo(() => ({
+        isDisabled,
+        disabledReason,
+        addDisabledCell,
+        removeDisabledCell,
+        onActionClick,
+    }), [
+        isDisabled,
+        disabledReason,
+        addDisabledCell,
+        removeDisabledCell,
+        onActionClick,
+    ]);
+    return (_jsx(ActionCellContext.Provider, { value: contextValue, children: children }));
+};

package/components/DataGridActionCell/ActionCellContext/ActionCellProvider/index.d.ts

@@ -0,0 +1 @@
+export * from './ActionCellProvider';

package/components/DataGridActionCell/ActionCellContext/ActionCellProvider/index.js

@@ -0,0 +1 @@
+export * from './ActionCellProvider';

package/components/DataGridActionCell/ActionCellContext/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ActionCellContext';
+export * from './ActionCellProvider';

package/components/DataGridActionCell/ActionCellContext/index.js

@@ -0,0 +1,2 @@
+export * from './ActionCellContext';
+export * from './ActionCellProvider';

package/components/DataGridActionCell/DataGridActionCell.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+import { type ReactNode } from 'react';
+import { type DataGridSecondaryActionsProps } from './DataGridSecondaryActions';
 import type { MainActionKind, SecondaryActionKind } from './types';
 export type DataGridActions<TAction> = {
     /**
@@ -13,8 +14,23 @@ export type DataGridActions<TAction> = {
 export type DataGridActionCellProps<TRow> = {
     /**
      * Действия
+     * @deprecated Используйте `mainActions` и `secondaryActions`.
+     *
+     * Новый подход обеспечивает:
+     *   - Ленивую загрузку вторичных действий с бэкенда
+     *   - Рендеринг `secondaryActions` только при открытии dropdown-меню
+     *   - Улучшенную производительность при работе со сложной логикой
+     *   - Оптимизацию за счет tree shaking
      */
-    actions: DataGridActions<TRow>;
+    actions?: DataGridActions<TRow>;
+    /**
+     * Компонент всегда отображаемых действий
+     */
+    mainActions?: () => ReactNode;
+    /**
+     * Компонент доп. действий, которые скрыты в popover за кнопкой
+     */
+    secondaryActions?: (props: DataGridSecondaryActionsProps<TRow>) => ReactNode;
     /**
      * Данные строки
      */

package/components/DataGridActionCell/DataGridActionCell.js

@@ -1,17 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MainAction } from './MainAction';
-import { SecondaryActions } from './SecondaryAction';
+import { ActionCellContextProvider } from './ActionCellContext';
+import { DataGridMainActions } from './DataGridMainActions';
+import { SecondaryActionsButton } from './SecondaryActionsButton';
 import { Wrapper } from './styles';
 import { useLogic } from './useLogic';
-const TOOLTIP_PLACEMENT = {
-    mainAction: 'top',
-    secondaryAction: 'left',
-};
 export const DataGridActionCell = (props) => {
-    const { isDisabledAction, handleWrapperClick, handleActionClick } = useLogic(props);
-    const { actions } = props;
-    const { main, secondary } = actions;
-    return (_jsxs(Wrapper, { onClick: handleWrapperClick, children: [main.map((action) => {
-                return (_jsx(MainAction, { action: action, onActionClick: handleActionClick, isDisabled: isDisabledAction, tooltipPlacement: TOOLTIP_PLACEMENT.mainAction }, action.name));
-            }), secondary && (_jsx(SecondaryActions, { actions: secondary, onActionClick: handleActionClick, tooltipPlacement: TOOLTIP_PLACEMENT.secondaryAction, isDisabled: isDisabledAction }))] }));
+    const { handleWrapperClick, handleActionClick, actions, mainActions, secondaryActions, hasSecondaryActions, } = useLogic(props);
+    return (_jsx(ActionCellContextProvider, { onActionClick: handleActionClick, children: _jsxs(Wrapper, { onClick: handleWrapperClick, children: [mainActions ? (mainActions()) : (_jsx(DataGridMainActions, { actions: actions?.main })), hasSecondaryActions && (_jsx(SecondaryActionsButton, { actions: actions?.secondary, renderActions: secondaryActions }))] }) }));
 };

package/components/DataGridActionCell/{MainAction/MainAction.d.ts → DataGridMainActions/Action/Action.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { type TooltipProps } from '../../Tooltip';
-import type { ActionCellHandler, MainActionKind } from '../types';
+import { type TooltipProps } from '../../../Tooltip';
+import type { ActionCellHandler, MainActionKind } from '../../types';
 type MainActionProps<TAction> = {
     /**
      *  Основные действия
@@ -19,5 +19,5 @@ type MainActionProps<TAction> = {
      */
     tooltipPlacement?: TooltipProps['placement'];
 };
-export declare const MainAction: <TAction>({ action, onActionClick, isDisabled, tooltipPlacement, }: MainActionProps<TAction>) => JSX.Element;
+export declare const Action: <TAction>({ action, onActionClick, isDisabled, tooltipPlacement, }: MainActionProps<TAction>) => JSX.Element;
 export {};

package/components/DataGridActionCell/{MainAction/MainAction.js → DataGridMainActions/Action/Action.js}

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
-import { IconDropdownButton } from '../../IconDropdownButton';
-import { MenuItem } from '../../MenuItem';
-import { Tooltip } from '../../Tooltip';
+import { IconDropdownButton } from '../../../IconDropdownButton';
+import { MenuItem } from '../../../MenuItem';
+import { Tooltip } from '../../../Tooltip';
 import { MainIconButton } from './MainIconButton';
-export const MainAction = ({ action, onActionClick, isDisabled, tooltipPlacement, }) => {
+export const Action = ({ action, onActionClick, isDisabled, tooltipPlacement, }) => {
     if ('actions' in action) {
         const { disabled, icon, name, disabledReason, actions } = action;
         return (_jsx(Tooltip, { title: disabledReason || name, withoutContainer: !disabled, placement: tooltipPlacement, children: _jsx(IconDropdownButton, { icon: icon, variant: "text", disabled: isDisabled || disabled, children: actions.map(({ name: nestedActionName, onClick: onClickNested, ...props }) => (_createElement(MenuItem, { ...props, key: nestedActionName, onClick: onActionClick(onClickNested) }, nestedActionName))) }) }, name));

package/{node/components/DataGridActionCell/MainAction → components/DataGridActionCell/DataGridMainActions/Action}/MainIconButton/MainIconButton.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { type IconButtonProps } from '../../../IconButton';
-import { type TooltipProps } from '../../../Tooltip';
-import { type ActionCellHandler, type SingleAction } from '../../types';
+import { type IconButtonProps } from '../../../../IconButton';
+import { type TooltipProps } from '../../../../Tooltip';
+import { type ActionCellHandler, type SingleAction } from '../../../types';
 export type MainIconButtonProps<TAction> = {
     action: IconButtonProps & SingleAction<TAction>;
     /**

package/components/DataGridActionCell/{MainAction → DataGridMainActions/Action}/MainIconButton/MainIconButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { ConfirmAction, } from '../../../ConfirmAction';
-import { IconButton } from '../../../IconButton';
-import { Tooltip } from '../../../Tooltip';
+import { ConfirmAction, } from '../../../../ConfirmAction';
+import { IconButton } from '../../../../IconButton';
+import { Tooltip } from '../../../../Tooltip';
 import { useLogic } from './useLogic';
 export const MainIconButton = (props) => {
     const { tooltipProps } = useLogic(props);

package/components/DataGridActionCell/DataGridMainActions/Action/index.d.ts

@@ -0,0 +1 @@
+export * from './Action';

package/components/DataGridActionCell/DataGridMainActions/Action/index.js

@@ -0,0 +1 @@
+export * from './Action';

package/components/DataGridActionCell/DataGridMainActions/DataGridMainActions.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import type { MainActionKind } from '../types';
+export type DataGridMainActionsProps<TAction> = {
+    /**
+     * Действия отображаются слева направо в порядке, указанном в массиве
+     */
+    actions?: MainActionKind<TAction>[];
+};
+/**
+ * Компонент для отображения основных действий в ячейке таблицы DataGrid.
+ *
+ * Основные действия отображаются в виде отдельных кнопок непосредственно в ячейке
+ * и предназначены для наиболее часто используемых операций над строкой данных.
+ *
+ * @remarks
+ * - Компонент автоматически обрабатывает блокирующие операции, что предотвращает одновременное выполнение нескольких действий
+ * - Для действий автоматически отображаются тултипы с заданным позиционированием
+ *
+ * @example
+ * ```tsx
+ * <DataGridMainActions
+ *   actions={[
+ *     { name: 'edit', icon: <EditIcon />, onClick: handleEdit },
+ *     { name: 'delete', icon: <DeleteIcon />, onClick: handleDelete, isBlockingOperation: true }
+ *   ]}
+ *   onActionClick={(handler) => (event) => handler(event)}
+ *   tooltipPlacement="top"
+ * />
+ * ```
+ */
+export declare const DataGridMainActions: <TAction>({ actions, }: DataGridMainActionsProps<TAction>) => JSX.Element;

package/components/DataGridActionCell/DataGridMainActions/DataGridMainActions.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { TOOLTIP_PLACEMENT } from '../constants';
+import { useBlockingActions } from '../hooks';
+import { Action } from './Action';
+/**
+ * Компонент для отображения основных действий в ячейке таблицы DataGrid.
+ *
+ * Основные действия отображаются в виде отдельных кнопок непосредственно в ячейке
+ * и предназначены для наиболее часто используемых операций над строкой данных.
+ *
+ * @remarks
+ * - Компонент автоматически обрабатывает блокирующие операции, что предотвращает одновременное выполнение нескольких действий
+ * - Для действий автоматически отображаются тултипы с заданным позиционированием
+ *
+ * @example
+ * ```tsx
+ * <DataGridMainActions
+ *   actions={[
+ *     { name: 'edit', icon: <EditIcon />, onClick: handleEdit },
+ *     { name: 'delete', icon: <DeleteIcon />, onClick: handleDelete, isBlockingOperation: true }
+ *   ]}
+ *   onActionClick={(handler) => (event) => handler(event)}
+ *   tooltipPlacement="top"
+ * />
+ * ```
+ */
+export const DataGridMainActions = ({ actions, }) => {
+    const { isDisabled, onActionClick } = useBlockingActions(actions);
+    return (_jsx(_Fragment, { children: actions?.map((action) => {
+            return (_jsx(Action, { action: action, onActionClick: onActionClick, isDisabled: isDisabled, tooltipPlacement: TOOLTIP_PLACEMENT.mainAction }, action.name));
+        }) }));
+};

package/components/DataGridActionCell/DataGridMainActions/index.d.ts

@@ -0,0 +1 @@
+export * from './DataGridMainActions';

package/components/DataGridActionCell/DataGridMainActions/index.js

@@ -0,0 +1 @@
+export * from './DataGridMainActions';

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActions.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import type { SecondaryActionKind } from '../types';
+export type DataGridSecondaryActionsProps<TAction> = {
+    /**
+     * Доп. действия отображаются в виде списка элементов меню (`MenuItem`)
+     */
+    actions?: SecondaryActionKind<TAction>[];
+    /**
+     *  Флаг состояния загрузки, применяется когда actions подгружаются динамически
+     */
+    isLoading?: boolean;
+};
+/**
+ * Компонент для отображения дополнительных действий в выпадающем меню ячейки таблицы DataGrid.
+ *
+ * Вторичные действия отображаются в выпадающем меню (dropdown) и предназначены для менее
+ * используемых операций, которые не требуют постоянного отображения в интерфейсе.
+ *
+ * @remarks
+ * - Компонент поддерживает состояние загрузки (`isLoading`), при котором отображается скелетон вместо действий
+ * - Автоматически обрабатывает блокирующие операции, что предотвращает одновременное выполнение нескольких действий
+ * - Меню привязывается к кнопке "три точки"
+ * - Состояние меню (`open`, `anchorEl`) берется из `SecondaryActionsMenuContext`, не требуется прокидывать пропсы вручную
+ *
+ * @example
+ * Использование с контекстом (рекомендуется):
+ * ```tsx
+ * <DataGridSecondaryActions
+ *   actions={[
+ *     { name: 'Дублировать', onClick: handleDuplicate },
+ *     { name: 'Архивировать', onClick: handleArchive, disabled: !canArchive },
+ *     { name: 'Экспортировать', onClick: handleExport }
+ *   ]}
+ *   isLoading={isActionsLoading}
+ * />
+ * ```
+ *
+ * @example
+ * Использование с явными пропсами (для обратной совместимости):
+ * ```tsx
+ * <DataGridSecondaryActions
+ *   actions={actions}
+ *   open={isMenuOpen}
+ *   anchorEl={buttonRef.current}
+ * />
+ * ```
+ */
+export declare const DataGridSecondaryActions: <TAction>({ actions, isLoading, }: DataGridSecondaryActionsProps<TAction>) => JSX.Element;

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActions.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { Menu } from '../../Menu';
+import { MenuItem } from '../../MenuItem';
+import { TOOLTIP_PLACEMENT } from '../constants';
+import { useBlockingActions } from '../hooks';
+import { useSecondaryActionsMenu } from '../SecondaryActionsMenuContext';
+import { DataGridSecondaryActionsSkeleton } from './DataGridSecondaryActionsSkeleton';
+/**
+ * Компонент для отображения дополнительных действий в выпадающем меню ячейки таблицы DataGrid.
+ *
+ * Вторичные действия отображаются в выпадающем меню (dropdown) и предназначены для менее
+ * используемых операций, которые не требуют постоянного отображения в интерфейсе.
+ *
+ * @remarks
+ * - Компонент поддерживает состояние загрузки (`isLoading`), при котором отображается скелетон вместо действий
+ * - Автоматически обрабатывает блокирующие операции, что предотвращает одновременное выполнение нескольких действий
+ * - Меню привязывается к кнопке "три точки"
+ * - Состояние меню (`open`, `anchorEl`) берется из `SecondaryActionsMenuContext`, не требуется прокидывать пропсы вручную
+ *
+ * @example
+ * Использование с контекстом (рекомендуется):
+ * ```tsx
+ * <DataGridSecondaryActions
+ *   actions={[
+ *     { name: 'Дублировать', onClick: handleDuplicate },
+ *     { name: 'Архивировать', onClick: handleArchive, disabled: !canArchive },
+ *     { name: 'Экспортировать', onClick: handleExport }
+ *   ]}
+ *   isLoading={isActionsLoading}
+ * />
+ * ```
+ *
+ * @example
+ * Использование с явными пропсами (для обратной совместимости):
+ * ```tsx
+ * <DataGridSecondaryActions
+ *   actions={actions}
+ *   open={isMenuOpen}
+ *   anchorEl={buttonRef.current}
+ * />
+ * ```
+ */
+export const DataGridSecondaryActions = ({ actions, isLoading, }) => {
+    const { onActionClick } = useBlockingActions(actions);
+    const { open, anchorEl } = useSecondaryActionsMenu();
+    const renderActions = () => {
+        return actions?.map((action) => {
+            const { onClick, name, loading, isBlockingOperation, loadingNote, ...restProps } = action;
+            return (_createElement(MenuItem, { ...restProps, key: name, tooltipPlacement: TOOLTIP_PLACEMENT.secondaryActions, onClick: onActionClick(onClick) }, name));
+        });
+    };
+    return (_jsx(Menu, { open: open, anchorEl: anchorEl, children: isLoading ? _jsx(DataGridSecondaryActionsSkeleton, {}) : renderActions() }));
+};

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/DataGridSecondaryActionsSkeleton.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DataGridSecondaryActionsSkeleton: () => JSX.Element;

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/DataGridSecondaryActionsSkeleton.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from '../../../Skeleton';
+import { SkeletonWrapper } from './styles';
+export const DataGridSecondaryActionsSkeleton = () => (_jsxs(SkeletonWrapper, { children: [_jsx(Skeleton, { variant: "rounded", width: 110, height: 12 }), _jsx(Skeleton, { variant: "rounded", width: 60, height: 12 }), _jsx(Skeleton, { variant: "rounded", width: 90, height: 12 })] }));

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/index.d.ts

@@ -0,0 +1 @@
+export * from './DataGridSecondaryActionsSkeleton';

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/index.js

@@ -0,0 +1 @@
+export * from './DataGridSecondaryActionsSkeleton';

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/styles.d.ts

@@ -0,0 +1 @@
+export declare const SkeletonWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, React.JSX.IntrinsicElements, {}>;

package/components/DataGridActionCell/DataGridSecondaryActions/DataGridSecondaryActionsSkeleton/styles.js

@@ -0,0 +1,10 @@
+import { styled } from '@mui/material';
+export const SkeletonWrapper = styled('div') `
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spacing(5)};
+
+  min-width: 140px;
+  min-height: 96px;  
+  padding: ${({ theme }) => theme.microSpacing(5, 6)};
+`;

package/components/DataGridActionCell/DataGridSecondaryActions/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DataGridSecondaryActions';
+export * from './DataGridSecondaryActionsSkeleton';

package/components/DataGridActionCell/DataGridSecondaryActions/index.js

@@ -0,0 +1,2 @@
+export * from './DataGridSecondaryActions';
+export * from './DataGridSecondaryActionsSkeleton';

package/components/DataGridActionCell/SecondaryActionsButton/SecondaryActionsButton.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+import type { TooltipProps } from '../../Tooltip';
+import { type DataGridSecondaryActionsProps } from '../DataGridSecondaryActions';
+import type { SecondaryActionKind } from '../types';
+type SecondaryActionsButtonProps<TAction> = {
+    /**
+     *  Вторичные действия
+     */
+    actions?: SecondaryActionKind<TAction>[];
+    /**
+     *  Положение тултипа
+     */
+    tooltipPlacement?: TooltipProps['placement'];
+    /**
+     * Контент меню
+     */
+    renderActions?: (props: DataGridSecondaryActionsProps<TAction>) => ReactNode;
+};
+export declare const SecondaryActionsButton: <TAction>({ actions, renderActions, }: SecondaryActionsButtonProps<TAction>) => JSX.Element;
+export {};

package/components/DataGridActionCell/SecondaryActionsButton/SecondaryActionsButton.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ClickAwayListener } from '@mui/material';
+import { useContext, useRef, useState } from 'react';
+import { DotsVOutlineMd } from '../../../icons';
+import { useMenu } from '../../hooks';
+import { IconButton } from '../../IconButton';
+import { ActionCellContext } from '../ActionCellContext';
+import { DataGridSecondaryActions, } from '../DataGridSecondaryActions';
+import { SecondaryActionsMenuProvider } from '../SecondaryActionsMenuContext';
+export const SecondaryActionsButton = ({ actions, renderActions, }) => {
+    const buttonRef = useRef(null);
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = useMenu(buttonRef);
+    const { isDisabled } = useContext(ActionCellContext);
+    // Если контент единожды отрендерился, то будем рендерить его дальше,
+    // чтобы были актуальные статусы loading для блокировки действий
+    const [isOnceOpen, setIsOnceOpen] = useState(false);
+    const handleOpen = () => {
+        setIsOnceOpen(true);
+        handleOpenMenu();
+    };
+    const renderContent = () => {
+        if (renderActions) {
+            return renderActions({ isLoading: false });
+        }
+        return _jsx(DataGridSecondaryActions, { actions: actions });
+    };
+    return (_jsxs(SecondaryActionsMenuProvider, { value: { open, anchorEl: anchorRef.current }, children: [_jsx(ClickAwayListener, { onClickAway: handleCloseMenu, mouseEvent: "onMouseUp", children: _jsx(IconButton, { ref: anchorRef, onClick: handleOpen, selected: open, variant: "text", disabled: isDisabled, children: _jsx(DotsVOutlineMd, {}) }) }), isOnceOpen && renderContent()] }));
+};

package/components/DataGridActionCell/SecondaryActionsButton/index.d.ts

@@ -0,0 +1 @@
+export * from './SecondaryActionsButton';

package/components/DataGridActionCell/SecondaryActionsButton/index.js

@@ -0,0 +1 @@
+export * from './SecondaryActionsButton';

package/components/DataGridActionCell/SecondaryActionsMenuContext/SecondaryActionsMenuContext.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export type SecondaryActionsMenuContextProps = {
+    /**
+     * Флаг состояния меню (открыто-закрыто)
+     */
+    open: boolean;
+    /**
+     * Элемент, к которому привязано меню
+     */
+    anchorEl: HTMLButtonElement | null;
+};
+export declare const SecondaryActionsMenuContext: import("react").Context<SecondaryActionsMenuContextProps>;

package/components/DataGridActionCell/SecondaryActionsMenuContext/SecondaryActionsMenuContext.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+export const SecondaryActionsMenuContext = createContext({
+    open: false,
+    anchorEl: null,
+});

package/components/DataGridActionCell/SecondaryActionsMenuContext/SecondaryActionsMenuProvider/SecondaryActionsMenuProvider.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+import { type SecondaryActionsMenuContextProps } from '../SecondaryActionsMenuContext';
+type SecondaryActionsMenuProviderProps = {
+    children: ReactNode;
+    value: SecondaryActionsMenuContextProps;
+};
+export declare const SecondaryActionsMenuProvider: ({ children, value, }: SecondaryActionsMenuProviderProps) => JSX.Element;
+export {};

package/components/DataGridActionCell/SecondaryActionsMenuContext/SecondaryActionsMenuProvider/SecondaryActionsMenuProvider.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SecondaryActionsMenuContext, } from '../SecondaryActionsMenuContext';
+export const SecondaryActionsMenuProvider = ({ children, value, }) => {
+    return (_jsx(SecondaryActionsMenuContext.Provider, { value: value, children: children }));
+};

package/components/DataGridActionCell/SecondaryActionsMenuContext/SecondaryActionsMenuProvider/index.d.ts

@@ -0,0 +1 @@
+export { SecondaryActionsMenuProvider } from './SecondaryActionsMenuProvider';

package/components/DataGridActionCell/SecondaryActionsMenuContext/SecondaryActionsMenuProvider/index.js

@@ -0,0 +1 @@
+export { SecondaryActionsMenuProvider } from './SecondaryActionsMenuProvider';

package/components/DataGridActionCell/SecondaryActionsMenuContext/index.d.ts

@@ -0,0 +1,3 @@
+export { SecondaryActionsMenuContext } from './SecondaryActionsMenuContext';
+export { SecondaryActionsMenuProvider } from './SecondaryActionsMenuProvider';
+export { useSecondaryActionsMenu } from './useSecondaryActionsMenu';

package/components/DataGridActionCell/SecondaryActionsMenuContext/index.js

@@ -0,0 +1,3 @@
+export { SecondaryActionsMenuContext } from './SecondaryActionsMenuContext';
+export { SecondaryActionsMenuProvider } from './SecondaryActionsMenuProvider';
+export { useSecondaryActionsMenu } from './useSecondaryActionsMenu';

package/components/DataGridActionCell/SecondaryActionsMenuContext/useSecondaryActionsMenu.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Хук для получения состояния меню вторичных действий
+ *
+ * @returns Состояние меню (open, anchorEl)
+ */
+export declare const useSecondaryActionsMenu: () => import("./SecondaryActionsMenuContext").SecondaryActionsMenuContextProps;

package/components/DataGridActionCell/SecondaryActionsMenuContext/useSecondaryActionsMenu.js

@@ -0,0 +1,10 @@
+import { useContext } from 'react';
+import { SecondaryActionsMenuContext } from './SecondaryActionsMenuContext';
+/**
+ * Хук для получения состояния меню вторичных действий
+ *
+ * @returns Состояние меню (open, anchorEl)
+ */
+export const useSecondaryActionsMenu = () => {
+    return useContext(SecondaryActionsMenuContext);
+};

package/components/DataGridActionCell/constants.d.ts

@@ -0,0 +1,2 @@
+import type { TooltipProps } from '../Tooltip';
+export declare const TOOLTIP_PLACEMENT: Record<string, TooltipProps['placement']>;

package/components/DataGridActionCell/constants.js

@@ -0,0 +1,4 @@
+export const TOOLTIP_PLACEMENT = {
+    mainAction: 'top',
+    secondaryAction: 'left',
+};

package/components/DataGridActionCell/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useBlockingActions';

package/components/DataGridActionCell/hooks/index.js

@@ -0,0 +1 @@
+export * from './useBlockingActions';

package/components/DataGridActionCell/hooks/useBlockingActions/index.d.ts

@@ -0,0 +1 @@
+export * from './useBlockingActions';

package/components/DataGridActionCell/hooks/useBlockingActions/index.js

@@ -0,0 +1 @@
+export * from './useBlockingActions';

package/components/DataGridActionCell/hooks/useBlockingActions/useBlockingActions.d.ts

@@ -0,0 +1,8 @@
+import type { MainActionKind, SecondaryActionKind } from '../../types';
+/**
+ * хук позволяющий подписаться на событие блокировки действий
+ */
+export declare const useBlockingActions: <TAction>(actions?: MainActionKind<TAction>[] | SecondaryActionKind<TAction>[] | undefined) => {
+    isDisabled: boolean;
+    onActionClick: import("../../types").ActionCellHandler<TAction>;
+};

package/components/DataGridActionCell/hooks/useBlockingActions/useBlockingActions.js

@@ -0,0 +1,24 @@
+import { useContext, useEffect } from 'react';
+import { RowContext } from '../../../DataGrid';
+import { ActionCellContext, } from '../../ActionCellContext';
+/**
+ * хук позволяющий подписаться на событие блокировки действий
+ */
+export const useBlockingActions = (actions) => {
+    const { addDisabledRow, removeDisabledRow } = useContext(RowContext);
+    const { addDisabledCell, removeDisabledCell, isDisabled, onActionClick } = useContext(ActionCellContext);
+    const blockingAction = [...(actions || [])].find((action) => action.isBlockingOperation && action.loading);
+    useEffect(() => {
+        if (blockingAction) {
+            addDisabledRow(blockingAction?.loadingNote);
+            addDisabledCell(blockingAction?.loadingNote);
+            return;
+        }
+        removeDisabledRow();
+        removeDisabledCell();
+    }, [blockingAction]);
+    return {
+        isDisabled,
+        onActionClick,
+    };
+};

package/components/DataGridActionCell/index.d.ts

@@ -1 +1,4 @@
 export * from './DataGridActionCell';
+export { DataGridMainActions, type DataGridMainActionsProps, } from './DataGridMainActions';
+export { DataGridSecondaryActions, type DataGridSecondaryActionsProps, DataGridSecondaryActionsSkeleton, } from './DataGridSecondaryActions';
+export { SecondaryActionsMenuProvider, useSecondaryActionsMenu, } from './SecondaryActionsMenuContext';

package/components/DataGridActionCell/index.js

@@ -1 +1,4 @@
 export * from './DataGridActionCell';
+export { DataGridMainActions, } from './DataGridMainActions';
+export { DataGridSecondaryActions, DataGridSecondaryActionsSkeleton, } from './DataGridSecondaryActions';
+export { SecondaryActionsMenuProvider, useSecondaryActionsMenu, } from './SecondaryActionsMenuContext';