@wavemaker-ai/react-runtime 1.0.0-rc.647502 → 1.0.0-rc.647565

package/components/data/table/components/TablePanelHeading.js

@@ -1,202 +1,178 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TablePanelHeading = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _material = require("@mui/material");
-var _tableAction = require("../table-action");
-var _utils = require("../utils");
-var _menu = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/navigation/menu"));
-var _types = require("@wavemaker-ai/react-runtime/components/data/types");
-var _lodash = require("lodash");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var __jsx = _react["default"].createElement;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var TablePanelHeadingComponent = function TablePanelHeadingComponent(_ref) {
-  var _listener$appLocale;
-  var title = _ref.title,
-    subheading = _ref.subheading,
-    iconclass = _ref.iconclass,
-    _ref$exportformat = _ref.exportformat,
-    exportformat = _ref$exportformat === void 0 ? [] : _ref$exportformat,
-    headerActions = _ref.headerActions,
-    _ref$spacing = _ref.spacing,
-    spacing = _ref$spacing === void 0 ? "normal" : _ref$spacing,
-    _ref$isGridEditMode = _ref.isGridEditMode,
-    isGridEditMode = _ref$isGridEditMode === void 0 ? false : _ref$isGridEditMode,
-    _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    listener = _ref.listener,
-    datasource = _ref.datasource,
-    _ref$columns = _ref.columns,
-    columns = _ref$columns === void 0 ? [] : _ref$columns,
-    sortInfo = _ref.sortInfo,
-    _ref$filterInfo = _ref.filterInfo,
-    filterInfo = _ref$filterInfo === void 0 ? [] : _ref$filterInfo,
-    exportdatasize = _ref.exportdatasize,
-    onBeforeExport = _ref.onBeforeExport;
-  var ROW_OPS_FIELD = "rowOperations";
-  var exportIconMapping = {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useCallback, memo } from "react";
+import { Box } from "@mui/material";
+import { WmTableAction } from "../table-action";
+import { getButtonClasses } from "../utils";
+import WmMenu from "../../../navigation/menu";
+import { DataSource } from "../../types";
+import { isEmpty, values } from "lodash";
+const TablePanelHeadingComponent = ({
+  title,
+  subheading,
+  iconclass,
+  exportformat = [],
+  headerActions,
+  spacing = "normal",
+  isGridEditMode = false,
+  isLoading = false,
+  listener,
+  datasource,
+  columns = [],
+  sortInfo,
+  filterInfo = [],
+  exportdatasize,
+  onBeforeExport
+}) => {
+  var _a;
+  const ROW_OPS_FIELD = "rowOperations";
+  const exportIconMapping = {
     EXCEL: "fa fa-file-excel-o",
     CSV: "fa fa-file-text-o"
   };
-
-  // Parse exportformat if it's a comma-separated string
-  var exportOptions = (0, _react.useMemo)(function () {
+  const exportOptions = useMemo(() => {
     if (Array.isArray(exportformat)) {
       return exportformat;
     }
-    var formatStr = exportformat;
+    const formatStr = exportformat;
     if (typeof formatStr === "string") {
-      return formatStr.split(",").map(function (opt) {
-        return opt.trim();
-      }).filter(Boolean);
+      return formatStr.split(",").map((opt) => opt.trim()).filter(Boolean);
     }
     return [];
   }, [exportformat]);
-
-  // Transform export options into dataset format for WmMenu
-  var exportDataset = (0, _react.useMemo)(function () {
-    return exportOptions.map(function (format) {
-      return {
-        label: format,
-        icon: exportIconMapping[format] || "fa fa-file-o",
-        dataValue: format
-      };
-    });
+  const exportDataset = useMemo(() => {
+    return exportOptions.map((format) => ({
+      label: format,
+      icon: exportIconMapping[format] || "fa fa-file-o",
+      dataValue: format
+    }));
   }, [exportOptions]);
-  var handleExportSelect = (0, _react.useCallback)(function (event, widget, item) {
-    if (!datasource) {
-      console.warn("No datasource available for export");
-      return;
-    }
-    var sortOptions = (0, _lodash.isEmpty)(sortInfo) ? "" : "".concat(sortInfo.field, " ").concat(sortInfo.direction);
-    var columnsMap = {};
-
-    // Build columns map from fieldDefs (columns)
-    columns.forEach(function (fieldDef) {
-      // Do not add the row operation actions column to the exported file.
-      if (fieldDef.field === ROW_OPS_FIELD || fieldDef.show === false) {
+  const handleExportSelect = useCallback(
+    (event, widget, item) => {
+      var _a2;
+      if (!datasource) {
+        console.warn("No datasource available for export");
         return;
       }
-      var option = {
-        header: fieldDef.displayName || fieldDef.field || ""
+      const sortOptions = isEmpty(sortInfo) ? "" : `${sortInfo.field} ${sortInfo.direction}`;
+      const columnsMap = {};
+      columns.forEach((fieldDef) => {
+        if (fieldDef.field === ROW_OPS_FIELD || fieldDef.show === false) {
+          return;
+        }
+        const option = {
+          header: fieldDef.displayName || fieldDef.field || ""
+        };
+        if (fieldDef.exportexpression) {
+          option.expression = fieldDef.exportexpression;
+        } else {
+          option.field = fieldDef.field;
+        }
+        if (fieldDef.field) {
+          columnsMap[fieldDef.field] = option;
+        }
+      });
+      const requestData = {
+        matchMode: "anywhereignorecase",
+        filterFields: filterInfo,
+        orderBy: sortOptions,
+        exportType: item.label,
+        logicalOp: "AND",
+        exportSize: exportdatasize,
+        columns: columnsMap
       };
-
-      // If column has exportexpression, then send the expression as required by backend.
-      // otherwise send the field name.
-      if (fieldDef.exportexpression) {
-        option.expression = fieldDef.exportexpression;
-      } else {
-        option.field = fieldDef.field;
+      let isValid = true;
+      if (onBeforeExport) {
+        isValid = onBeforeExport({ $data: requestData }) !== false;
       }
-      if (fieldDef.field) {
-        columnsMap[fieldDef.field] = option;
+      if (isValid === false) {
+        return;
       }
-    });
-    var requestData = {
-      matchMode: "anywhereignorecase",
-      filterFields: filterInfo,
-      orderBy: sortOptions,
-      exportType: item.label,
-      logicalOp: "AND",
-      exportSize: exportdatasize,
-      columns: columnsMap
-    };
-
-    // Call beforeexport callback if provided
-    var isValid = true;
-    if (onBeforeExport) {
-      isValid = onBeforeExport({
-        $data: requestData
-      }) !== false;
-    }
-    if (isValid === false) {
-      return;
-    }
-
-    // Convert columns map to fields array
-    var requestDataWithFields = _objectSpread(_objectSpread({}, requestData), {}, {
-      fields: (0, _lodash.values)(requestData.columns)
-    });
-
-    // Execute download operation
-    try {
-      datasource === null || datasource === void 0 || datasource.execute(_types.DataSource.Operation.DOWNLOAD, {
-        data: requestDataWithFields
+      const requestDataWithFields = __spreadProps(__spreadValues({}, requestData), {
+        fields: values(requestData.columns)
       });
-    } catch (error) {
-      var _listener$App;
-      console.error("Error exporting data:", error);
-      if (listener !== null && listener !== void 0 && (_listener$App = listener.App) !== null && _listener$App !== void 0 && _listener$App.notifyApp) {
-        listener.App.notifyApp("Failed to export data", "Error");
+      try {
+        datasource == null ? void 0 : datasource.execute(DataSource.Operation.DOWNLOAD, { data: requestDataWithFields });
+      } catch (error) {
+        console.error("Error exporting data:", error);
+        if ((_a2 = listener == null ? void 0 : listener.App) == null ? void 0 : _a2.notifyApp) {
+          listener.App.notifyApp("Failed to export data", "Error");
+        }
       }
-    }
-  }, [datasource, columns, sortInfo, filterInfo, exportdatasize, onBeforeExport, listener]);
-  return __jsx(_material.Box, {
-    className: "panel-heading"
-  }, __jsx(_material.Box, {
-    component: "h3",
-    className: "panel-title"
-  }, __jsx(_material.Box, {
-    className: "pull-left"
-  }, iconclass && __jsx(_material.Box, {
-    component: "i",
-    className: "app-icon panel-icon ".concat(iconclass)
-  })), __jsx(_material.Box, {
-    className: "pull-left"
-  }, title && __jsx(_material.Box, {
-    component: "div",
-    className: "heading"
-  }, title), subheading && __jsx(_material.Box, {
-    component: "div",
-    className: "description"
-  }, subheading)), ((exportformat === null || exportformat === void 0 ? void 0 : exportformat.length) > 0 || headerActions.length > 0) && __jsx(_material.Box, {
-    className: "panel-actions app-datagrid-actions"
-  }, headerActions.map(function (action, index) {
-    return __jsx(_tableAction.WmTableAction, {
-      key: "header-action-".concat(index, "-").concat(action.key || action.name),
-      className: (0, _utils.getButtonClasses)(action, spacing, isGridEditMode, isLoading),
-      "data-action-key": action.key,
-      onClick: action.onClick,
-      name: action["displayName"] || action.name || "Action"
-      // @ts-ignore
-      ,
-      displayName: action["displayName"],
-      title: action.title,
-      iconclass: action.iconclass,
-      action: action.action,
-      position: action.position,
-      shortcutkey: action.shortcutkey,
-      tabindex: typeof action.tabindex === "string" ? parseInt(action.tabindex, 10) : action.tabindex,
-      widgetType: action.widgetType,
-      listener: listener,
-      disabled: action.disabled || action.key === "addNewRow" && (isGridEditMode || isLoading),
-      show: action.show,
-      styles: action.styles
-    }, action.children);
-  }), exportOptions.length > 0 && __jsx(_menu["default"], {
-    className: "btn-table-menu",
-    caption: (listener === null || listener === void 0 || (_listener$appLocale = listener.appLocale) === null || _listener$appLocale === void 0 ? void 0 : _listener$appLocale.LABEL_EXPORT) || "Export",
-    dataset: exportDataset,
-    itemlabel: "label",
-    itemicon: "icon",
-    menuposition: "down,left",
-    autoclose: "always",
-    onSelect: handleExportSelect,
-    listener: listener,
-    name: "export-menu",
-    tabindex: 0
-  }))));
+    },
+    [datasource, columns, sortInfo, filterInfo, exportdatasize, onBeforeExport, listener]
+  );
+  return /* @__PURE__ */ jsx(Box, { className: "panel-heading", children: /* @__PURE__ */ jsxs(Box, { component: "h3", className: "panel-title", children: [
+    /* @__PURE__ */ jsx(Box, { className: "pull-left", children: iconclass && /* @__PURE__ */ jsx(Box, { component: "i", className: `app-icon panel-icon ${iconclass}` }) }),
+    /* @__PURE__ */ jsxs(Box, { className: "pull-left", children: [
+      title && /* @__PURE__ */ jsx(Box, { component: "div", className: "heading", children: title }),
+      subheading && /* @__PURE__ */ jsx(Box, { component: "div", className: "description", children: subheading })
+    ] }),
+    ((exportformat == null ? void 0 : exportformat.length) > 0 || headerActions.length > 0) && /* @__PURE__ */ jsxs(Box, { className: "panel-actions app-datagrid-actions", children: [
+      headerActions.map((action, index) => /* @__PURE__ */ jsx(
+        WmTableAction,
+        {
+          className: getButtonClasses(action, spacing, isGridEditMode, isLoading),
+          "data-action-key": action.key,
+          onClick: action.onClick,
+          name: action["displayName"] || action.name || "Action",
+          displayName: action["displayName"],
+          title: action.title,
+          iconclass: action.iconclass,
+          action: action.action,
+          position: action.position,
+          shortcutkey: action.shortcutkey,
+          tabindex: typeof action.tabindex === "string" ? parseInt(action.tabindex, 10) : action.tabindex,
+          widgetType: action.widgetType,
+          listener,
+          disabled: action.disabled || action.key === "addNewRow" && (isGridEditMode || isLoading),
+          show: action.show,
+          styles: action.styles,
+          children: action.children
+        },
+        `header-action-${index}-${action.key || action.name}`
+      )),
+      exportOptions.length > 0 && /* @__PURE__ */ jsx(
+        WmMenu,
+        {
+          className: "btn-table-menu",
+          caption: ((_a = listener == null ? void 0 : listener.appLocale) == null ? void 0 : _a.LABEL_EXPORT) || "Export",
+          dataset: exportDataset,
+          itemlabel: "label",
+          itemicon: "icon",
+          menuposition: "down,left",
+          autoclose: "always",
+          onSelect: handleExportSelect,
+          listener,
+          name: "export-menu",
+          tabindex: 0
+        }
+      )
+    ] })
+  ] }) });
 };
 TablePanelHeadingComponent.displayName = "TablePanelHeading";
-var TablePanelHeading = exports.TablePanelHeading = /*#__PURE__*/(0, _react.memo)(TablePanelHeadingComponent, function (prevProps, nextProps) {
-  // Custom comparison function to prevent unnecessary re-renders
+const TablePanelHeading = memo(TablePanelHeadingComponent, (prevProps, nextProps) => {
   return prevProps.title === nextProps.title && prevProps.subheading === nextProps.subheading && prevProps.iconclass === nextProps.iconclass && prevProps.exportformat === nextProps.exportformat && prevProps.headerActions === nextProps.headerActions && prevProps.spacing === nextProps.spacing && prevProps.isGridEditMode === nextProps.isGridEditMode && prevProps.isLoading === nextProps.isLoading && prevProps.listener === nextProps.listener && prevProps.datasource === nextProps.datasource && prevProps.columns === nextProps.columns && prevProps.sortInfo === nextProps.sortInfo && prevProps.filterInfo === nextProps.filterInfo && prevProps.exportdatasize === nextProps.exportdatasize && prevProps.onBeforeExport === nextProps.onBeforeExport;
-});
+});
+export {
+  TablePanelHeading
+};

package/components/data/table/components/index.js

@@ -1,95 +1,27 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AddNewRow", {
-  enumerable: true,
-  get: function get() {
-    return _AddNewRow.AddNewRow;
-  }
-});
-Object.defineProperty(exports, "EditableCell", {
-  enumerable: true,
-  get: function get() {
-    return _EditableCell.EditableCell;
-  }
-});
-Object.defineProperty(exports, "FieldValidationError", {
-  enumerable: true,
-  get: function get() {
-    return _FieldValidationError.FieldValidationError;
-  }
-});
-Object.defineProperty(exports, "GlobalSearchFilter", {
-  enumerable: true,
-  get: function get() {
-    return _TableFilters.GlobalSearchFilter;
-  }
-});
-Object.defineProperty(exports, "RowExpansionButton", {
-  enumerable: true,
-  get: function get() {
-    return _RowExpansionButton.RowExpansionButton;
-  }
-});
-Object.defineProperty(exports, "SummaryCell", {
-  enumerable: true,
-  get: function get() {
-    return _SummaryCell.SummaryCell;
-  }
-});
-Object.defineProperty(exports, "SummaryRow", {
-  enumerable: true,
-  get: function get() {
-    return _SummaryRow.SummaryRow;
-  }
-});
-Object.defineProperty(exports, "SummaryRowFooter", {
-  enumerable: true,
-  get: function get() {
-    return _SummaryRowFooter.SummaryRowFooter;
-  }
-});
-Object.defineProperty(exports, "TableBodyComponent", {
-  enumerable: true,
-  get: function get() {
-    return _TableBody.TableBodyComponent;
-  }
-});
-Object.defineProperty(exports, "TableFilterRow", {
-  enumerable: true,
-  get: function get() {
-    return _TableFilters.TableFilterRow;
-  }
-});
-Object.defineProperty(exports, "TableFooterActions", {
-  enumerable: true,
-  get: function get() {
-    return _TableFooterActions.TableFooterActions;
-  }
-});
-Object.defineProperty(exports, "TableHeaderComponent", {
-  enumerable: true,
-  get: function get() {
-    return _TableHeader.TableHeaderComponent;
-  }
-});
-Object.defineProperty(exports, "TablePanelHeading", {
-  enumerable: true,
-  get: function get() {
-    return _TablePanelHeading.TablePanelHeading;
-  }
-});
-var _TablePanelHeading = require("./TablePanelHeading");
-var _TableFooterActions = require("./TableFooterActions");
-var _AddNewRow = require("./AddNewRow");
-var _EditableCell = require("./EditableCell");
-var _FieldValidationError = require("./FieldValidationError");
-var _TableBody = require("./TableBody");
-var _TableHeader = require("./TableHeader");
-var _RowExpansionButton = require("./RowExpansionButton");
-var _TableFilters = require("./TableFilters");
-var _SummaryRowFooter = require("./SummaryRowFooter");
-var _SummaryRow = require("./SummaryRow");
-var _SummaryCell = require("./SummaryCell");
+import { TablePanelHeading } from "./TablePanelHeading";
+import { TableFooterActions } from "./TableFooterActions";
+import { AddNewRow } from "./AddNewRow";
+import { EditableCell } from "./EditableCell";
+import { FieldValidationError } from "./FieldValidationError";
+import { TableBodyComponent } from "./TableBody";
+import { TableHeaderComponent } from "./TableHeader";
+import { RowExpansionButton } from "./RowExpansionButton";
+import { GlobalSearchFilter, TableFilterRow } from "./TableFilters";
+import { SummaryRowFooter } from "./SummaryRowFooter";
+import { SummaryRow } from "./SummaryRow";
+import { SummaryCell } from "./SummaryCell";
+export {
+  AddNewRow,
+  EditableCell,
+  FieldValidationError,
+  GlobalSearchFilter,
+  RowExpansionButton,
+  SummaryCell,
+  SummaryRow,
+  SummaryRowFooter,
+  TableBodyComponent,
+  TableFilterRow,
+  TableFooterActions,
+  TableHeaderComponent,
+  TablePanelHeading
+};