@expcat/tigercat-react 1.2.39 → 1.2.43

package/dist/{chunk-XU4TF2YA.js → chunk-LYYL2JMP.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk3LCISRAVjs = require('./chunk-3LCISRAV.js');
+var _chunkJIFSUUGAjs = require('./chunk-JIFSUUGA.js');
 
 
 var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
@@ -41,7 +41,7 @@ var Popover = ({
   const popoverId = popoverIdRef.current;
   const titleId = `${popoverId}-title`;
   const contentId = `${popoverId}-content`;
-  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = _chunk3LCISRAVjs.usePopup.call(void 0, { open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
+  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = _chunkJIFSUUGAjs.usePopup.call(void 0, { open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
   const containerClasses = _react.useMemo.call(void 0, 
     () => _tigercatcore.classNames.call(void 0, _tigercatcore.getPopoverContainerClasses.call(void 0, ), className),
     [className]

package/dist/{chunk-LJARWKJT.mjs → chunk-MV54EEKO.mjs}

@@ -1,6 +1,6 @@
 import {
   usePopup
-} from "./chunk-ZDEOTMXP.mjs";
+} from "./chunk-C44WSDEY.mjs";
 import {
   renderBodyPortal
 } from "./chunk-SEWNVIHH.mjs";

package/dist/{chunk-AT2GRD6F.js → chunk-OBY4FYRZ.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk3LCISRAVjs = require('./chunk-3LCISRAV.js');
+var _chunkJIFSUUGAjs = require('./chunk-JIFSUUGA.js');
 
 
 var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
@@ -34,7 +34,7 @@ var Tooltip = ({
   if (!tooltipIdRef.current) tooltipIdRef.current = createTooltipId();
   const tooltipId = tooltipIdRef.current;
   const describedBy = content != null ? tooltipId : void 0;
-  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = _chunk3LCISRAVjs.usePopup.call(void 0, { open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
+  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = _chunkJIFSUUGAjs.usePopup.call(void 0, { open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
   const containerClasses = _react.useMemo.call(void 0, 
     () => _tigercatcore.classNames.call(void 0, _tigercatcore.getTooltipContainerClasses.call(void 0, ), className),
     [className]

package/dist/{chunk-TAYQDWXN.mjs → chunk-TANTMMR7.mjs}

@@ -1,6 +1,6 @@
 import {
   usePopup
-} from "./chunk-ZDEOTMXP.mjs";
+} from "./chunk-C44WSDEY.mjs";
 import {
   renderBodyPortal
 } from "./chunk-SEWNVIHH.mjs";

package/dist/{chunk-WVTUGFWO.mjs → chunk-TYZNV54N.mjs}

@@ -1,4 +1,5 @@
 import {
+  renderBodyPortal,
   useClickOutside,
   useEscapeKey,
   useFloating
@@ -22,6 +23,7 @@ import {
   getDropdownMenuClasses,
   getTransformOrigin,
   injectDropdownStyles,
+  FLOATING_OVERLAY_Z_INDEX,
   DROPDOWN_CHEVRON_PATH,
   DROPDOWN_ENTER_CLASS,
   handleMenuNavigation,
@@ -50,6 +52,7 @@ var Dropdown = ({
   defaultOpen = false,
   closeOnClick = true,
   showArrow = true,
+  portal = true,
   className,
   style,
   onOpenChange,
@@ -125,7 +128,7 @@ var Dropdown = ({
   }, []);
   useClickOutside({
     enabled: trigger === "click" && visible,
-    refs: [containerRef],
+    refs: [containerRef, floatingRef],
     onOutsideClick: () => setVisible(false)
   });
   useEscapeKey({
@@ -151,12 +154,13 @@ var Dropdown = ({
     [className]
   );
   const triggerClasses = useMemo(() => getDropdownTriggerClasses(disabled), [disabled]);
-  const menuWrapperClasses = classNames("absolute z-50", DROPDOWN_ENTER_CLASS);
+  const menuWrapperClasses = classNames("absolute", DROPDOWN_ENTER_CLASS);
   const menuWrapperStyles = useMemo(
     () => ({
       position: "absolute",
       left: x,
       top: y,
+      zIndex: FLOATING_OVERLAY_Z_INDEX,
       transformOrigin: getTransformOrigin(placement)
     }),
     [x, y, placement]
@@ -195,6 +199,22 @@ var Dropdown = ({
       children: /* @__PURE__ */ jsx("path", { d: DROPDOWN_CHEVRON_PATH })
     }
   ) : null;
+  const menuWrapperNode = /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: floatingRef,
+      className: menuWrapperClasses,
+      style: menuWrapperStyles,
+      hidden: !visible,
+      "data-tiger-dropdown-menu": "",
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      onKeyDown: handleMenuKeyDown,
+      children: menuElement && React.isValidElement(menuElement) ? React.cloneElement(menuElement, {
+        id: menuId
+      }) : menuElement
+    }
+  );
   return /* @__PURE__ */ jsx(DropdownContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -213,21 +233,7 @@ var Dropdown = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: floatingRef,
-        className: menuWrapperClasses,
-        style: menuWrapperStyles,
-        hidden: !visible,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        onKeyDown: handleMenuKeyDown,
-        children: menuElement && React.isValidElement(menuElement) ? React.cloneElement(menuElement, {
-          id: menuId
-        }) : menuElement
-      }
-    )
+    portal ? renderBodyPortal(menuWrapperNode) : menuWrapperNode
   ] }) });
 };
 

package/dist/{chunk-TSZKBVTA.mjs → chunk-WYGO6XC7.mjs}

@@ -115,13 +115,16 @@ import {
   createTableRowKeyCache,
   filterDataAdvanced,
   groupDataByColumn,
-  getFixedColumnOffsets
+  getFixedColumnOffsets,
+  filterHiddenColumns
 } from "@expcat/tigercat-core";
 import { exportTableData, downloadTableExport } from "@expcat/tigercat-core";
 function useTableState(input) {
   const {
     columns,
     dataSource,
+    hiddenColumnKeys,
+    defaultHiddenColumnKeys,
     sort,
     defaultSort,
     filters,
@@ -143,6 +146,7 @@ function useTableState(input) {
     onSelectionChange,
     onSortChange,
     onFilterChange,
+    onHiddenColumnsChange,
     onPageChange,
     onExpandChange,
     onCellChange,
@@ -152,6 +156,7 @@ function useTableState(input) {
   } = input;
   const isSortControlled = sort !== void 0;
   const isFiltersControlled = filters !== void 0;
+  const isHiddenColumnsControlled = hiddenColumnKeys !== void 0;
   const paginationConfig = pagination !== false && typeof pagination === "object" ? pagination : null;
   const isCurrentPageControlled = paginationConfig?.current !== void 0;
   const isPageSizeControlled = paginationConfig?.pageSize !== void 0;
@@ -160,6 +165,9 @@ function useTableState(input) {
   const [uncontrolledSortState, setUncontrolledSortState] = useState(
     defaultSort ?? { key: null, direction: null }
   );
+  const [uncontrolledHiddenColumnKeys, setUncontrolledHiddenColumnKeys] = useState(
+    defaultHiddenColumnKeys ?? hiddenColumnKeys ?? []
+  );
   const [uncontrolledFilterState, setUncontrolledFilterState] = useState(
     defaultFilters ?? {}
   );
@@ -172,6 +180,7 @@ function useTableState(input) {
   const [uncontrolledSelectedRowKeys, setUncontrolledSelectedRowKeys] = useState(rowSelection?.defaultSelectedRowKeys ?? rowSelection?.selectedRowKeys ?? []);
   const [uncontrolledExpandedRowKeys, setUncontrolledExpandedRowKeys] = useState(expandable?.defaultExpandedRowKeys ?? expandable?.expandedRowKeys ?? []);
   const sortState = isSortControlled ? sort : uncontrolledSortState;
+  const effectiveHiddenColumnKeys = isHiddenColumnsControlled ? hiddenColumnKeys : uncontrolledHiddenColumnKeys;
   const filterState = isFiltersControlled ? filters : uncontrolledFilterState;
   const currentPage = isCurrentPageControlled ? paginationConfig.current : uncontrolledCurrentPage;
   const currentPageSize = isPageSizeControlled ? paginationConfig.pageSize : uncontrolledCurrentPageSize;
@@ -202,6 +211,11 @@ function useTableState(input) {
       setUncontrolledSelectedRowKeys(rowSelection?.selectedRowKeys ?? []);
     }
   }, [isSelectionControlled, rowSelection?.selectedRowKeys]);
+  useEffect(() => {
+    if (isHiddenColumnsControlled && hiddenColumnKeys) {
+      setUncontrolledHiddenColumnKeys(hiddenColumnKeys);
+    }
+  }, [isHiddenColumnsControlled, hiddenColumnKeys]);
   useEffect(() => {
     if (isExpandControlled) {
       setUncontrolledExpandedRowKeys(expandable?.expandedRowKeys ?? []);
@@ -209,14 +223,15 @@ function useTableState(input) {
   }, [isExpandControlled, expandable?.expandedRowKeys]);
   const [fixedOverrides, setFixedOverrides] = useState({});
   const displayColumns = useMemo(() => {
-    return columns.map((column) => {
+    const mapped = columns.map((column) => {
       const hasOverride = Object.prototype.hasOwnProperty.call(fixedOverrides, column.key);
       return {
         ...column,
         fixed: hasOverride ? fixedOverrides[column.key] : column.fixed
       };
     });
-  }, [columns, fixedOverrides]);
+    return filterHiddenColumns(mapped, effectiveHiddenColumnKeys);
+  }, [columns, fixedOverrides, effectiveHiddenColumnKeys]);
   const totalColumnCount = useMemo(() => {
     let count = displayColumns.length;
     if (rowSelection && rowSelection.showCheckbox !== false) count++;
@@ -234,6 +249,12 @@ function useTableState(input) {
     () => getFixedColumnOffsets(displayColumns, measuredColumnWidths),
     [displayColumns, measuredColumnWidths]
   );
+  function handleSetHiddenColumns(hiddenKeys) {
+    if (!isHiddenColumnsControlled) {
+      setUncontrolledHiddenColumnKeys(hiddenKeys);
+    }
+    onHiddenColumnsChange?.(hiddenKeys);
+  }
   function toggleColumnLock(columnKey) {
     setFixedOverrides((prev) => {
       const original = columns.find((c) => c.key === columnKey)?.fixed;
@@ -477,10 +498,12 @@ function useTableState(input) {
     sortState,
     currentPage,
     currentPageSize,
+    hiddenColumnKeys: effectiveHiddenColumnKeys,
     editingCell,
     editingValue,
     setEditingValue,
     toggleColumnLock,
+    handleSetHiddenColumns,
     handleSort,
     handleFilter,
     handlePageChange,
@@ -938,6 +961,8 @@ function Table({
   columns,
   columnLockable = false,
   dataSource = [],
+  hiddenColumnKeys,
+  defaultHiddenColumnKeys,
   sort,
   defaultSort,
   filters,
@@ -992,6 +1017,7 @@ function Table({
   onSelectionChange,
   onSortChange,
   onFilterChange,
+  onHiddenColumnsChange,
   onPageChange,
   onExpandChange,
   onCellChange,
@@ -1021,7 +1047,9 @@ function Table({
     () => tableLocaleInput ? getImmediateTigerLocale(tableLocaleInput) : void 0,
     [tableLocaleInput]
   );
-  const [resolvedTableLocale, setResolvedTableLocale] = useState2(immediateTableLocale);
+  const [resolvedTableLocale, setResolvedTableLocale] = useState2(
+    immediateTableLocale
+  );
   useEffect2(() => {
     let active = true;
     setResolvedPaginationLocale(immediatePaginationLocale);
@@ -1069,6 +1097,8 @@ function Table({
   const ctx = useTableState({
     columns,
     dataSource,
+    hiddenColumnKeys,
+    defaultHiddenColumnKeys,
     sort,
     defaultSort,
     filters,
@@ -1090,6 +1120,7 @@ function Table({
     onSelectionChange,
     onSortChange,
     onFilterChange,
+    onHiddenColumnsChange,
     onPageChange,
     onExpandChange,
     onCellChange,