@m4l/components 9.4.45 → 9.4.46

package/components/datagrids/contexts/DataGridContext/DataGridContext.js

@@ -1,88 +1,89 @@
-import { jsx as mo } from "@emotion/react/jsx-runtime";
-import { createContext as Co, useState as b, useEffect as H, useMemo as ho } from "react";
-import { useFirstRender as wo } from "@m4l/graphics";
-import { getComponentClasses as po } from "../../../../utils/getComponentSlotRoot.js";
-import { DATAGRID_ROW_HEIGHTS as Vo, DATAGRID_ROW_HEADER_HEIGHTS as yo, DATAGRID_PREFIX_NAME as Ro } from "../../constants.js";
-import { ControlNavigateSlots as So, ColumnsConfigSlots as Ho, TextEditorSlots as vo, TableSlots as Eo, RowsCountSlots as Do, ActionsSlots as Go, DataGridSlots as bo } from "../../slots/DataGridEnum.js";
-import { deepEqual as ko } from "fast-equals";
-import { useViewMode as xo } from "../../hooks/useViewMode/useViewMode.js";
-import { useRowHeight as To } from "../../hooks/useRowHeight/useRowHeight.js";
+import { jsx as Co } from "@emotion/react/jsx-runtime";
+import { createContext as wo, useState as b, useEffect as T, useMemo as ho } from "react";
+import { useFirstRender as po } from "@m4l/graphics";
+import { getComponentClasses as Vo } from "../../../../utils/getComponentSlotRoot.js";
+import { DATAGRID_ROW_HEIGHTS as yo, DATAGRID_ROW_HEADER_HEIGHTS as Ro, DATAGRID_PREFIX_NAME as So } from "../../constants.js";
+import { ControlNavigateSlots as vo, ColumnsConfigSlots as Ho, TextEditorSlots as To, TableSlots as xo, RowsCountSlots as Do, ActionsSlots as Eo, DataGridSlots as bo } from "../../slots/DataGridEnum.js";
+import { deepEqual as Go } from "fast-equals";
+import { useViewMode as ko } from "../../hooks/useViewMode/useViewMode.js";
+import { useRowHeight as Ko } from "../../hooks/useRowHeight/useRowHeight.js";
 import { useColumnsWidth as Io } from "../../hooks/useColumnsWidth/useColumnsWidth.js";
 import { useViewConfig as Fo } from "../../hooks/useViewConfig/useViewConfig.js";
-import { useChangeColumnsConfig as Ko } from "../../hooks/useChangeColumnsConfig/useChangeColumnsConfig.js";
-import { useChangeColumnsOrder as Ao } from "../../hooks/useChangeColumnsOrder/useChangeColumnsOrder.js";
-import { getColumnsWidth as Oo } from "../../helpers/persistence/getColumnsWidth/getColumnsWidth.js";
-import { getViewMode as k } from "../../helpers/persistence/getViewMode/getViewMode.js";
-import { getInitialColumnsConfig as v } from "../../helpers/shared/getInitialColumnsConfig/getInitialColumnsConfig.js";
-import { getAllViewModes as p } from "../../helpers/shared/getAllViewModes/getAllViewModes.js";
-import { getViewSpecificConfig as x } from "../../helpers/shared/getViewSpecificConfig/getViewSpecificConfig.js";
-const $o = Co(null);
-function ie(T) {
+import { useChangeColumnsConfig as Ao } from "../../hooks/useChangeColumnsConfig/useChangeColumnsConfig.js";
+import { useChangeColumnsOrder as Oo } from "../../hooks/useChangeColumnsOrder/useChangeColumnsOrder.js";
+import { getColumnsWidth as $o } from "../../helpers/persistence/getColumnsWidth/getColumnsWidth.js";
+import { getViewMode as G } from "../../helpers/persistence/getViewMode/getViewMode.js";
+import { getInitialColumnsConfig as V } from "../../helpers/shared/getInitialColumnsConfig/getInitialColumnsConfig.js";
+import { getAllViewModes as y } from "../../helpers/shared/getAllViewModes/getAllViewModes.js";
+import { getViewSpecificConfig as k } from "../../helpers/shared/getViewSpecificConfig/getViewSpecificConfig.js";
+const Wo = wo(null);
+function te(K) {
   const {
-    id: s,
+    id: r,
     children: I,
-    columns: r,
+    columns: i,
     defaultConfig: F,
-    onChangeConfig: K,
-    defaultUserColumns: A,
+    onChangeConfig: A,
+    defaultUserColumns: O,
     // deprecated
-    onChangeUserColumns: O,
+    onChangeUserColumns: $,
     // deprecated
-    rows: $,
-    rowsCount: z,
-    rowActionsGetter: M,
-    rowHeights: V = Vo,
-    rowHeaderHeights: W = yo,
-    initialRowHeightVariant: _ = "standard",
+    rows: W,
+    rowsCount: M,
+    rowActionsGetter: z,
+    rowHeights: R = yo,
+    rowHeaderHeights: _ = Ro,
+    initialRowHeightVariant: L = "standard",
     checkedRows: j,
     onCheckedRowsChange: U,
     checkedRowsMultiple: q,
     rowKeyGetter: N,
-    externalSortSettings: C,
-    externalFilterSettings: h,
-    size: L,
-    viewMode: X,
-    onViewModeChange: B,
-    defaultViewMode: d,
-    cardsViewConfig: t
-  } = T, c = F ?? A, g = K ?? O, E = wo([r, s]), { viewModeState: J, setViewModeState: D, handleViewModeChange: P } = xo(
+    externalSortSettings: h,
+    externalFilterSettings: p,
+    size: X,
+    viewMode: B,
+    onViewModeChange: J,
+    defaultViewMode: m,
+    cardsViewConfig: s,
+    listViewConfig: c
+  } = K, a = F ?? O, g = A ?? $, x = po([i, r]), { viewModeState: P, setViewModeState: D, handleViewModeChange: Q } = ko(
     {
-      id: s,
-      viewMode: X,
-      defaultViewMode: d,
-      onViewModeChange: B,
+      id: r,
+      viewMode: B,
+      defaultViewMode: m,
+      onViewModeChange: J,
       onChangeConfig: g
     }
-  ), { currentRowHeightVariant: y, setRowHeightVariant: Q } = To({
-    rowHeights: V,
-    rowHeaderHeights: W,
-    initialRowHeightVariant: _
-  }), { columnsWidths: Y, setColumnsWidths: Z, onChangeColumnWidth: oo } = Io({
-    id: s,
+  ), { currentRowHeightVariant: S, setRowHeightVariant: Y } = Ko({
+    rowHeights: R,
+    rowHeaderHeights: _,
+    initialRowHeightVariant: L
+  }), { columnsWidths: Z, setColumnsWidths: oo, onChangeColumnWidth: eo } = Io({
+    id: r,
     onChangeConfig: g
-  }), { getConfigColumns: u, updateConfigColumns: w } = Fo(), { onChangeColumnsConfig: G } = Ko({
-    id: s,
+  }), { getConfigColumns: d, updateConfigColumns: C } = Fo(), { onChangeColumnsConfig: E } = Ao({
+    id: r,
     onChangeConfig: g,
-    updateConfigColumns: w
-  }), { onChangeColumnsOrder: eo } = Ao({
-    getConfigColumns: u,
-    onChangeColumnsConfig: G
-  }), no = po(Ro, {
+    updateConfigColumns: C
+  }), { onChangeColumnsOrder: no } = Oo({
+    getConfigColumns: d,
+    onChangeColumnsConfig: E
+  }), io = Vo(So, {
     ...bo,
-    ...Go,
-    ...Do,
     ...Eo,
-    ...vo,
+    ...Do,
+    ...xo,
+    ...To,
     ...Ho,
-    ...So
-  }), [io, ro] = b(z), [to, so] = b([]);
-  H(() => {
-    const n = new Set(r.map((e) => e.key));
-    if (d === "cards" && t === void 0)
+    ...vo
+  }), [to, ro] = b(M), [so, lo] = b([]);
+  T(() => {
+    const t = new Set(i.map((e) => e.key));
+    if (m === "cards" && s === void 0)
       throw new Error(
-        `DataGridProvider: Cuando defaultViewMode="cards", es obligatorio proporcionar cardsViewConfig.
+        `DataGridProvider: When defaultViewMode="cards", you must provide cardsViewConfig.
 
-        Ejemplo válido con columnsConfig:
+        Valid example with columnsConfig:
           defaultViewMode="cards"
           cardsViewConfig={{
             columnsConfig: [
@@ -91,7 +92,7 @@ function ie(T) {
             ]
           }}
 
-        Ejemplo válido con customRender:
+        Valid example with customRender:
           defaultViewMode="cards"
           cardsViewConfig={{
             customRender: {
@@ -100,22 +101,43 @@ function ie(T) {
             }
           }}`
       );
-    if (C?.sortsColumns) {
-      for (const e of C.sortsColumns)
-        if (!n.has(e))
+    if (m === "list" && c === void 0)
+      throw new Error(
+        `DataGridProvider: When defaultViewMode="list", you must provide listViewConfig.
+
+        Valid example with columnsConfig:
+          defaultViewMode="list"
+          listViewConfig={{
+            columnsConfig: [
+              { columnKey: 'name', showTitle: true },
+              { columnKey: 'email', showTitle: true }
+            ]
+          }}
+
+        Valid example with customRender:
+          defaultViewMode="list"
+          listViewConfig={{
+            customRender: {
+              renderContent: (row) => <CustomRow row={row} />
+            }
+          }}`
+      );
+    if (h?.sortsColumns) {
+      for (const e of h.sortsColumns)
+        if (!t.has(e))
           throw new Error(
             `DataGridProvider: Sorts incluye "${e}", pero no existe ninguna columna con key="${e}".`
           );
     }
-    if (h?.filterColumns) {
-      for (const e of h.filterColumns)
-        if (!e.skipColumnValidation && !n.has(e.name))
+    if (p?.filterColumns) {
+      for (const e of p.filterColumns)
+        if (!e.skipColumnValidation && !t.has(e.name))
           throw new Error(
             `DataGridProvider: Fields incluye "${e.name}", pero no existe ninguna columna con key="${e.name}".`
           );
     }
-    if (t !== void 0) {
-      const e = t.customRender !== void 0, o = t.columnsConfig !== void 0 && t.columnsConfig.length > 0;
+    if (s !== void 0) {
+      const e = s.customRender !== void 0, o = s.columnsConfig !== void 0 && s.columnsConfig.length > 0;
       if (!e && !o)
         throw new Error(
           `DataGridProvider: cardsViewConfig.enabled=true requiere configurar al menos una de estas opciones:
@@ -124,7 +146,7 @@ function ie(T) {
 
           Configuración actual:
           - customRender: ${e ? "definido" : "undefined"}
-          - columnsConfig: ${t.columnsConfig?.length || 0} columnas
+          - columnsConfig: ${s.columnsConfig?.length || 0} columnas
 
           Ejemplo válido con columnsConfig:
             cardsViewConfig={{
@@ -145,187 +167,224 @@ function ie(T) {
             }}
           `
         );
-      if (o && t.columnsConfig) {
-        for (const i of t.columnsConfig)
-          if (!n.has(i.columnKey))
+      if (o && s.columnsConfig) {
+        for (const n of s.columnsConfig)
+          if (!t.has(n.columnKey))
             throw new Error(
-              `DataGridProvider: cardsViewConfig.columnsConfig incluye columnKey="${i.columnKey}", pero no existe ninguna columna con key="${i.columnKey}".`
+              `DataGridProvider: cardsViewConfig.columnsConfig incluye columnKey="${n.columnKey}", pero no existe ninguna columna con key="${n.columnKey}".`
             );
       }
     }
-  }, [r, C, h, t, d]);
-  const lo = ho(() => V, [V]);
-  H(() => {
-    if (E) {
-      Z(Oo(s, r, c)), D(
-        k(s, c, d) ?? "table"
+    if (c?.columnsConfig) {
+      for (const e of c.columnsConfig)
+        if (!t.has(e.columnKey))
+          throw new Error(
+            `DataGridProvider: listViewConfig.columnsConfig includes columnKey="${e.columnKey}", but no column with key="${e.columnKey}" exists.`
+          );
+    }
+  }, [i, h, p, s, c, m]);
+  const ao = ho(() => R, [R]);
+  T(() => {
+    if (x) {
+      oo($o(r, i, a)), D(
+        G(r, a, m) ?? "table"
       ), D(
-        k(s, c, d) ?? "table"
-      ), w(
+        G(r, a, m) ?? "table"
+      ), C(
         "table",
-        v(
-          s,
+        V(
           r,
+          i,
           "table",
-          c?.columnsConfig,
+          a?.columnsConfig,
           { frozen: !1, grouped: !1, groupOrder: 0 },
           { originalFrozen: !1, originalGrouped: !1, originalGroupOrder: 0 }
         )
       );
-      const n = (() => {
-        if (c?.columnsConfigCards && c.columnsConfigCards.length > 0)
-          return c.columnsConfigCards;
-        if (t?.columnsConfig)
-          return t.columnsConfig.map((e, o) => {
-            const i = r.find(
-              (f) => f.key === e.columnKey
+      const t = (() => {
+        if (a?.columnsConfigCards && a.columnsConfigCards.length > 0)
+          return a.columnsConfigCards;
+        if (s?.columnsConfig)
+          return s.columnsConfig.map((e, o) => {
+            const n = i.find(
+              (u) => u.key === e.columnKey
             );
             return {
               key: e.columnKey,
-              visible: i?.visible === void 0 ? !0 : i?.visible,
+              visible: n?.visible === void 0 ? !0 : n?.visible,
               index: o,
               showTitle: e.showTitle
             };
           });
       })();
-      w(
+      if (C(
         "cards",
-        v(
-          s,
+        V(
           r,
+          i,
           "cards",
-          n,
+          t,
           { showTitle: !1 },
           { originalShowTitle: !1 }
         )
-      );
+      ), c) {
+        const e = (() => {
+          if (a?.columnsConfigList && a.columnsConfigList.length > 0)
+            return a.columnsConfigList;
+          if (c.columnsConfig)
+            return c.columnsConfig.map((o, n) => {
+              const u = i.find(
+                (l) => l.key === o.columnKey
+              );
+              return {
+                key: o.columnKey,
+                visible: u?.visible === void 0 ? !0 : u?.visible,
+                index: n,
+                showTitle: o.showTitle
+              };
+            });
+        })();
+        C(
+          "list",
+          V(
+            r,
+            i,
+            "list",
+            e,
+            { showTitle: !1 },
+            { originalShowTitle: !1 }
+          )
+        );
+      }
     }
-  }, [c]), H(() => {
-    if (!E) {
-      const n = {
+  }, [a]), T(() => {
+    if (!x) {
+      const t = {
         table: [],
-        cards: []
+        cards: [],
+        list: []
       };
-      p().forEach((o) => {
-        const i = u(o), f = [];
-        for (let l = 0; l < i.length; l++) {
-          const a = r.findIndex(
-            (m) => m.key === i[l]?.key
+      y().forEach((o) => {
+        const n = d(o), u = [];
+        for (let l = 0; l < n.length; l++) {
+          const f = i.findIndex(
+            (w) => w.key === n[l]?.key
           );
-          if (a !== -1) {
-            const m = r[a];
-            f.push({
-              ...i[l],
-              originalIndex: a,
+          if (f !== -1) {
+            const w = i[f];
+            u.push({
+              ...n[l],
+              originalIndex: f,
               // Propiedades específicas por vista dinámicamente
-              ...x(o).dynamicOriginalProperty(
-                i[l] || m
+              ...k(o).dynamicOriginalProperty(
+                n[l] || w
               ),
-              originalVisible: m.visible ?? !0
+              originalVisible: w.visible ?? !0
             });
           }
         }
-        n[o] = f;
-      }), p().forEach((o) => {
-        const i = n[o], f = new Set(
-          u(o).map((a) => a.key)
-        ), l = r.filter(
-          (a) => !f.has(a.key)
+        t[o] = u;
+      }), y().forEach((o) => {
+        const n = t[o], u = new Set(
+          d(o).map((f) => f.key)
+        ), l = i.filter(
+          (f) => !u.has(f.key)
         );
         if (l.length > 0) {
-          const a = i.length, co = v(
-            s,
+          const f = n.length, fo = V(
+            r,
             l,
             o,
             void 0,
-            o === "cards" ? { showTitle: !1 } : {
+            o === "cards" || o === "list" ? { showTitle: !1 } : {
               frozen: !1,
               grouped: !1,
               groupOrder: 0
             },
-            o === "cards" ? {
+            o === "cards" || o === "list" ? {
               originalShowTitle: !1
             } : {
               originalFrozen: !1,
               originalGrouped: !1,
               originalGroupOrder: 0
             }
-          ).map((uo, R) => {
-            const fo = r.findIndex(
-              (go) => go.key === l[R].key
-            ), S = l[R];
+          ).map((co, v) => {
+            const mo = i.findIndex(
+              (go) => go.key === l[v].key
+            ), H = l[v];
             return {
-              ...uo,
-              index: R + a,
-              name: S.name,
-              originalIndex: fo,
-              originalVisible: S.visible ?? !0,
+              ...co,
+              index: v + f,
+              name: H.name,
+              originalIndex: mo,
+              originalVisible: H.visible ?? !0,
               // Propiedades específicas por vista dinámicamente
-              ...x(o).dynamicOriginalProperty(
-                S
+              ...k(o).dynamicOriginalProperty(
+                H
               )
             };
           });
-          n[o].push(...co);
+          t[o].push(...fo);
         }
       });
       let e = !1;
-      if (p().forEach((o) => {
-        ko(
-          u(o),
-          n[o]
+      if (y().forEach((o) => {
+        Go(
+          d(o),
+          t[o]
         ) || (e = !0);
       }), !e)
         return;
-      p().forEach((o) => {
-        w(o, n[o]);
+      y().forEach((o) => {
+        C(o, t[o]);
       });
     }
-  }, [r, s]);
-  const ao = (n) => {
-    ro(n);
+  }, [i, r]);
+  const uo = (t) => {
+    ro(t);
   };
-  return /* @__PURE__ */ mo(
-    $o.Provider,
+  return /* @__PURE__ */ Co(
+    Wo.Provider,
     {
       value: {
-        getConfigColumns: u,
-        onChangeColumnsConfig: G,
-        columnsConfig: u("table"),
-        columnsWidths: Y,
-        rowsCount: io,
-        currentRowHeightVariant: y.rowHVariant,
-        currentRowHeight: y.rowHeight,
-        currentRowHeaderHeight: y.rowHeaderHeight,
-        rows: $,
-        rowHeights: lo,
+        getConfigColumns: d,
+        onChangeColumnsConfig: E,
+        columnsConfig: d("table"),
+        columnsWidths: Z,
+        rowsCount: to,
+        currentRowHeightVariant: S.rowHVariant,
+        currentRowHeight: S.rowHeight,
+        currentRowHeaderHeight: S.rowHeaderHeight,
+        rows: W,
+        rowHeights: ao,
         checkedRows: j,
-        onChangeColumnsOrder: eo,
-        onChangeColumnWidth: oo,
-        setRowsCount: ao,
-        rowActionsGetter: M,
-        setRowHeightVariant: Q,
+        onChangeColumnsOrder: no,
+        onChangeColumnWidth: eo,
+        setRowsCount: uo,
+        rowActionsGetter: z,
+        setRowHeightVariant: Y,
         onCheckedRowsChange: U,
         checkedRowsMultiple: q,
         rowKeyGetter: N,
         onChangeConfig: g,
         onChangeUserColumns: g,
         // deprecated alias
-        sortColumns: to,
-        setSortColumns: so,
-        externalSortSettings: C,
-        externalFilterSettings: h,
-        classes: no,
-        size: L,
-        viewMode: J,
-        onViewModeChange: P,
-        cardsViewConfig: t
+        sortColumns: so,
+        setSortColumns: lo,
+        externalSortSettings: h,
+        externalFilterSettings: p,
+        classes: io,
+        size: X,
+        viewMode: P,
+        onViewModeChange: Q,
+        cardsViewConfig: s,
+        listViewConfig: c
       },
       children: I
     }
   );
 }
 export {
-  $o as DataGridContext,
-  ie as DataGridProvider
+  Wo as DataGridContext,
+  te as DataGridProvider
 };

package/components/datagrids/contexts/DataGridContext/types.d.ts

@@ -45,6 +45,13 @@ export interface BaseConfigColumn {
 export interface BaseConfigColumnCards extends Omit<BaseConfigColumn, 'frozen' | 'grouped' | 'groupOrder'> {
     showTitle: boolean;
 }
+/**
+ * Configuración base para vista list - omite frozen, grouped y groupOrder y agrega showTitle.
+ * USO: Los desarrolladores pasan esto en defaultUserColumns.columnsConfigList
+ */
+export interface BaseConfigColumnList extends Omit<BaseConfigColumn, 'frozen' | 'grouped' | 'groupOrder'> {
+    showTitle: boolean;
+}
 /**
  * Configuración extendida para columnas de tabla (estado interno)
  * USO INTERNO: El contexto agrega estas propiedades para tracking y gestión de estado
@@ -67,7 +74,7 @@ export interface IConfigColumnCards extends Omit<IConfigColumn, 'frozen' | 'orig
     showTitle: boolean;
     originalShowTitle: boolean;
 }
-export type ViewMode = 'table' | 'cards';
+export type ViewMode = 'table' | 'cards' | 'list';
 /**
  * Configuración extendida del Grid para soportar múltiples vistas
  * USO: Para nuevas implementaciones que soporten cards y futuras vistas
@@ -76,10 +83,12 @@ export type ViewMode = 'table' | 'cards';
 export interface IGridConfigExtended extends IGridConfig {
     /** Configuración de columnas para vista cards */
     columnsConfigCards?: BaseConfigColumnCards[];
-    /** Modo de vista actual (table/cards) */
+    /** Configuración de columnas para vista list */
+    columnsConfigList?: BaseConfigColumnList[];
+    /** Modo de vista actual (table/cards/list) */
     viewMode?: ViewMode;
 }
-export interface DataGridProviderProps<TRow, TSummaryRow, TKey extends RowKey = RowKey> extends Pick<GridProps<TRow, TSummaryRow, TKey>, 'rows' | 'columns' | 'rowActionsGetter' | 'rowHeaderHeights' | 'rowHeights' | 'initialRowHeightVariant' | 'checkedRows' | 'onCheckedRowsChange' | 'checkedRowsMultiple' | 'rowKeyGetter' | 'externalSortSettings' | 'externalFilterSettings' | 'defaultViewMode' | 'cardsViewConfig'> {
+export interface DataGridProviderProps<TRow, TSummaryRow, TKey extends RowKey = RowKey> extends Pick<GridProps<TRow, TSummaryRow, TKey>, 'rows' | 'columns' | 'rowActionsGetter' | 'rowHeaderHeights' | 'rowHeights' | 'initialRowHeightVariant' | 'checkedRows' | 'onCheckedRowsChange' | 'checkedRowsMultiple' | 'rowKeyGetter' | 'externalSortSettings' | 'externalFilterSettings' | 'defaultViewMode' | 'cardsViewConfig' | 'listViewConfig'> {
     id: number | string;
     children: ReactNode;
     rowsCount: number;
@@ -104,7 +113,7 @@ export type RowHeightState = {
     rowHeight: number;
     rowHeaderHeight: number;
 };
-export interface DataGridContextProps<TRow, TSummaryRow, TKey extends RowKey = RowKey> extends Pick<DataGridProviderProps<TRow, TSummaryRow, TKey>, 'rows' | 'checkedRows' | 'onCheckedRowsChange' | 'checkedRowsMultiple' | 'rowHeights' | 'rowsCount' | 'rowActionsGetter' | 'rowKeyGetter' | 'externalSortSettings' | 'externalFilterSettings' | 'viewMode' | 'onViewModeChange' | 'defaultViewMode' | 'cardsViewConfig'> {
+export interface DataGridContextProps<TRow, TSummaryRow, TKey extends RowKey = RowKey> extends Pick<DataGridProviderProps<TRow, TSummaryRow, TKey>, 'rows' | 'checkedRows' | 'onCheckedRowsChange' | 'checkedRowsMultiple' | 'rowHeights' | 'rowsCount' | 'rowActionsGetter' | 'rowKeyGetter' | 'externalSortSettings' | 'externalFilterSettings' | 'viewMode' | 'onViewModeChange' | 'defaultViewMode' | 'cardsViewConfig' | 'listViewConfig'> {
     /** Callback para persistir cambios de configuración */
     onChangeConfig?: OnChangeConfig;
     /**

package/components/datagrids/contexts/DataGridContext/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/contexts/DataGridContext/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/contexts/DataGridContext/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EACL,MAAM,EACN,iBAAiB,EACjB,SAAS,EACT,cAAc,EACf,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,aAAa,EACb,cAAc,EACd,UAAU,EACV,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,oDAAoD,CAAC;AAMpF;;;GAGG;AACH,MAAM,MAAM,WAAW,CACrB,aAAa,GAAG,MAAM,EACtB,qBAAqB,GAAG,MAAM,IAC5B,cAAc,CAAC,aAAa,CAAC,GAAG;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;CAC1B,GAAG,qBAAqB,CAAC;AAM1B;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC;IACnE,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,gBAAgB,EAAE,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC;IACnE,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,uDAAuD;IACvD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mCAAmC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,gBAAgB,GAAG,SAAS,GAAG,YAAY,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;IAC9H,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAElD;;;;GAIG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC7C,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC3C,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,WAAW,qBAAqB,CACpC,IAAI,EACJ,WAAW,EACX,IAAI,SAAS,MAAM,GAAG,MAAM,CAC5B,SAAQ,IAAI,CACV,SAAS,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,EAChC,MAAM,GACN,SAAS,GACT,kBAAkB,GAClB,kBAAkB,GAClB,YAAY,GACZ,yBAAyB,GACzB,aAAa,GACb,qBAAqB,GACrB,qBAAqB,GACrB,cAAc,GACd,sBAAsB,GACtB,wBAAwB,GACxB,iBAAiB,GACjB,iBAAiB,GACjB,gBAAgB,CACnB;IACD,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAEhD,yCAAyC;IACzC,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAEpC,uDAAuD;IACvD,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IAEzC;;OAEG;IACH,mBAAmB,CAAC,EAAE,cAAc,CAAC;CACtC;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,WAAW,EAAE,iBAAiB,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAIF,MAAM,WAAW,oBAAoB,CACnC,IAAI,EACJ,WAAW,EACX,IAAI,SAAS,MAAM,GAAG,MAAM,CAC5B,SAAQ,IAAI,CACV,qBAAqB,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,EAC5C,MAAM,GACN,aAAa,GACb,qBAAqB,GACrB,qBAAqB,GACrB,YAAY,GACZ,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,sBAAsB,GACtB,wBAAwB,GACxB,UAAU,GACV,kBAAkB,GAClB,iBAAiB,GACjB,iBAAiB,GACjB,gBAAgB,CACnB;IACD,uDAAuD;IACvD,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;OAEG;IACH,mBAAmB,CAAC,EAAE,cAAc,CAAC;IACrC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,WAAW,EAAE,CAAC;IACxD,qBAAqB,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAC3E,oBAAoB,EAAE,CACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,KACd,IAAI,CAAC;IACV,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;IACnD,YAAY,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,sBAAsB,EAAE,MAAM,CAAC;IAC/B,gBAAgB,EAAE,MAAM,CAAC;IACzB,uBAAuB,EAAE,iBAAiB,CAAC;IAC3C,mBAAmB,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,CACZ,aAAa,GACb,YAAY,GACZ,cAAc,GACd,UAAU,GACV,eAAe,GACf,kBAAkB,GAClB,oBAAoB,EACtB,MAAM,CACP,CAAC;IACF,IAAI,EAAE,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;IACvC,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;CACpE"}

package/components/datagrids/dictionary.d.ts

@@ -39,6 +39,7 @@ export declare const DICTIONARY: {
     REMOVE_GROUP_COLUMN: string;
     VIEW_MODE_TABLE: string;
     VIEW_MODE_CARDS: string;
+    VIEW_MODE_LIST_CARDS: string;
     TOOLTIP_VIEW_MODE: string;
     TOOLTIP_EXPORT: string;
     DETAILS: string;

package/components/datagrids/dictionary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/datagrids/dictionary.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,cAAc,CAAC;AAElD;;GAEG;AACH,wBAAgB,+BAA+B,aAK9C;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCtB,CAAC"}
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/datagrids/dictionary.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,cAAc,CAAC;AAElD;;GAEG;AACH,wBAAgB,+BAA+B,aAK9C;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CtB,CAAC"}

package/components/datagrids/dictionary.js

@@ -40,6 +40,7 @@ const I = {
   REMOVE_GROUP_COLUMN: `${_}.remove_group_column`,
   VIEW_MODE_TABLE: `${_}.view_mode_table`,
   VIEW_MODE_CARDS: `${_}.view_mode_cards`,
+  VIEW_MODE_LIST_CARDS: `${_}.view_mode_list_cards`,
   TOOLTIP_VIEW_MODE: `${_}.tooltip_view_mode`,
   TOOLTIP_EXPORT: `${_}.tooltip_export`,
   DETAILS: `${_}.details`,

package/components/datagrids/formatters/ColumnImageFormatter/ImageFormatterCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageFormatterCell.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnImageFormatter/ImageFormatterCell.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGlD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE;IAC9C,cAAc,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IACtC,UAAU,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;IAC1D,SAAS,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;CAClD,oDA4CA"}
+{"version":3,"file":"ImageFormatterCell.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnImageFormatter/ImageFormatterCell.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGlD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE;IAC9C,cAAc,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IACtC,UAAU,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;IAC1D,SAAS,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnD,KAAK,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;CAClD,oDAuCA"}