@max-ts/components 0.2.2 → 0.2.4

package/lib/components/DataGrid/Row/Row.mjs

@@ -1,159 +1,67 @@
-import { j as e } from "../../../_virtual/jsx-runtime.mjs";
-import { useCallback as I } from "react";
-import { Checkbox as J } from "../../Checkbox/Checkbox.mjs";
-import { Tooltip as K } from "../../Tooltip/Tooltip.mjs";
-import { NestedChildren as M } from "./NestedChildren/NestedChildren.mjs";
-import { DISABLE_ROW_ATTR as Q } from "./constants.mjs";
-import { CellStyled as U, Wrapper as X, ContentWrapper as Y, CollapseCell as Z, CollapseButton as ee, ChevronIcon as oe, CheckboxCell as le } from "./styles.mjs";
-import { useLogic as re } from "./useLogic/useLogic.mjs";
-import { checkIsDisabled as se } from "./utils/checkIsDisabled/checkIsDisabled.mjs";
-const te = (p) => {
-  const {
-    isOpen: u,
-    isShowConnector: h,
-    childrenColumns: x,
-    rowId: S,
-    handleToggle: P,
-    checkboxProps: B,
-    rowProps: A,
-    tooltipProps: D,
-    nestedChildrenProps: y,
-    disabled: r,
-    isRenderCollapseButton: b
-  } = re(p), {
-    className: L,
-    row: T,
-    options: E,
-    variant: n,
-    isSelectable: s,
-    gridColumns: o,
-    isInitialExpanded: j,
-    expandedLevel: w,
-    level: t,
-    nestedChildren: N,
-    initialVisibleChildrenCount: i,
-    moreButtonColumnPosition: c,
-    isVisibleCollapseButton: V,
-    columns: a,
-    emptyCellValue: W,
-    selectedRows: f,
-    activeRowId: v,
-    keyId: d,
-    onSelectRow: R,
-    onRowClick: $,
+import { j as o } from "../../../_virtual/jsx-runtime.mjs";
+import { useCallback as D } from "react";
+import { Checkbox as P } from "../../Checkbox/Checkbox.mjs";
+import { Tooltip as S } from "../../Tooltip/Tooltip.mjs";
+import { Cell as v } from "../Cell/Cell.mjs";
+import { DISABLE_ROW_ATTR as A } from "./constants.mjs";
+import { Wrapper as $, ContentWrapper as y, CheckboxCell as L } from "./styles.mjs";
+import { useLogic as T } from "./useLogic/useLogic.mjs";
+import { checkIsDisabled as W } from "./utils/checkIsDisabled/checkIsDisabled.mjs";
+const Q = (s) => {
+  const { rowId: m, checkboxProps: a, rowProps: p, tooltipProps: d, disabled: r } = T(s), {
+    className: u,
+    row: C,
+    options: f,
+    isSelectable: i,
+    gridColumns: n,
+    columns: e,
+    emptyCellValue: b,
+    selectedRows: B,
+    activeRowId: E,
+    keyId: N,
+    onSelectRow: _,
+    onRowClick: F,
     // В этот rest-оператор попадают специфичные пропсы (атрибуты) virtuoso
     // Необходимы для NewDataGridInfinite
-    ...F
-  } = p, { isDisabledLastCell: O = !0, isNotSelectable: g } = E || {}, _ = () => !b && (!s || g) ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    b && /* @__PURE__ */ e.jsx(Z, { children: /* @__PURE__ */ e.jsx(ee, { variant: "text", onClick: P, children: /* @__PURE__ */ e.jsx(oe, { $isActive: u }) }) }),
-    s && !g && /* @__PURE__ */ e.jsx(
-      le,
-      {
-        inert: r ? !0 : void 0,
-        onClick: (l) => l.stopPropagation(),
-        children: /* @__PURE__ */ e.jsx(J, { ...B })
-      }
-    )
-  ] }), q = I(() => {
-    const l = O ? void 0 : [a.length - 1];
-    return a?.map((C, m) => {
-      const G = `${S}-${m}`, H = se(
+    ...x
+  } = s, { isDisabledLastCell: w = !0, isNotSelectable: c } = f || {}, h = () => !i || c ? null : i && !c && /* @__PURE__ */ o.jsx(
+    L,
+    {
+      inert: r ? !0 : void 0,
+      onClick: (t) => t.stopPropagation(),
+      children: /* @__PURE__ */ o.jsx(P, { ...a })
+    }
+  ), j = D(() => {
+    const t = w ? void 0 : [e.length - 1];
+    return e?.map((k, l) => {
+      const R = `${m}-${l}`, I = W(
         r,
-        l,
-        m
-      ), k = !m;
-      return /* @__PURE__ */ e.jsx(
-        U,
+        t,
+        l
+      ), g = !l;
+      return /* @__PURE__ */ o.jsx(
+        v,
         {
-          $level: k ? t : 0,
-          row: T,
-          cell: C,
-          emptyCellValue: W,
-          startAdornment: k && _(),
-          isDisabled: H
+          row: C,
+          cell: k,
+          emptyCellValue: b,
+          startAdornment: g && h(),
+          isDisabled: I
         },
-        G
+        R
       );
     });
-  }, [u, a, r]), z = I(
-    ({
-      key: l,
-      ...C
-    }) => /* @__PURE__ */ e.jsx(
-      te,
-      {
-        keyId: d,
-        ...C,
-        variant: n,
-        isSelectable: s,
-        selectedRows: f,
-        gridColumns: o,
-        isInitialExpanded: j,
-        expandedLevel: w,
-        initialVisibleChildrenCount: i,
-        moreButtonColumnPosition: c,
-        isVisibleCollapseButton: V,
-        activeRowId: v,
-        columns: x,
-        onSelectRow: R,
-        onRowClick: $
-      },
-      l
-    ),
-    [
-      d,
-      n,
-      s,
-      f,
-      o,
-      j,
-      w,
-      i,
-      c,
-      v,
-      x,
-      R,
-      $
-    ]
-  );
-  return /* @__PURE__ */ e.jsxs(
-    X,
+  }, [e, r]);
+  return /* @__PURE__ */ o.jsx($, { $gridColumns: n, className: u, ...x, children: /* @__PURE__ */ o.jsx(S, { followCursor: !0, arrow: !1, ...d, children: /* @__PURE__ */ o.jsx(
+    y,
     {
-      $level: t,
-      $isShowConnector: h,
-      $gridColumns: o,
-      className: L,
-      ...F,
-      children: [
-        /* @__PURE__ */ e.jsx(K, { followCursor: !0, arrow: !1, ...D, children: /* @__PURE__ */ e.jsx(
-          Y,
-          {
-            $level: t,
-            $isShowConnector: h,
-            $gridColumns: o,
-            [Q]: r,
-            ...A,
-            children: q()
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx(
-          M,
-          {
-            ...y,
-            data: N,
-            keyId: d,
-            level: t,
-            variant: n,
-            gridColumns: o,
-            initialVisibleChildrenCount: i,
-            moreButtonColumnPosition: c,
-            renderRow: z
-          }
-        )
-      ]
+      $gridColumns: n,
+      [A]: r,
+      ...p,
+      children: j()
     }
-  );
+  ) }) });
 };
 export {
-  te as Row
+  Q as Row
 };

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

@@ -1,2 +1 @@
 export declare const DISABLE_ROW_ATTR = "data-row-disable";
-export declare const HIDDEN_CHILDREN_ROW_CLASSNAME = "astral-ui_datagrid_row_hidden";

package/lib/components/DataGrid/Row/constants.mjs

@@ -1,5 +1,4 @@
-const _ = "data-row-disable", a = "astral-ui_datagrid_row_hidden";
+const a = "data-row-disable";
 export {
-  _ as DISABLE_ROW_ATTR,
-  a as HIDDEN_CHILDREN_ROW_CLASSNAME
+  a as DISABLE_ROW_ATTR
 };

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

@@ -1,2 +1 @@
 export * from './Row';
-export * from './RowContext';

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

@@ -1,31 +1,9 @@
 export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    $isShowConnector: boolean;
     $gridColumns: string;
-    $level: number;
 }, import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 export declare const ContentWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    $isShowConnector: boolean;
     $isHovered?: boolean;
     $isSelected?: boolean;
     $gridColumns: string;
-    $level: number;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CellStyled: import('@emotion/styled').StyledComponent<import('../Cell').CellProps<Record<string, unknown>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    $level: number;
-}, {}, {}>;
 export declare const CheckboxCell: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CollapseCell: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CollapseButton: 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('../..').ButtonVariants}`;
-    loading?: boolean;
-    loadingIndicator?: import('react').ReactNode;
-    loadingPosition?: "start" | "end" | "center";
-    color?: `${import('../..').ButtonColors}`;
-    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-    selected?: boolean;
-} & {
-    loading?: boolean;
-} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export declare const ChevronIcon: import('@emotion/styled').StyledComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    $isActive?: boolean;
-}, {}, {}>;

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

@@ -1,102 +1,35 @@
-import { ChevronRight as i } from "lucide-react";
-import { IconButton as a } from "../../IconButton/IconButton.mjs";
-import { Cell as s } from "../Cell/Cell.mjs";
-import { ROOT_ACTION_CELL_WIDTH as r, TREE_LINE_WIDTH as n } from "../constants.mjs";
-import { styled as o } from "@mui/material";
-import { HIDDEN_CHILDREN_ROW_CLASSNAME as l } from "./constants.mjs";
-const m = o("li")`
+import { ROOT_ACTION_CELL_WIDTH as o } from "../constants.mjs";
+import { styled as e } from "@mui/material";
+const a = e("li")`
   position: relative;
-
   &:not(:last-of-type)::before,
-  &.${l}::before {
-    content: '';
-
-    position: absolute;
-    z-index: 1;
-    top: 0;
-    transform: ${({ $level: t }) => `translateX(calc(${r}px * ${t} - ${n}px))`};
-
-    display: ${({ $isShowConnector: t }) => t ? "block" : "none"};
-
-    width: 0;
-    height: 100%;
-
-    border-left: 1px solid ${({ theme: t }) => t.palette.grey[400]};
-  }
-`, u = o("div")`
+`, l = e("div")`
   position: relative;
 
   display: grid;
   grid-template-columns: ${({ $gridColumns: t }) => t};
 
-  background-color: ${({ theme: t, $isSelected: e }) => e ? t.palette.primary[100] : "transparent"};
+  background-color: ${({ theme: t, $isSelected: r }) => r ? t.palette.primary[100] : "transparent"};
 
   transition: ${({ theme: t }) => t.transitions.create(["background-color"], {
   duration: t.transitions.duration.short
 })};
 
-  &::before {
-    content: '';
-
-    position: absolute;
-    top: 0;
-    transform: ${({ $level: t }) => `translateX(calc(${r}px * ${t} - ${n}px))`};
-
-    display: ${({ $isShowConnector: t }) => t ? "block" : "none"};
-
-    width: ${n}px;
-    height: 50%;
-
-    border-bottom: 1px solid ${({ theme: t }) => t.palette.grey[400]};
-    border-left: 1px solid ${({ theme: t }) => t.palette.grey[400]};
-    border-radius: 0 0 0 ${({ theme: t }) => t.shape.small};
-  }
-
   &:hover {
     cursor: ${({ $isHovered: t }) => t ? "pointer" : "default"};
 
-    background-color: ${({ theme: t, $isHovered: e }) => e ? t.palette.background.elementHover : "transparent"};
+    background-color: ${({ theme: t, $isHovered: r }) => r ? t.palette.background.elementHover : "transparent"};
   }
-`, h = o(s)`
-  margin-left: ${({ $level: t }) => `${t * r}px`};
-`, b = o("div")`
+`, s = e("div")`
   display: flex;
   align-items: center;
   align-self: center;
   justify-content: center;
 
-  width: ${r}px;
-`, x = o("div")`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  width: ${r}px;
-`, y = o(a)`
-  width: 24px;
-  height: 24px;
-
-  color: inherit;
-
-  &:hover {
-    background-color: ${({ theme: t }) => t.palette.grey[300]};
-  }
-`, C = o(i, {
-  shouldForwardProp: (t) => t !== "$isActive"
-})`
-  transform: rotateZ(${({ $isActive: t }) => t ? 90 : 0}deg);
-
-  transition: ${({ theme: t }) => t.transitions.create("transform", {
-  easing: t.transitions.easing.sharp,
-  duration: t.transitions.duration.short
-})};
+  width: ${o}px;
 `;
 export {
-  h as CellStyled,
-  b as CheckboxCell,
-  C as ChevronIcon,
-  y as CollapseButton,
-  x as CollapseCell,
-  u as ContentWrapper,
-  m as Wrapper
+  s as CheckboxCell,
+  l as ContentWrapper,
+  a as Wrapper
 };

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

@@ -2,14 +2,10 @@ import { MouseEvent, SyntheticEvent } from 'react';
 import { CellValue } from '../../types';
 import { RowProps } from '../Row';
 type UseLogicParams<TData extends Record<string, CellValue>> = RowProps<TData>;
-export declare const useLogic: <TData extends Record<string, CellValue>>({ keyId, columns, row, nestedChildren, level, variant, activeRowId, options, isInitialExpanded, expandedLevel, isSelectable, selectedRows, onSelectRow, onRowClick, isVisibleCollapseButton, }: UseLogicParams<TData>) => {
-    isOpen: boolean;
-    isShowConnector: boolean;
-    childrenColumns: any[];
+export declare const useLogic: <TData extends Record<string, CellValue>>({ keyId, columns, row, activeRowId, options, isSelectable, selectedRows, onSelectRow, onRowClick, }: UseLogicParams<TData>) => {
     rowId: string;
     disabled: boolean | undefined;
-    isRenderCollapseButton: boolean;
-    handleToggle: (event: MouseEvent<HTMLButtonElement>) => void;
+    columns: import('../../types').DataGridColumns<TData>[];
     rowProps: {
         $isHovered: boolean;
         $isSelected: boolean;
@@ -27,9 +23,5 @@ export declare const useLogic: <TData extends Record<string, CellValue>>({ keyId
         disabled: boolean | undefined;
         onChange: (event: import('react').ChangeEvent<HTMLInputElement>) => void;
     };
-    nestedChildrenProps: {
-        isOpen: boolean;
-        rowId: string;
-    };
 };
 export {};

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

@@ -1,79 +1,48 @@
-import { useContext as m, useState as W, useEffect as q, useMemo as z } from "react";
-import { DataGridContext as F } from "../../DataGridContext/DataGridContext.mjs";
-import "../../../../_virtual/jsx-runtime.mjs";
-import { Variant as J } from "../../enums.mjs";
-import { RowContext as K } from "../RowContext/RowContext.mjs";
-import { DISABLE_ROW_ATTR as f } from "../constants.mjs";
-import { mergeColumnsOptions as N } from "./utils/mergeColumnsOptions/mergeColumnsOptions.mjs";
-const oe = ({
-  keyId: r,
-  columns: a,
-  row: s,
-  nestedChildren: c,
-  level: u,
-  variant: b,
-  activeRowId: C,
-  options: n,
-  isInitialExpanded: h = !1,
-  expandedLevel: g,
-  isSelectable: D,
-  selectedRows: x,
-  onSelectRow: O,
-  onRowClick: d,
-  isVisibleCollapseButton: T
+import { useState as g } from "react";
+import { DISABLE_ROW_ATTR as a } from "../constants.mjs";
+const R = ({
+  keyId: i,
+  columns: d,
+  row: t,
+  activeRowId: c,
+  options: r,
+  isSelectable: p,
+  selectedRows: b,
+  onSelectRow: u,
+  onRowClick: n
 }) => {
-  const R = h && u <= g - 1 && c?.length, { checkIsOpened: v, toggleOpenItems: p } = m(F), { isDisabled: B, disabledReason: M } = m(K), [P, i] = W(!1), e = s[r], {
-    isDisabled: k,
-    disabledReason: A
-  } = n || {}, t = B || k, l = v(e);
-  q(() => {
-    R && !l && p(e);
-  }, []);
-  const E = D && !!x?.find((o) => o[r] === e), S = Object.is(b, J.Tree), I = z(
-    () => N(a, n?.childrenColumns),
-    [a, n]
-  ), V = (o) => {
-    o.stopPropagation(), p(e);
-  }, w = (o) => {
-    o.target.getAttribute(f) === "true" && i(!0);
-  }, L = () => i(!1), _ = (o) => {
-    if (!t)
-      return;
-    o.target.getAttribute(f) === "true" || i(!1);
-  }, $ = () => {
-    t || d?.(s);
-  }, j = !!c?.length && T;
+  const [h, l] = g(!1), s = t[i], { isDisabled: e, disabledReason: C } = r || {}, f = p && !!b?.find((o) => o[i] === s);
   return {
-    isOpen: l,
-    isShowConnector: S,
-    childrenColumns: I,
-    rowId: e,
-    disabled: t,
-    isRenderCollapseButton: j,
-    handleToggle: V,
+    rowId: s,
+    disabled: e,
+    columns: d,
     rowProps: {
-      $isHovered: !!(!t && d),
-      $isSelected: C === e,
-      onClick: $,
-      onMouseMove: _
+      $isHovered: !!(!e && n),
+      $isSelected: c === s,
+      onClick: () => {
+        e || n?.(t);
+      },
+      onMouseMove: (o) => {
+        if (!e)
+          return;
+        o.target.getAttribute(a) === "true" || l(!1);
+      }
     },
     tooltipProps: {
-      open: P,
-      title: t ? A || M : void 0,
-      onOpen: w,
-      onClose: L
+      open: h,
+      title: C,
+      onOpen: (o) => {
+        o.target.getAttribute(a) === "true" && l(!0);
+      },
+      onClose: () => l(!1)
     },
     checkboxProps: {
-      checked: E,
-      disabled: t,
-      onChange: O(s)
-    },
-    nestedChildrenProps: {
-      isOpen: l,
-      rowId: e
+      checked: f,
+      disabled: e,
+      onChange: u(t)
     }
   };
 };
 export {
-  oe as useLogic
+  R as useLogic
 };

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

@@ -1,6 +1,3 @@
 export declare const MIN_ROW_HEIGHT = 44;
 export declare const ROOT_ACTION_CELL_WIDTH = 32;
-export declare const TREE_LINE_WIDTH: number;
 export declare const MIN_DISPLAY_ROWS_BY_DEFAULT = 10;
-export declare const EXPANDED_LEVEL_BY_DEFAULT = 1;
-export declare const INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT = 2;

package/lib/components/DataGrid/constants.mjs

@@ -1,9 +1,6 @@
-const _ = 44, E = 32, T = 16, I = 10, L = 1, D = 2;
+const _ = 44, I = 32, O = 10;
 export {
-  L as EXPANDED_LEVEL_BY_DEFAULT,
-  D as INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT,
-  I as MIN_DISPLAY_ROWS_BY_DEFAULT,
+  O as MIN_DISPLAY_ROWS_BY_DEFAULT,
   _ as MIN_ROW_HEIGHT,
-  E as ROOT_ACTION_CELL_WIDTH,
-  T as TREE_LINE_WIDTH
+  I as ROOT_ACTION_CELL_WIDTH
 };

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

@@ -2,7 +2,3 @@ export declare enum SortStates {
     ASC = "asc",
     DESC = "desc"
 }
-export declare enum Variant {
-    Tree = "tree",
-    Subrows = "subrows"
-}

package/lib/components/DataGrid/enums.mjs

@@ -1,5 +1,4 @@
-var e = /* @__PURE__ */ ((r) => (r.ASC = "asc", r.DESC = "desc", r))(e || {}), s = /* @__PURE__ */ ((r) => (r.Tree = "tree", r.Subrows = "subrows", r))(s || {});
+var c = /* @__PURE__ */ ((r) => (r.ASC = "asc", r.DESC = "desc", r))(c || {});
 export {
-  e as SortStates,
-  s as Variant
+  c as SortStates
 };

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

@@ -15,7 +15,7 @@ type TreeDataType = {
 };
 export declare const makeRandomDate: () => string;
 export declare const makeColumns: <T extends DataType>(columnsTemplate: DataGridColumns<T>[], mergedColumns?: DataGridColumns<T>[]) => DataGridColumns<T>[];
-export declare const makeDataList: <TData extends Record<string, CellValue>>(dataObjTemplate: TData, options?: DataGridRowOptions<TData>) => DataGridRowWithOptions<TData>[];
+export declare const makeDataList: <TData extends Record<string, CellValue>>(dataObjTemplate: TData, options?: DataGridRowOptions) => DataGridRowWithOptions<TData>[];
 export declare const makeDataListWithTree: (length?: number, options?: {
     isNotSelectable?: boolean;
     childrenCount?: number;

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

@@ -61,7 +61,7 @@ export type DataGridRowOptionColumns<TData extends Record<string, CellValue>> =
      */
     renderCell?: RenderCell<TData>;
 };
-export type DataGridRowOptions<TData extends Record<string, CellValue>> = {
+export type DataGridRowOptions = {
     /**
      * Если true, строка будет недоступна для взаимодействия
      */
@@ -79,13 +79,8 @@ export type DataGridRowOptions<TData extends Record<string, CellValue>> = {
      * Причина блокировки строки
      */
     disabledReason?: string;
-    /**
-     * Настройка отображения колонок дочерних элементов
-     */
-    childrenColumns?: DataGridRowOptionColumns<TData>[];
 };
 export type DataGridRow = Record<string, CellValue>;
 export type DataGridRowWithOptions<TData extends DataGridRow> = TData & {
-    options?: DataGridRowOptions<TData>;
-    children?: DataGridRowWithOptions<TData>[];
+    options?: DataGridRowOptions;
 };

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

@@ -2,13 +2,8 @@ import { ChangeEvent } from 'react';
 import { DataGridProps } from '../DataGrid';
 import { CellValue, DataGridRow } from '../types';
 type UseLogicParams<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = DataGridProps<TData, TSortField>;
-export declare const useLogic: <TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, isLoading, isDisabled, onSelectRow, }: UseLogicParams<TData, TSortField>) => {
+export declare const useLogic: <TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, selectedRows, isLoading, isDisabled, onSelectRow, }: UseLogicParams<TData, TSortField>) => {
     isDataGridDisabled: boolean | undefined;
-    treeRenderConfig: {
-        isInitialExpanded?: boolean;
-        expandedLevel?: number;
-        initialVisibleChildrenCount?: number;
-    } | undefined;
     renderRows: TData[];
     headProps: {
         rowsCount: number;