impact-nova 2.4.0 → 2.5.1

package/dist/components/data/data-table/data-table-column-list.js

@@ -1,4 +1,4 @@
-import { jsxs as _, jsx as l } from "react/jsx-runtime";
+import { jsxs as _, jsx as n } from "react/jsx-runtime";
 import { useRef as y, useState as F, useMemo as O, useCallback as i } from "react";
 import { useDataTable as E } from "./data-table-context.js";
 import { useDataTableSheet as z } from "./data-table-sheet-context.js";
@@ -7,16 +7,16 @@ import { SelectionMode as R } from "../nested-list/nested-list.types.js";
 import { useImpactNovaI18n as k } from "../../../i18n/use-impact-nova-i18n.js";
 import { countNestedListLeaves as M, buildCollapsedStateForAllGroups as j } from "../nested-list/nested-list-tree-utils.js";
 import { PinSwitch as G } from "./pin-switch.js";
-import { ColumnIndicator as d } from "./column-indicator.js";
+import { ColumnIndicator as m } from "./column-indicator.js";
 import { IndicatorLegend as H } from "./indicator-legend.js";
 import { useDataTableColumnListSync as U } from "./use-data-table-column-list-sync.js";
-const W = 100, le = ({
+const W = 100, ne = ({
   enableApplyDiscard: o = !1,
-  showSearch: m = !0,
+  showSearch: d = !0,
   showSelectAll: p = !0,
   showCollapse: f = !0
 }) => {
-  const { gridApi: h } = E(), { open: C } = z(), { t: r } = k(), b = y({}), [n, S] = F({}), {
+  const { gridApi: h } = E(), { open: C } = z(), { t: r } = k(), b = y({}), [l, S] = F({}), {
     items: a,
     isReady: L,
     externalSyncKey: g,
@@ -29,7 +29,7 @@ const W = 100, le = ({
     frozenColumnsLabel: r("dataTable.frozenColumns"),
     scrollableColumnsLabel: r("dataTable.scrollableColumns"),
     isSyncActive: C
-  }), I = O(() => Object.keys(n).length > 0 || a.length === 0 || M(a) <= W ? n : j(a), [n, a]), x = i(
+  }), x = O(() => Object.keys(l).length > 0 || a.length === 0 || M(a) <= W ? l : j(a), [l, a]), I = i(
     (e) => {
       c(e, o);
     },
@@ -39,15 +39,15 @@ const W = 100, le = ({
       if (!s.isLeaf) return null;
       const t = e.data;
       return !t?.hasSortApplied && !t?.hasFilterApplied ? null : /* @__PURE__ */ _("span", { className: "inline-flex items-center gap-1 shrink-0", children: [
-        t?.hasSortApplied && /* @__PURE__ */ l(d, { type: "sort" }),
-        t?.hasFilterApplied && /* @__PURE__ */ l(d, { type: "filter" })
+        t?.hasSortApplied && /* @__PURE__ */ n(m, { type: "sort" }),
+        t?.hasFilterApplied && /* @__PURE__ */ n(m, { type: "filter" })
       ] });
     },
     []
   ), v = i(
     (e, s) => {
       const t = e.data;
-      return e.category === "structure" ? e.id !== "root-frozen" ? null : /* @__PURE__ */ l(H, {}) : !s.isLeaf || !(t?.pinned === "left" || t?.pinned === "right") ? null : /* @__PURE__ */ l(
+      return e.category === "structure" ? e.id !== "root-frozen" ? null : /* @__PURE__ */ n(H, {}) : !s.isLeaf || !(t?.pinned === "left" || t?.pinned === "right") ? null : /* @__PURE__ */ n(
         G,
         {
           value: t?.pinned ?? null,
@@ -58,31 +58,31 @@ const W = 100, le = ({
     },
     [u]
   );
-  return L ? /* @__PURE__ */ l("div", { ref: A, className: "flex flex-col h-full bg-canvas-elevated", children: /* @__PURE__ */ l(
+  return L ? /* @__PURE__ */ n("div", { ref: A, className: "flex flex-col flex-1 min-h-0 bg-canvas-elevated", children: /* @__PURE__ */ n(
     P,
     {
       items: a,
-      onChange: x,
+      onChange: I,
       onSubmit: T,
       renderLabelExtras: N,
       renderActions: v,
       enableApplyDiscard: o,
-      enableSearch: m,
+      enableSearch: d,
       enableSelectAll: p,
       enableDragDrop: !0,
       enableCollapse: !0,
       enableGlobalCollapse: f,
       selectionMode: R.CASCADE_DOWN,
       searchPlaceholder: r("dataTable.searchColumnsPlaceholder"),
-      className: "h-full",
-      initialCollapsedItems: I,
+      className: "flex-1 min-h-0",
+      initialCollapsedItems: x,
       onCollapseChange: (e) => {
         b.current = e, S(e);
       }
     },
     `data-table-column-list-${g}`
-  ) }) : /* @__PURE__ */ l("div", { className: "p-4 text-[13px] text-content-placeholder", children: r("dataTable.loadingColumns") });
+  ) }) : /* @__PURE__ */ n("div", { className: "p-4 text-[13px] text-content-placeholder", children: r("dataTable.loadingColumns") });
 };
 export {
-  le as DataTableColumnList
+  ne as DataTableColumnList
 };

package/dist/components/data/data-table/data-table-sheet-layout.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { Tabs, TabsContent, TabsList } from '../../primitives/tabs/tabs';
+/** Flex body below `DataTableSheetHeader` — establishes the sheet scroll height chain. */
+export declare const DataTableSheetBody: ({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+/** Non-scrolling chrome row (saved views, filters summary, etc.). */
+export declare const DataTableSheetSection: ({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export type DataTableSheetTabsProps = React.ComponentPropsWithoutRef<typeof Tabs>;
+/** Tabs root with flex + overflow defaults for sheet settings panels. */
+export declare const DataTableSheetTabs: ({ className, ...rest }: DataTableSheetTabsProps) => import("react/jsx-runtime").JSX.Element;
+export type DataTableSheetTabsListProps = React.ComponentPropsWithoutRef<typeof TabsList>;
+export declare const DataTableSheetTabsList: ({ className, ...rest }: DataTableSheetTabsListProps) => import("react/jsx-runtime").JSX.Element;
+export type DataTableSheetTabPanelLayout = "list" | "scroll";
+export type DataTableSheetTabPanelProps = React.ComponentPropsWithoutRef<typeof TabsContent> & {
+    /**
+     * `list` — NestedList / column tree scrolls internally; search stays fixed.
+     * `scroll` — panel body scrolls (format options, filter forms).
+     */
+    layout?: DataTableSheetTabPanelLayout;
+};
+export declare const DataTableSheetTabPanel: ({ layout, className, children, ...rest }: DataTableSheetTabPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/data-table/data-table-sheet-layout.js

@@ -0,0 +1,71 @@
+import { jsx as l } from "react/jsx-runtime";
+import "react";
+import { TabsContent as i, Tabs as T, TabsList as c } from "../../primitives/tabs/tabs.js";
+import { cn as t } from "../../../lib/utils.js";
+const r = ({
+  children: a,
+  className: e
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    "data-slot": "data-table-sheet-body",
+    className: t("flex flex-col flex-1 min-h-0 overflow-hidden", e),
+    children: a
+  }
+), _ = ({
+  children: a,
+  className: e
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    "data-slot": "data-table-sheet-section",
+    className: t("shrink-0", e),
+    children: a
+  }
+), x = ({
+  className: a,
+  ...e
+}) => /* @__PURE__ */ l(
+  T,
+  {
+    "data-slot": "data-table-sheet-tabs",
+    className: t(
+      "flex flex-1 min-h-0 w-full flex-col overflow-hidden",
+      a
+    ),
+    ...e
+  }
+), E = ({
+  className: a,
+  ...e
+}) => /* @__PURE__ */ l(c, { className: t("shrink-0", a), ...e }), o = "mt-0 flex-1 min-h-0 data-[state=inactive]:hidden", d = t(
+  o,
+  "flex flex-col overflow-hidden"
+), f = t(
+  o,
+  "overflow-y-auto"
+), S = ({
+  layout: a = "scroll",
+  className: e,
+  children: s,
+  ...n
+}) => /* @__PURE__ */ l(
+  i,
+  {
+    "data-slot": "data-table-sheet-tab-panel",
+    "data-layout": a,
+    className: t(
+      a === "list" ? d : f,
+      e
+    ),
+    ...n,
+    children: a === "list" ? /* @__PURE__ */ l("div", { className: "flex flex-1 min-h-0 flex-col", children: s }) : s
+  }
+);
+export {
+  r as DataTableSheetBody,
+  _ as DataTableSheetSection,
+  S as DataTableSheetTabPanel,
+  x as DataTableSheetTabs,
+  E as DataTableSheetTabsList
+};

package/dist/components/data/data-table/data-table-sheet.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
 import { DataTableSheetProps } from './data-table.types';
 export type { DataTableSheetProps } from './data-table.types';
+export { DataTableSheetBody, DataTableSheetSection, DataTableSheetTabs, DataTableSheetTabsList, DataTableSheetTabPanel, } from './data-table-sheet-layout';
+export type { DataTableSheetTabsProps, DataTableSheetTabsListProps, DataTableSheetTabPanelProps, DataTableSheetTabPanelLayout, } from './data-table-sheet-layout';
 export declare const DataTableSheet: ({ children, defaultOpen, open: controlledOpen, onOpenChange, }: DataTableSheetProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DataTableSheetTrigger: ({ children, asChild, }: {
     children: React.ReactNode;

package/dist/components/data/data-table/index.d.ts

@@ -4,6 +4,7 @@ export * from './data-table-column-list';
 export * from './data-table-context';
 export * from './data-table-format-options';
 export * from './data-table-sheet';
+export * from './data-table-sheet-layout';
 export { useDataTableSheet, useDataTableSheetApi } from './data-table-sheet-context';
 export * from './data-table-view-menu';
 export * from './data-table-saved-views';

package/dist/components/data/data-table/index.js

@@ -1,42 +1,48 @@
-import { DataTable as t, DataTableContent as o, DataTableToolbar as r } from "./data-table.js";
-import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as D, DATA_TABLE_SHEET_SLIDE_TRANSITION_MS as l, TABLE_VIEWPORT_SHELL_EXPANDED_CLASS as S } from "./data-table-constants.js";
+import { DataTable as t, DataTableContent as o, DataTableToolbar as T } from "./data-table.js";
+import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as l, DATA_TABLE_SHEET_SLIDE_TRANSITION_MS as D, TABLE_VIEWPORT_SHELL_EXPANDED_CLASS as b } from "./data-table-constants.js";
 import { DataTableColumnList as n } from "./data-table-column-list.js";
-import { DataTableContext as m, DataTableSheetPortalStoreContext as p, useDataTable as _, useDataTableSheetPortal as x, useDataTableSheetPortalStore as E } from "./data-table-context.js";
-import { DataTableFormatOptions as u } from "./data-table-format-options.js";
-import { DataTableSheet as h, DataTableSheetContent as s, DataTableSheetHeader as C, DataTableSheetTrigger as I } from "./data-table-sheet.js";
-import { useDataTableSheet as w, useDataTableSheetApi as P } from "./data-table-sheet-context.js";
-import { DataTableViewMenuContent as H, DataTableViewMenuDensity as M, DataTableViewMenuSettingsItem as d, DataTableViewMenuTrigger as g, DataTableViewMenuViewportExpand as O } from "./data-table-view-menu.js";
-import { DataTableSavedViews as c } from "./data-table-saved-views.js";
-import { PinSwitch as R } from "./pin-switch.js";
-import { ColumnIndicator as v } from "./column-indicator.js";
-import { IndicatorLegend as F } from "./indicator-legend.js";
+import { DataTableContext as m, DataTableSheetPortalStoreContext as p, useDataTable as x, useDataTableSheetPortal as _, useDataTableSheetPortalStore as h } from "./data-table-context.js";
+import { DataTableFormatOptions as f } from "./data-table-format-options.js";
+import { DataTableSheet as u, DataTableSheetContent as A, DataTableSheetHeader as L, DataTableSheetTrigger as C } from "./data-table-sheet.js";
+import { DataTableSheetBody as P, DataTableSheetSection as w, DataTableSheetTabPanel as V, DataTableSheetTabs as d, DataTableSheetTabsList as H } from "./data-table-sheet-layout.js";
+import { useDataTableSheet as g, useDataTableSheetApi as O } from "./data-table-sheet-context.js";
+import { DataTableViewMenuContent as B, DataTableViewMenuDensity as N, DataTableViewMenuSettingsItem as y, DataTableViewMenuTrigger as R, DataTableViewMenuViewportExpand as X } from "./data-table-view-menu.js";
+import { DataTableSavedViews as F } from "./data-table-saved-views.js";
+import { PinSwitch as W } from "./pin-switch.js";
+import { ColumnIndicator as k } from "./column-indicator.js";
+import { IndicatorLegend as z } from "./indicator-legend.js";
 export {
-  v as ColumnIndicator,
-  D as DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX,
-  l as DATA_TABLE_SHEET_SLIDE_TRANSITION_MS,
+  k as ColumnIndicator,
+  l as DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX,
+  D as DATA_TABLE_SHEET_SLIDE_TRANSITION_MS,
   t as DataTable,
   n as DataTableColumnList,
   o as DataTableContent,
   m as DataTableContext,
-  u as DataTableFormatOptions,
-  c as DataTableSavedViews,
-  h as DataTableSheet,
-  s as DataTableSheetContent,
-  C as DataTableSheetHeader,
+  f as DataTableFormatOptions,
+  F as DataTableSavedViews,
+  u as DataTableSheet,
+  P as DataTableSheetBody,
+  A as DataTableSheetContent,
+  L as DataTableSheetHeader,
   p as DataTableSheetPortalStoreContext,
-  I as DataTableSheetTrigger,
-  r as DataTableToolbar,
-  H as DataTableViewMenuContent,
-  M as DataTableViewMenuDensity,
-  d as DataTableViewMenuSettingsItem,
-  g as DataTableViewMenuTrigger,
-  O as DataTableViewMenuViewportExpand,
-  F as IndicatorLegend,
-  R as PinSwitch,
-  S as TABLE_VIEWPORT_SHELL_EXPANDED_CLASS,
-  _ as useDataTable,
-  w as useDataTableSheet,
-  P as useDataTableSheetApi,
-  x as useDataTableSheetPortal,
-  E as useDataTableSheetPortalStore
+  w as DataTableSheetSection,
+  V as DataTableSheetTabPanel,
+  d as DataTableSheetTabs,
+  H as DataTableSheetTabsList,
+  C as DataTableSheetTrigger,
+  T as DataTableToolbar,
+  B as DataTableViewMenuContent,
+  N as DataTableViewMenuDensity,
+  y as DataTableViewMenuSettingsItem,
+  R as DataTableViewMenuTrigger,
+  X as DataTableViewMenuViewportExpand,
+  z as IndicatorLegend,
+  W as PinSwitch,
+  b as TABLE_VIEWPORT_SHELL_EXPANDED_CLASS,
+  x as useDataTable,
+  g as useDataTableSheet,
+  O as useDataTableSheetApi,
+  _ as useDataTableSheetPortal,
+  h as useDataTableSheetPortalStore
 };

package/dist/components/data/expandable-list-item/expandable-list-item-attributes.js

@@ -3,8 +3,7 @@ import { Badge as s } from "../../data-display/badge/badge.js";
 import { FilterPopoverContent as u } from "../../flows/filter-strip/filter-tag-list.js";
 import { Popover as b, PopoverTrigger as f } from "../../feedback/popover/popover.js";
 import { Tooltip as g, TooltipTrigger as v, TooltipContent as x } from "../../feedback/tooltip/tooltip.js";
-import "react";
-function I({
+function w({
   tags: o,
   title: l = "Attributes",
   maxVisibleTags: n = 4,
@@ -71,5 +70,5 @@ function I({
   );
 }
 export {
-  I as ExpandableListItemAttributes
+  w as ExpandableListItemAttributes
 };

package/dist/components/data/expandable-list-item/expandable-list-item-metrics.js

@@ -1,9 +1,8 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { ScrollOverflowAffordance as o } from "../../layout/horizontal-scroller/scroll-overflow-affordance.js";
-import "react";
 import { OverflowTooltip as r } from "../../feedback/tooltip/overflow-tooltip.js";
 const m = 128;
-function f({
+function x({
   columns: i,
   sectionId: l = "metrics"
 }) {
@@ -51,5 +50,5 @@ function f({
   );
 }
 export {
-  f as ExpandableListItemMetrics
+  x as ExpandableListItemMetrics
 };

package/dist/components/data/nested-list/hooks/useNestedListHandlers.d.ts

@@ -15,6 +15,7 @@ declare function updateParentsNormalized(normalized: NormalizedItems, updates: M
 declare function applyUpdatesToTree(items: NestedListItem[], updates: Map<string, Partial<NestedListItem>>): NestedListItem[];
 interface UseNestedListHandlersProps {
     setItems: React.Dispatch<React.SetStateAction<NestedListItem[]>>;
+    itemsRef: React.RefObject<NestedListItem[]>;
     findItemById: (items: NestedListItem[], id: string) => NestedListItem | null;
     updateParentsUpward: (items: NestedListItem[], targetItemId: string) => NestedListItem[];
     onChange: (items: NestedListItem[]) => void;
@@ -27,13 +28,13 @@ interface UseNestedListHandlersProps {
     setCollapsedItems: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
     setIsListCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
     setSelectedCategories: React.Dispatch<React.SetStateAction<Set<string>>>;
-    isUserChangeRef: React.MutableRefObject<boolean>;
+    markUserChange: () => void;
     selectionMode: SelectionMode;
     isNormalized?: boolean;
     normalizedState?: NormalizedItems;
     batchUpdateItems?: (updates: Map<string, Partial<NestedListItem>>) => void;
 }
-export declare const useNestedListHandlers: ({ setItems, findItemById, updateParentsUpward, onChange, onItemToggle, getCategory, setCollapsedItems, setIsListCollapsed, setSelectedCategories, isUserChangeRef, selectionMode, isNormalized, normalizedState, batchUpdateItems, }: UseNestedListHandlersProps) => {
+export declare const useNestedListHandlers: ({ setItems, itemsRef, findItemById, updateParentsUpward, onChange, onItemToggle, getCategory, setCollapsedItems, setIsListCollapsed, setSelectedCategories, markUserChange, selectionMode, isNormalized, normalizedState, batchUpdateItems, }: UseNestedListHandlersProps) => {
     handleToggle: (itemId: string) => void;
     handleToggleCollapse: (itemId: string) => void;
     handleCollapseAll: () => void;