@max-ts/components 0.2.3 → 0.2.4

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

@@ -1,5 +1,4 @@
 import { ChangeEvent, ReactNode } from 'react';
-import { Variant } from '../enums';
 import { CellValue, DataGridColumns, DataGridRowOptions } from '../types';
 export type BodyProps<TData extends Record<string, CellValue>> = {
     /**
@@ -30,29 +29,6 @@ export type BodyProps<TData extends Record<string, CellValue>> = {
      * Идентификатор активного элемента массива rows. Выделяет активную строку в таблице
      */
     activeRowId?: string;
-    /**
-     * Если true, то дерево будет раскрыто по умолчанию
-     * @default 'false'
-     */
-    isInitialExpanded: boolean;
-    /**
-     * Уровень раскрытия дерева по умолчанию, при isInitialExpanded=true
-     */
-    expandedLevel: number;
-    /**
-     * Количество отображаемых по умолчанию дочерних элементов
-     */
-    initialVisibleChildrenCount: number;
-    /**
-     * Номер колонки, в которой будет расположена кнопка "Показать все"
-     * Работает только для `variant="subrows"`
-     */
-    moreButtonColumnPosition: number;
-    /**
-     * Если false, кнопка разворачивания элементов не показывается
-     * Работает только для `variant="subrows"`
-     */
-    isVisibleCollapseButton: boolean;
     /**
      * Если true, то будет отображаться чекбокс для выбора элемента
      */
@@ -65,12 +41,8 @@ export type BodyProps<TData extends Record<string, CellValue>> = {
      * Массив данных для отображения
      */
     rows: Array<TData & {
-        options?: DataGridRowOptions<TData>;
+        options?: DataGridRowOptions;
     }>;
-    /**
-     * Вариант отображения вложенных элементов
-     */
-    variant: `${Variant}`;
     /**
      * Используется для отображения переданного кол-ва строк при отсутствии данных
      */

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

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

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

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 import { NoDataProps } from './NoData';
-import { Variant } from './enums';
 import { CellValue, DataGridColumns, DataGridRow, DataGridRowWithOptions, DataGridSort } from './types';
 export type DataGridProps<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = {
     /**
@@ -67,58 +66,6 @@ export type DataGridProps<TData extends Record<string, CellValue> = DataGridRow,
      * Текст ошибки
      */
     errorMsg?: string;
-    /**
-     * Вариант отображения вложенных элементов
-     * @default 'tree'
-     */
-    variant?: `${Variant}`;
-    /**
-     * Опции для отображения древовидных списков
-     * Применяется если variant="tree"
-     */
-    tree?: {
-        /**
-         * Если true, то дерево будет раскрыто по умолчанию
-         * @default 'false'
-         */
-        isInitialExpanded?: boolean;
-        /**
-         * Уровень раскрытия дерева по умолчанию, при `isInitialExpanded=true`
-         * @default '1'
-         */
-        expandedLevel?: number;
-        /**
-         * Количество отображаемых по умолчанию дочерних элементов
-         * @default '2'
-         */
-        initialVisibleChildrenCount?: number;
-    };
-    /**
-     * Опции для отображения вложенных списков
-     * Применяется если variant="subrows"
-     */
-    subrows?: {
-        /**
-         * Уровень раскрытия дочерних элементов по умолчанию, при `isInitialExpanded=true`
-         * @default '1'
-         */
-        expandedLevel?: number;
-        /**
-         * Количество отображаемых по умолчанию дочерних элементов
-         * @default '2'
-         */
-        initialVisibleChildrenCount?: number;
-        /**
-         * Номер колонки, в которой будет расположена кнопка "Показать все"
-         * @default 1
-         */
-        moreButtonColumnPosition?: number;
-        /**
-         * Если false, кнопка разворачивания элементов не показывается
-         * @default true
-         */
-        isVisibleCollapseButton?: boolean;
-    };
     /**
      * Заглушка для пустых ячеек (если отсутствует field и filter и renderCell)
      * @default '—'

package/lib/components/DataGrid/DataGrid.mjs

@@ -1,90 +1,68 @@
 import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import { useContext as S, useCallback as V } from "react";
-import { ConfigContext as H } from "../ConfigProvider/ConfigProvider.mjs";
-import { Body as O } from "./Body/Body.mjs";
-import "./DataGridContext/DataGridContext.mjs";
-import { DataGridContextProvider as U } from "./DataGridContext/DataGridProvider/DataGridProvider.mjs";
-import { Head as Y } from "./Head/Head.mjs";
-import { Loader as k } from "./Loader/Loader.mjs";
-import { NoData as F } from "./NoData/NoData.mjs";
-import { MIN_DISPLAY_ROWS_BY_DEFAULT as W, INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT as M, EXPANDED_LEVEL_BY_DEFAULT as X } from "./constants.mjs";
-import { Variant as $ } from "./enums.mjs";
-import { Container as q, DisabledDataGridWrapper as z, DataGridWrapper as J } from "./styles.mjs";
-import { useLogic as K } from "./useLogic/useLogic.mjs";
-const co = (e) => {
-  const {
-    isDataGridDisabled: t,
-    treeRenderConfig: s,
-    headProps: l,
-    bodyProps: m,
-    loaderProps: d,
-    renderRows: p
-  } = K(e), { emptySymbol: c } = S(H), {
-    columns: D,
+import { useContext as I, useCallback as S } from "react";
+import { ConfigContext as _ } from "../ConfigProvider/ConfigProvider.mjs";
+import { Body as k } from "./Body/Body.mjs";
+import { Head as E } from "./Head/Head.mjs";
+import { Loader as H } from "./Loader/Loader.mjs";
+import { NoData as N } from "./NoData/NoData.mjs";
+import { MIN_DISPLAY_ROWS_BY_DEFAULT as W } from "./constants.mjs";
+import { Container as v, DisabledDataGridWrapper as A, DataGridWrapper as B } from "./styles.mjs";
+import { useLogic as M } from "./useLogic/useLogic.mjs";
+const K = (e) => {
+  const { isDataGridDisabled: t, headProps: n, bodyProps: m, loaderProps: d, renderRows: l } = M(e), { emptySymbol: p } = I(_), {
+    columns: c,
     selectedRows: f = [],
-    sorting: u,
-    maxHeight: x,
-    minDisplayRows: C = W,
-    errorMsg: E,
-    variant: _ = $.Tree,
-    footer: i,
-    noDataPlaceholder: a,
+    sorting: x,
+    maxHeight: D,
+    minDisplayRows: u = W,
+    errorMsg: h,
+    footer: a,
+    noDataPlaceholder: s,
     isLoading: r,
-    isError: L,
-    subrows: P,
-    keyId: h,
-    activeRowId: R,
-    emptyCellValue: b = c,
-    className: j,
-    onRowClick: I,
-    onSort: N,
-    noDataOptions: n,
-    onRetry: g
-  } = e, { moreButtonColumnPosition: y = 1, isVisibleCollapseButton: T = !0 } = P || {}, {
-    isInitialExpanded: w = !1,
-    expandedLevel: A = X,
-    initialVisibleChildrenCount: B = M
-  } = s || {}, v = t ? z : J, G = V(() => r ? null : a || /* @__PURE__ */ o.jsx(F, { ...n }), [a, n, r]);
-  return /* @__PURE__ */ o.jsx(U, { children: /* @__PURE__ */ o.jsxs(q, { $maxHeight: x, className: j, children: [
-    /* @__PURE__ */ o.jsxs(v, { inert: t ? !0 : void 0, children: [
+    isError: j,
+    keyId: y,
+    activeRowId: C,
+    emptyCellValue: R = p,
+    className: g,
+    onRowClick: P,
+    onSort: b,
+    noDataOptions: i,
+    onRetry: w
+  } = e, L = t ? A : B, G = S(() => r ? null : s || /* @__PURE__ */ o.jsx(N, { ...i }), [s, i, r]);
+  return /* @__PURE__ */ o.jsxs(v, { $maxHeight: D, className: g, children: [
+    /* @__PURE__ */ o.jsxs(L, { inert: t ? !0 : void 0, children: [
       /* @__PURE__ */ o.jsx(
-        Y,
+        E,
         {
-          ...l,
-          sorting: u,
-          onSort: N
+          ...n,
+          sorting: x,
+          onSort: b
         }
       ),
       /* @__PURE__ */ o.jsx(
-        O,
+        k,
         {
           ...m,
-          activeRowId: R,
-          keyId: h,
+          activeRowId: C,
+          keyId: y,
           selectedRows: f,
-          minDisplayRows: C,
-          rows: p,
-          columns: D,
-          variant: _,
-          emptyCellValue: b,
-          isInitialExpanded: w,
-          expandedLevel: A,
-          initialVisibleChildrenCount: B,
-          moreButtonColumnPosition: y,
-          isVisibleCollapseButton: T,
+          minDisplayRows: u,
+          rows: l,
+          columns: c,
+          emptyCellValue: R,
           isLoading: r,
-          isError: L,
-          errorMsg: E,
+          isError: j,
+          errorMsg: h,
           noDataPlaceholder: G(),
-          onRowClick: I,
-          onRetry: g
+          onRowClick: P,
+          onRetry: w
         }
       )
     ] }),
-    /* @__PURE__ */ o.jsx(k, { ...d }),
-    i && i
-  ] }) });
+    /* @__PURE__ */ o.jsx(H, { ...d }),
+    a && a
+  ] });
 };
 export {
-  co as DataGrid
+  K as DataGrid
 };

package/lib/components/DataGrid/HeadCell/HeadCell.mjs

@@ -1,32 +1,33 @@
 import { j as r } from "../../../_virtual/jsx-runtime.mjs";
 import { useMemo as f } from "react";
-import { SortStates as i } from "../enums.mjs";
-import { ChevronsUpDown as a, ChevronDown as u, ChevronUp as d } from "lucide-react";
-import { Wrapper as x, StyledTypography as j } from "./styles.mjs";
-import { useLogic as h } from "./useLogic/useLogic.mjs";
-const b = (e) => {
-  const { wrapperProps: l } = h(e), { startAdornment: s, field: n, isSortable: o, align: p, label: m, sorting: t } = e, c = f(() => {
+import { SortStates as n } from "../enums.mjs";
+import { SvgIcon as a } from "@mui/material";
+import { ArrowDownUp as l, ArrowDownWideNarrow as u, ArrowDownNarrowWide as x } from "lucide-react";
+import { Wrapper as j, StyledTypography as w } from "./styles.mjs";
+import { useLogic as S } from "./useLogic/useLogic.mjs";
+const I = (e) => {
+  const { wrapperProps: m } = S(e), { startAdornment: i, field: s, isSortable: o, align: p, label: c, sorting: t } = e, d = f(() => {
     if (!o)
       return null;
-    if (t?.fieldId !== n)
-      return /* @__PURE__ */ r.jsx(a, {});
+    if (t?.fieldId !== s)
+      return /* @__PURE__ */ r.jsx(l, {});
     switch (t?.sort) {
-      case i.ASC:
-        return /* @__PURE__ */ r.jsx(d, { color: "primary" });
-      case i.DESC:
-        return /* @__PURE__ */ r.jsx(u, { color: "primary" });
+      case n.ASC:
+        return /* @__PURE__ */ r.jsx(a, { color: "primary", children: /* @__PURE__ */ r.jsx(x, {}) });
+      case n.DESC:
+        return /* @__PURE__ */ r.jsx(a, { color: "primary", children: /* @__PURE__ */ r.jsx(u, {}) });
       default:
-        return /* @__PURE__ */ r.jsx(a, {});
+        return /* @__PURE__ */ r.jsx(l, {});
     }
-  }, [t, o, n]);
-  return /* @__PURE__ */ r.jsxs(x, { $align: p, $isSortable: o, ...l, children: [
-    s && s,
-    /* @__PURE__ */ r.jsxs(j, { variant: "caption", children: [
-      m,
-      c
+  }, [t, o, s]);
+  return /* @__PURE__ */ r.jsxs(j, { $align: p, $isSortable: o, ...m, children: [
+    i && i,
+    /* @__PURE__ */ r.jsxs(w, { variant: "caption", children: [
+      c,
+      d
     ] })
   ] });
 };
 export {
-  b as HeadCell
+  I as HeadCell
 };

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

@@ -1,7 +1,7 @@
 import { styled as i } from "@mui/material";
 import { Typography as e } from "../../Typography/Typography.mjs";
 import { alignToJustifyContent as o } from "../utils/alignToJustifyContent/alignToJustifyContent.mjs";
-const a = i("div", {
+const s = i("div", {
   shouldForwardProp: (t) => !["$align", "$isSortable", "$hasStartAdornment"].includes(t.toString())
 })`
   cursor: ${({ $isSortable: t }) => t ? "pointer" : "initial"};
@@ -18,6 +18,7 @@ const a = i("div", {
 `, l = i(e)`
   display: flex;
   align-items: center;
+  gap: ${({ theme: t }) => t.spacing(1)};
 
   > svg {
     width: 16px;
@@ -26,5 +27,5 @@ const a = i("div", {
 `;
 export {
   l as StyledTypography,
-  a as Wrapper
+  s as Wrapper
 };

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

@@ -1,5 +1,4 @@
 import { ChangeEvent, ReactNode } from 'react';
-import { Variant } from '../enums';
 import { CellValue, DataGridColumns, DataGridRowOptions } from '../types';
 export type RowProps<TData extends Record<string, CellValue>> = {
     /**
@@ -18,50 +17,14 @@ export type RowProps<TData extends Record<string, CellValue>> = {
      * Конфигурация колонок для таблицы
      */
     columns: DataGridColumns<TData>[];
-    /**
-     * Вариант отображения вложенных элементов
-     */
-    variant: `${Variant}`;
     /**
      * Конфигурация ширины колонок
      */
     gridColumns: string;
-    /**
-     * Уровень вложенности в дереве
-     */
-    level: number;
-    /**
-     * Вложенные элементы
-     */
-    nestedChildren: Array<TData & {
-        options?: DataGridRowOptions<TData>;
-    }>;
     /**
      * Идентификатор активного элемента массива rows. Выделяет активную строку в таблице
      */
     activeRowId?: string;
-    /**
-     * Если true, то дерево будет раскрыто по умолчанию
-     */
-    isInitialExpanded: boolean;
-    /**
-     * Уровень раскрытия дерева по умолчанию, при isInitialExpanded=true
-     */
-    expandedLevel: number;
-    /**
-     * Количество отображаемых по умолчанию дочерних элементов
-     */
-    initialVisibleChildrenCount: number;
-    /**
-     * Номер колонки, в которой будет расположена кнопка "Показать все"
-     * Работает только для `variant="subrows"`
-     */
-    moreButtonColumnPosition: number;
-    /**
-     * Если false, кнопка разворачивания элементов не показывается
-     * Работает только для `variant="subrows"`
-     */
-    isVisibleCollapseButton: boolean;
     /**
      * Если true, то будет отображаться чекбокс для выбора элемента
      */
@@ -78,7 +41,7 @@ export type RowProps<TData extends Record<string, CellValue>> = {
     /**
      * Дополнительные настройки строки
      */
-    options?: DataGridRowOptions<TData>;
+    options?: DataGridRowOptions;
     /**
      * Обработчик выбора строки
      */