impact-ui 3.7.34-alpha.2 → 3.7.34-alpha.3

package/dist/components/Table/tableMoreOptions.js

@@ -0,0 +1,277 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { getAssetUrl } from "../../utils/assetBase.js";
+import TableSettings from "./tableSettings.js";
+import { Button } from "../Button/index.js";
+getAssetUrl("icons/compress.svg");
+const tableSettingsIcon = getAssetUrl("icons/tableSettingIcon.svg");
+const tableSortIcon = getAssetUrl("icons/tableSortIcon.svg");
+function TableMoreOptions({
+  showMenu,
+  extraButtons,
+  hideRowHeightOptionMenu,
+  onRowHeightChange,
+  rowHeight,
+  isGroupRows,
+  actualRef,
+  Columns,
+  handleMenuClick,
+  tableFontSize,
+  setTableFontSize,
+  onNumberFormatChange,
+  colDefs,
+  setShowMenu,
+  showTableSetting,
+  setShowTableSetting,
+  setTableSettingOpen,
+  showHideEditableCells,
+  handleShowHideEditableCells,
+  tableActions,
+  onTableActionsTabClick,
+  showFilterStrip,
+  hideTableFormat,
+  hideTableActions,
+  explicitlyCloseTableSetting,
+  savedViewsOptions,
+  handleSaveAndApply,
+  maxSavedViews,
+  handleSavedViewClick,
+  handleEditSaveView,
+  isSaveViewEnabled,
+  isSavingViewLoading,
+  handleDeleteViewClick,
+  isDeleteViewLoading,
+  handleSetDefaultView,
+  hideFontSize,
+  hideNumericFormat,
+  onContentDensityChange,
+  customTabInTableSettings,
+  saveViewCustomFilter,
+  customRenderSaveViewContent,
+  onTableSettingClick,
+  deleteViewPromptText,
+  tableSettingsTitle,
+  registerTableSettingToggle,
+  numericFormatDefault,
+  onAdvanceSortClick,
+  advanceSortEnabled = true
+}) {
+  var _a, _b, _c;
+  const [showDensityMenu, setShowDensityMenu] = useState(false);
+  const [isExpand, setIsExpand] = useState(false);
+  const [showEditableCells, setShowEditableCells] = useState(false);
+  const handleDensityMenuOpen = (e) => {
+    e.stopPropagation();
+    setShowDensityMenu(!showDensityMenu);
+  };
+  const handleDensityMenuClose = () => {
+    setShowDensityMenu(false);
+  };
+  const handleTableSettingClick = () => {
+    setShowTableSetting(true);
+    setTableSettingOpen(true);
+    onTableSettingClick(true);
+  };
+  const handleClickOutside = (e) => {
+    if (showDensityMenu && !e.target.closest(".density-menu-container")) {
+      setShowDensityMenu(false);
+      setTableSettingOpen(false);
+    }
+  };
+  useEffect(() => {
+    document.addEventListener("click", handleClickOutside);
+    return () => {
+      document.removeEventListener("click", handleClickOutside);
+    };
+  }, [showDensityMenu]);
+  const handleChange = () => {
+    if (isExpand) {
+      actualRef.current.api.collapseAll();
+      setIsExpand(false);
+      actualRef.current.api.getModel().isExpand = false;
+    } else {
+      actualRef.current.api.expandAll();
+      setIsExpand(true);
+      actualRef.current.api.getModel().isExpand = true;
+    }
+  };
+  useEffect(() => {
+    setShowDensityMenu(false);
+    setShowMenu(false);
+  }, [explicitlyCloseTableSetting]);
+  useEffect(() => {
+    var _a2, _b2;
+    if ((_b2 = (_a2 = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a2.api) == null ? void 0 : _b2.getModel()) {
+      actualRef.current.api.getModel().isTableSettingOpen = showTableSetting;
+    }
+  }, [showTableSetting]);
+  useEffect(() => {
+    var _a2, _b2, _c2;
+    setIsExpand((_c2 = (_b2 = (_a2 = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a2.api) == null ? void 0 : _b2.getModel()) == null ? void 0 : _c2.isExpand);
+  }, [(_c = (_b = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api) == null ? void 0 : _b.getModel()) == null ? void 0 : _c.isExpand]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !showTableSetting && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `table-more-options-container ${showMenu ? "display-table-more-options" : ""}`,
+        children: [
+          extraButtons,
+          extraButtons ? /* @__PURE__ */ jsx("div", { className: "horizontal-line" }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "table-option-footer-wrapper", children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: `table-settings-container ${!extraButtons ? "table-settings-container-without-extra-buttons" : ""}`,
+                onClick: handleTableSettingClick,
+                children: [
+                  /* @__PURE__ */ jsx("img", { alt: "tableOptionButtonIcon", src: tableSettingsIcon }),
+                  /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Table Settings" })
+                ]
+              }
+            ),
+            !hideRowHeightOptionMenu && /* @__PURE__ */ jsxs("div", { className: "density-menu-wrapper", children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: `table-settings-container table-density-container ${showDensityMenu ? "density-menu-open" : ""}`,
+                  onClick: handleDensityMenuOpen,
+                  children: /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Content density" })
+                }
+              ),
+              showDensityMenu && /* @__PURE__ */ jsxs("div", { className: "density-menu-container", children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: `density-menu-item default_menu ${rowHeight === 46 ? "selected" : ""}`,
+                    onClick: () => {
+                      onRowHeightChange(46);
+                      handleDensityMenuClose();
+                      onContentDensityChange == null ? void 0 : onContentDensityChange("default");
+                    },
+                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Default" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: `density-menu-item compact_menu ${rowHeight === 30 ? "selected" : ""}`,
+                    onClick: () => {
+                      onRowHeightChange(30);
+                      handleDensityMenuClose();
+                      onContentDensityChange == null ? void 0 : onContentDensityChange("compact");
+                    },
+                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Compact" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: `density-menu-item comfort_menu ${rowHeight === 52 ? "selected" : ""}`,
+                    onClick: () => {
+                      onRowHeightChange(52);
+                      handleDensityMenuClose();
+                      onContentDensityChange == null ? void 0 : onContentDensityChange("comfort");
+                    },
+                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Comfort" })
+                  }
+                )
+              ] })
+            ] }),
+            advanceSortEnabled && onAdvanceSortClick && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "table-settings-container",
+                tabIndex: 0,
+                onClick: () => {
+                  onAdvanceSortClick();
+                  setShowMenu(false);
+                },
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    onAdvanceSortClick();
+                    setShowMenu(false);
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ jsx("img", { alt: "advance sort", src: tableSortIcon }),
+                  /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Advance Sort" })
+                ]
+              }
+            ),
+            showHideEditableCells ? /* @__PURE__ */ jsx("div", { className: "show-hide-editable-cells-container", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: showEditableCells ? "show-editable-cells-icon" : "hide-editable-cells-icon",
+                "data-icon": "show-hide-editable-cells",
+                "data-type": "table-icon",
+                variant: "secondary",
+                onClick: () => {
+                  setShowEditableCells(!showEditableCells);
+                  handleShowHideEditableCells();
+                },
+                children: !showEditableCells ? "Hide editable cells" : "Show editable cells"
+              }
+            ) }) : null,
+            isGroupRows ? /* @__PURE__ */ jsx("div", { className: "group-row-container", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: isExpand ? "expand-icon" : "collapse-icon",
+                "data-icon": "unfold-row-group",
+                "data-type": "table-icon",
+                variant: "secondary",
+                onClick: handleChange,
+                children: !isExpand ? "Expand all rows" : "Collapse all rows"
+              }
+            ) }) : null
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: `${showTableSetting ? "show-table-settings" : ""} table-settings-wrapper`, children: /* @__PURE__ */ jsx(
+      TableSettings,
+      {
+        actualRef,
+        colDefs,
+        Columns,
+        customRenderSaveViewContent,
+        customTabInTableSettings,
+        deleteViewPromptText,
+        handleDeleteViewClick,
+        handleEditSaveView,
+        handleMenuClick,
+        handleSaveAndApply,
+        handleSavedViewClick,
+        handleSetDefaultView,
+        hideFontSize,
+        hideNumericFormat,
+        hideTableActions,
+        hideTableFormat,
+        isDeleteViewLoading,
+        isSaveViewEnabled,
+        isSavingViewLoading,
+        maxSavedViews,
+        numericFormatDefault,
+        registerTableSettingToggle,
+        savedViewsOptions,
+        saveViewCustomFilter,
+        setShowMenu,
+        setShowTableSetting,
+        setTableFontSize,
+        setTableSettingOpen,
+        showFilterStrip,
+        showMenu,
+        showTableSetting,
+        tableActions,
+        tableFontSize,
+        tableSettingsTitle,
+        onNumberFormatChange,
+        onTableActionsTabClick,
+        onTableSettingClick
+      }
+    ) })
+  ] });
+}
+export {
+  TableMoreOptions as default
+};

package/dist/components/Table/tablePagination.d.ts

@@ -0,0 +1,7 @@
+export default function TablePagination({ actualRef, localPageSize, setLocalPageSize, paginationPageSizeSelector, }: {
+    actualRef: any;
+    localPageSize: any;
+    setLocalPageSize: any;
+    paginationPageSizeSelector: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tablePagination.d.ts.map

package/dist/components/Table/tablePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tablePagination.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tablePagination.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,0BAA0B,GAC3B;;;;;CAAA,2CAqDA"}

package/dist/components/Table/tablePagination.js

@@ -0,0 +1,67 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import default_1 from "../../node_modules/@mui/icons-material/ExpandLess.js";
+import { Button } from "../Button/index.js";
+import { Menu } from "../Menu/index.js";
+function TablePagination({
+  actualRef,
+  localPageSize,
+  setLocalPageSize,
+  paginationPageSizeSelector
+}) {
+  const [paginationOptionsAnchorEl, setPaginationOptionsAnchorEl] = useState(null);
+  const paginationOptionsOpen = Boolean(paginationOptionsAnchorEl);
+  const handlePageSizeClick = (e) => {
+    setPaginationOptionsAnchorEl(e.currentTarget);
+  };
+  const onPageSizeChange = (val) => {
+    var _a, _b;
+    setLocalPageSize(val);
+    (_b = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api) == null ? void 0 : _b.paginationSetPageSize(val);
+    setPaginationOptionsAnchorEl(null);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "pagination-container", children: [
+    /* @__PURE__ */ jsx("div", { className: "select-button-container", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        "data-collapsed": !paginationOptionsOpen,
+        "data-type": "pagination-btn",
+        icon: /* @__PURE__ */ jsx(default_1, {}),
+        iconPlacement: "right",
+        label: `${localPageSize} per page`,
+        variant: "secondary",
+        onClick: handlePageSizeClick,
+        children: /* @__PURE__ */ jsx("span", { className: "ia-pageSize", children: `${localPageSize} per page` })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      Menu,
+      {
+        anchorEl: paginationOptionsAnchorEl,
+        anchorOrigin: {
+          vertical: "top",
+          horizontal: "center"
+        },
+        open: paginationOptionsOpen,
+        options: paginationPageSizeSelector.map((opt) => ({
+          label: `${opt} per page`,
+          onClick: () => {
+            onPageSizeChange(opt);
+          },
+          value: opt
+        })),
+        selected: localPageSize,
+        transformOrigin: {
+          vertical: "bottom",
+          horizontal: "center"
+        },
+        onClose: () => {
+          setPaginationOptionsAnchorEl(null);
+        }
+      }
+    )
+  ] });
+}
+export {
+  TablePagination as default
+};

package/dist/components/Table/tableSettings.d.ts

@@ -0,0 +1,40 @@
+export default 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, tableSettingsTitle, registerTableSettingToggle, numericFormatDefault, }: {
+    showMenu: any;
+    Columns: any;
+    actualRef: any;
+    tableFontSize: any;
+    setTableFontSize: any;
+    handleMenuClick: any;
+    onNumberFormatChange: any;
+    colDefs: any;
+    setShowMenu: any;
+    showTableSetting: any;
+    setShowTableSetting: any;
+    setTableSettingOpen: any;
+    tableActions: any;
+    onTableActionsTabClick: any;
+    showFilterStrip: any;
+    hideTableFormat: any;
+    hideTableActions: any;
+    savedViewsOptions: any;
+    handleSaveAndApply: any;
+    maxSavedViews: any;
+    handleSavedViewClick: any;
+    handleEditSaveView: any;
+    isSaveViewEnabled: any;
+    isSavingViewLoading: any;
+    handleDeleteViewClick: any;
+    isDeleteViewLoading: any;
+    handleSetDefaultView: any;
+    hideNumericFormat: any;
+    hideFontSize: any;
+    customTabInTableSettings: any;
+    saveViewCustomFilter: any;
+    customRenderSaveViewContent: any;
+    onTableSettingClick: any;
+    deleteViewPromptText: any;
+    tableSettingsTitle?: string | undefined;
+    registerTableSettingToggle: any;
+    numericFormatDefault: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tableSettings.d.ts.map

package/dist/components/Table/tableSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableSettings.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableSettings.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,kBAAqC,EACrC,0BAA0B,EAC1B,oBAAoB,GACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,2CAuJA"}

package/dist/components/Table/tableSettings.js

@@ -0,0 +1,262 @@
+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,
+  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,
+        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", onClick: 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/Table/withCommentIcon.d.ts

@@ -0,0 +1,2 @@
+export declare const withCommentIcon: (Renderer: any) => (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=withCommentIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"withCommentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Table/withCommentIcon.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,GAAI,aAAQ,MAC9B,UAAK,4CAgGd,CAAC"}