impact-ui 4.0.5-tableV36.2 → 4.0.6

package/dist/components/TableV36/tableSettings.js

@@ -1,317 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import React__default, { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import default_1$2 from "../../node_modules/@mui/icons-material/AutoFixHigh.js";
-import default_1$1 from "../../node_modules/@mui/icons-material/FormatColorTextOutlined.js";
-import default_1 from "../../node_modules/@mui/icons-material/ViewColumnOutlined.js";
-import { RadioButtonGroup } from "../RadioButtonGroup/index.js";
-import { Tabs } from "../Tabs/index.js";
-function TableSettings({
-  showMenu,
-  Columns,
-  actualRef,
-  tableFontSize,
-  setTableFontSize,
-  handleMenuClick,
-  onNumberFormatChange,
-  colDefs,
-  setShowMenu,
-  showTableSetting,
-  setShowTableSetting,
-  setTableSettingOpen,
-  tableActions,
-  onTableActionsTabClick,
-  showFilterStrip,
-  hideTableFormat,
-  hideTableActions,
-  savedViewsOptions,
-  handleSaveAndApply,
-  maxSavedViews,
-  handleSavedViewClick,
-  handleEditSaveView,
-  isSaveViewEnabled,
-  isSavingViewLoading,
-  handleDeleteViewClick,
-  isDeleteViewLoading,
-  handleSetDefaultView,
-  hideNumericFormat,
-  hideFontSize,
-  customTabInTableSettings,
-  saveViewCustomFilter,
-  customRenderSaveViewContent,
-  onTableSettingClick,
-  deleteViewPromptText,
-  isViewNameUniqueAcrossTypes,
-  tableSettingsTitle = "Table Settings",
-  registerTableSettingToggle,
-  numericFormatDefault
-}) {
-  const [selectedMenuTab, setSelectedMenuTab] = useState("Columns");
-  const [numericFormat, setNumericFormat] = useState(numericFormatDefault || "full_no");
-  const showTableSettingRef = useRef(showTableSetting);
-  showTableSettingRef.current = showTableSetting;
-  const onFontSizeChange = useCallback(
-    (val) => {
-      setTableFontSize(val);
-    },
-    [setTableFontSize]
-  );
-  const onNumericFormatChange = useCallback(
-    (val) => {
-      setNumericFormat(val);
-      onNumberFormatChange(val);
-    },
-    [onNumberFormatChange]
-  );
-  useEffect(() => {
-    setNumericFormat(numericFormatDefault);
-  }, [numericFormatDefault]);
-  const onCloseTableSetting = useCallback(() => {
-    setSelectedMenuTab("Columns");
-    setShowMenu(false);
-    setShowTableSetting(false);
-    setTableSettingOpen(false);
-    onTableSettingClick(false);
-  }, [setShowMenu, setShowTableSetting, setTableSettingOpen, onTableSettingClick]);
-  const tabPanels = useMemo(
-    () => [
-      /* @__PURE__ */ jsx(
-        Columns,
-        {
-          ref: actualRef,
-          column: colDefs,
-          customRenderSaveViewContent,
-          deleteViewPromptText,
-          handleDeleteViewClick,
-          handleEditSaveView,
-          handleSaveAndApply,
-          handleSavedViewClick,
-          handleSetDefaultView,
-          isDeleteViewLoading,
-          isSaveViewEnabled,
-          isSavingViewLoading,
-          isViewNameUniqueAcrossTypes,
-          maxSavedViews,
-          savedViewsOptions,
-          saveViewCustomFilter,
-          showMenu
-        },
-        "columns-tab"
-      ),
-      !hideTableFormat && /* @__PURE__ */ jsx(
-        TableFormat,
-        {
-          hideFontSize,
-          hideNumericFormat,
-          numericFormat,
-          tableFontSize,
-          onFontSizeChange,
-          onNumericFormatChange
-        },
-        "format-tab"
-      ),
-      !hideTableActions && /* @__PURE__ */ jsx(TableActions, { tableActions }, "actions-tab"),
-      ...Array.isArray(customTabInTableSettings) ? customTabInTableSettings.map((tab, index) => {
-        var _a;
-        return /* @__PURE__ */ jsx(React__default.Fragment, { children: tab == null ? void 0 : tab.tabPanels }, ((_a = tab == null ? void 0 : tab.tabNames) == null ? void 0 : _a.value) || `custom-tab-${index}`);
-      }) : []
-    ].filter(Boolean),
-    [
-      Columns,
-      actualRef,
-      colDefs,
-      customRenderSaveViewContent,
-      deleteViewPromptText,
-      handleDeleteViewClick,
-      handleEditSaveView,
-      handleSaveAndApply,
-      handleSavedViewClick,
-      handleSetDefaultView,
-      isDeleteViewLoading,
-      isSaveViewEnabled,
-      isSavingViewLoading,
-      isViewNameUniqueAcrossTypes,
-      maxSavedViews,
-      savedViewsOptions,
-      saveViewCustomFilter,
-      showMenu,
-      hideTableFormat,
-      hideFontSize,
-      hideNumericFormat,
-      numericFormat,
-      tableFontSize,
-      onFontSizeChange,
-      onNumericFormatChange,
-      hideTableActions,
-      tableActions,
-      customTabInTableSettings
-    ]
-  );
-  const tabNames = useMemo(
-    () => [
-      {
-        label: selectedMenuTab === "Columns" ? "Columns" : "",
-        value: "Columns",
-        icon: /* @__PURE__ */ jsx(default_1, { fontSize: "small" })
-      },
-      !hideTableFormat && {
-        label: selectedMenuTab === "Format" ? "Format" : "",
-        value: "Format",
-        icon: /* @__PURE__ */ jsx(default_1$1, { fontSize: "small" })
-      },
-      !hideTableActions && {
-        label: selectedMenuTab === "Actions" ? "Actions" : "",
-        value: "Actions",
-        icon: /* @__PURE__ */ jsx(default_1$2, {})
-      },
-      ...Array.isArray(customTabInTableSettings) ? customTabInTableSettings.map((tab) => {
-        var _a, _b;
-        return {
-          ...tab.tabNames,
-          label: selectedMenuTab === ((_a = tab == null ? void 0 : tab.tabNames) == null ? void 0 : _a.value) ? (_b = tab == null ? void 0 : tab.tabNames) == null ? void 0 : _b.label : ""
-        };
-      }) : []
-    ].filter(Boolean),
-    [selectedMenuTab, hideTableFormat, hideTableActions, customTabInTableSettings]
-  );
-  const handleTabChange = useCallback(
-    (_event, val) => {
-      setSelectedMenuTab(val);
-      if (val === "Actions") {
-        onTableActionsTabClick();
-      }
-    },
-    [onTableActionsTabClick]
-  );
-  useEffect(() => {
-    if (typeof registerTableSettingToggle !== "function") return void 0;
-    const toggle = (open, tabName, options = {}) => {
-      const shouldOpen = typeof open === "undefined" ? !showTableSettingRef.current : Boolean(open);
-      if (shouldOpen) {
-        if (options.menuOnly) {
-          setShowMenu(true);
-        } else {
-          setShowMenu(true);
-          setShowTableSetting(true);
-          setTableSettingOpen(true);
-          if (tabName) {
-            setSelectedMenuTab(tabName);
-          }
-          onTableSettingClick(true);
-        }
-      } else if (options.menuOnly) {
-        setShowMenu(false);
-      } else {
-        setSelectedMenuTab("Columns");
-        setShowMenu(false);
-        setShowTableSetting(false);
-        setTableSettingOpen(false);
-        onTableSettingClick(false);
-      }
-    };
-    registerTableSettingToggle(toggle);
-  }, [
-    registerTableSettingToggle,
-    setShowMenu,
-    setShowTableSetting,
-    setTableSettingOpen,
-    onTableSettingClick
-  ]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `table-setting-main-container ${showTableSetting ? "display-table-setting" : ""} ${showFilterStrip ? "filters-strip-visible" : ""}`,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "table-setting-header", children: [
-          /* @__PURE__ */ jsx("h2", { children: tableSettingsTitle }),
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "close_icon",
-              role: "button",
-              tabIndex: 0,
-              onClick: onCloseTableSetting,
-              onKeyDown: (e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                  e.preventDefault();
-                  onCloseTableSetting();
-                }
-              }
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          Tabs,
-          {
-            remountOnTabChange: false,
-            tabNames,
-            tabPanels,
-            value: selectedMenuTab,
-            onChange: handleTabChange
-          }
-        )
-      ]
-    }
-  );
-}
-const TableFormat = React__default.memo(function TableFormat2({
-  tableFontSize,
-  onFontSizeChange,
-  numericFormat,
-  onNumericFormatChange,
-  hideNumericFormat,
-  hideFontSize
-}) {
-  const fontSizeOptions = useMemo(
-    () => [
-      { label: "Small", value: "small" },
-      { label: "Medium (default)", value: "medium" },
-      { label: "Large", value: "large" }
-    ],
-    []
-  );
-  const numericOptions = useMemo(
-    () => [
-      { label: "Full Number", value: "full_no" },
-      { label: "In K (Thousands)", value: "thou" },
-      { label: "In M (Millions)", value: "mil" },
-      { label: "In B (Billions)", value: "bil" }
-    ],
-    []
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "table-setting-format-settings", children: [
-    !hideFontSize && /* @__PURE__ */ jsxs("div", { className: "table-setting-font-size-setting-container", children: [
-      /* @__PURE__ */ jsx("h3", { className: "custom-menu-sub-header", children: "Font size" }),
-      /* @__PURE__ */ jsx(
-        RadioButtonGroup,
-        {
-          options: fontSizeOptions,
-          selectedOption: "medium",
-          value: tableFontSize,
-          onChange: (_e, val) => {
-            onFontSizeChange(val);
-          }
-        }
-      )
-    ] }),
-    !hideNumericFormat && /* @__PURE__ */ jsxs("div", { className: "table-setting-number-format-setting-container", children: [
-      /* @__PURE__ */ jsx("h3", { className: "custom-menu-sub-header", children: "Numeric Values" }),
-      /* @__PURE__ */ jsx(
-        RadioButtonGroup,
-        {
-          options: numericOptions,
-          selectedOption: "full_no",
-          value: numericFormat,
-          onChange: (_e, val) => {
-            onNumericFormatChange(val);
-          }
-        }
-      )
-    ] })
-  ] });
-});
-const TableActions = React__default.memo(function TableActions2({ tableActions }) {
-  return /* @__PURE__ */ jsx("div", { className: "table-setting-action-settings", children: /* @__PURE__ */ jsx("div", { className: "table-setting-action-container", children: tableActions }) });
-});
-export {
-  TableSettings as default
-};

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

@@ -1,13 +0,0 @@
-/**
- * True when a column's `cellRenderer` still ends up painting just the raw value, so AG Grid's
- * truncation-based tooltip is meaningful for it. Covers both "no renderer at all" and this HOC
- * wrapping nothing, which is what every column looks like once the comment feature is enabled.
- */
-export declare const isPlainValueRenderer: (renderer: any) => boolean;
-/**
- * Returns a memoized HOC wrapper for the given renderer.
- * Prefer this over calling `withCommentIcon` directly when building columnDefs.
- */
-export declare const getCachedCommentIconWrapper: (Renderer: any) => any;
-export declare const withCommentIcon: (Renderer: any) => any;
-//# sourceMappingURL=withCommentIcon.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"withCommentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/withCommentIcon.tsx"],"names":[],"mappings":"AAWA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,aAAQ,YACY,CAAC;AA2I1D;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GAAI,aAAQ,QAgBnD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,aAAQ,QAA0C,CAAC"}

package/dist/components/TableV36/withCommentIcon.js

@@ -1,125 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { memo, useRef, useEffect } from "react";
-import { getAssetUrl } from "../../utils/assetBase.js";
-const CommentIndicator = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/comment-indicator.svg"), ...props });
-const PLAIN_VALUE_CELL = "__impactPlainValueCell";
-const isPlainValueRenderer = (renderer) => renderer == null || renderer[PLAIN_VALUE_CELL] === true;
-const isTruncated = (element) => {
-  if (!element) return false;
-  return element.clientWidth < element.scrollWidth || element.clientHeight < element.scrollHeight;
-};
-const commentIconWrapperCache = /* @__PURE__ */ new WeakMap();
-const undefinedRendererKey = { __undefinedRenderer: true };
-const undefinedWrapperCache = /* @__PURE__ */ new Map();
-const createCommentIconWrapper = (Renderer) => {
-  const CommentIconCell = memo((props) => {
-    var _a;
-    const iconRef = useRef(null);
-    const {
-      handleCommentIconHover,
-      handleMouseEnter,
-      handleMouseLeave,
-      popup,
-      resolvedComments,
-      getLatestUnresolvedThreadId,
-      configuration,
-      colIdentifierKey,
-      comments
-    } = props.context || {};
-    const rowIdentifier = colIdentifierKey ? ((_a = props.data) == null ? void 0 : _a[colIdentifierKey]) || props.node.id : props.node.id;
-    const baseCellId = `${rowIdentifier}__${props.column.getColId()}`;
-    let effectiveCellId = baseCellId;
-    if ((popup == null ? void 0 : popup.cellId) != baseCellId && !(configuration == null ? void 0 : configuration.disableMultiCommentThread)) {
-      const baseResolved = Array.isArray(resolvedComments) ? resolvedComments.includes(baseCellId) : false;
-      if (baseResolved) {
-        const latestUnresolved = getLatestUnresolvedThreadId == null ? void 0 : getLatestUnresolvedThreadId(baseCellId);
-        if (latestUnresolved) {
-          effectiveCellId = latestUnresolved;
-        } else {
-          effectiveCellId = baseCellId;
-        }
-      }
-    }
-    const commentsArray = comments == null ? void 0 : comments[effectiveCellId];
-    const hasComment = commentsArray && Array.isArray(commentsArray) && commentsArray.length > 0;
-    const isPortalOpen = (popup == null ? void 0 : popup.cellId) === effectiveCellId;
-    const displayValue = props.valueFormatted !== void 0 && props.valueFormatted !== null ? props.valueFormatted : props.value;
-    const safeValue = displayValue !== null && typeof displayValue === "object" ? JSON.stringify(displayValue) : displayValue ?? "";
-    const Content = Renderer ? /* @__PURE__ */ jsx(Renderer, { ...props }) : /* @__PURE__ */ jsx(Fragment, { children: safeValue });
-    useEffect(() => {
-      if (Renderer || typeof props.setTooltip !== "function" || safeValue === "") return;
-      props.setTooltip(String(safeValue), () => {
-        const cell = props.eParentOfValue ?? props.eGridCell;
-        if (!cell) return false;
-        const valueEl = cell.children.length === 0 ? cell : cell.querySelector(".ag-cell-value");
-        return isTruncated(valueEl ?? cell);
-      });
-    });
-    const isResolved = Array.isArray(resolvedComments) && resolvedComments.find((comment) => comment === effectiveCellId);
-    const showBorder = hasComment && isPortalOpen;
-    const showIcon = hasComment && !isResolved;
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      showBorder && /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            position: "absolute",
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            border: "1px solid #4259ee",
-            boxSizing: "border-box",
-            pointerEvents: "none",
-            zIndex: 1
-          }
-        }
-      ),
-      Content,
-      showIcon && /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: iconRef,
-          style: {
-            position: "absolute",
-            top: -15,
-            right: 0,
-            cursor: "pointer",
-            zIndex: 2
-          },
-          title: `${commentsArray.length} comment${commentsArray.length > 1 ? "s" : ""}`,
-          onMouseLeave: handleMouseLeave,
-          onMouseOver: () => {
-            handleMouseEnter == null ? void 0 : handleMouseEnter();
-            handleCommentIconHover == null ? void 0 : handleCommentIconHover(props);
-          },
-          children: /* @__PURE__ */ jsx(CommentIndicator, {})
-        }
-      )
-    ] });
-  });
-  CommentIconCell.displayName = `withCommentIcon(${(Renderer == null ? void 0 : Renderer.displayName) || (Renderer == null ? void 0 : Renderer.name) || "Cell"})`;
-  CommentIconCell[PLAIN_VALUE_CELL] = !Renderer;
-  return CommentIconCell;
-};
-const getCachedCommentIconWrapper = (Renderer) => {
-  if (Renderer == null) {
-    if (!undefinedWrapperCache.has(undefinedRendererKey)) {
-      undefinedWrapperCache.set(undefinedRendererKey, createCommentIconWrapper(void 0));
-    }
-    return undefinedWrapperCache.get(undefinedRendererKey);
-  }
-  if (typeof Renderer !== "function") {
-    return Renderer;
-  }
-  let cached = commentIconWrapperCache.get(Renderer);
-  if (!cached) {
-    cached = createCommentIconWrapper(Renderer);
-    commentIconWrapperCache.set(Renderer, cached);
-  }
-  return cached;
-};
-export {
-  getCachedCommentIconWrapper,
-  isPlainValueRenderer
-};