@m4l/components 9.49.0 → 9.50.0

package/components/CheckableList/hooks/useCheckableListRender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckableListRender.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/CheckableList/hooks/useCheckableListRender.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useCheckableListRender.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/CheckableList/hooks/useCheckableListRender.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,6BAA6B,EAC7B,2BAA2B,EAC5B,MAAM,UAAU,CAAC;AAoBlB,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,kBAAkB,CAAC;IAC1B,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IACzC,OAAO,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC7C,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC;IACzC,cAAc,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,2BAA2B;IACnC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC9C,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAClC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,6BAA6B,KAAK,KAAK,CAAC,SAAS,CAAC;IACxE,cAAc,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACrC,oBAAoB,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,OAAO,CAAC;IAC7D,wBAAwB,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,OAAO,CAAC;IACjE,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,iBAAiB,EAAE,CAAC;IAClE,qBAAqB,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IACvD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,8BAA8B,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uBAAuB,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5D,iBAAiB,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACxD;AAED;;GAEG;AACH,UAAU,4BAA4B;IACpC,iBAAiB,EAAE,CACjB,IAAI,EAAE,iBAAiB,EACvB,KAAK,EAAE,MAAM,KACV,KAAK,CAAC,SAAS,CAAC;IACrB,kBAAkB,EAAE,CAClB,KAAK,EAAE,kBAAkB,EACzB,KAAK,EAAE,MAAM,KACV,KAAK,CAAC,SAAS,CAAC;IACrB,qBAAqB,EAAE,CACrB,MAAM,EAAE,2BAA2B,KAChC,KAAK,CAAC,SAAS,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,yRAkBpC,2BAA2B,KAAG,4BAgOhC,CAAC"}

package/components/CheckableList/hooks/useCheckableListRender.js

@@ -1,15 +1,15 @@
-import { jsxs as p, Fragment as v, jsx as o } from "@emotion/react/jsx-runtime";
+import { jsxs as i, Fragment as F, jsx as r } from "@emotion/react/jsx-runtime";
 import { useCallback as $ } from "react";
-import { useEnvironment as F } from "@m4l/core";
+import { useEnvironment as J } from "@m4l/core";
 import { ICONS as g } from "../icons.js";
-import { ItemLabelTypografyStyled as J, ItemDescriptionTypografyStyled as K, ItemWrapperStyled as Q, ItemCheckboxStyled as U, ItemIconStyled as Y, ItemContentWrapperStyled as Z, GroupLabelCountWrapperStyled as z, GroupLabelTypografyStyled as ee, ChipCountTypografyStyled as te, GroupWrapperStyled as ne, GroupHeaderStyled as oe, GroupCheckboxStyled as le, GroupIconStyled as re, GroupToggleButtonStyled as ae } from "../slots/styled.js";
-const ue = ({
-  isItemSelected: u,
+import { ItemLabelTypografyStyled as K, ItemDescriptionTypografyStyled as Q, ItemWrapperStyled as U, ItemCheckboxStyled as Y, ItemIconStyled as Z, ItemContentWrapperStyled as v, GroupLabelCountWrapperStyled as z, GroupLabelTypografyStyled as ee, ChipCountTypografyStyled as te, GroupWrapperStyled as ne, GroupHeaderStyled as oe, GroupCheckboxStyled as le, GroupIconStyled as re, GroupToggleButtonStyled as ae } from "../slots/styled.js";
+const be = ({
+  isItemSelected: p,
   disabled: b = !1,
-  size: n = "medium",
+  size: o = "medium",
   variant: l = "standard",
-  checkboxSize: m = "medium",
-  handleItemToggle: h,
+  checkboxSize: u = "medium",
+  handleItemToggle: C,
   renderItem: x,
   expandedGroups: E,
   isGroupFullySelected: L,
@@ -22,30 +22,30 @@ const ue = ({
   handleGroupExpandToggle: G,
   handleGroupToggle: A
 }) => {
-  const { host_static_assets: y, environment_assets: C } = F(), B = `${y}/${C}/frontend/components/checkable_list/assets/icons/${g.EXPANDED_LIST}`, N = `${y}/${C}/frontend/components/checkable_list/assets/icons/${g.COMPACT_LIST}`, H = `${y}/${C}/frontend/components/checkable_list/assets/icons/${g.SEARCH}`, M = `${y}/${C}/frontend/components/no_item_selected/assets/icons/no_selected.svg`, S = $(
-    (e, i) => {
-      const r = u(e.id), t = !!(b || e.disabled), a = x?.({
+  const { host_static_assets: y, environment_assets: m } = J(), B = `${y}/${m}/frontend/components/checkable_list/assets/icons/${g.EXPANDED_LIST}`, N = `${y}/${m}/frontend/components/checkable_list/assets/icons/${g.COMPACT_LIST}`, H = `${y}/${m}/frontend/components/checkable_list/assets/icons/${g.SEARCH}`, M = `${y}/${m}/frontend/components/no_item_selected/assets/icons/no_selected.svg`, h = $(
+    (e, c) => {
+      const n = p(e.id), t = !!(b || e.disabled), k = x?.({
         item: e,
-        checked: r,
-        index: i,
+        checked: n,
+        index: c,
         disabled: t,
-        size: n,
+        size: o,
         variant: l
-      }), I = /* @__PURE__ */ p(v, { children: [
-        /* @__PURE__ */ o(
-          J,
+      }), I = /* @__PURE__ */ i(F, { children: [
+        /* @__PURE__ */ r(
+          K,
           {
-            ownerState: { size: n, variant: l, disabled: t },
+            ownerState: { size: o, variant: l, disabled: t },
             variant: "bodyStandard",
             color: "text.primary",
             disabled: t,
             children: e.label
           }
         ),
-        e.description && /* @__PURE__ */ o(
-          K,
+        e.description && /* @__PURE__ */ r(
+          Q,
           {
-            ownerState: { size: n, variant: l },
+            ownerState: { size: o, variant: l },
             variant: "bodyStandard",
             color: "text.secondary",
             disabled: t,
@@ -53,126 +53,126 @@ const ue = ({
           }
         )
       ] });
-      return /* @__PURE__ */ p(
-        Q,
+      return /* @__PURE__ */ i(
+        U,
         {
-          ownerState: { size: n, variant: l, disabled: t, selected: r },
+          ownerState: { size: o, variant: l, disabled: t, selected: n },
           role: "option",
           "aria-label": "item",
-          "aria-selected": r,
+          "aria-selected": n,
           "aria-disabled": t,
-          onClick: () => !t && h(e.id),
+          onClick: () => !t && C(e.id),
           children: [
-            /* @__PURE__ */ o(
-              U,
+            /* @__PURE__ */ r(
+              Y,
               {
-                checked: r,
+                checked: n,
                 disabled: t,
-                size: m,
-                onChange: (d) => {
-                  d.stopPropagation(), h(e.id);
+                size: u,
+                onChange: (a) => {
+                  a.stopPropagation(), C(e.id);
                 },
-                onClick: (d) => d.stopPropagation()
+                onClick: (a) => a.stopPropagation()
               }
             ),
-            e.icon && /* @__PURE__ */ o(Y, { children: e.icon }),
-            /* @__PURE__ */ o(Z, { children: a ?? I })
+            e.icon && /* @__PURE__ */ r(Z, { children: e.icon }),
+            /* @__PURE__ */ r(v, { children: k ?? I })
           ]
         }
       );
     },
     [
-      u,
+      p,
       b,
       x,
-      n,
+      o,
       l,
-      m,
-      h
+      u,
+      C
     ]
-  ), k = $(
-    (e, i) => {
-      const r = E.has(e.id), t = !!(b || e.disabled), a = L(e), I = T(e), d = w(e);
-      let c = !1;
-      a ? c = !0 : I && D === "indicate-some" && (c = "indeterminate");
-      const _ = (s) => {
-        s.stopPropagation(), !(t || !f) && G(e.id);
-      }, R = (s) => {
-        s.stopPropagation(), A(e);
-      }, j = d.filter(
-        (s) => u(s.id)
+  ), S = $(
+    (e, c) => {
+      const n = E.has(e.id), t = !!(b || e.disabled), k = L(e), I = T(e), a = w(e);
+      let s = !1;
+      k ? s = !0 : I && D === "indicate-some" && (s = "indeterminate");
+      const _ = (d) => {
+        d.stopPropagation(), !(t || !f) && G(e.id);
+      }, R = (d) => {
+        d.stopPropagation(), A(e);
+      }, j = a.filter(
+        (d) => p(d.id)
       ).length, V = P?.({
         group: e,
-        items: d,
-        index: i,
-        expanded: r,
+        items: a,
+        index: c,
+        expanded: n,
         disabled: t,
-        size: n,
+        size: o,
         variant: l,
-        checkboxState: c,
+        checkboxState: s,
         onToggleExpand: _,
         onToggleGroup: R,
         selectedCount: j,
-        totalCount: d.length
-      }), X = /* @__PURE__ */ p(z, { children: [
-        /* @__PURE__ */ o(
+        totalCount: a.length
+      }), X = /* @__PURE__ */ i(z, { children: [
+        /* @__PURE__ */ r(
           ee,
           {
-            ownerState: { size: n, variant: l, disabled: t },
+            ownerState: { size: o, variant: l, disabled: t },
             ellipsis: !0,
             variant: "captionDens",
             children: e.label
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ i(
           te,
           {
-            ownerState: { size: n, variant: l, disabled: t, color: e.color },
+            ownerState: { size: o, variant: l, disabled: t, color: e.color },
             children: [
               j,
               "/",
-              d.length
+              a.length
             ]
           }
         )
       ] }), q = V ?? X;
       return (
         // eslint-disable-next-line jsx-a11y/role-supports-aria-props
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ r(
           ne,
           {
-            ownerState: { size: n, variant: l, grouped: !0, selected: c === !0 },
+            ownerState: { size: o, variant: l, grouped: !0, selected: s === !0 },
             role: "group",
             "aria-label": e.label,
-            "aria-expanded": r,
+            "aria-expanded": n,
             "aria-disabled": t,
-            children: /* @__PURE__ */ p(
+            children: /* @__PURE__ */ i(
               oe,
               {
-                ownerState: { size: n, variant: l, disabled: t },
+                ownerState: { size: o, variant: l, disabled: t },
                 onClick: _,
                 children: [
-                  W && /* @__PURE__ */ o(
+                  W && /* @__PURE__ */ r(
                     le,
                     {
-                      checked: c === !0,
-                      indeterminate: c === "indeterminate",
+                      checked: s === !0,
+                      indeterminate: s === "indeterminate",
                       disabled: t,
-                      size: m,
+                      size: u,
                       onChange: R,
-                      onClick: (s) => s.stopPropagation()
+                      onClick: (d) => d.stopPropagation()
                     }
                   ),
-                  e.icon && /* @__PURE__ */ o(re, { children: e.icon }),
-                  /* @__PURE__ */ o("div", { style: { flex: 1, minWidth: 0 }, children: q }),
-                  f && /* @__PURE__ */ o(
+                  e.icon && /* @__PURE__ */ r(re, { children: e.icon }),
+                  /* @__PURE__ */ r("div", { style: { flex: 1, minWidth: 0 }, children: q }),
+                  f && /* @__PURE__ */ r(
                     ae,
                     {
-                      size: n,
+                      size: o,
                       variant: "text",
-                      icon: r ? N : B,
+                      icon: n ? N : B,
                       onClick: _,
-                      "aria-label": r ? "Colapsar grupo" : "Expandir grupo"
+                      "aria-label": n ? "Colapsar grupo" : "Expandir grupo"
                     }
                   )
                 ]
@@ -182,27 +182,22 @@ const ue = ({
         )
       );
     },
-    [E, b, L, T, w, D, P, n, l, W, m, f, N, B, G, A, u]
+    [E, b, L, T, w, D, P, o, l, W, u, f, N, B, G, A, p]
   ), O = $(
-    ({ index: e, style: i, data: r }) => {
-      const a = r[e];
-      return a ? (
-        /**
-         * Sobre este div React-Window aplica los estilos de posicionamiento y tamaño.
-         */
-        /* @__PURE__ */ o("div", { style: i, children: a.type === "group" ? k(a.data, e) : S(a.data, e) })
-      ) : null;
+    ({ index: e, virtualizedItems: c }) => {
+      const n = c[e];
+      return n ? n.type === "group" ? S(n.data, e) : h(n.data, e) : null;
     },
-    [k, S]
+    [S, h]
   );
   return {
-    renderItemContent: S,
-    renderGroupContent: k,
+    renderItemContent: h,
+    renderGroupContent: S,
     renderVirtualizedItem: O,
     urlIconSearch: H,
     urlIconNoResults: M
   };
 };
 export {
-  ue as useCheckableListRender
+  be as useCheckableListRender
 };

package/components/CheckableList/hooks/useCheckableListVirtualization.d.ts

@@ -1,15 +1,27 @@
+import { RefObject } from 'react';
 import { VirtualizedItem } from '../types';
 interface UseCheckableListVirtualizationProps {
     virtualizedItems: VirtualizedItem[];
     itemHeights: Map<number, number>;
     defaultItemRowHeight?: number;
     defaultGroupRowHeight?: number;
+    /**
+     * Referencia al elemento scrolleable que observa TanStack Virtual.
+     */
+    scrollElementRef: RefObject<HTMLDivElement | null>;
 }
 /**
- * Hook para manejar la virtualización de items
+ * Hook para manejar la virtualización de items con TanStack Virtual.
+ *
+ * `getItemSize` aporta la altura estimada de cada fila y TanStack la corrige con la medición
+ * real del DOM (`measureElement` + `ResizeObserver`), de modo que una fila puede crecer si su
+ * contenido lo requiere.
  */
-export declare const useCheckableListVirtualization: ({ virtualizedItems, itemHeights, defaultItemRowHeight, defaultGroupRowHeight, }: UseCheckableListVirtualizationProps) => {
+export declare const useCheckableListVirtualization: ({ virtualizedItems, itemHeights, defaultItemRowHeight, defaultGroupRowHeight, scrollElementRef, }: UseCheckableListVirtualizationProps) => {
     getItemSize: (index: number) => number;
+    virtualizer: import('@tanstack/virtual-core').Virtualizer<HTMLDivElement, Element>;
+    virtualItems: import('@tanstack/virtual-core').VirtualItem[];
+    totalSize: number;
 };
 export {};
 //# sourceMappingURL=useCheckableListVirtualization.d.ts.map

package/components/CheckableList/hooks/useCheckableListVirtualization.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckableListVirtualization.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/CheckableList/hooks/useCheckableListVirtualization.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAqB,MAAM,UAAU,CAAC;AAG9D,UAAU,mCAAmC;IAC3C,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED;;GAEG;AACH,eAAO,MAAM,8BAA8B,GAAI,iFAK5C,mCAAmC;yBAG1B,MAAM;CAiCjB,CAAC"}
+{"version":3,"file":"useCheckableListVirtualization.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/CheckableList/hooks/useCheckableListVirtualization.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,eAAe,EAAqB,MAAM,UAAU,CAAC;AAG9D,UAAU,mCAAmC;IAC3C,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,gBAAgB,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACpD;AAED;;;;;;GAMG;AACH,eAAO,MAAM,8BAA8B,GAAI,mGAM5C,mCAAmC;yBAG1B,MAAM;;;;CA2CjB,CAAC"}

package/components/CheckableList/hooks/useCheckableListVirtualization.js

@@ -1,35 +1,48 @@
-import { useCallback as s } from "react";
-import { CHECKABLE_LIST_DEFAULT_ITEM_ROW_HEIGHT as c, CHECKABLE_LIST_DEFAULT_GROUP_ROW_HEIGHT as I, CHECKABLE_LIST_DEFAULT_ITEM_ROW_HEIGHT_WITH_DESCRIPTION as L } from "../constants.js";
-const u = ({
-  virtualizedItems: _,
-  itemHeights: n,
+import { useCallback as a } from "react";
+import { useVirtualizer as u } from "@tanstack/react-virtual";
+import { CHECKABLE_LIST_DEFAULT_ITEM_ROW_HEIGHT as T, CHECKABLE_LIST_DEFAULT_GROUP_ROW_HEIGHT as C, CHECKABLE_LIST_DEFAULT_ITEM_ROW_HEIGHT_WITH_DESCRIPTION as S, CHECKABLE_LIST_VIRTUALIZER_OVERSCAN as l } from "../constants.js";
+const p = ({
+  virtualizedItems: t,
+  itemHeights: i,
   defaultItemRowHeight: r,
-  defaultGroupRowHeight: o
-}) => ({
-  getItemSize: s(
-    (E) => {
-      const T = n.get(E);
-      if (T)
-        return T;
-      const t = _[E];
-      if (!t)
-        return r ?? c;
-      if (t.type === "group")
-        return o ?? I;
-      const e = t.data;
-      if (typeof e.rowHeight == "number")
-        return e.rowHeight;
-      const i = !!e.description;
-      return r ?? (i ? L : c);
+  defaultGroupRowHeight: E,
+  scrollElementRef: I
+}) => {
+  const _ = a(
+    (c) => {
+      const s = i.get(c);
+      if (s)
+        return s;
+      const o = t[c];
+      if (!o)
+        return r ?? T;
+      if (o.type === "group")
+        return E ?? C;
+      const n = o.data;
+      if (typeof n.rowHeight == "number")
+        return n.rowHeight;
+      const L = !!n.description;
+      return r ?? (L ? S : T);
     },
     [
-      _,
-      n,
+      t,
+      i,
       r,
-      o
+      E
     ]
-  )
-});
+  ), e = u({
+    count: t.length,
+    getScrollElement: () => I.current,
+    estimateSize: _,
+    overscan: l
+  });
+  return {
+    getItemSize: _,
+    virtualizer: e,
+    virtualItems: e.getVirtualItems(),
+    totalSize: e.getTotalSize()
+  };
+};
 export {
-  u as useCheckableListVirtualization
+  p as useCheckableListVirtualization
 };

package/components/CheckableList/slots/slots.d.ts

@@ -6,6 +6,8 @@ export declare enum CheckableListSlots {
     selectAllCheckbox = "selectAllCheckbox",
     listContainer = "listContainer",
     virtualizedList = "virtualizedList",
+    virtualContainer = "virtualContainer",
+    virtualRow = "virtualRow",
     itemWrapper = "itemWrapper",
     itemCheckbox = "itemCheckbox",
     itemContentWrapper = "itemContentWrapper",

package/components/CheckableList/slots/slots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/CheckableList/slots/slots.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,eAAe,oBAAoB;IACnC,WAAW,gBAAgB;IAC3B,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,aAAa,kBAAkB;IAC/B,eAAe,oBAAoB;IACnC,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,kBAAkB,uBAAsB;IACxC,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,QAAQ,aAAa;IACrB,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAE/B,sBAAsB,2BAA2B;IACjD,UAAU,eAAe;IACzB,SAAS,cAAY;IAGrB,SAAS,cAAc;IACvB,iBAAiB,sBAAsB;IACvC,UAAU,eAAe;IACzB,mBAAmB,wBAAwB;IAC3C,gBAAgB,qBAAqB;CACtC"}
+{"version":3,"file":"slots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/CheckableList/slots/slots.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,eAAe,oBAAoB;IACnC,WAAW,gBAAgB;IAC3B,kBAAkB,uBAAuB;IACzC,iBAAiB,sBAAsB;IACvC,aAAa,kBAAkB;IAC/B,eAAe,oBAAoB;IACnC,gBAAgB,qBAAqB;IACrC,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,kBAAkB,uBAAsB;IACxC,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,QAAQ,aAAa;IACrB,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAE/B,sBAAsB,2BAA2B;IACjD,UAAU,eAAe;IACzB,SAAS,cAAY;IAGrB,SAAS,cAAc;IACvB,iBAAiB,sBAAsB;IACvC,UAAU,eAAe;IACzB,mBAAmB,wBAAwB;IAC3C,gBAAgB,qBAAqB;CACtC"}

package/components/CheckableList/slots/slots.js

@@ -1,4 +1,4 @@
-var p = /* @__PURE__ */ ((r) => (r.root = "root", r.searchContainer = "searchContainer", r.searchInput = "searchInput", r.selectAllContainer = "selectAllContainer", r.selectAllCheckbox = "selectAllCheckbox", r.listContainer = "listContainer", r.virtualizedList = "virtualizedList", r.itemWrapper = "itemWrapper", r.itemCheckbox = "itemCheckbox", r.itemContentWrapper = "itemContentWrapper", r.itemLabel = "itemLabel", r.itemDescription = "itemDescription", r.itemIcon = "itemIcon", r.groupWrapper = "groupWrapper", r.groupHeader = "groupHeader", r.groupCheckbox = "groupCheckbox", r.groupLabelCountWrapper = "groupLabelCountWrapper", r.groupLabel = "groupLabel", r.chipCount = "chipCount", r.groupIcon = "groupIcon", r.groupToggleButton = "groupToggleButton", r.groupItems = "groupItems", r.emptyMessageWrapper = "emptyMessageWrapper", r.loadingContainer = "loadingContainer", r))(p || {});
+var p = /* @__PURE__ */ ((r) => (r.root = "root", r.searchContainer = "searchContainer", r.searchInput = "searchInput", r.selectAllContainer = "selectAllContainer", r.selectAllCheckbox = "selectAllCheckbox", r.listContainer = "listContainer", r.virtualizedList = "virtualizedList", r.virtualContainer = "virtualContainer", r.virtualRow = "virtualRow", r.itemWrapper = "itemWrapper", r.itemCheckbox = "itemCheckbox", r.itemContentWrapper = "itemContentWrapper", r.itemLabel = "itemLabel", r.itemDescription = "itemDescription", r.itemIcon = "itemIcon", r.groupWrapper = "groupWrapper", r.groupHeader = "groupHeader", r.groupCheckbox = "groupCheckbox", r.groupLabelCountWrapper = "groupLabelCountWrapper", r.groupLabel = "groupLabel", r.chipCount = "chipCount", r.groupIcon = "groupIcon", r.groupToggleButton = "groupToggleButton", r.groupItems = "groupItems", r.emptyMessageWrapper = "emptyMessageWrapper", r.loadingContainer = "loadingContainer", r))(p || {});
 export {
   p as CheckableListSlots
 };

package/components/CheckableList/slots/styled.d.ts

@@ -16,9 +16,15 @@ export declare const SelectAllCheckboxStyled: import('@emotion/styled').StyledCo
 export declare const ListContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('..').CheckableListOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const VirtualizedListStyled: import('@emotion/styled').StyledComponent<Pick<import('../../extended/React-Window/VariableSizeList/types').VariableSizeListProps & import('react').RefAttributes<import('react-window').VariableSizeList<any>>, keyof import('../../extended/React-Window/VariableSizeList/types').VariableSizeListProps | keyof import('react').RefAttributes<import('react-window').VariableSizeList<any>>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+export declare const VirtualizedListStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('..').CheckableListOwnerState> & Record<string, unknown>) | undefined;
-}, {}, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const VirtualContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').CheckableListOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const VirtualRowStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('..').CheckableListOwnerState> & Record<string, unknown>) | undefined;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const ItemWrapperStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('..').CheckableListOwnerState> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/components/CheckableList/slots/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/CheckableList/slots/styled.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,UAAU;;6NAGM,CAAC;AAE9B,eAAO,MAAM,qBAAqB;;6NAGM,CAAC;AAEzC,eAAO,MAAM,iBAAiB;;UAGM,CAAC;AAErC,eAAO,MAAM,wBAAwB;;6NAGM,CAAC;AAE5C,eAAO,MAAM,uBAAuB;;UAGM,CAAC;AAE3C,eAAO,MAAM,mBAAmB;;6NAGM,CAAC;AAEvC,eAAO,MAAM,qBAAqB;;UAGM,CAAC;AAEzC,eAAO,MAAM,iBAAiB;;6NAGM,CAAC;AAErC,eAAO,MAAM,kBAAkB;;UAGM,CAAC;AAEtC,eAAO,MAAM,wBAAwB;;6NAGM,CAAC;AAE5C,eAAO,MAAM,wBAAwB;;UAGH,CAAC;AAEnC,eAAO,MAAM,8BAA8B;;UAGH,CAAC;AAEzC,eAAO,MAAM,cAAc;;6NAGM,CAAC;AAElC,eAAO,MAAM,kBAAkB;;6NAGM,CAAC;AAEtC,eAAO,MAAM,iBAAiB;;6NAGM,CAAC;AAErC,eAAO,MAAM,mBAAmB;;UAGM,CAAC;AAEvC,eAAO,MAAM,4BAA4B;;6NAGM,CAAC;AAEhD,eAAO,MAAM,yBAAyB;;UAGH,CAAC;AAEpC,eAAO,MAAM,wBAAwB;;UAGH,CAAC;AAEnC,eAAO,MAAM,eAAe;;6NAGM,CAAC;AAEnC,eAAO,MAAM,uBAAuB;;UAGM,CAAC;AAE3C,eAAO,MAAM,gBAAgB;;6NAGM,CAAC;AAEpC,eAAO,MAAM,yBAAyB;;6NAGM,CAAC;AAE7C,eAAO,MAAM,sBAAsB;;6NAGM,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/CheckableList/slots/styled.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU;;6NAGM,CAAC;AAE9B,eAAO,MAAM,qBAAqB;;6NAGM,CAAC;AAEzC,eAAO,MAAM,iBAAiB;;UAGM,CAAC;AAErC,eAAO,MAAM,wBAAwB;;6NAGM,CAAC;AAE5C,eAAO,MAAM,uBAAuB;;UAGM,CAAC;AAE3C,eAAO,MAAM,mBAAmB;;6NAGM,CAAC;AAEvC,eAAO,MAAM,qBAAqB;;6NAGM,CAAC;AAEzC,eAAO,MAAM,sBAAsB;;6NAGM,CAAC;AAE1C,eAAO,MAAM,gBAAgB;;6NAGM,CAAC;AAEpC,eAAO,MAAM,iBAAiB;;6NAGM,CAAC;AAErC,eAAO,MAAM,kBAAkB;;UAGM,CAAC;AAEtC,eAAO,MAAM,wBAAwB;;6NAGM,CAAC;AAE5C,eAAO,MAAM,wBAAwB;;UAGH,CAAC;AAEnC,eAAO,MAAM,8BAA8B;;UAGH,CAAC;AAEzC,eAAO,MAAM,cAAc;;6NAGM,CAAC;AAElC,eAAO,MAAM,kBAAkB;;6NAGM,CAAC;AAEtC,eAAO,MAAM,iBAAiB;;6NAGM,CAAC;AAErC,eAAO,MAAM,mBAAmB;;UAGM,CAAC;AAEvC,eAAO,MAAM,4BAA4B;;6NAGM,CAAC;AAEhD,eAAO,MAAM,yBAAyB;;UAGH,CAAC;AAEpC,eAAO,MAAM,wBAAwB;;UAGH,CAAC;AAEnC,eAAO,MAAM,eAAe;;6NAGM,CAAC;AAEnC,eAAO,MAAM,uBAAuB;;UAGM,CAAC;AAE3C,eAAO,MAAM,gBAAgB;;6NAGM,CAAC;AAEpC,eAAO,MAAM,yBAAyB;;6NAGM,CAAC;AAE7C,eAAO,MAAM,sBAAsB;;6NAGM,CAAC"}