impact-ui 4.0.1-alpha.20 → 4.0.1-alpha.21

package/dist/components/TableV36/tableSettings.js

@@ -1,278 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } 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 onFontSizeChange = (val) => {
-    setTableFontSize(val);
-  };
-  const onNumericFormatChange = (val) => {
-    setNumericFormat(val);
-    onNumberFormatChange(val);
-  };
-  useEffect(() => {
-    setNumericFormat(numericFormatDefault);
-  }, [numericFormatDefault]);
-  const tabPanels = [
-    /* @__PURE__ */ jsx(
-      Columns,
-      {
-        ref: actualRef,
-        column: colDefs,
-        customRenderSaveViewContent,
-        deleteViewPromptText,
-        handleDeleteViewClick,
-        handleEditSaveView,
-        handleSaveAndApply,
-        handleSavedViewClick,
-        handleSetDefaultView,
-        isDeleteViewLoading,
-        isSaveViewEnabled,
-        isSavingViewLoading,
-        isViewNameUniqueAcrossTypes,
-        maxSavedViews,
-        savedViewsOptions,
-        saveViewCustomFilter,
-        showMenu
-      }
-    ),
-    !hideTableFormat && /* @__PURE__ */ jsx(
-      TableFormat,
-      {
-        hideFontSize,
-        hideNumericFormat,
-        numericFormat,
-        tableFontSize,
-        onFontSizeChange,
-        onNumericFormatChange
-      }
-    ),
-    !hideTableActions && /* @__PURE__ */ jsx(TableActions, { tableActions }),
-    ...Array.isArray(customTabInTableSettings) ? customTabInTableSettings.map((tab) => tab == null ? void 0 : tab.tabPanels) : []
-  ].filter(Boolean);
-  const tabNames = [
-    {
-      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);
-  const onCloseTableSetting = (e) => {
-    setSelectedMenuTab("Columns");
-    setShowMenu(false);
-    setShowTableSetting(false);
-    setTableSettingOpen(false);
-    onTableSettingClick(false);
-  };
-  useEffect(() => {
-    if (typeof registerTableSettingToggle === "function") {
-      const toggle = (open, tabName, options = {}) => {
-        const shouldOpen = typeof open === "undefined" ? !showTableSetting : 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 {
-            onCloseTableSetting();
-          }
-        }
-      };
-      registerTableSettingToggle(toggle);
-    }
-  }, [
-    registerTableSettingToggle,
-    showTableSetting,
-    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: (_event, val) => {
-              setSelectedMenuTab(val);
-              if (val === "Actions") {
-                onTableActionsTabClick();
-              }
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-const TableFormat = ({
-  tableFontSize,
-  onFontSizeChange,
-  numericFormat,
-  onNumericFormatChange,
-  hideNumericFormat,
-  hideFontSize
-}) => {
-  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: [
-            {
-              label: "Small",
-              value: "small"
-            },
-            {
-              label: "Medium (default)",
-              value: "medium"
-            },
-            {
-              label: "Large",
-              value: "large"
-            }
-          ],
-          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: [
-            {
-              label: "Full Number",
-              value: "full_no"
-            },
-            {
-              label: "In K (Thousands)",
-              value: "thou"
-            },
-            {
-              label: "In M (Millions)",
-              value: "mil"
-            },
-            {
-              label: "In B (Billions)",
-              value: "bil"
-            }
-          ],
-          selectedOption: "full_no",
-          value: numericFormat,
-          onChange: (_e, val) => {
-            onNumericFormatChange(val);
-          }
-        }
-      )
-    ] })
-  ] });
-};
-const TableActions = ({ 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,2 +0,0 @@
-export declare const withCommentIcon: (Renderer: any) => (props: any) => import("react/jsx-runtime").JSX.Element;
-//# 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":"AAOA,eAAO,MAAM,eAAe,GAAI,aAAQ,MAC9B,UAAK,4CAgGd,CAAC"}

package/dist/components/TableV36/withCommentIcon.js

@@ -1,83 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import { getAssetUrl } from "../../utils/assetBase.js";
-const CommentIndicator = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/comment-indicator.svg"), ...props });
-const withCommentIcon = (Renderer) => {
-  return (props) => {
-    var _a, _b;
-    const iconRef = useRef(null);
-    const {
-      handleCommentIconHover,
-      handleMouseEnter,
-      handleMouseLeave,
-      popup,
-      resolvedComments,
-      getLatestUnresolvedThreadId,
-      configuration,
-      colIdentifierKey
-    } = 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(baseCellId);
-        if (latestUnresolved) {
-          effectiveCellId = latestUnresolved;
-        } else {
-          effectiveCellId = baseCellId;
-        }
-      }
-    }
-    const commentsArray = (_b = props.context.comments) == null ? void 0 : _b[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 });
-    const isResolved = Array.isArray(resolvedComments) && resolvedComments.find((comment) => comment === effectiveCellId);
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            position: "absolute",
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            border: hasComment && isPortalOpen ? "1px solid #4259ee" : "none",
-            boxSizing: "border-box",
-            pointerEvents: "none",
-            zIndex: 1
-          }
-        }
-      ),
-      Content,
-      hasComment && !isResolved && /* @__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();
-            handleCommentIconHover(props);
-          },
-          children: /* @__PURE__ */ jsx(CommentIndicator, {})
-        }
-      )
-    ] });
-  };
-};
-export {
-  withCommentIcon
-};