@wavemaker-ai/react-runtime 1.0.0-rc.312 → 1.0.0-rc.317

package/components/data/list/components/ListPagination.js

@@ -1,183 +1,157 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ListPagination = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _pagination = _interopRequireDefault(require("@wavemaker-ai/react-runtime/components/data/pagination"));
-var _constants = require("../utils/constants");
-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;
-/**
- * Maps list navigation types to pagination navigation types
- */
-var mapNavigationType = function mapNavigationType(navigation) {
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import Box from "@mui/material/Box";
+import clsx from "clsx";
+import WmPagination from "../../pagination";
+import { LIST_NAVIGATION_TYPES } from "../utils/constants";
+const mapNavigationType = (navigation) => {
   switch (navigation) {
-    case _constants.LIST_NAVIGATION_TYPES.BASIC:
-    case _constants.LIST_NAVIGATION_TYPES.PAGER:
-    case _constants.LIST_NAVIGATION_TYPES.CLASSIC:
-    case _constants.LIST_NAVIGATION_TYPES.SCROLL:
+    case LIST_NAVIGATION_TYPES.BASIC:
+    case LIST_NAVIGATION_TYPES.PAGER:
+    case LIST_NAVIGATION_TYPES.CLASSIC:
+    case LIST_NAVIGATION_TYPES.SCROLL:
       return navigation;
-    case _constants.LIST_NAVIGATION_TYPES.ADVANCED:
-      return _constants.LIST_NAVIGATION_TYPES.CLASSIC;
+    case LIST_NAVIGATION_TYPES.ADVANCED:
+      return LIST_NAVIGATION_TYPES.CLASSIC;
     default:
-      return _constants.LIST_NAVIGATION_TYPES.BASIC;
+      return LIST_NAVIGATION_TYPES.BASIC;
   }
 };
-
-/**
- * Determines if pagination should be hidden
- */
-/**
- * Determines if pagination should be hidden
- */
-var shouldHidePagination = function shouldHidePagination(navigation, allowpagesizechange, datasetLength, pagesize, paginationMeta, totalItems) {
-  // Hide for certain navigation types
-  var isNone = String(navigation) === String(_constants.LIST_NAVIGATION_TYPES.NONE) || navigation === "None";
+const shouldHidePagination = (navigation, allowpagesizechange, datasetLength, pagesize, paginationMeta, totalItems) => {
+  const isNone = String(navigation) === String(LIST_NAVIGATION_TYPES.NONE) || navigation === "None";
   if (isNone) {
     return true;
   }
-
-  // For Scroll, always show pagination so the hook runs and onDataUpdate can preserve accumulated data
-  if (navigation === _constants.LIST_NAVIGATION_TYPES.SCROLL) {
+  if (navigation === LIST_NAVIGATION_TYPES.SCROLL) {
     return false;
   }
-
-  // If we have pagination metadata with totalElements or totalPages, use that to determine visibility
   if (paginationMeta) {
-    // Show pagination if totalPages is provided and greater than 1
-    if (paginationMeta.totalPages !== undefined && paginationMeta.totalPages > 1) {
+    if (paginationMeta.totalPages !== void 0 && paginationMeta.totalPages > 1) {
       return false;
     }
-
-    // Show pagination if totalElements is provided and greater than pagesize
-    if (paginationMeta.totalElements !== undefined && paginationMeta.totalElements > pagesize) {
+    if (paginationMeta.totalElements !== void 0 && paginationMeta.totalElements > pagesize) {
       return false;
     }
   }
-
-  // Use totalItems (calculated in hook) if provided
-  if (totalItems !== undefined && totalItems > pagesize) {
+  if (totalItems !== void 0 && totalItems > pagesize) {
     return false;
   }
-
-  // Hide if page size change is disabled and all items fit on one page
   if (!allowpagesizechange && datasetLength <= pagesize) {
     return true;
   }
-
-  // Always show pagination if we have page size change enabled
   if (allowpagesizechange) {
     return false;
   }
-
-  // Default to showing pagination if we have items
   return datasetLength === 0;
 };
-
-/**
- * List Pagination Component
- * Handles pagination for the list component with improved type safety and structure
- */
-var ListPagination = exports.ListPagination = function ListPagination(props) {
-  var name = props.name,
-    navigation = props.navigation,
-    orderedDataset = props.orderedDataset,
-    pagesize = props.pagesize,
-    currentPage = props.currentPage,
-    navigationalign = props.navigationalign,
-    showrecordcount = props.showrecordcount,
-    maxsize = props.maxsize,
-    boundarylinks = props.boundarylinks,
-    paginationclass = props.paginationclass,
-    _props$allowpagesizec = props.allowpagesizechange,
-    allowpagesizechange = _props$allowpagesizec === void 0 ? true : _props$allowpagesizec,
-    _props$pagesizeoption = props.pagesizeoptions,
-    pagesizeoptions = _props$pagesizeoption === void 0 ? "5,10,20,50,100" : _props$pagesizeoption,
-    onPaginationChange = props.onPaginationChange,
-    onSetRecord = props.onSetRecord,
-    onPageSizeChange = props.onPageSizeChange,
-    listener = props.listener,
-    paginationMeta = props.paginationMeta,
-    totalItems = props.totalItems,
-    datasource = props.datasource,
-    isLoadingMore = props.isLoadingMore,
-    setIsLoadingMore = props.setIsLoadingMore,
-    isServerSidePagination = props.isServerSidePagination,
-    listDirection = props.listDirection,
-    scrollContainerRef = props.scrollContainerRef,
-    sentinelRef = props.sentinelRef,
-    onDataUpdate = props.onDataUpdate;
-  // Early return if pagination should be hidden
-  var hidePagination = (0, _react.useMemo)(function () {
-    return shouldHidePagination(navigation, allowpagesizechange, orderedDataset.length, pagesize, paginationMeta, totalItems);
-  }, [navigation, allowpagesizechange, orderedDataset.length, pagesize, paginationMeta, props.totalItems]);
-
-  // Get the appropriate navigation type for the pagination component
-  var paginationNavigation = (0, _react.useMemo)(function () {
-    return mapNavigationType(navigation);
-  }, [navigation]);
-
-  // Wrap handlers to match WmPagination's expected signatures (SyntheticEvent)
-  // and adapt onSetRecord: pagination passes (event, widget, data, pageInfo), list expects (event, widget, index, data)
-  var handlePaginationChange = (0, _react.useMemo)(function () {
-    return function (event, widget, index) {
+const ListPagination = (props) => {
+  const {
+    name,
+    navigation,
+    orderedDataset,
+    pagesize,
+    currentPage,
+    navigationalign,
+    showrecordcount,
+    maxsize,
+    boundarylinks,
+    paginationclass,
+    allowpagesizechange = true,
+    pagesizeoptions = "5,10,20,50,100",
+    onPaginationChange,
+    onSetRecord,
+    onPageSizeChange,
+    listener,
+    paginationMeta,
+    totalItems,
+    datasource,
+    isLoadingMore,
+    setIsLoadingMore,
+    isServerSidePagination,
+    listDirection,
+    scrollContainerRef,
+    sentinelRef,
+    onDataUpdate
+  } = props;
+  const hidePagination = useMemo(
+    () => shouldHidePagination(
+      navigation,
+      allowpagesizechange,
+      orderedDataset.length,
+      pagesize,
+      paginationMeta,
+      totalItems
+    ),
+    [
+      navigation,
+      allowpagesizechange,
+      orderedDataset.length,
+      pagesize,
+      paginationMeta,
+      props.totalItems
+    ]
+  );
+  const paginationNavigation = useMemo(() => mapNavigationType(navigation), [navigation]);
+  const handlePaginationChange = useMemo(
+    () => (event, widget, index) => {
       onPaginationChange(event, widget, index);
-    };
-  }, [onPaginationChange]);
-  var handleSetRecord = (0, _react.useMemo)(function () {
-    return function (event, widget, data, pageInfo) {
-      var _pageInfo$currentPage;
-      onSetRecord(event, widget, (_pageInfo$currentPage = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.currentPage) !== null && _pageInfo$currentPage !== void 0 ? _pageInfo$currentPage : 1, data);
-    };
-  }, [onSetRecord]);
-
-  // Scroll: pass only actual items (no placeholder slots); other modes may use totalItems slots
-  var paginationDataset = (0, _react.useMemo)(function () {
-    return navigation === _constants.LIST_NAVIGATION_TYPES.SCROLL ? orderedDataset : totalItems ? Array(totalItems).fill(null) : orderedDataset;
-  }, [navigation, orderedDataset, totalItems]);
+    },
+    [onPaginationChange]
+  );
+  const handleSetRecord = useMemo(
+    () => (event, widget, data, pageInfo) => {
+      var _a;
+      onSetRecord(event, widget, (_a = pageInfo == null ? void 0 : pageInfo.currentPage) != null ? _a : 1, data);
+    },
+    [onSetRecord]
+  );
+  const paginationDataset = useMemo(
+    () => navigation === LIST_NAVIGATION_TYPES.SCROLL ? orderedDataset : totalItems ? Array(totalItems).fill(null) : orderedDataset,
+    [navigation, orderedDataset, totalItems]
+  );
   if (hidePagination) {
     return null;
   }
-  return __jsx(_Box["default"], {
-    component: "div",
-    className: (0, _clsx["default"])("pagination-container", "app-datanavigator", "text-".concat(navigationalign))
-  }, __jsx(_pagination["default"], {
-    name: "".concat(name, "_pagination"),
-    dataset: paginationDataset,
-    maxResults: pagesize,
-    currentPage: currentPage,
-    navigation: paginationNavigation,
-    navigationalign: navigationalign,
-    showrecordcount: showrecordcount,
-    maxsize: maxsize,
-    boundarylinks: boundarylinks,
-    directionlinks: true,
-    allowpagesizechange: allowpagesizechange,
-    pagesizeoptions: pagesizeoptions,
-    className: (0, _clsx["default"])("pagination", paginationclass),
-    listener: listener,
-    onPaginationChange: handlePaginationChange,
-    onSetRecord: handleSetRecord,
-    onPageSizeChange: onPageSizeChange
-    // Pass pagination metadata to WmPagination component if available
-    ,
-    paginationMeta: paginationMeta,
-    totalItems: totalItems
-    // Pass datasource for API-based pagination
-    ,
-    datasource: datasource,
-    isLoadingMore: isLoadingMore,
-    setIsLoadingMore: setIsLoadingMore,
-    isServerSidePagination: isServerSidePagination,
-    listDirection: listDirection,
-    scrollContainerRef: scrollContainerRef,
-    sentinelRef: sentinelRef,
-    onDataUpdate: onDataUpdate
-  }));
-};
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "div",
+      className: clsx("pagination-container", "app-datanavigator", `text-${navigationalign}`),
+      children: /* @__PURE__ */ jsx(
+        WmPagination,
+        {
+          name: `${name}_pagination`,
+          dataset: paginationDataset,
+          maxResults: pagesize,
+          currentPage,
+          navigation: paginationNavigation,
+          navigationalign,
+          showrecordcount,
+          maxsize,
+          boundarylinks,
+          directionlinks: true,
+          allowpagesizechange,
+          pagesizeoptions,
+          className: clsx("pagination", paginationclass),
+          listener,
+          onPaginationChange: handlePaginationChange,
+          onSetRecord: handleSetRecord,
+          onPageSizeChange,
+          paginationMeta,
+          totalItems,
+          datasource,
+          isLoadingMore,
+          setIsLoadingMore,
+          isServerSidePagination,
+          listDirection,
+          scrollContainerRef,
+          sentinelRef,
+          onDataUpdate
+        }
+      )
+    }
+  );
+};
+export {
+  ListPagination
+};

package/components/data/list/components/LoadMoreButton.js

@@ -1,35 +1,27 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LoadMoreButton = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var __jsx = _react["default"].createElement;
-/**
- * Load more button component for on-demand pagination
- */
-var LoadMoreButton = exports.LoadMoreButton = function LoadMoreButton(_ref) {
-  var paginationclass = _ref.paginationclass,
-    isLoadingMore = _ref.isLoadingMore,
-    loadingicon = _ref.loadingicon,
-    loadingdatamsg = _ref.loadingdatamsg,
-    ondemandmessage = _ref.ondemandmessage,
-    onLoadMore = _ref.onLoadMore;
-  return __jsx(_Box["default"], {
-    component: "div",
-    className: "panel-footer wm-load-more-footer wm-text-center"
-  }, __jsx(_Button["default"], {
-    className: (0, _clsx["default"])("app-button btn", paginationclass),
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+const LoadMoreButton = ({
+  paginationclass,
+  isLoadingMore,
+  loadingicon,
+  loadingdatamsg,
+  ondemandmessage,
+  onLoadMore
+}) => /* @__PURE__ */ jsx(Box, { component: "div", className: "panel-footer wm-load-more-footer wm-text-center", children: /* @__PURE__ */ jsx(
+  Button,
+  {
+    className: clsx("app-button btn", paginationclass),
     variant: "contained",
     onClick: onLoadMore,
-    disabled: isLoadingMore
-  }, isLoadingMore ? __jsx(_react["default"].Fragment, null, __jsx("i", {
-    className: "app-icon ".concat(loadingicon, " fa-spin me-2"),
-    "aria-hidden": "true"
-  }), loadingdatamsg) : ondemandmessage));
-};
+    disabled: isLoadingMore,
+    children: isLoadingMore ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("i", { className: `app-icon ${loadingicon} fa-spin me-2`, "aria-hidden": "true" }),
+      loadingdatamsg
+    ] }) : ondemandmessage
+  }
+) });
+export {
+  LoadMoreButton
+};

package/components/data/list/components/NoDataMessage.js

@@ -1,22 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NoDataMessage = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var __jsx = _react["default"].createElement;
-/**
- * No data message component
- */
-var NoDataMessage = exports.NoDataMessage = function NoDataMessage(_ref) {
-  var message = _ref.message,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "no-data-message" : _ref$className;
-  return __jsx(_Typography["default"], {
-    className: className,
-    variant: "body2"
-  }, message);
-};
+import { jsx } from "react/jsx-runtime";
+import Typography from "@mui/material/Typography";
+const NoDataMessage = ({
+  message,
+  className = "no-data-message"
+}) => /* @__PURE__ */ jsx(Typography, { className, variant: "body2", children: message });
+export {
+  NoDataMessage
+};

package/components/data/list/components/StandardListItems.js

@@ -1,88 +1,82 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StandardListItems = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ListDND = require("./ListDND");
-var _ListItemWithTemplate = require("./ListItemWithTemplate");
-var _ListContainer = require("./ListContainer");
-var _NoDataMessage = require("./NoDataMessage");
-var _some = _interopRequireDefault(require("lodash-es/some"));
-var __jsx = _react["default"].createElement;
-/**
- * Standard list items renderer for non-grouped lists
- */
-var StandardListItems = exports.StandardListItems = function StandardListItems(_ref) {
-  var items = _ref.items,
-    currentPageItems = _ref.currentPageItems,
-    direction = _ref.direction,
-    enablereorder = _ref.enablereorder,
-    disableitem = _ref.disableitem,
-    itemclass = _ref.itemclass,
-    itemsPerRowClass = _ref.itemsPerRowClass,
-    name = _ref.name,
-    tabIndex = _ref.tabIndex,
-    activeItems = _ref.activeItems,
-    renderItem = _ref.renderItem,
-    itemTemplate = _ref.itemTemplate,
-    nodatamessage = _ref.nodatamessage,
-    onItemClick = _ref.onItemClick,
-    onItemDoubleClick = _ref.onItemDoubleClick,
-    onItemMouseEnter = _ref.onItemMouseEnter,
-    onItemMouseLeave = _ref.onItemMouseLeave,
-    onDragEnd = _ref.onDragEnd,
-    itemAttrs = _ref.itemAttrs,
-    _ref$standalone = _ref.standalone,
-    standalone = _ref$standalone === void 0 ? false : _ref$standalone;
+import { jsx } from "react/jsx-runtime";
+import { getItemId } from "./ListDND";
+import { ListItemWithTemplate } from "./ListItemWithTemplate";
+import { ListContainer } from "./ListContainer";
+import { NoDataMessage } from "./NoDataMessage";
+import some from "lodash-es/some";
+const StandardListItems = ({
+  items,
+  currentPageItems,
+  direction,
+  enablereorder,
+  disableitem,
+  itemclass,
+  itemsPerRowClass,
+  name,
+  tabIndex,
+  activeItems,
+  renderItem,
+  itemTemplate,
+  nodatamessage,
+  onItemClick,
+  onItemDoubleClick,
+  onItemMouseEnter,
+  onItemMouseLeave,
+  onDragEnd,
+  itemAttrs,
+  standalone = false
+}) => {
   if (!items || !Array.isArray(items) || items.length === 0) {
-    return __jsx(_NoDataMessage.NoDataMessage, {
-      message: nodatamessage
-    });
+    return /* @__PURE__ */ jsx(NoDataMessage, { message: nodatamessage });
   }
-  var currentItems = currentPageItems.currentItems,
-    startIndex = currentPageItems.startIndex;
-  var listItems = currentItems.map(function (item, index) {
-    var globalIndex = startIndex + index;
-    var itemId = (0, _ListDND.getItemId)(item, globalIndex);
-    var isFirst = index === 0;
-    var isLast = index === currentItems.length - 1;
-    var isActive = (Array.isArray(activeItems) || activeItems instanceof Set) && (0, _some["default"])(Array.from(activeItems), function (active) {
-      return active._wmListItemId === item._wmListItemId;
-    });
-    return __jsx(_ListItemWithTemplate.ListItemWithTemplate, {
-      key: itemId,
-      item: item,
-      index: index,
-      globalIndex: globalIndex,
-      itemId: itemId,
-      isFirst: isFirst,
-      isLast: isLast,
-      disableitem: disableitem,
-      itemclass: itemclass,
-      itemsPerRowClass: itemsPerRowClass,
-      name: name,
-      tabIndex: tabIndex,
-      isActive: isActive,
-      enablereorder: enablereorder,
-      direction: direction,
-      renderItem: renderItem,
-      itemTemplate: itemTemplate,
-      onItemClick: onItemClick,
-      onItemDoubleClick: onItemDoubleClick,
-      onItemMouseEnter: onItemMouseEnter,
-      onItemMouseLeave: onItemMouseLeave,
-      itemAttrs: itemAttrs,
-      standalone: standalone
-    });
+  const { currentItems, startIndex } = currentPageItems;
+  const listItems = currentItems.map((item, index) => {
+    const globalIndex = startIndex + index;
+    const itemId = getItemId(item, globalIndex);
+    const isFirst = index === 0;
+    const isLast = index === currentItems.length - 1;
+    const isActive = (Array.isArray(activeItems) || activeItems instanceof Set) && some(Array.from(activeItems), (active) => active._wmListItemId === item._wmListItemId);
+    return /* @__PURE__ */ jsx(
+      ListItemWithTemplate,
+      {
+        item,
+        index,
+        globalIndex,
+        itemId,
+        isFirst,
+        isLast,
+        disableitem,
+        itemclass,
+        itemsPerRowClass,
+        name,
+        tabIndex,
+        isActive,
+        enablereorder,
+        direction,
+        renderItem,
+        itemTemplate,
+        onItemClick,
+        onItemDoubleClick,
+        onItemMouseEnter,
+        onItemMouseLeave,
+        itemAttrs,
+        standalone
+      },
+      itemId
+    );
   });
-  return __jsx(_ListContainer.ListContainer, {
-    direction: direction,
-    enablereorder: enablereorder,
-    items: currentItems,
-    startIndex: startIndex,
-    onDragEnd: onDragEnd
-  }, listItems);
-};
+  return /* @__PURE__ */ jsx(
+    ListContainer,
+    {
+      direction,
+      enablereorder,
+      items: currentItems,
+      startIndex,
+      onDragEnd,
+      children: listItems
+    }
+  );
+};
+export {
+  StandardListItems
+};