impact-ui 4.0.18 → 5.0.0-alpha.1

package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewAdvanceSearchModal.d.ts","sourceRoot":"","sources":["../../../../src/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAgB5D,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;;CAU9B,sBAsRA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/{Table → TableV36}/NewAdvanceSearchModal/NewAdvanceSearchModal.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useMemo, useEffect } from "react";
-import { useForm, useFieldArray, useWatch } from "react-hook-form";
+import { useForm, useFieldArray } from "react-hook-form";
 import NewAdvanceSearchModalItem from "./NewAdvanceSearchModalItem.js";
 import { convertToOptions } from "../../../utils/helper.js";
 import { Button } from "../../Button/index.js";
 import { ButtonGroup } from "../../ButtonGroup/index.js";
 import { Modal } from "../../Modal/index.js";
-import { useTranslation } from "../../../i18n/useTranslation.js";
+import { useTableV36PortalContainerProps } from "../TableV36PortalContext.js";
 import AddOutlined from "../../../node_modules/@mui/icons-material/esm/AddOutlined.js";
 const filterInitialValues = {
   column: { label: "", value: "", type: "text" },
@@ -24,7 +24,7 @@ const NewAdvanceSearchModal = ({
   currentColumnId,
   ...args
 }) => {
-  const { t } = useTranslation();
+  const modalContainerProps = useTableV36PortalContainerProps();
   const [activeSearchType, setActiveSearchType] = useState("advanceSearch");
   const onChangeSearchType = (e, val) => {
     e.preventDefault();
@@ -41,6 +41,7 @@ const NewAdvanceSearchModal = ({
   const {
     control,
     handleSubmit,
+    watch,
     formState: { isValid: isFormValid },
     setValue,
     getValues,
@@ -51,15 +52,14 @@ const NewAdvanceSearchModal = ({
     name: "filters",
     keyName: "fieldId"
   });
-  const columnOptions = useMemo(() => convertToOptions(colDefs || []), [colDefs]);
-  const watchedFilters = useWatch({ control, name: "filters" });
-  const selectedColumnValues = useMemo(
-    () => (watchedFilters || []).map((f) => {
+  const formValues = watch();
+  const filteredColumnsInitialOptions = useMemo(() => {
+    const selectedValues = (formValues.filters || []).map((f) => {
       var _a;
       return (_a = f == null ? void 0 : f.column) == null ? void 0 : _a.value;
-    }).filter(Boolean),
-    [watchedFilters]
-  );
+    }).filter(Boolean);
+    return convertToOptions(colDefs || []).filter((opt) => !selectedValues.includes(opt.value));
+  }, [colDefs, formValues.filters]);
   const [hasInitializedWithColumnId, setHasInitializedWithColumnId] = useState(false);
   const prevIsAdvanceSearchRef = React__default.useRef(false);
   useEffect(() => {
@@ -86,8 +86,8 @@ const NewAdvanceSearchModal = ({
         }
       );
       if (!hasValidFilters) {
-        const formValues = getValues();
-        const existingFilters = formValues.filters || [];
+        const formValues2 = getValues();
+        const existingFilters = formValues2.filters || [];
         const columnExists = existingFilters.some(
           (filter) => {
             var _a2;
@@ -132,8 +132,8 @@ const NewAdvanceSearchModal = ({
     toggleAdvanceSearch();
   };
   const handleSearchApplyClick = () => {
-    const formValues = formMethods.getValues().filters || [];
-    const validFilters = formValues.filter((filter) => {
+    const formValues2 = formMethods.getValues().filters || [];
+    const validFilters = formValues2.filter((filter) => {
       var _a, _b, _c, _d, _e, _f;
       const hasColumn = ((_a = filter == null ? void 0 : filter.column) == null ? void 0 : _a.value) && ((_b = filter == null ? void 0 : filter.column) == null ? void 0 : _b.value) !== null && ((_c = filter == null ? void 0 : filter.column) == null ? void 0 : _c.value) !== "";
       if (activeSearchType === "advanceSearch") {
@@ -160,17 +160,18 @@ const NewAdvanceSearchModal = ({
       className: "ia-table-search-modal",
       height: 400,
       open: isAdvanceSearch,
-      primaryButtonLabel: t("common.apply"),
+      ...modalContainerProps,
+      primaryButtonLabel: "Apply",
       primaryButtonProps: {
         type: "submit"
         // disabled: !isFormValid,
       },
-      secondaryButtonLabel: args.onSearchSaveClick ? t("table.search.saveSearch") : null,
+      secondaryButtonLabel: args.onSearchSaveClick ? "Save search" : null,
       secondaryButtonProps: {
         disabled: !isFormValid
       },
       size: "small",
-      title: t("common.search"),
+      title: "Search",
       width: 850,
       onClose: onCloseModal,
       onPrimaryButtonClick: handleSearchApplyClick,
@@ -185,11 +186,11 @@ const NewAdvanceSearchModal = ({
             {
               options: [
                 {
-                  label: t("common.search"),
+                  label: "Search",
                   value: "search"
                 },
                 {
-                  label: t("table.search.advanceSearch"),
+                  label: "Advance Search",
                   value: "advanceSearch"
                 }
               ],
@@ -212,7 +213,7 @@ const NewAdvanceSearchModal = ({
                 e.preventDefault();
                 onClearAll();
               },
-              children: t("common.clearAll")
+              children: "Clear all"
             }
           )
         ] }),
@@ -225,22 +226,21 @@ const NewAdvanceSearchModal = ({
               handleSearchApplyClick();
             },
             children: [
-              /* @__PURE__ */ jsx("div", { className: "ia-table-search-content-title", children: t("table.search.matchAll") }),
+              /* @__PURE__ */ jsx("div", { className: "ia-table-search-content-title", children: "Match all of the following rules" }),
               /* @__PURE__ */ jsx(Fragment, { children: fields.map((field, index) => /* @__PURE__ */ jsx(
                 NewAdvanceSearchModalItem,
                 {
                   activeSearchType,
                   colDefs,
-                  columnOptions,
                   control,
                   currentColumnId,
                   field,
                   fields,
+                  filteredColumnsInitialOptions,
                   getValues,
                   index,
                   isLastVisible: fields.length === 1,
-                  remove,
-                  selectedColumnValues
+                  remove
                 },
                 field.fieldId || field.id
               )) }),
@@ -252,7 +252,7 @@ const NewAdvanceSearchModal = ({
                     variant: "secondary",
                     onClick: onClearAttributeValue,
                     type: "button",
-                    children: t("table.search.clearValues")
+                    children: "Clear values"
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -269,7 +269,7 @@ const NewAdvanceSearchModal = ({
                       });
                     },
                     variant: "tertiary",
-                    children: t("table.search.addAttribute")
+                    children: "Add attribute"
                   }
                 )
               ] })

package/dist/components/{Table → TableV36}/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts

@@ -1,17 +1,18 @@
-declare const NewAdvanceSearchModalItem: ({ colDefs, control, index, field, remove, columnOptions, selectedColumnValues, activeSearchType, isLastVisible, currentColumnId, getValues, fields, ...args }: {
+import { default as React } from 'react';
+
+declare const NewAdvanceSearchModalItem: ({ colDefs, control, index, field, remove, filteredColumnsInitialOptions, activeSearchType, isLastVisible, currentColumnId, getValues, fields, ...args }: {
     [x: string]: any;
     colDefs: any;
     control: any;
     index: any;
     field: any;
     remove: any;
-    columnOptions: any;
-    selectedColumnValues: any;
+    filteredColumnsInitialOptions: any;
     activeSearchType: any;
     isLastVisible: any;
     currentColumnId: any;
     getValues: any;
     fields: any;
-}) => import("react").JSX.Element;
+}) => React.JSX.Element;
 export default NewAdvanceSearchModalItem;
 //# sourceMappingURL=NewAdvanceSearchModalItem.d.ts.map

package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewAdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../../src/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAqBnD,QAAA,MAAM,yBAAyB,GAAI;;;;;;;;;;;;;CAalC,sBA4ZA,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/{Table → TableV36}/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useMemo, useEffect } from "react";
+import { useState, useEffect } from "react";
 import default_1 from "../../../node_modules/@mui/icons-material/DeleteOutlineOutlined.js";
 import moment from "moment";
 import { useController } from "react-hook-form";
@@ -9,16 +9,14 @@ import { DatePicker } from "../../DatePicker/index.js";
 import { DateRangePicker } from "../../DateRangePicker/index.js";
 import { Input } from "../../Input/index.js";
 import { Select } from "../../Select/index.js";
-import { isNumericValueColumn, findColumnDef, getOperatorListForColumn, getDefaultOperationForColumn, handleNumericKeyDown, isPartialNumericInput, handleNumericPaste } from "../filterUtils.js";
-import { useTranslation } from "../../../i18n/useTranslation.js";
+import { findColumnDef, getOperatorListForColumn, getDefaultOperationForColumn } from "../filterUtils.js";
 const NewAdvanceSearchModalItem = ({
   colDefs,
   control,
   index,
   field,
   remove,
-  columnOptions,
-  selectedColumnValues,
+  filteredColumnsInitialOptions,
   activeSearchType,
   isLastVisible,
   currentColumnId,
@@ -27,7 +25,6 @@ const NewAdvanceSearchModalItem = ({
   ...args
 }) => {
   var _a, _b, _c, _d;
-  const { t } = useTranslation();
   const [isColumnOptionsOpen, setIsColumnOptionsOpen] = useState(false);
   const [isOperationOptionsOpen, setIsOperationOptionsOpen] = useState(false);
   const [isThirdOptionDropdownOpen, setIsThirdOptionDropdownOpen] = useState(false);
@@ -54,25 +51,16 @@ const NewAdvanceSearchModalItem = ({
       required: true
     }
   });
-  const rowColumnOptions = useMemo(() => {
-    var _a2;
-    const ownValue = (_a2 = columnField.value) == null ? void 0 : _a2.value;
-    const takenByOtherRows = new Set(
-      (selectedColumnValues || []).filter((value) => value !== ownValue)
-    );
-    return (columnOptions || []).filter((option) => !takenByOtherRows.has(option.value));
-  }, [columnOptions, selectedColumnValues, columnField.value]);
-  const isNumericColumn = isNumericValueColumn(currentColumnDef);
   useEffect(() => {
     var _a2;
     if (!((_a2 = columnField.value) == null ? void 0 : _a2.value)) return;
     const columnDef = findColumnDef(colDefs, columnField.value.value);
     setCurrentColumnDef(columnDef);
-    const operatorList = getOperatorListForColumn(columnDef, t);
+    const operatorList = getOperatorListForColumn(columnDef);
     setCurrentOperationOptions(operatorList);
     const shouldAutoSelect = activeSearchType === "advanceSearch" && (operatorList == null ? void 0 : operatorList.length) > 0 && !operationField.value;
     if (shouldAutoSelect) {
-      const defaultOperation = getDefaultOperationForColumn(columnDef, null, t);
+      const defaultOperation = getDefaultOperationForColumn(columnDef);
       operationField.onChange(defaultOperation);
     }
   }, [columnField.value, colDefs, activeSearchType]);
@@ -90,10 +78,7 @@ const NewAdvanceSearchModalItem = ({
   useEffect(() => {
     if (activeSearchType === "search" && !operationField.value && columnField.value && currentOperationOptions.length > 0) {
       if (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDateRangePicker) {
-        operationField.onChange({
-          label: t("table.search.inRange"),
-          value: "inRange"
-        });
+        operationField.onChange({ label: "In range", value: "inRange" });
       } else if ((currentColumnDef == null ? void 0 : currentColumnDef.filter) === "agDateColumnFilter") {
         const equalsOption = currentOperationOptions.find((opt) => opt.value === "equals");
         if (equalsOption) {
@@ -115,7 +100,9 @@ const NewAdvanceSearchModalItem = ({
     var _a2;
     if (currentColumnId && index === 0 && // Only auto-select for the first filter
     !columnField.value && ((_a2 = columnField.value) == null ? void 0 : _a2.value) !== currentColumnId) {
-      const columnOption = rowColumnOptions == null ? void 0 : rowColumnOptions.find((opt) => opt.value === currentColumnId);
+      const columnOption = filteredColumnsInitialOptions == null ? void 0 : filteredColumnsInitialOptions.find(
+        (opt) => opt.value === currentColumnId
+      );
       const allOptions = convertToOptions(colDefs || []);
       const columnOptionFromAll = allOptions.find((opt) => opt.value === currentColumnId);
       const optionToSelect = columnOption || columnOptionFromAll;
@@ -123,7 +110,7 @@ const NewAdvanceSearchModalItem = ({
         columnField.onChange(optionToSelect);
       }
     }
-  }, [currentColumnId, index, columnField.value, rowColumnOptions, colDefs]);
+  }, [currentColumnId, index, columnField.value, filteredColumnsInitialOptions, colDefs]);
   const handleClickOutside = (event) => {
     if (isColumnOptionsOpen || isThirdOptionDropdownOpen || isOperationOptionsOpen && !event.target.closest(".ia-table-search-content-body")) {
       setIsColumnOptionsOpen(false);
@@ -140,12 +127,12 @@ const NewAdvanceSearchModalItem = ({
     /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", flex: 1 }, children: /* @__PURE__ */ jsx(
       Select,
       {
-        currentOptions: rowColumnOptions,
-        initialOptions: rowColumnOptions,
+        currentOptions: filteredColumnsInitialOptions || [],
+        initialOptions: filteredColumnsInitialOptions || [],
         isOpen: isColumnOptionsOpen,
         minWidth: activeSearchType !== "advanceSearch" ? 400 : void 0,
         name: `filters.${index}.column`,
-        placeholder: t("table.search.selectPlaceholder"),
+        placeholder: "Select",
         selectedOptions: columnField.value || null,
         setCurrentOptions: () => {
         },
@@ -184,7 +171,7 @@ const NewAdvanceSearchModalItem = ({
         isDisabled: (currentColumnDef == null ? void 0 : currentColumnDef.isThirdOptionDropdownIsBoolean) || (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDateRangePicker) ? true : !columnField.value,
         isOpen: isOperationOptionsOpen,
         name: `filters.${index}.operation`,
-        placeholder: t("table.search.selectPlaceholder"),
+        placeholder: "Select",
         selectedOptions: operationField.value || null,
         setCurrentOptions: setCurrentOperationOptions,
         setIsOpen: setIsOperationOptionsOpen,
@@ -210,7 +197,7 @@ const NewAdvanceSearchModalItem = ({
         isWithSearch: currentColumnDef == null ? void 0 : currentColumnDef.enableSearch,
         minWidth: activeSearchType !== "advanceSearch" ? 344 : void 0,
         name: `filters.${index}.value`,
-        placeholder: t("table.search.selectValue"),
+        placeholder: "Select value",
         selectedOptions: (valueField == null ? void 0 : valueField.value) || [],
         setCurrentOptions: setCurrentThirdOptionDropdownOptions,
         setIsOpen: setIsThirdOptionDropdownOpen,
@@ -233,7 +220,7 @@ const NewAdvanceSearchModalItem = ({
         displayFormat: currentColumnDef.displayFormat || "MM-DD-YYYY",
         isDisabled: !operationField.value,
         name: `filters.${index}.value`,
-        placeholder: t("table.search.selectDate"),
+        placeholder: "Select date",
         selectedDate: valueField.value ? moment(valueField.value) : void 0,
         setSelectedDate: (date) => {
           valueField.onChange(date);
@@ -276,23 +263,12 @@ const NewAdvanceSearchModalItem = ({
     ) : /* @__PURE__ */ jsx(
       Input,
       {
-        inputProps: isNumericColumn ? {
-          inputMode: "text",
-          onKeyDown: handleNumericKeyDown,
-          onPaste: (event) => {
-            handleNumericPaste(event, valueField.onChange);
-          }
-        } : void 0,
         isDisabled: activeSearchType === "advanceSearch" && !operationField.value,
         name: `filters.${index}.value`,
-        placeholder: isNumericColumn ? t("table.search.enterNumber") : t("table.search.enterText"),
-        value: valueField.value ?? "",
+        placeholder: "Enter text",
+        value: valueField.value || "",
         onChange: (e) => {
-          const nextValue = e.target.value;
-          if (isNumericColumn && !isPartialNumericInput(nextValue)) {
-            return;
-          }
-          valueField.onChange(nextValue);
+          valueField.onChange(e.target.value);
         }
       }
     ) }),

package/dist/components/{Table → TableV36}/NoComments.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 declare const NoComments: ({ onAddComment, cellId, position, isInsidePortal, editCommentText, isLoading, error, onClearError, isEditFlow, onUpdateComment, setEditingComment, loadParticipantsAvatar, }: {
     onAddComment: any;
     cellId: any;
@@ -11,6 +13,6 @@ declare const NoComments: ({ onAddComment, cellId, position, isInsidePortal, edi
     onUpdateComment: any;
     setEditingComment: any;
     loadParticipantsAvatar: any;
-}) => import("react").JSX.Element;
+}) => React.JSX.Element;
 export default NoComments;
 //# sourceMappingURL=NoComments.d.ts.map

package/dist/components/TableV36/NoComments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoComments.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/NoComments.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4D,MAAM,OAAO,CAAC;AA2CjF,QAAA,MAAM,UAAU,GAAI;;;;;;;;;;;;;CAanB,sBAuOA,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/{Table → TableV36}/NoComments.js

@@ -3,7 +3,6 @@ import { useState, useRef, useCallback, useEffect } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/North.js";
 import { Button } from "../Button/index.js";
 import { MentionEditor } from "../common/MentionEditor/index.js";
-import { useTranslation } from "../../i18n/useTranslation.js";
 const extractMentionedUsers = (editorJSON) => {
   const mentionedUsers = [];
   const traverseNodes = (node) => {
@@ -41,7 +40,6 @@ const NoComments = ({
   setEditingComment,
   loadParticipantsAvatar
 }) => {
-  const { t } = useTranslation();
   const [inputValue, setInputValue] = useState(editCommentText);
   useRef(null);
   const [isFixed, setIsFixed] = useState(false);
@@ -183,7 +181,7 @@ const NoComments = ({
                   isMultiLine,
                   loadParticipantsAvatar,
                   maxLength: 1e3,
-                  placeholder: t("table.comments.typeMessage"),
+                  placeholder: "Type message...",
                   value: inputValue,
                   onChange: handleInputChange,
                   onSend: handleAddComment
@@ -214,7 +212,7 @@ const NoComments = ({
                 setInputValue("");
                 setEditingComment(null);
               },
-              children: t("common.cancel")
+              children: "Cancel"
             }
           ),
           /* @__PURE__ */ jsx(
@@ -225,7 +223,7 @@ const NoComments = ({
               size: "small",
               variant: "primary",
               onClick: () => onUpdateComment(inputValue),
-              children: t("common.save")
+              children: "Save"
             }
           )
         ] })

package/dist/components/TableV36/Table.types.d.ts

@@ -0,0 +1,127 @@
+import { ReactNode } from 'react';
+import { GetRowIdFunc } from 'ag-grid-community';
+import { AgGridReactProps } from 'ag-grid-react';
+
+/**
+ * AG Grid v36 Table props.
+ *
+ * Extends AgGridReactProps from ag-grid-react v36. Consumers migrating from Table (v32)
+ * should note:
+ * - `enableRangeSelection` → use `cellSelection` (set by TableV36 by default)
+ * - ColDef `suppressMenu` → `suppressHeaderMenuButton` (TableV36 still accepts both)
+ * - `domLayout` defaults to `"normal"` (enables row virtualization). Consumers who previously
+ *   relied on the implicit `"autoHeight"` behavior must explicitly pass `domLayout="autoHeight"`.
+ *   Note: `"autoHeight"` disables row virtualization.
+ * - `animateRows` defaults to `false` for performance (sorting/grouping row animations off).
+ *   Pass `animateRows={true}` to restore animations.
+ * - `cellSelection` defaults to `false` (opt-in). Pass `cellSelection={true}` for range selection.
+ * - Provide `getRowId` for immutable updates, transactions, selection persistence, and
+ *   optimal row refresh. TableV36 does not invent a default (no row-index fallback).
+ * - Set `enableValueCache` only when you have expensive `valueGetter`s / immutable updates.
+ * - Minimum TypeScript for AG Grid v36 packages is 5.8.3
+ * - Skeleton rows require AG Grid >= 36.2.0. Pass `loading` to show them.
+ *   Client-side: `loading={true}` (or omit `rowData`) shows skeleton rows via `loadingRows`
+ *   instead of the loading overlay. `loading={false}` with `rowData={[]}` is the empty state.
+ *   Server-side: in-flight blocks use per-cell skeletons and do not replace loaded rows.
+ *   Use `loadingRowCount` (default 6) to control how many skeleton / SSRM placeholder rows
+ *   appear. Explicit `loadingRows` / `serverSideInitialRowCount` still override it.
+ */
+export interface TableProps extends Omit<AgGridReactProps, 'rowHeight'> {
+    tableHeader?: string;
+    rowHeight?: 'comfort' | 'compact' | number;
+    height?: string | number;
+    topRightOptions?: ReactNode;
+    topLeftOptions?: ReactNode;
+    bottomLeftOptions?: ReactNode;
+    bottomCenterOptions?: ReactNode;
+    cardContainer?: boolean;
+    gridId?: string;
+    hideTableBody?: boolean;
+    onSearchApplyClick?: (filters: unknown[]) => void;
+    onPaginationChanged?: (params: unknown) => void;
+    viewPoint?: string;
+    disableContextualFilter?: boolean;
+    disableTableSettings?: boolean;
+    showBulkActionBar?: boolean;
+    bulkActionBarProps?: {
+        actionBarLabel?: string;
+        enableSelectAll?: boolean;
+        totalRowCount?: number;
+    };
+    onSelectAllRows?: () => void;
+    onClearSelection?: () => void;
+    onSortChanged?: (params: unknown) => void;
+    advanceSortEnabled?: boolean;
+    enableCommentPanel?: boolean;
+    isCommentFeatureEnabled?: boolean;
+    commentProps?: Record<string, unknown>;
+    extraNumericFormatOptions?: Array<{
+        label: string;
+        value: string;
+    }>;
+    /**
+     * Number of skeleton rows shown while loading (client-side) and initial
+     * placeholder rows for the server-side row model. Default: 6.
+     * Explicit AG Grid `loadingRows` / `serverSideInitialRowCount` override this.
+     */
+    loadingRowCount?: number;
+    /**
+     * When true and `height` is omitted, the table fills its parent height
+     * instead of the default 500px max. Uses domLayout="normal". Default: false.
+     * The parent must have a definite height for `height: 100%` to resolve.
+     */
+    fullViewPortTakeAllSpace?: boolean;
+    /**
+     * Opt-in AG Grid value cache. Useful with expensive valueGetters and immutable row updates.
+     * Default: false (avoids stale cache surprises for unaware consumers).
+     */
+    enableValueCache?: boolean;
+    /**
+     * Extra rows rendered outside the viewport (AG Grid rowBuffer). Default: 8.
+     * Lower values speed initial draw; higher values smooth fast scrolling. Benchmark 5 / 8 / 12.
+     */
+    rowBuffer?: number;
+    /**
+     * When false (default), disables row insert/remove/sort animations for better scroll performance.
+     * Set true if you prefer animated sorting/grouping and accept the CPU cost.
+     */
+    animateRows?: boolean;
+    /** Disable column move animation during drag (smoother with many columns). Default: false. */
+    suppressColumnMoveAnimation?: boolean;
+    /** Disable row hover highlight (can improve scroll FPS). Default: false. */
+    suppressRowHoverHighlight?: boolean;
+    /**
+     * When true, body cells wrap and clamp to the current row height (default/comfort).
+     * Compact (30px) always stays single-line ellipsis. Does not grow rows.
+     * Default: false.
+     */
+    enableRowTextWrap?: boolean;
+    /** When true, header titles wrap and clamp to header height. Default: true. */
+    enableHeaderTextWrap?: boolean;
+    /**
+     * Pass-through only — TableV36 does not default to row index.
+     * Required for immutable updates, transactions, and selection persistence.
+     */
+    getRowId?: GetRowIdFunc;
+    /**
+     * Debounced callback (200ms) invoked after column move/resize finishes with column state.
+     * Prefer this over listening to every `columnMoved` pixel for persistence.
+     */
+    onColumnStateChange?: (columnState: unknown[]) => void;
+    /**
+     * AG Grid `context` — merged with TableV36's internal comment helpers.
+     * Your keys are available in cell renderers / value getters via `params.context`.
+     * Reserved keys (comments, popup, comment handlers, configuration, colIdentifierKey)
+     * are owned by TableV36 when comments are enabled.
+     */
+    context?: AgGridReactProps['context'];
+    /**
+     * When true, adds a 4px color bar on the left of the selection column keyed by
+     * `ag-row-level-N`. Each nesting level maps to a Figma-defined color.
+     * Only visible when row grouping + the v36 selection column are active.
+     * Default: false.
+     */
+    enableHierarchyLevelColors?: boolean;
+    [key: string]: unknown;
+}
+//# sourceMappingURL=Table.types.d.ts.map

package/dist/components/TableV36/Table.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/Table.types.ts"],"names":[],"mappings":"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"}

package/dist/components/TableV36/TableSkeletonCell.d.ts

@@ -0,0 +1,18 @@
+import { ICellRendererParams } from 'ag-grid-community';
+
+/** Same width jitter AG Grid uses so adjacent skeleton bars don't look identical. */
+export declare const getSkeletonBarWidth: (rowIndex: number | null | undefined) => string;
+/**
+ * Builds a cellRendererSelector that shows TableSkeletonCell while infinite
+ * placeholder rows have no data, then falls through to the consumer selector.
+ */
+export declare const createInfiniteSkeletonCellRendererSelector: (consumerSelector?: (params: ICellRendererParams) => {
+    component?: unknown;
+    params?: unknown;
+} | undefined) => (params: ICellRendererParams) => {
+    component?: unknown;
+    params?: unknown;
+} | undefined;
+declare const TableSkeletonCell: import('react').MemoExoticComponent<(params: ICellRendererParams) => import("react").JSX.Element>;
+export default TableSkeletonCell;
+//# sourceMappingURL=TableSkeletonCell.d.ts.map

package/dist/components/TableV36/TableSkeletonCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSkeletonCell.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/TableSkeletonCell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAI7D,qFAAqF;AACrF,eAAO,MAAM,mBAAmB,GAAI,UAAU,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,MAGzE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,0CAA0C,GACrD,mBAAmB,CAAC,MAAM,EAAE,mBAAmB,KAC3C;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GACzC,SAAS,MAEL,QAAQ,mBAAmB;gBAHjB,OAAO;aAAW,OAAO;aAS5C,CAAC;AAEF,QAAA,MAAM,iBAAiB,+CAAiB,mBAAmB,iCAiBzD,CAAC;AAIH,eAAe,iBAAiB,CAAC"}

package/dist/components/TableV36/TableSkeletonCell.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+const FALLBACK_WIDTH_STYLE = { width: "85%" };
+const getSkeletonBarWidth = (rowIndex) => {
+  if (rowIndex == null) return "85%";
+  return `${75 + 25 * (rowIndex % 2 === 0 ? Math.sin(rowIndex) : Math.cos(rowIndex))}%`;
+};
+const createInfiniteSkeletonCellRendererSelector = (consumerSelector) => {
+  return (params) => {
+    if (params.data == null) {
+      return { component: TableSkeletonCell };
+    }
+    return typeof consumerSelector === "function" ? consumerSelector(params) : void 0;
+  };
+};
+const TableSkeletonCell = memo((params) => {
+  var _a;
+  const rowIndex = (_a = params.node) == null ? void 0 : _a.rowIndex;
+  const width = getSkeletonBarWidth(rowIndex);
+  const style = useMemo(
+    () => width === "85%" ? FALLBACK_WIDTH_STYLE : { width },
+    [width]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-label": "Row data is loading",
+      className: "ag-skeleton-container",
+      role: "status",
+      children: /* @__PURE__ */ jsx("div", { className: "ag-skeleton-effect", style })
+    }
+  );
+});
+TableSkeletonCell.displayName = "TableSkeletonCell";
+export {
+  createInfiniteSkeletonCellRendererSelector,
+  getSkeletonBarWidth
+};

package/dist/components/TableV36/TableV36PortalContext.d.ts

@@ -0,0 +1,6 @@
+/** When table is in native fullscreen, MUI popups must mount inside the fullscreen element. */
+export declare const TableV36PortalContext: import('react').Context<HTMLElement | null>;
+export declare function useTableV36PortalContainerProps(): {
+    container?: HTMLElement;
+};
+//# sourceMappingURL=TableV36PortalContext.d.ts.map

package/dist/components/TableV36/TableV36PortalContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableV36PortalContext.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/TableV36PortalContext.ts"],"names":[],"mappings":"AAEA,+FAA+F;AAC/F,eAAO,MAAM,qBAAqB,6CAA0C,CAAC;AAE7E,wBAAgB,+BAA+B,IAAI;IAAE,SAAS,CAAC,EAAE,WAAW,CAAA;CAAE,CAG7E"}

package/dist/components/TableV36/TableV36PortalContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+const TableV36PortalContext = createContext(null);
+function useTableV36PortalContainerProps() {
+  const node = useContext(TableV36PortalContext);
+  return node ? { container: node } : {};
+}
+export {
+  TableV36PortalContext,
+  useTableV36PortalContainerProps
+};

package/dist/components/{TableOld → TableV36}/actionBar.d.ts

@@ -1,7 +1,9 @@
+import { default as React } from 'react';
+
 export default function BulkActionBar({ showBulkActionBar, bulkActionBarProps, onSelectAllRows, onClearSelection, }: {
     showBulkActionBar: any;
     bulkActionBarProps: any;
     onSelectAllRows: any;
     onClearSelection: any;
-}): import("react").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=actionBar.d.ts.map

package/dist/components/TableV36/actionBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionBar.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/actionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB;;;;;CAAA,qBA2BA"}