@max-ts/components 0.1.0 → 0.2.0

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.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../_virtual/jsx-runtime.cjs"),x=require("react"),h=require("../Button/Button.cjs"),m=require("../CircularProgress/CircularProgress.cjs"),f=require("../ErrorBoundary/ErrorBoundary.cjs");require("../Placeholder/Image/Image.cjs");const n=require("../Placeholder/Placeholder.cjs"),P=require("../Typography/Typography.cjs"),B=require("../ConfigProvider/ConfigProvider.cjs"),S=require("./styles.cjs"),E=({isLoading:i,isError:u,isCustom:s,errorState:e,customState:o,children:c,loadingContent:l=r.j.jsx(m.CircularProgress,{color:"primary"})})=>{const{imagesMap:a}=x.useContext(B.ConfigContext);if(i)return r.j.jsx(S.LoadingContainer,{children:l});if(s&&o)return r.j.jsx(n.Placeholder,{...o});if(u&&e){const{title:j="Произошла ошибка",imgAlt:d,imgSrc:g=a.defaultErrorImgSrc,errorList:p,onRetry:q,actions:y=r.j.jsx(h.Button,{onClick:q,children:"Попробовать снова"})}=e,C=p.map(t=>r.j.jsx(P.Typography,{component:"p",children:t},t));return r.j.jsx(n.Placeholder,{title:j,description:C,imgAlt:d,imgSrc:g,Actions:y})}return r.j.jsx(f.ErrorBoundary,{children:c})};exports.ContentState=E;

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.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@mui/material"),t=e.styled("div")`
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
+
+  width: 100%;
+  height: 100%;
+`;exports.LoadingContainer=t;

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.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.cjs"),a=require("../Tooltip/Tooltip.cjs"),n=require("./styles.cjs"),d=require("./useLogic/useLogic.cjs"),h=o=>{const{children:c,copyPosition:s="right",copyText:j,isShowCopyText:T,color:t,...l}=o,i=()=>e.j.jsx(n.StyledCopyIcon,{$copyPosition:s,color:t}),{handleMouseLeave:p,handleClick:y,tooltipTitle:u,isIconOnLeft:r}=d.useLogic(o);return e.j.jsx(a.Tooltip,{title:u,disableInteractive:!0,placement:"bottom",children:e.j.jsxs(n.Wrapper,{onMouseLeave:p,onClick:y,component:"div",color:t,...l,children:[r&&i(),c,!r&&i()]})})};exports.CopyTypography=h;

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.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(r=>(r.Copied="Скопировано",r.Error="Ошибка копирования",r.CanCopy="Скопировать",r))(e||{});exports.CopyStatus=e;

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.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),i=require("lucide-react"),o=require("../Typography/Typography.cjs"),n=t.styled(o.Typography)`
+  cursor: pointer;
+
+  display: flex;
+  align-items: center;
+
+  &:hover {
+    text-decoration: underline;
+  }
+`,p=t.styled(i.Copy,{shouldForwardProp:e=>!["$copyPosition"].includes(e.toString())})`
+  margin-right: ${({$copyPosition:e,theme:r})=>e==="left"?r.spacing(1):""};
+  margin-left: ${({$copyPosition:e,theme:r})=>e==="right"?r.spacing(1):""};
+
+  width: 16px;
+  height: 16px;
+
+  fill: ${({color:e})=>e};
+`;exports.StyledCopyIcon=p;exports.Wrapper=n;

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.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),t=require("../enums.cjs"),y=({children:s,copyText:n,isShowCopyText:a,copyPosition:i})=>{const[e,o]=C.useState(t.CopyStatus.CanCopy),u=()=>{e!==t.CopyStatus.CanCopy&&setTimeout(()=>{o(t.CopyStatus.CanCopy)},100)},r=p=>{p.stopPropagation(),navigator.clipboard.writeText(n||(typeof s=="string"?s:"")).then(()=>o(t.CopyStatus.Copied)).catch(()=>o(t.CopyStatus.Error))},c=a?`${e}: ${n}`:e;return{handleMouseLeave:u,handleClick:r,tooltipTitle:c,isIconOnLeft:i==="left"}};exports.useLogic=y;

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.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.cjs"),u=require("react"),p=require("../../ConfigProvider/ConfigProvider.cjs"),x=require("../../ContentState/ContentState.cjs"),C=require("../Row/Row.cjs");require("../Row/RowContext/RowContext.cjs");const S=require("../Row/RowContext/RowProvider/RowProvider.cjs"),L=require("./styles.cjs"),P=require("./useLogic/useLogic.cjs"),h=0,I=t=>{const{imagesMap:c}=u.useContext(p.ConfigContext),{isNoData:d,contentStateProps:a}=P.useLogic(t),{rows:r,selectedRows:s=[],isLoading:v,isError:E,errorMsg:l,minDisplayRows:g,keyId:o,noDataPlaceholder:m,onRetry:j,...i}=t,q=u.useMemo(()=>r.map(({children:w,options:y,...n})=>{const R=n[o];return e.j.jsx(S.RowContextProvider,{children:e.j.jsx(C.Row,{row:n,selectedRows:s,options:y,keyId:o,level:h,nestedChildren:w,...i})},R)}),[r,o,s,i]);return e.j.jsx(L.Wrapper,{$isEmpty:d,$minDisplayRows:g,children:e.j.jsx(x.ContentState,{...a,errorState:{imgAlt:"Что-то пошло не так",errorList:[l||""],imgSrc:c.defaultErrorImgSrc,onRetry:j},children:r.length?q:m})})};exports.Body=I;

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;

package/lib/components/DataGrid/Body/Body.mjs

@@ -0,0 +1,53 @@
+import { j as r } from "../../../_virtual/jsx-runtime.mjs";
+import { useContext as R, useMemo as h } from "react";
+import { ConfigContext as j } from "../../ConfigProvider/ConfigProvider.mjs";
+import { ContentState as y } from "../../ContentState/ContentState.mjs";
+import { Row as C } from "../Row/Row.mjs";
+import "../Row/RowContext/RowContext.mjs";
+import { RowContextProvider as E } from "../Row/RowContext/RowProvider/RowProvider.mjs";
+import { Wrapper as I } from "./styles.mjs";
+import { useLogic as L } from "./useLogic/useLogic.mjs";
+const S = 0, W = (e) => {
+  const { imagesMap: m } = R(j), { isNoData: p, contentStateProps: a } = L(e), {
+    rows: o,
+    selectedRows: s = [],
+    isLoading: D,
+    isError: P,
+    errorMsg: c,
+    minDisplayRows: d,
+    keyId: t,
+    noDataPlaceholder: l,
+    onRetry: f,
+    ...n
+  } = e, x = h(() => o.map(({ children: g, options: u, ...i }) => {
+    const w = i[t];
+    return /* @__PURE__ */ r.jsx(E, { children: /* @__PURE__ */ r.jsx(
+      C,
+      {
+        row: i,
+        selectedRows: s,
+        options: u,
+        keyId: t,
+        level: S,
+        nestedChildren: g,
+        ...n
+      }
+    ) }, w);
+  }), [o, t, s, n]);
+  return /* @__PURE__ */ r.jsx(I, { $isEmpty: p, $minDisplayRows: d, children: /* @__PURE__ */ r.jsx(
+    y,
+    {
+      ...a,
+      errorState: {
+        imgAlt: "Что-то пошло не так",
+        errorList: [c || ""],
+        imgSrc: m.defaultErrorImgSrc,
+        onRetry: f
+      },
+      children: o.length ? x : l
+    }
+  ) });
+};
+export {
+  W as Body
+};

package/lib/components/DataGrid/Body/styles.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@mui/material"),o=require("../constants.cjs"),i=r.styled("ul",{shouldForwardProp:e=>!["$isEmpty","$minDisplayRows"].includes(e.toString())})`
+  overflow-y: auto;
+
+  height: ${({$isEmpty:e,$minDisplayRows:t})=>e?`${o.MIN_ROW_HEIGHT*t}px`:"100%"};
+  margin: 0;
+  padding: 0;
+
+  list-style-type: none;
+`;exports.Wrapper=i;

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

@@ -0,0 +1,4 @@
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $isEmpty: boolean;
+    $minDisplayRows: number;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;

package/lib/components/DataGrid/Body/styles.mjs

@@ -0,0 +1,16 @@
+import { styled as t } from "@mui/material";
+import { MIN_ROW_HEIGHT as i } from "../constants.mjs";
+const s = t("ul", {
+  shouldForwardProp: (o) => !["$isEmpty", "$minDisplayRows"].includes(o.toString())
+})`
+  overflow-y: auto;
+
+  height: ${({ $isEmpty: o, $minDisplayRows: r }) => o ? `${i * r}px` : "100%"};
+  margin: 0;
+  padding: 0;
+
+  list-style-type: none;
+`;
+export {
+  s as Wrapper
+};

package/lib/components/DataGrid/Body/useLogic/useLogic.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=({isLoading:e,isError:o,rows:r})=>{const t=!r.length;return{isNoData:t,contentStateProps:{isLoading:e&&t,isError:o&&t}}};exports.useLogic=s;

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

@@ -0,0 +1,11 @@
+import { CellValue } from '../../types';
+import { BodyProps } from '../Body';
+type UseLogicParams<TData extends Record<string, CellValue>> = BodyProps<TData>;
+export declare const useLogic: <TData extends Record<string, CellValue>>({ isLoading, isError, rows, }: UseLogicParams<TData>) => {
+    isNoData: boolean;
+    contentStateProps: {
+        isLoading: boolean | undefined;
+        isError: boolean | undefined;
+    };
+};
+export {};

package/lib/components/DataGrid/Body/useLogic/useLogic.mjs

@@ -0,0 +1,17 @@
+const s = ({
+  isLoading: o,
+  isError: n,
+  rows: r
+}) => {
+  const t = !r.length;
+  return {
+    isNoData: t,
+    contentStateProps: {
+      isLoading: o && t,
+      isError: n && t
+    }
+  };
+};
+export {
+  s as useLogic
+};

package/lib/components/DataGrid/Cell/Cell.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../_virtual/jsx-runtime.cjs"),d=require("../../OverflowTypography/OverflowTypography.cjs"),g=require("./styles.cjs"),m=require("./useLogic/useLogic.cjs"),y=e=>{const{formattedValue:n,hasStartAdornment:o}=m.useLogic(e),{className:i,startAdornment:r,row:a,cell:u,isDisabled:t}=e,{renderCell:s,align:c="left"}=u;return l.j.jsxs(g.Wrapper,{$isDisabled:t,$align:c,$hasStartAdornment:o,className:i,inert:t?!0:void 0,children:[r&&r,s?.(a),!s&&l.j.jsx(d.OverflowTypography,{rowsCount:2,children:n})]})};exports.Cell=y;