@astral/ui 4.13.0 → 4.14.0

package/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActionsSkeleton/index.d.ts

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

package/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActionsSkeleton/index.js

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

package/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActionsSkeleton/styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const SkeletonWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MenuItemWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActionsSkeleton/styles.js

@@ -0,0 +1,31 @@
+import { skeletonClasses } from '@mui/material';
+import { styled } from '../../../styles';
+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)};
+
+    ${({ theme }) => theme.breakpoints.down('sm')} {
+        gap: 0;
+
+        padding: 0;
+    }
+`;
+export const MenuItemWrapper = styled.div `
+    & .${skeletonClasses.root} {
+        height: 12px;
+    }
+
+    ${({ theme }) => theme.breakpoints.down('sm')} {
+        min-height: 48px;
+        padding: ${({ theme }) => theme.spacing(2, 3, 3)};
+
+        & .${skeletonClasses.root} {
+            height: 20px;
+        }
+    }
+`;

package/components/CardGridInfinite/CardGridSecondaryAction/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/CardGridInfinite/CardGridSecondaryAction/SecondaryActionsMenuContext/SecondaryActionsMenuContext.js

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

package/components/CardGridInfinite/CardGridSecondaryAction/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/CardGridInfinite/CardGridSecondaryAction/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/CardGridInfinite/CardGridSecondaryAction/SecondaryActionsMenuContext/SecondaryActionsMenuProvider/index.d.ts

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

package/components/CardGridInfinite/CardGridSecondaryAction/SecondaryActionsMenuContext/SecondaryActionsMenuProvider/index.js

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

package/components/CardGridInfinite/CardGridSecondaryAction/SecondaryActionsMenuContext/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SecondaryActionsMenuContext';
+export * from './SecondaryActionsMenuProvider';

package/components/CardGridInfinite/CardGridSecondaryAction/SecondaryActionsMenuContext/index.js

@@ -0,0 +1,2 @@
+export * from './SecondaryActionsMenuContext';
+export * from './SecondaryActionsMenuProvider';

package/components/CardGridInfinite/CardGridSecondaryAction/index.d.ts

@@ -0,0 +1,4 @@
+export type { CardGridSecondaryActionsProps, SecondaryAction } from './types';
+export { SecondaryActionsMenuProvider, SecondaryActionsMenuContext, } from './SecondaryActionsMenuContext';
+export * from './CardGridSecondaryActions';
+export * from './CardGridSecondaryActionsSkeleton';

package/components/CardGridInfinite/CardGridSecondaryAction/index.js

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

package/components/CardGridInfinite/CardGridSecondaryAction/types.d.ts

@@ -0,0 +1,59 @@
+import type { ReactNode } from 'react';
+import type { ConfirmActionProps } from '../../ConfirmAction';
+import type { MenuItemProps } from '../../MenuItem';
+export type SecondaryAction<TItem> = MenuItemProps & {
+    /**
+     * Название действия
+     */
+    name: string;
+    /**
+     * Иконка действия
+     */
+    icon?: ReactNode;
+    /**
+     * Флаг показа выпадающего списка при клике
+     */
+    nested?: false;
+    /**
+     * Если `true`, при клике на кнопку будет вызываться подтверждение действия
+     */
+    needConfirm?: boolean;
+    /**
+     * Поясняющий текст для подтверждения действия
+     */
+    confirmText?: ConfirmActionProps['text'];
+    /**
+     * Параметры кнопки подтверждения действия
+     */
+    confirmButtonProps?: ConfirmActionProps['confirmButtonProps'];
+    /**
+     * Если true, блокирует взаимодействие с actions
+     */
+    isBlockingOperation?: boolean;
+    /**
+     * Причина блокировки действия
+     */
+    disabledReason?: string;
+    /**
+     * Обработчик действия
+     */
+    onClick?: (item: TItem) => void;
+    /**
+     * Если true, происходит загрузка
+     */
+    loading?: boolean;
+};
+export type CardGridSecondaryActionsProps<TItem> = {
+    /**
+     * Доп. действия отображаются в виде списка элементов меню (`MenuItem`)
+     */
+    actions?: SecondaryAction<TItem>[];
+    /**
+     *  Флаг состояния загрузки, применяется когда actions подгружаются динамически
+     */
+    isLoading?: boolean;
+    /**
+     * Заголовок для мобильного drawer
+     */
+    mobileTitle: string;
+};

package/components/CardGridInfinite/CardGridSecondaryAction/types.js

@@ -0,0 +1 @@
+export {};

package/components/CardGridInfinite/EndData/EndData.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type Props = {
+    endOfScrollMsg?: string;
+};
+export declare const EndData: ({ endOfScrollMsg }: Props) => JSX.Element;
+export {};

package/components/CardGridInfinite/EndData/EndData.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Typography } from '../../Typography';
+import { END_OF_SCROLL_MESSAGE } from './constants';
+export const EndData = ({ endOfScrollMsg = END_OF_SCROLL_MESSAGE }) => (_jsx(Typography, { children: endOfScrollMsg }));

package/components/CardGridInfinite/EndData/constants.d.ts

@@ -0,0 +1 @@
+export declare const END_OF_SCROLL_MESSAGE = "\u0412\u044B \u0434\u043E\u0441\u0442\u0438\u0433\u043B\u0438 \u043A\u043E\u043D\u0446\u0430 \u0441\u043F\u0438\u0441\u043A\u0430";

package/components/CardGridInfinite/EndData/constants.js

@@ -0,0 +1 @@
+export const END_OF_SCROLL_MESSAGE = 'Вы достигли конца списка';

package/components/CardGridInfinite/EndData/index.d.ts

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

package/components/CardGridInfinite/EndData/index.js

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

package/components/CardGridInfinite/ErrorMessage/ErrorMessage.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type Props = {
+    onRetry: () => void;
+};
+export declare const ErrorMessage: ({ onRetry }: Props) => JSX.Element;
+export {};

package/components/CardGridInfinite/ErrorMessage/ErrorMessage.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../Button';
+import { Typography } from '../../Typography';
+import { ERROR_MESSAGE } from './constants';
+import { Wrapper } from './styles';
+export const ErrorMessage = ({ onRetry }) => (_jsxs(Wrapper, { children: [_jsx(Typography, { align: "center", children: ERROR_MESSAGE }), _jsx(Button, { onClick: onRetry, children: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0441\u043D\u043E\u0432\u0430" })] }));

package/components/CardGridInfinite/ErrorMessage/constants.d.ts

@@ -0,0 +1 @@
+export declare const ERROR_MESSAGE = "\u041E\u0448\u0438\u0431\u043A\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438";

package/components/CardGridInfinite/ErrorMessage/constants.js

@@ -0,0 +1 @@
+export const ERROR_MESSAGE = 'Ошибка загрузки';

package/components/CardGridInfinite/ErrorMessage/index.d.ts

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

package/components/CardGridInfinite/ErrorMessage/index.js

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

package/components/CardGridInfinite/ErrorMessage/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/CardGridInfinite/ErrorMessage/styles.js

@@ -0,0 +1,17 @@
+import { styled } from '../../styles';
+export const Wrapper = styled.div `
+  display: grid;
+  grid-template-columns: 100%;
+  grid-template-rows: max-content max-content;
+  gap: ${({ theme }) => theme.spacing(2)};
+  justify-items: center;
+
+  padding: ${({ theme }) => theme.spacing(2, 0)};
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    gap: ${({ theme }) => theme.spacing(4)};
+    justify-items: normal;
+
+    padding: ${({ theme }) => theme.spacing(4)};
+  }
+`;

package/components/CardGridInfinite/Footer/Footer.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+type FooterProps = {
+    isEndReached?: boolean;
+    isError?: boolean;
+    isLoading?: boolean;
+    onRetry: () => void;
+    endOfScrollMsg?: string;
+};
+export declare const Footer: ({ isEndReached, isError, isLoading, onRetry, endOfScrollMsg, }: FooterProps) => JSX.Element;
+export {};

package/components/CardGridInfinite/Footer/Footer.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader } from '../../Loader';
+import { EndData } from '../EndData';
+import { ErrorMessage } from '../ErrorMessage';
+import { FooterDummy, Wrapper } from './styles';
+export const Footer = ({ isEndReached, isError, isLoading, onRetry, endOfScrollMsg, }) => {
+    if (!isLoading && !isError && !isEndReached) {
+        // Компонент нужен для того что бы избежать прилипания карточек к нижней границы контейнера virtuoso
+        return _jsx(FooterDummy, {});
+    }
+    return (_jsxs(Wrapper, { children: [isLoading && _jsx(Loader, {}), isError && _jsx(ErrorMessage, { onRetry: onRetry }), isEndReached && _jsx(EndData, { endOfScrollMsg: endOfScrollMsg })] }));
+};

package/components/CardGridInfinite/Footer/index.d.ts

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

package/components/CardGridInfinite/Footer/index.js

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

package/components/CardGridInfinite/Footer/styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const FooterDummy: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/CardGridInfinite/Footer/styles.js

@@ -0,0 +1,16 @@
+import { styled } from '../../styles';
+export const Wrapper = styled.footer `
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+
+  min-height: 64px;
+  max-height: 76px;
+  margin-top: ${({ theme }) => theme.spacing(4)};
+
+  border-top: 1px solid ${({ theme }) => theme.palette.grey[300]};
+`;
+export const FooterDummy = styled.div `
+  min-height: 20px;
+`;

package/components/CardGridInfinite/List/List.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { type ListProps as VirtuosoListProps } from 'react-virtuoso';
+export declare const List: import("react").ForwardRefExoticComponent<Omit<VirtuosoListProps, "ref"> & {
+    desktopCardWidth: {
+        max: string;
+        min: string;
+    };
+} & import("react").RefAttributes<HTMLDivElement>>;

package/components/CardGridInfinite/List/List.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Wrapper } from './styles';
+export const List = forwardRef(({ children, desktopCardWidth, ...restProps }, ref) => (_jsx(Wrapper, { ref: ref, "$gridTemplate": desktopCardWidth, ...restProps, children: children })));

package/components/CardGridInfinite/List/index.d.ts

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

package/components/CardGridInfinite/List/index.js

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

package/components/CardGridInfinite/List/styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $gridTemplate: {
+        max: string;
+        min: string;
+    };
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/CardGridInfinite/List/styles.js

@@ -0,0 +1,10 @@
+import { styled } from '../../styles';
+export const Wrapper = styled.div `
+    display: grid;
+    grid-template-columns: ${({ $gridTemplate }) => `repeat(auto-fill, minmax(${$gridTemplate.min}, ${$gridTemplate.max}))`};
+    gap: ${({ theme }) => theme.spacing(4)};
+
+    ${({ theme }) => theme.breakpoints.down('sm')} {
+      grid-template-columns: 100%;
+    }
+`;

package/components/CardGridInfinite/NoDataPlaceholder/NoDataPlaceholder.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type NoDataPlaceholderProps = {
+    noDataImgSrc?: string;
+};
+export declare const NoDataPlaceholder: ({ noDataImgSrc }: NoDataPlaceholderProps) => JSX.Element;
+export {};

package/components/CardGridInfinite/NoDataPlaceholder/NoDataPlaceholder.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { ConfigContext } from '../../ConfigProvider';
+import { Placeholder } from '../../placeholders';
+import { NO_DATA_TEXT } from './constants';
+export const NoDataPlaceholder = ({ noDataImgSrc }) => {
+    const { imagesMap } = useContext(ConfigContext);
+    const { noDataImgSrc: configProviderNoDataImgSrc } = imagesMap;
+    return (_jsx(Placeholder, { title: NO_DATA_TEXT, imgSrc: noDataImgSrc ?? configProviderNoDataImgSrc, size: "medium" }));
+};

package/components/CardGridInfinite/NoDataPlaceholder/constants.d.ts

@@ -0,0 +1 @@
+export declare const NO_DATA_TEXT = "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445";

package/components/CardGridInfinite/NoDataPlaceholder/constants.js

@@ -0,0 +1 @@
+export const NO_DATA_TEXT = 'Нет данных';

package/components/CardGridInfinite/NoDataPlaceholder/index.d.ts

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

package/components/CardGridInfinite/NoDataPlaceholder/index.js

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

package/components/CardGridInfinite/OnTopButton/OnTopButton.d.ts

@@ -0,0 +1,8 @@
+import { type RefObject } from 'react';
+type Props = {
+    isActive: boolean;
+    scrollRef: RefObject<HTMLElement>;
+    handleScrollToTop: () => void;
+};
+export declare const OnTopButton: ({ isActive, scrollRef, handleScrollToTop, }: Props) => import("react").ReactPortal | null;
+export {};

package/components/CardGridInfinite/OnTopButton/OnTopButton.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createPortal } from 'react-dom';
+import { StyledScrollToTopButton } from './styles';
+export const OnTopButton = ({ isActive, scrollRef, handleScrollToTop, }) => {
+    const parentElement = scrollRef?.current?.parentElement;
+    if (isActive && parentElement) {
+        return createPortal(_jsx(StyledScrollToTopButton, { onClick: handleScrollToTop }), parentElement);
+    }
+    return null;
+};

package/components/CardGridInfinite/OnTopButton/index.d.ts

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

package/components/CardGridInfinite/OnTopButton/index.js

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

package/components/CardGridInfinite/OnTopButton/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledScrollToTopButton: import("@emotion/styled").StyledComponent<import("../../ScrollToTopButton").ScrollToTopButtonProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/components/CardGridInfinite/OnTopButton/styles.js

@@ -0,0 +1,9 @@
+import { ScrollToTopButton } from '../../ScrollToTopButton';
+import { styled } from '../../styles';
+export const StyledScrollToTopButton = styled(ScrollToTopButton) `
+    right: ${({ theme }) => theme.microSpacing(15)};
+
+    ${({ theme }) => theme.breakpoints.down('sm')} {
+        display: none;
+    }
+`;

package/components/CardGridInfinite/SkeletonGrid/SkeletonGrid.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { SkeletonConfig } from '../types';
+type SkeletonGridProps = {
+    skeleton: SkeletonConfig;
+    desktopCardWidth: {
+        max: string;
+        min: string;
+    };
+};
+export declare const SkeletonGrid: ({ skeleton, desktopCardWidth, }: SkeletonGridProps) => JSX.Element;
+export {};

package/components/CardGridInfinite/SkeletonGrid/SkeletonGrid.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyledWrapper } from './styles';
+export const SkeletonGrid = ({ skeleton, desktopCardWidth, }) => {
+    return (_jsx(StyledWrapper, { "$gridTemplate": desktopCardWidth, children: Array.from({ length: skeleton.count }).map((_, index) => (_jsx("div", { children: skeleton.component }, `${index}-${skeleton.count}`))) }));
+};

package/components/CardGridInfinite/SkeletonGrid/index.d.ts

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

package/components/CardGridInfinite/SkeletonGrid/index.js

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

package/components/CardGridInfinite/SkeletonGrid/styles.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const StyledWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $gridTemplate: {
+        max: string;
+        min: string;
+    };
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/components/CardGridInfinite/SkeletonGrid/styles.js

@@ -0,0 +1,5 @@
+import { styled } from '../../styles';
+import { Wrapper } from '../List/styles';
+export const StyledWrapper = styled(Wrapper) `
+    width: 100%;
+`;

package/components/CardGridInfinite/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const VIRTUOSO_CONTAINER_ID = "virtuoso-container";
+export declare const OVERSCAN = 30;
+export declare const cardGridClassnames: {
+    list: string;
+    root: string;
+    loading: string;
+};

package/components/CardGridInfinite/constants.js

@@ -0,0 +1,8 @@
+import { createUIKitClassname } from '../utils';
+export const VIRTUOSO_CONTAINER_ID = 'virtuoso-container';
+export const OVERSCAN = 30;
+export const cardGridClassnames = {
+    list: createUIKitClassname('card-grid__list'),
+    root: createUIKitClassname('card-grid'),
+    loading: createUIKitClassname('card-grid_loading'),
+};

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

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

package/components/CardGridInfinite/hooks/index.js

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import type { CardGridMainAction } from '../../CardGridMainActions';
+import { type SecondaryAction } from '../../CardGridSecondaryAction';
+/**
+ * Хук для управления блокирующими операциями в CardGrid
+ */
+export declare const useBlockingActions: <TAction>(actions?: CardGridMainAction<TAction>[] | SecondaryAction<TAction>[] | undefined) => {
+    isDisabled: boolean | undefined;
+    onActionClick: import("../../CardGridMainActions").CardGridActionHandler<TAction>;
+};

package/components/CardGridInfinite/hooks/useBlockingActions/useBlockingActions.js

@@ -0,0 +1,23 @@
+import { useContext, useEffect } from 'react';
+import { CardActionContext } from '../../Card';
+/**
+ * Хук для управления блокирующими операциями в CardGrid
+ */
+export const useBlockingActions = (actions) => {
+    const { isDisabled, onActionClick, setDisabledActions, isDisabledCard, removeDisabledActions, } = useContext(CardActionContext);
+    const blockingAction = [...(actions || [])].find((action) => 'isBlockingOperation' in action &&
+        action.isBlockingOperation &&
+        'loading' in action &&
+        action.loading);
+    useEffect(() => {
+        if (blockingAction) {
+            setDisabledActions();
+            return;
+        }
+        removeDisabledActions();
+    }, [blockingAction]);
+    return {
+        isDisabled: isDisabled || isDisabledCard,
+        onActionClick,
+    };
+};

package/components/CardGridInfinite/index.d.ts

@@ -0,0 +1,8 @@
+export { CardGridInfinite } from './CardGridInfinite';
+export { CardGridMainActions, replaceActionComponent, } from './CardGridMainActions';
+export { CardGridSecondaryActions, CardGridSecondaryActionsSkeleton, } from './CardGridSecondaryAction';
+export type { CardGridInfiniteProps, SkeletonConfig } from './types';
+export type { CardGridMainActionsProps, CardGridActionHandler, CardGridMainAction, } from './CardGridMainActions';
+export type { CardGridSecondaryActionsProps } from './CardGridSecondaryAction';
+export { cardGridClassnames } from './constants';
+export type { CardProps } from './Card';

package/components/CardGridInfinite/index.js

@@ -0,0 +1,4 @@
+export { CardGridInfinite } from './CardGridInfinite';
+export { CardGridMainActions, replaceActionComponent, } from './CardGridMainActions';
+export { CardGridSecondaryActions, CardGridSecondaryActionsSkeleton, } from './CardGridSecondaryAction';
+export { cardGridClassnames } from './constants';

package/components/CardGridInfinite/styles.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentStateWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/CardGridInfinite/styles.js

@@ -0,0 +1,26 @@
+import { loadingPlaceholderClassnames } from '../placeholders';
+import { styled } from '../styles';
+import { cardGridClassnames } from './constants';
+export const Wrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+
+  height: 100%;
+`;
+export const ContentWrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+
+  height: 100%;
+`;
+export const ContentStateWrapper = styled.div `
+  height: 100%;
+
+  &.${cardGridClassnames.loading} {
+    height: auto;
+  }
+
+  & .${loadingPlaceholderClassnames.root} {
+    justify-content: flex-start
+  }
+`;