@max-ts/components 0.1.1 → 0.2.1

package/lib/components/ConfirmAction/styles.mjs

@@ -0,0 +1,17 @@
+import { styled as t } from "@mui/material";
+import { Typography as o } from "../Typography/Typography.mjs";
+const a = t("div")`
+  max-width: 380px;
+  padding: ${({ theme: p }) => p.spacing(4)};
+`, r = t(o)`
+  margin-bottom: ${({ theme: p }) => p.spacing(3)};
+`, s = t("div")`
+  display: flex;
+  gap: ${({ theme: p }) => p.spacing(3)};
+  justify-content: end;
+`;
+export {
+  s as Actions,
+  r as StyledTypography,
+  a as Wrapper
+};

package/lib/components/ConfirmAction/useLogic/useLogic.d.ts

@@ -0,0 +1,22 @@
+import { ButtonColors, ButtonVariants } from '../../Button';
+import { ConfirmActionProps } from '../ConfirmAction';
+type UseLogicParams = ConfirmActionProps;
+export declare const useLogic: ({ confirmButtonProps: externalConfirmButtonProps, onConfirm, }: UseLogicParams) => {
+    actionComponentProps: {
+        onClick: (event: import('react').SyntheticEvent) => void;
+    };
+    popoverProps: {
+        open: boolean;
+        anchorEl: import('../../../hooks').AnchorType;
+        onClose: () => void;
+    };
+    cancelButtonProps: {
+        onClick: () => void;
+    };
+    confirmButtonProps: {
+        variant: ButtonVariants;
+        color: ButtonColors;
+        onClick: () => void;
+    };
+};
+export {};

package/lib/components/ConfirmAction/useLogic/useLogic.mjs

@@ -0,0 +1,36 @@
+import "@mui/material";
+import "react";
+import { usePopover as l } from "../../../hooks/usePopover/usePopover.mjs";
+import "../../../_virtual/jsx-runtime.mjs";
+import "clsx";
+import { ButtonVariants as t, ButtonColors as r } from "../../Button/enums.mjs";
+import "../../Button/styles.mjs";
+const k = ({
+  confirmButtonProps: c,
+  onConfirm: i
+}) => {
+  const { isOpen: s, anchor: p, actions: o } = l(), { isAccented: n } = c || {}, e = n ? t.Light : t.Contained, m = n ? r.Error : r.Primary, a = () => {
+    i(), o.close();
+  };
+  return {
+    actionComponentProps: {
+      onClick: o.open
+    },
+    popoverProps: {
+      open: s,
+      anchorEl: p,
+      onClose: o.close
+    },
+    cancelButtonProps: {
+      onClick: o.close
+    },
+    confirmButtonProps: {
+      variant: e,
+      color: m,
+      onClick: a
+    }
+  };
+};
+export {
+  k as useLogic
+};

package/lib/components/ConfirmDialog/ConfirmDialog.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+import { DialogProps } from '../Dialog';
+export type ConfirmDialogProps = {
+    /**
+     * Заголовок диалога
+     */
+    title: string;
+    /**
+     * Вспомогательный текст
+     */
+    description?: ReactNode;
+    /**
+     * Функция для закрытия диалога
+     */
+    onClose: () => void;
+    /**
+     * Параметры кнопок действий
+     */
+    actions: {
+        /**
+         * Параметры кнопки подтверждения
+         * @example <ConfirmDialog actions={{ confirm: { text: 'Название кнопки' }}}
+         */
+        confirm: ButtonProps<'button'> & {
+            text: string;
+        };
+        /**
+         * Параметры кнопки отмены. В качестве действия onClick по-умолчанию используется пропс onClose
+         * @example <ConfirmDialog actions={{ cancel: { text: 'Название кнопки' }}}
+         */
+        cancel?: ButtonProps<'button'> & {
+            text: string;
+        };
+    };
+} & Pick<DialogProps, 'aria-labelledby' | 'aria-describedby' | 'disableBackdropClick' | 'disablePortal' | 'disableScrollLock' | 'hideBackdrop' | 'keepMounted' | 'open'>;
+export declare const ConfirmDialog: (props: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ConfirmDialog/ConfirmDialog.mjs

@@ -0,0 +1,26 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { Button as j } from "../Button/Button.mjs";
+import { Dialog as u } from "../Dialog/Dialog.mjs";
+import { DialogActions as C } from "../DialogActions/DialogActions.mjs";
+import { DialogContent as d } from "../DialogContent/DialogContent.mjs";
+import { DialogContentText as h } from "../DialogContentText/DialogContentText.mjs";
+import { CancelButton as g } from "./styles.mjs";
+import { useLogic as B } from "./useLogic/useLogic.mjs";
+const S = (t) => {
+  const { isShowCancelButton: i, cancelButtonProps: e } = B(t), { open: c, title: s, description: n, actions: r, onClose: m, ...l } = t, { text: a, ...p } = r.confirm, {
+    text: x,
+    variant: D,
+    onClick: P,
+    ...f
+  } = r.cancel || {};
+  return /* @__PURE__ */ o.jsxs(u, { title: s, open: c, onClose: m, ...l, children: [
+    n && /* @__PURE__ */ o.jsx(d, { children: /* @__PURE__ */ o.jsx(h, { children: n }) }),
+    /* @__PURE__ */ o.jsxs(C, { children: [
+      i && /* @__PURE__ */ o.jsx(g, { ...f, ...e, children: x }),
+      /* @__PURE__ */ o.jsx(j, { ...p, children: a })
+    ] })
+  ] });
+};
+export {
+  S as ConfirmDialog
+};

package/lib/components/ConfirmDialog/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const CancelButton: import('@emotion/styled').StyledComponent<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
+    variant?: `${import('../Button').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('../Button').ButtonColors}`;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/ConfirmDialog/styles.mjs

@@ -0,0 +1,10 @@
+import { styled as t } from "@mui/material";
+import { Button as r } from "../Button/Button.mjs";
+const m = t(r)`
+  ${({ theme: o }) => o.breakpoints.down("sm")} {
+    order: 1;
+  }
+`;
+export {
+  m as CancelButton
+};

package/lib/components/ConfirmDialog/useLogic/useLogic.d.ts

@@ -0,0 +1,10 @@
+import { ConfirmDialogProps } from '../ConfirmDialog';
+type UseLogicParams = ConfirmDialogProps;
+export declare const useLogic: ({ actions, onClose }: UseLogicParams) => {
+    isShowCancelButton: boolean;
+    cancelButtonProps: {
+        variant: "link" | "text" | "light" | "contained";
+        onClick: import('react').MouseEventHandler<HTMLButtonElement>;
+    };
+};
+export {};

package/lib/components/ConfirmDialog/useLogic/useLogic.mjs

@@ -0,0 +1,12 @@
+import { useViewportType as a } from "../../../hooks/useViewportType/useViewportType.mjs";
+import "react";
+const C = ({ actions: n, onClose: t }) => {
+  const { isMobile: c } = a(), { cancel: o } = n, e = !!o, s = c ? "light" : "text", i = o?.onClick || t, { variant: l = s } = o || {};
+  return { isShowCancelButton: e, cancelButtonProps: {
+    variant: l,
+    onClick: i
+  } };
+};
+export {
+  C as useLogic
+};

package/lib/components/Container/Container.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+import { ContainerRootProps } from './styles';
+export type ContainerProps = ContainerRootProps;
+export declare const Container: (props: ContainerRootProps & {
+    style?: CSSProperties;
+    id?: string;
+    ref?: React.Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Container/Container.mjs

@@ -0,0 +1,6 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { ContainerRoot as t } from "./styles.mjs";
+const i = (o) => /* @__PURE__ */ r.jsx(t, { ...o });
+export {
+  i as Container
+};

package/lib/components/Container/styles.d.ts

@@ -0,0 +1,24 @@
+import { Theme } from '@mui/material';
+import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+export type ContainerRootProps = {
+    variant?: 'flex' | 'grid';
+    direction?: 'row' | 'column';
+    gap?: number;
+    width?: number | string;
+    height?: number | string;
+    justifyContent?: CSSProperties['justifyContent'];
+    alignItems?: CSSProperties['alignItems'];
+    templateAreas?: CSSProperties['gridTemplateAreas'];
+    templateColumns?: CSSProperties['gridTemplateColumns'];
+    templateRows?: CSSProperties['gridTemplateRows'];
+    children?: ReactNode;
+    padding?: string | number;
+    margin?: string | number;
+    elevation?: number;
+    gridArea?: string;
+    isPaper?: boolean;
+    role?: HTMLAttributes<HTMLDivElement>['role'];
+    hidden?: HTMLAttributes<HTMLDivElement>['hidden'];
+    borderRadius?: number;
+};
+export declare const ContainerRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<Theme> & ContainerRootProps, import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/Container/styles.mjs

@@ -0,0 +1,48 @@
+import { styled as o } from "@mui/material";
+const i = o("div", {
+  shouldForwardProp: (e) => ![
+    "variant",
+    "direction",
+    "gap",
+    "width",
+    "height",
+    "justifyContent",
+    "alignItems",
+    "padding",
+    "margin",
+    "gridArea",
+    "templateAreas",
+    "templateColumns",
+    "templateRows",
+    "isPaper",
+    "elevation",
+    "borderRadius"
+  ].includes(e.toString()),
+  label: "Container"
+})`
+  display: ${({
+  variant: e = "flex",
+  templateAreas: r,
+  templateColumns: a,
+  templateRows: t
+}) => t || a || r ? "grid" : e};
+  flex-direction: ${({ direction: e = "row" }) => e};
+  flex-wrap: ${({ direction: e = "row" }) => e === "row" ? "nowrap" : "wrap"};
+  gap: ${({ gap: e = 2, theme: r }) => r.spacing(e)};
+  width: ${({ width: e }) => typeof e == "number" ? `${e}px` : e};
+  height: ${({ height: e }) => typeof e == "number" ? `${e}px` : e};
+  justify-content: ${({ justifyContent: e = "flex-start" }) => e};
+  align-items: ${({ alignItems: e }) => e};
+  grid-area: ${({ gridArea: e }) => e};
+  grid-template-areas: ${({ templateAreas: e }) => e};
+  grid-template-columns: ${({ templateColumns: e }) => e};
+  grid-template-rows: ${({ templateRows: e }) => e};
+  box-shadow: ${({ theme: e, elevation: r = 0 }) => e.shadows[r]};
+  border-radius: ${({ theme: e, borderRadius: r = 4 }) => e.spacing(r)}px;
+  background-color: ${({ theme: e, isPaper: r }) => r ? e.palette.background.paper : "transparent"};
+  padding: ${({ padding: e, theme: r }) => typeof e == "number" ? r.spacing(e) : e};
+  margin: ${({ margin: e, theme: r }) => typeof e == "number" ? r.spacing(e) : e};
+`;
+export {
+  i as ContainerRoot
+};

package/lib/components/ContentState/ContentState.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { PlaceholderProps } from '../Placeholder';
+import { ContentStateErrorProps } from './types';
+export type ContentStateProps = {
+    /**
+     * Флаг состояния загрузки
+     */
+    isLoading?: boolean;
+    /**
+     * Элемент для отображения состояния загрузки
+     */
+    loadingContent?: ReactNode | string;
+    /**
+     * Флаг состояния ошибки
+     */
+    isError?: boolean;
+    /**
+     * Параметры для отображения состояния ошибки
+     */
+    errorState?: Omit<ContentStateErrorProps, 'imgAlt'> & {
+        imgAlt?: string;
+    };
+    /**
+     * Флаг для отображения custom состояния ошибки
+     */
+    isCustom?: boolean;
+    /**
+     * Параметры для отображения custom состояния ошибки
+     */
+    customState?: PlaceholderProps;
+    /**
+     * Элементы для отображения состояния "Успех"
+     */
+    children: ReactNode;
+};
+export declare const ContentState: ({ isLoading, isError, isCustom, errorState, customState, children, loadingContent: LoadingContent, }: ContentStateProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ContentState/ContentState.mjs

@@ -0,0 +1,49 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { useContext as C } from "react";
+import { Button as h } from "../Button/Button.mjs";
+import { CircularProgress as y } from "../CircularProgress/CircularProgress.mjs";
+import { ErrorBoundary as E } from "../ErrorBoundary/ErrorBoundary.mjs";
+import "../Placeholder/Image/Image.mjs";
+import { Placeholder as n } from "../Placeholder/Placeholder.mjs";
+import { Typography as A } from "../Typography/Typography.mjs";
+import { ConfigContext as B } from "../ConfigProvider/ConfigProvider.mjs";
+import { LoadingContainer as L } from "./styles.mjs";
+const z = ({
+  isLoading: m,
+  isError: e,
+  isCustom: p,
+  errorState: o,
+  customState: t,
+  children: s,
+  loadingContent: c = /* @__PURE__ */ r.jsx(y, { color: "primary" })
+}) => {
+  const { imagesMap: f } = C(B);
+  if (m)
+    return /* @__PURE__ */ r.jsx(L, { children: c });
+  if (p && t)
+    return /* @__PURE__ */ r.jsx(n, { ...t });
+  if (e && o) {
+    const {
+      title: a = "Произошла ошибка",
+      imgAlt: l,
+      imgSrc: x = f.defaultErrorImgSrc,
+      errorList: d,
+      onRetry: j,
+      actions: u = /* @__PURE__ */ r.jsx(h, { onClick: j, children: "Попробовать снова" })
+    } = o, g = d.map((i) => /* @__PURE__ */ r.jsx(A, { component: "p", children: i }, i));
+    return /* @__PURE__ */ r.jsx(
+      n,
+      {
+        title: a,
+        description: g,
+        imgAlt: l,
+        imgSrc: x,
+        Actions: u
+      }
+    );
+  }
+  return /* @__PURE__ */ r.jsx(E, { children: s });
+};
+export {
+  z as ContentState
+};

package/lib/components/ContentState/styles.d.ts

@@ -0,0 +1 @@
+export declare const LoadingContainer: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/ContentState/styles.mjs

@@ -0,0 +1,13 @@
+import { styled as t } from "@mui/material";
+const i = t("div")`
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
+
+  width: 100%;
+  height: 100%;
+`;
+export {
+  i as LoadingContainer
+};

package/lib/components/ContentState/types.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+export type ContentStateErrorProps = {
+    /**
+     * Название ошибки
+     */
+    title?: string;
+    /**
+     * Изображение ошибки
+     * @default '' присваивается в ConfigProvider imagesMap.defaultErrorImgSrc
+     * @example <ConfigProvider imagesMap={{ defaultErrorImgSrc: '<img-path>' }} />
+     */
+    imgSrc?: string;
+    /**
+     * Alt атрибут для изображения
+     */
+    imgAlt: string;
+    /**
+     * Список ошибок для отображения
+     */
+    errorList: string[];
+    /**
+     * Элементы кнопок для дальнейших действий
+     */
+    actions?: ReactNode;
+    /**
+     * Функция для повторного действия
+     */
+    onRetry: () => void;
+};

package/lib/components/CopyTypography/CopyTypography.d.ts

@@ -0,0 +1,17 @@
+import { TypographyProps } from '../Typography';
+export type CopyTypographyProps = TypographyProps & {
+    /**
+     * Текст, который будет скопирован. Перекрывает обычное копирование если children является строкой
+     */
+    copyText?: string;
+    /**
+     * Отображает иконку слева или справа от текста
+     * @default right
+     */
+    copyPosition?: 'right' | 'left';
+    /**
+     * Если `true`, в тултипе будет отображаться текст, который будет скопирован при нажатии
+     */
+    isShowCopyText?: boolean;
+};
+export declare const CopyTypography: (props: CopyTypographyProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/CopyTypography/CopyTypography.mjs

@@ -0,0 +1,32 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { Tooltip as a } from "../Tooltip/Tooltip.mjs";
+import { Wrapper as d, StyledCopyIcon as y } from "./styles.mjs";
+import { useLogic as h } from "./useLogic/useLogic.mjs";
+const v = (t) => {
+  const {
+    children: n,
+    copyPosition: c = "right",
+    copyText: x,
+    isShowCopyText: u,
+    color: e,
+    ...s
+  } = t, i = () => /* @__PURE__ */ o.jsx(y, { $copyPosition: c, color: e }), { handleMouseLeave: p, handleClick: l, tooltipTitle: m, isIconOnLeft: r } = h(t);
+  return /* @__PURE__ */ o.jsx(a, { title: m, disableInteractive: !0, placement: "bottom", children: /* @__PURE__ */ o.jsxs(
+    d,
+    {
+      onMouseLeave: p,
+      onClick: l,
+      component: "div",
+      color: e,
+      ...s,
+      children: [
+        r && i(),
+        n,
+        !r && i()
+      ]
+    }
+  ) });
+};
+export {
+  v as CopyTypography
+};

package/lib/components/CopyTypography/enums.mjs

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((r) => (r.Copied = "Скопировано", r.Error = "Ошибка копирования", r.CanCopy = "Скопировать", r))(e || {});
+export {
+  e as CopyStatus
+};

package/lib/components/CopyTypography/styles.d.ts

@@ -0,0 +1,17 @@
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
+    children?: import('react').ReactNode;
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+} & {
+    color?: import('../Typography').TypographyColor;
+    variant?: import('../Typography').TypographyVariant;
+    colorIntensity?: import('../Typography').Intensity;
+    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import('react').ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    isUpperCase?: boolean;
+} & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledCopyIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $copyPosition: "left" | "right";
+}, {}, {}>;

package/lib/components/CopyTypography/styles.mjs

@@ -0,0 +1,27 @@
+import { styled as t } from "@mui/material";
+import { Copy as i } from "lucide-react";
+import { Typography as e } from "../Typography/Typography.mjs";
+const s = t(e)`
+  cursor: pointer;
+
+  display: flex;
+  align-items: center;
+
+  &:hover {
+    text-decoration: underline;
+  }
+`, a = t(i, {
+  shouldForwardProp: (o) => !["$copyPosition"].includes(o.toString())
+})`
+  margin-right: ${({ $copyPosition: o, theme: r }) => o === "left" ? r.spacing(1) : ""};
+  margin-left: ${({ $copyPosition: o, theme: r }) => o === "right" ? r.spacing(1) : ""};
+
+  width: 16px;
+  height: 16px;
+
+  fill: ${({ color: o }) => o};
+`;
+export {
+  a as StyledCopyIcon,
+  s as Wrapper
+};

package/lib/components/CopyTypography/useLogic/useLogic.d.ts

@@ -0,0 +1,10 @@
+import { SyntheticEvent } from 'react';
+import { CopyTypographyProps } from '../CopyTypography';
+type UseLogicParams = CopyTypographyProps;
+export declare const useLogic: ({ children, copyText, isShowCopyText, copyPosition, }: UseLogicParams) => {
+    handleMouseLeave: () => void;
+    handleClick: (event: SyntheticEvent<HTMLElement>) => void;
+    tooltipTitle: string;
+    isIconOnLeft: boolean;
+};
+export {};

package/lib/components/CopyTypography/useLogic/useLogic.mjs

@@ -0,0 +1,20 @@
+import { useState as u } from "react";
+import { CopyStatus as t } from "../enums.mjs";
+const g = ({
+  children: n,
+  copyText: s,
+  isShowCopyText: a,
+  copyPosition: i
+}) => {
+  const [o, e] = u(t.CanCopy), r = () => {
+    o !== t.CanCopy && setTimeout(() => {
+      e(t.CanCopy);
+    }, 100);
+  }, p = (C) => {
+    C.stopPropagation(), navigator.clipboard.writeText(s || (typeof n == "string" ? n : "")).then(() => e(t.Copied)).catch(() => e(t.Error));
+  }, c = a ? `${o}: ${s}` : o;
+  return { handleMouseLeave: r, handleClick: p, tooltipTitle: c, isIconOnLeft: i === "left" };
+};
+export {
+  g as useLogic
+};

package/lib/components/DataGrid/Body/Body.d.ts

@@ -0,0 +1,99 @@
+import { ChangeEvent, ReactNode } from 'react';
+import { Variant } from '../enums';
+import { CellValue, DataGridColumns, DataGridRowOptions } from '../types';
+export type BodyProps<TData extends Record<string, CellValue>> = {
+    /**
+     * Конфигурация колонок для таблицы
+     */
+    columns: DataGridColumns<TData>[];
+    /**
+     * Поле, которое будет использоваться в качестве ключа
+     */
+    keyId: keyof TData;
+    /**
+     * Конфигурация ширины колонок
+     */
+    gridColumns: string;
+    /**
+     * Если true, показывается анимация загрузки
+     */
+    isLoading?: boolean;
+    /**
+     * Флаг состояния ошибки
+     */
+    isError?: boolean;
+    /**
+     * Текст ошибки
+     */
+    errorMsg?: string;
+    /**
+     * Идентификатор активного элемента массива rows. Выделяет активную строку в таблице
+     */
+    activeRowId?: string;
+    /**
+     * Если true, то дерево будет раскрыто по умолчанию
+     * @default 'false'
+     */
+    isInitialExpanded: boolean;
+    /**
+     * Уровень раскрытия дерева по умолчанию, при isInitialExpanded=true
+     */
+    expandedLevel: number;
+    /**
+     * Количество отображаемых по умолчанию дочерних элементов
+     */
+    initialVisibleChildrenCount: number;
+    /**
+     * Номер колонки, в которой будет расположена кнопка "Показать все"
+     * Работает только для `variant="subrows"`
+     */
+    moreButtonColumnPosition: number;
+    /**
+     * Если false, кнопка разворачивания элементов не показывается
+     * Работает только для `variant="subrows"`
+     */
+    isVisibleCollapseButton: boolean;
+    /**
+     * Если true, то будет отображаться чекбокс для выбора элемента
+     */
+    isSelectable?: boolean;
+    /**
+     * Массив выбранных строк
+     */
+    selectedRows?: Array<TData>;
+    /**
+     * Массив данных для отображения
+     */
+    rows: Array<TData & {
+        options?: DataGridRowOptions<TData>;
+    }>;
+    /**
+     * Вариант отображения вложенных элементов
+     */
+    variant: `${Variant}`;
+    /**
+     * Используется для отображения переданного кол-ва строк при отсутствии данных
+     */
+    minDisplayRows: number;
+    /**
+     * Заглушка для пустых ячеек (если отсутствует field и filter и renderCell)
+     */
+    emptyCellValue?: ReactNode;
+    /**
+     *  Используется для отображения placeholder при отсутствии данных в таблице
+     */
+    noDataPlaceholder?: ReactNode;
+    /**
+     * Обработчик выбора строки
+     */
+    onSelectRow: (row: TData) => (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Функция обработки нажатия на кнопку "Повторить запрос"
+     */
+    onRetry: () => void;
+    /**
+     * Обработчик клика строки таблицы
+     */
+    onRowClick?: (row: TData) => void;
+};
+export declare const Body: <TData extends Record<string, CellValue>>(props: BodyProps<TData>) => import("react/jsx-runtime").JSX.Element;