@m4l/components 9.4.45 → 9.4.46

package/components/datagrids/views/ListView/subcomponents/ListRow/ListRow.js

@@ -0,0 +1,96 @@
+import { jsxs as x, jsx as c } from "@emotion/react/jsx-runtime";
+import q, { useMemo as B } from "react";
+import { CardContentWrapperStyled as G, CardContentStyled as H, ListStyled as W } from "../../../../slots/DataGridSlot.js";
+import { deepEqual as h } from "fast-equals";
+import { useListContent as z } from "../../hooks/useListContent/useListContent.js";
+import { ListHeader as F } from "./subcomponents/ListHeader/ListHeader.js";
+import { getDefaultAction as J } from "../../../../helpers/shared/getDefaultAction/getDefaultAction.js";
+import { useDataGrid as K } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
+function N({
+  row: t,
+  rows: o,
+  rowIndex: I,
+  columns: y,
+  originalColumns: O,
+  rowKeyGetter: u,
+  selectedRows: n,
+  onSelectedRowsChange: l,
+  onRowsChange: L,
+  customRender: e,
+  isChecked: r,
+  showCheckbox: m,
+  checkedRows: f,
+  onCheckedRowsChange: p,
+  onOpenDetail: M,
+  showExpandButton: C = !0,
+  onExpandClick: d
+}) {
+  const { rowActionsGetter: b } = K(), i = u(t), S = e !== void 0, { listContent: g } = z({
+    row: t,
+    rows: o,
+    rowIndex: I,
+    columns: y,
+    onRowsChange: L
+  }), k = B(() => S ? e.renderContent(t) : /* @__PURE__ */ x(G, { ownerState: {}, children: [
+    /* @__PURE__ */ c(
+      F,
+      {
+        row: t,
+        onOpenDetail: M,
+        isChecked: r,
+        showCheckbox: m,
+        checkedRows: f,
+        onCheckedRowsChange: p,
+        showExpandButton: C,
+        onExpandClick: d
+      }
+    ),
+    /* @__PURE__ */ c(H, { ownerState: {}, children: g })
+  ] }), [
+    S,
+    e,
+    t,
+    g,
+    r,
+    m,
+    f,
+    p,
+    C,
+    d
+  ]), D = (a) => {
+    if (!a.target.closest(
+      'input, button, a, [role="button"], .MuiCheckbox-root, .MuiIconButton-root'
+    ) && n && l) {
+      if (n.has(i))
+        return;
+      const s = /* @__PURE__ */ new Set([u(t)]);
+      l(s);
+    }
+  }, A = (a) => {
+    if (a.target.closest(
+      'input, button, a, [role="button"], .MuiCheckbox-root, .MuiIconButton-root'
+    ) || !b)
+      return;
+    const s = b(t), v = J(s);
+    v?.onClick && v.onClick(t);
+  };
+  return /* @__PURE__ */ c(
+    W,
+    {
+      variant: "outlined",
+      ownerState: {
+        selected: n?.has(i) ?? !1,
+        checked: r
+      },
+      onClick: D,
+      onDoubleClick: A,
+      "data-testid": "list-row",
+      "data-row-key": i,
+      children: k
+    }
+  );
+}
+const _ = q.memo(N, (t, o) => h(t, o));
+export {
+  _ as ListRow
+};

package/components/datagrids/views/ListView/subcomponents/ListRow/index.d.ts

@@ -0,0 +1,3 @@
+export { ListRow } from './ListRow';
+export type { ListRowProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/components/datagrids/views/ListView/subcomponents/ListRow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/ListView/subcomponents/ListRow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/components/datagrids/views/ListView/subcomponents/ListRow/subcomponents/ListHeader/ListHeader.d.ts

@@ -0,0 +1,8 @@
+import { ListHeaderProps } from './types';
+/**
+ * Componente CardHeader que renderiza el header de cada card con:
+ * - Checkbox en el lado izquierdo (solo si existen checkedRows/onCheckedRowsChange)
+ * - Botones de acción en el lado derecho (IconButton + MenuActions)
+ */
+export declare function ListHeader<TRow>({ row, onOpenDetail, isChecked, showCheckbox, checkedRows, onCheckedRowsChange, showExpandButton, onExpandClick, }: ListHeaderProps<TRow>): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListHeader.d.ts.map

package/components/datagrids/views/ListView/subcomponents/ListRow/subcomponents/ListHeader/ListHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListHeader.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/datagrids/views/ListView/subcomponents/ListRow/subcomponents/ListHeader/ListHeader.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI1C;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,EAC/B,GAAG,EACH,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,gBAAuB,EACvB,aAAa,GACd,EAAE,eAAe,CAAC,IAAI,CAAC,oDA8GvB"}

package/components/datagrids/views/ListView/subcomponents/ListRow/subcomponents/ListHeader/ListHeader.js

@@ -0,0 +1,83 @@
+import { jsxs as c, jsx as o } from "@emotion/react/jsx-runtime";
+import { useMemo as l, useCallback as A } from "react";
+import { CardHeaderStyled as H, CardHeaderLeftStyled as h, CardHeaderRightStyled as j } from "../../../../../../slots/DataGridSlot.js";
+import { LayoutExpandOutlined as w } from "@m4l/icons";
+import { CheckboxCellAdapter as z } from "../../../../../adapters/CheckboxCellAdapter/CheckboxCellAdapter.js";
+import { IconButton as G } from "../../../../../../../extended/mui/IconButton/IconButton.js";
+import { useDataGrid as I } from "../../../../../../hooks/shared/useDataGrid/useDataGrid.js";
+import { MenuActions as L } from "../../../../../../../MenuActions/MenuActions.js";
+function $({
+  row: e,
+  onOpenDetail: u,
+  isChecked: S,
+  showCheckbox: s,
+  checkedRows: a,
+  onCheckedRowsChange: r,
+  showExpandButton: y = !0,
+  onExpandClick: m
+}) {
+  const { rowKeyGetter: f, rowActionsGetter: d, size: b, checkedRowsMultiple: p } = I(), i = l(() => f(e), [f, e]), x = A(
+    (t, M) => {
+      if (!(!r || !a))
+        if (p === !1)
+          r(t ? /* @__PURE__ */ new Set([i]) : /* @__PURE__ */ new Set());
+        else {
+          const n = new Set(a);
+          t ? n.add(i) : n.delete(i), r(n);
+        }
+    },
+    [a, r, i, p]
+  ), v = l(
+    () => ({
+      vertical: "bottom",
+      horizontal: "right"
+    }),
+    []
+  ), g = l(
+    () => ({
+      vertical: "top",
+      horizontal: "right"
+    }),
+    []
+  );
+  return /* @__PURE__ */ c(H, { ownerState: { hasCheckedRows: s }, children: [
+    s && /* @__PURE__ */ o(h, { ownerState: {}, children: /* @__PURE__ */ o(
+      z,
+      {
+        value: S ?? !1,
+        tabIndex: -1,
+        onChange: x,
+        "aria-label": "Select"
+      }
+    ) }),
+    /* @__PURE__ */ c(j, { ownerState: {}, children: [
+      y && /* @__PURE__ */ o(
+        G,
+        {
+          icon: /* @__PURE__ */ o(w, {}),
+          size: b,
+          variant: "text",
+          "data-testid": `list-details-button-${i}`,
+          onClick: (t) => {
+            t.stopPropagation(), m ? m(e) : u(e);
+          }
+        }
+      ),
+      d && /* @__PURE__ */ o(
+        L,
+        {
+          arrowType: "top-left",
+          objItem: e,
+          menuActions: d,
+          anchorOrigin: v,
+          transformOrigin: g,
+          onClick: (t) => t.stopPropagation(),
+          variant: "text"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  $ as ListHeader
+};

package/components/datagrids/views/ListView/subcomponents/ListRow/subcomponents/ListHeader/index.d.ts

@@ -0,0 +1,3 @@
+export { ListHeader } from './ListHeader';
+export type { ListHeaderProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/components/datagrids/views/ListView/subcomponents/ListRow/subcomponents/ListHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/datagrids/views/ListView/subcomponents/ListRow/subcomponents/ListHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/components/datagrids/views/ListView/subcomponents/ListRow/subcomponents/ListHeader/types.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Props for ListHeader. Same shape as CardHeader (checkbox left, expand + MenuActions right).
+ */
+export interface ListHeaderProps<TRow> {
+    row: TRow;
+    onOpenDetail: (row: TRow) => void;
+    isChecked?: boolean;
+    showCheckbox?: boolean;
+    checkedRows?: ReadonlySet<any>;
+    onCheckedRowsChange?: (rows: ReadonlySet<any>) => void;
+    showExpandButton?: boolean;
+    onExpandClick?: (row: TRow) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/components/datagrids/views/ListView/subcomponents/ListRow/subcomponents/ListHeader/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/datagrids/views/ListView/subcomponents/ListRow/subcomponents/ListHeader/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,IAAI;IACnC,GAAG,EAAE,IAAI,CAAC;IACV,YAAY,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACvD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;CACrC"}

package/components/datagrids/views/ListView/subcomponents/ListRow/types.d.ts

@@ -0,0 +1,81 @@
+import { Column, RowsChangeData } from 'react-data-grid';
+import { Maybe } from '@m4l/core';
+import { ListViewConfig, RowKey } from '../../../../types';
+/**
+ * Props para el componente ListRow.
+ * Mismo tipado que CardRowProps (mismas props, mismos tipos); solo el tipo de customRender viene de ListViewConfig.
+ */
+export interface ListRowProps<TRow, TKey extends RowKey = RowKey> {
+    /**
+     * Fila que se mostrará en la fila de lista
+     */
+    row: TRow;
+    /**
+     * Array completo de todas las filas (necesario para reconstruir el array al editar)
+     */
+    rows: readonly TRow[];
+    /**
+     * Índice de la fila actual en el array de filas
+     */
+    rowIndex: number;
+    /**
+     * Columnas que se mostrarán (procesadas, filtradas por visibilidad)
+     */
+    columns: readonly Column<TRow, any>[];
+    /**
+     * Columnas originales sin filtrar (para el modal de detalle)
+     */
+    originalColumns: readonly Column<TRow, any>[];
+    /**
+     * Función que devuelve la clave de la fila
+     */
+    rowKeyGetter: (row: TRow) => TKey;
+    /**
+     * Filas seleccionadas actualmente
+     */
+    selectedRows?: ReadonlySet<TKey>;
+    /**
+     * Función para manejar el cambio de filas seleccionadas
+     */
+    onSelectedRowsChange?: (mapRowsSelected: ReadonlySet<TKey>) => void;
+    /**
+     * Función para manejar cambios en las filas (para editores)
+     */
+    onRowsChange?: Maybe<(rows: TRow[], data: RowsChangeData<TRow, any>) => void>;
+    /**
+     * Custom render configuration for the row
+     */
+    customRender?: Extract<ListViewConfig<TRow>, {
+        customRender: unknown;
+    }>['customRender'];
+    /**
+     * Whether the row is checked
+     */
+    isChecked: boolean;
+    /**
+     * Indica si se debe mostrar el checkbox para checkedRows
+     */
+    showCheckbox: boolean;
+    /**
+     * Filas chequeadas actualmente
+     */
+    checkedRows?: ReadonlySet<TKey>;
+    /**
+     * Función para manejar el cambio de filas chequeadas
+     */
+    onCheckedRowsChange?: (mapRowsChecked: ReadonlySet<TKey>) => void;
+    /**
+     * Función para abrir el modal de detalle de la fila
+     */
+    onOpenDetail: (row: TRow) => void;
+    /**
+     * Indica si se debe mostrar el botón de expansión (detalle)
+     * @default true
+     */
+    showExpandButton?: boolean;
+    /**
+     * Opcional. Cuando se proporciona, el botón de expansión llama a esta función en lugar de abrir el modal de detalle.
+     */
+    onExpandClick?: (row: TRow) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/components/datagrids/views/ListView/subcomponents/ListRow/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/ListView/subcomponents/ListRow/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3D;;;GAGG;AACH,MAAM,WAAW,YAAY,CAAC,IAAI,EAAE,IAAI,SAAS,MAAM,GAAG,MAAM;IAC9D;;OAEG;IACH,GAAG,EAAE,IAAI,CAAC;IACV;;OAEG;IACH,IAAI,EAAE,SAAS,IAAI,EAAE,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,EAAE,SAAS,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;IACtC;;OAEG;IACH,eAAe,EAAE,SAAS,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;IAC9C;;OAEG;IACH,YAAY,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,eAAe,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACpE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC;IAC9E;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;QAAE,YAAY,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,cAAc,CAAC,CAAC;IACxF;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAClE;;OAEG;IACH,YAAY,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;CACrC"}

package/components/datagrids/views/ListView/subcomponents/Settings/Settings.d.ts

@@ -0,0 +1,7 @@
+import { SettingsProps } from './types';
+/**
+ * Renders the settings icon for ListView.
+ * Opens the column configuration modal for the list view.
+ */
+export declare function Settings(props: SettingsProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Settings.d.ts.map

package/components/datagrids/views/ListView/subcomponents/Settings/Settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/ListView/subcomponents/Settings/Settings.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,oDAmB5C"}

package/components/datagrids/views/ListView/subcomponents/Settings/Settings.js

@@ -0,0 +1,24 @@
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { useModuleDictionary as a } from "@m4l/core";
+import { SettingsConfigOutlined as m } from "@m4l/icons";
+import { IconButton as l } from "../../../../../extended/mui/IconButton/IconButton.js";
+import { useDataGrid as c } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
+import { useModalSettings as d } from "./hooks/useModalSettings/useModalSettings.js";
+function C(o) {
+  const { columns: i } = o, { size: n } = c(), s = d(n, i), { getLabel: e } = a(), r = () => {
+    s();
+  };
+  return /* @__PURE__ */ t(
+    l,
+    {
+      tooltip: e("data_grid.tooltip_settings"),
+      onClick: r,
+      "aria-label": "settings",
+      icon: /* @__PURE__ */ t(m, {}),
+      "data-testid": "settings-button"
+    }
+  );
+}
+export {
+  C as Settings
+};

package/components/datagrids/views/ListView/subcomponents/Settings/hooks/useModalSettings/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useModalSettings';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/components/datagrids/views/ListView/subcomponents/Settings/hooks/useModalSettings/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/datagrids/views/ListView/subcomponents/Settings/hooks/useModalSettings/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC"}

package/components/datagrids/views/ListView/subcomponents/Settings/hooks/useModalSettings/types.d.ts

@@ -0,0 +1,5 @@
+export type ColumnsConfigRef = {
+    onClickIntro: () => void;
+    current: HTMLDivElement | null;
+};
+//# sourceMappingURL=types.d.ts.map

package/components/datagrids/views/ListView/subcomponents/Settings/hooks/useModalSettings/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/datagrids/views/ListView/subcomponents/Settings/hooks/useModalSettings/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;CAChC,CAAC"}

package/components/datagrids/views/ListView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.d.ts

@@ -0,0 +1,7 @@
+import { GridProps } from '../../../../../../types';
+import { Column } from 'react-data-grid';
+/**
+ * Hook que abre el modal de configuración de columnas para la vista de ListView
+ */
+export declare const useModalSettings: (size: GridProps<unknown, unknown>["size"], columns: readonly Column<any, any>[]) => () => void;
+//# sourceMappingURL=useModalSettings.d.ts.map

package/components/datagrids/views/ListView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalSettings.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/datagrids/views/ListView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGzC;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,MAAM,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,EACzC,SAAS,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,eAkErC,CAAC"}

package/components/datagrids/views/ListView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.js

@@ -0,0 +1,62 @@
+import { jsx as o, jsxs as e } from "@emotion/react/jsx-runtime";
+import { useModuleDictionary as M } from "@m4l/core";
+import { useIsMobile as k } from "@m4l/graphics";
+import { useRef as w, useCallback as r } from "react";
+import { useModal as I } from "../../../../../../../../hooks/useModal/index.js";
+import { ContentModalSettingStyled as b, DataGridRootStyled as y } from "../../../../../../slots/DataGridSlot.js";
+import { SettingsConfigOutlined as x } from "@m4l/icons";
+import { ColumnsConfig as A } from "../../subcomponents/ColumnsConfig/ColumnsConfig.js";
+import { ActionsContainer as D } from "../../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
+import { useDataGrid as H } from "../../../../../../hooks/shared/useDataGrid/useDataGrid.js";
+import { WindowBase as R } from "../../../../../../../WindowBase/WindowBase.js";
+import { ActionCancel as j } from "../../../../../../../CommonActions/components/ActionCancel/ActionCancel.js";
+import { ActionIntro as G } from "../../../../../../../CommonActions/components/ActionIntro/ActionIntro.js";
+const K = (l, s) => {
+  const { openModal: c, closeModal: t } = I(), { getConfigColumns: m, onChangeColumnsConfig: a, currentRowHeight: C, classes: i } = H(), d = m("list"), { getLabel: g } = M(), f = k(), n = w(null), u = r(() => {
+    t();
+  }, [t]), p = r(() => {
+    n.current?.onClickIntro && n.current.onClickIntro();
+  }, []), S = (h) => {
+    a("list", h);
+  };
+  return () => {
+    c({
+      initialWidth: 500,
+      initialHeight: 680,
+      fullScreen: f,
+      window: /* @__PURE__ */ o(
+        R,
+        {
+          title: g("data_grid.settings_title"),
+          iconUrl: /* @__PURE__ */ o(x, {}),
+          onClose: t,
+          className: "settings-modal",
+          variant: "outlined",
+          emergeType: "modal",
+          children: /* @__PURE__ */ e(b, { ownerState: {}, classes: i?.contentModalSetting, children: [
+            /* @__PURE__ */ o(y, { ownerState: {}, children: /* @__PURE__ */ o(
+              A,
+              {
+                ref: n,
+                rowHeight: C,
+                columnsConfig: d,
+                onChangeColumnsConfig: S,
+                onCloseSettings: u,
+                classes: i,
+                size: l,
+                columns: s
+              }
+            ) }),
+            /* @__PURE__ */ e(D, { children: [
+              /* @__PURE__ */ o(j, { onClick: t }),
+              /* @__PURE__ */ o(G, { onClick: p })
+            ] })
+          ] })
+        }
+      )
+    });
+  };
+};
+export {
+  K as useModalSettings
+};

package/components/datagrids/views/ListView/subcomponents/Settings/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Settings';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/components/datagrids/views/ListView/subcomponents/Settings/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/ListView/subcomponents/Settings/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

package/components/datagrids/views/ListView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.d.ts

@@ -0,0 +1,3 @@
+import { ColumnsConfigRef, ConfigProps } from './types';
+export declare const ColumnsConfig: import('react').ForwardRefExoticComponent<ConfigProps & import('react').RefAttributes<ColumnsConfigRef>>;
+//# sourceMappingURL=ColumnsConfig.d.ts.map

package/components/datagrids/views/ListView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnsConfig.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/datagrids/views/ListView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAO,MAAM,SAAS,CAAC;AA0DlE,eAAO,MAAM,aAAa,0GAkTzB,CAAC"}