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

package/components/data/list/components/index.js

@@ -1,119 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DndWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _ListDND.DndWrapper;
-  }
-});
-Object.defineProperty(exports, "GroupHeader", {
-  enumerable: true,
-  get: function get() {
-    return _GroupHeader.GroupHeader;
-  }
-});
-Object.defineProperty(exports, "GroupedListItems", {
-  enumerable: true,
-  get: function get() {
-    return _GroupedListItems.GroupedListItems;
-  }
-});
-Object.defineProperty(exports, "ListContainer", {
-  enumerable: true,
-  get: function get() {
-    return _ListContainer.ListContainer;
-  }
-});
-Object.defineProperty(exports, "ListHeader", {
-  enumerable: true,
-  get: function get() {
-    return _ListHeader.ListHeader;
-  }
-});
-Object.defineProperty(exports, "ListItemContext", {
-  enumerable: true,
-  get: function get() {
-    return _ListItem.ListItemContext;
-  }
-});
-Object.defineProperty(exports, "ListItemWithTemplate", {
-  enumerable: true,
-  get: function get() {
-    return _ListItemWithTemplate.ListItemWithTemplate;
-  }
-});
-Object.defineProperty(exports, "ListItems", {
-  enumerable: true,
-  get: function get() {
-    return _ListItems.ListItems;
-  }
-});
-Object.defineProperty(exports, "ListPagination", {
-  enumerable: true,
-  get: function get() {
-    return _ListPagination.ListPagination;
-  }
-});
-Object.defineProperty(exports, "LoadMoreButton", {
-  enumerable: true,
-  get: function get() {
-    return _LoadMoreButton.LoadMoreButton;
-  }
-});
-Object.defineProperty(exports, "NoDataMessage", {
-  enumerable: true,
-  get: function get() {
-    return _NoDataMessage.NoDataMessage;
-  }
-});
-Object.defineProperty(exports, "SortableItem", {
-  enumerable: true,
-  get: function get() {
-    return _ListDND.SortableItem;
-  }
-});
-Object.defineProperty(exports, "StandardListItems", {
-  enumerable: true,
-  get: function get() {
-    return _StandardListItems.StandardListItems;
-  }
-});
-Object.defineProperty(exports, "WmListItem", {
-  enumerable: true,
-  get: function get() {
-    return _ListItem.WmListItem;
-  }
-});
-Object.defineProperty(exports, "dragStyles", {
-  enumerable: true,
-  get: function get() {
-    return _ListDND.dragStyles;
-  }
-});
-Object.defineProperty(exports, "getItemId", {
-  enumerable: true,
-  get: function get() {
-    return _ListDND.getItemId;
-  }
-});
-Object.defineProperty(exports, "useDragAndDrop", {
-  enumerable: true,
-  get: function get() {
-    return _ListDND.useDragAndDrop;
-  }
-});
-var _ListHeader = require("./ListHeader");
-var _ListPagination = require("./ListPagination");
-var _ListItems = require("./ListItems");
-var _ListDND = require("./ListDND");
-var _ListItem = require("./ListItem");
-var _NoDataMessage = require("./NoDataMessage");
-var _LoadMoreButton = require("./LoadMoreButton");
-var _GroupHeader = require("./GroupHeader");
-var _ListContainer = require("./ListContainer");
-var _ListItemWithTemplate = require("./ListItemWithTemplate");
-var _StandardListItems = require("./StandardListItems");
-var _GroupedListItems = require("./GroupedListItems");
+import { ListHeader } from "./ListHeader";
+import { ListPagination } from "./ListPagination";
+import { ListItems } from "./ListItems";
+import { getItemId, DndWrapper, SortableItem, dragStyles, useDragAndDrop } from "./ListDND";
+import { ListItemContext, WmListItem } from "./ListItem";
+import { NoDataMessage } from "./NoDataMessage";
+import { LoadMoreButton } from "./LoadMoreButton";
+import { GroupHeader } from "./GroupHeader";
+import { ListContainer } from "./ListContainer";
+import { ListItemWithTemplate } from "./ListItemWithTemplate";
+import { StandardListItems } from "./StandardListItems";
+import { GroupedListItems } from "./GroupedListItems";
+export {
+  DndWrapper,
+  GroupHeader,
+  GroupedListItems,
+  ListContainer,
+  ListHeader,
+  ListItemContext,
+  ListItemWithTemplate,
+  ListItems,
+  ListPagination,
+  LoadMoreButton,
+  NoDataMessage,
+  SortableItem,
+  StandardListItems,
+  WmListItem,
+  dragStyles,
+  getItemId,
+  useDragAndDrop
+};

package/components/data/list/components/props.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/components/data/list/hooks/index.js

@@ -1,75 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useCurrentPageItems", {
-  enumerable: true,
-  get: function get() {
-    return _useCurrentPageItems.useCurrentPageItems;
-  }
-});
-Object.defineProperty(exports, "useDataSourceSubscription", {
-  enumerable: true,
-  get: function get() {
-    return _useDataSourceSubscription.useDataSourceSubscription;
-  }
-});
-Object.defineProperty(exports, "useGroupedData", {
-  enumerable: true,
-  get: function get() {
-    return _useGroupedData.useGroupedData;
-  }
-});
-Object.defineProperty(exports, "useListData", {
-  enumerable: true,
-  get: function get() {
-    return _useListData.useListData;
-  }
-});
-Object.defineProperty(exports, "useListEffects", {
-  enumerable: true,
-  get: function get() {
-    return _useListEffects.useListEffects;
-  }
-});
-Object.defineProperty(exports, "useListEventHandlers", {
-  enumerable: true,
-  get: function get() {
-    return _useListEventHandlers.useListEventHandlers;
-  }
-});
-Object.defineProperty(exports, "useListPagination", {
-  enumerable: true,
-  get: function get() {
-    return _useListPagination.useListPagination;
-  }
-});
-Object.defineProperty(exports, "useListState", {
-  enumerable: true,
-  get: function get() {
-    return _useListState.useListState;
-  }
-});
-Object.defineProperty(exports, "useListStateManager", {
-  enumerable: true,
-  get: function get() {
-    return _useListStateManager.useListStateManager;
-  }
-});
-Object.defineProperty(exports, "usePaginatedGroupedData", {
-  enumerable: true,
-  get: function get() {
-    return _usePaginatedGroupedData.usePaginatedGroupedData;
-  }
-});
-var _useListData = require("./useListData");
-var _useListState = require("./useListState");
-var _useGroupedData = require("./useGroupedData");
-var _useListEventHandlers = require("./useListEventHandlers");
-var _useListPagination = require("./useListPagination");
-var _useCurrentPageItems = require("./useCurrentPageItems");
-var _usePaginatedGroupedData = require("./usePaginatedGroupedData");
-var _useListEffects = require("./useListEffects");
-var _useDataSourceSubscription = require("../../../../hooks/useDataSourceSubscription");
-var _useListStateManager = require("./useListStateManager");
+import { useListData } from "./useListData";
+import { useListState } from "./useListState";
+import { useGroupedData } from "./useGroupedData";
+import { useListEventHandlers } from "./useListEventHandlers";
+import { useListPagination } from "./useListPagination";
+import { useCurrentPageItems } from "./useCurrentPageItems";
+import { usePaginatedGroupedData } from "./usePaginatedGroupedData";
+import { useListEffects } from "./useListEffects";
+import { useDataSourceSubscription } from "../../../../hooks/useDataSourceSubscription";
+import { useListStateManager } from "./useListStateManager";
+export {
+  useCurrentPageItems,
+  useDataSourceSubscription,
+  useGroupedData,
+  useListData,
+  useListEffects,
+  useListEventHandlers,
+  useListPagination,
+  useListState,
+  useListStateManager,
+  usePaginatedGroupedData
+};

package/components/data/list/hooks/props.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/components/data/list/hooks/useCurrentPageItems.js

@@ -1,32 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCurrentPageItems = void 0;
-var _react = require("react");
-var _constants = require("../utils/constants");
-/**
- * Hook for calculating current page items based on navigation type and pagination
- */
-var useCurrentPageItems = exports.useCurrentPageItems = function useCurrentPageItems(_ref) {
-  var items = _ref.items,
-    navigation = _ref.navigation,
-    currentPage = _ref.currentPage,
-    pagesize = _ref.pagesize,
-    visibleItems = _ref.visibleItems,
-    _ref$isServerPaginate = _ref.isServerPaginated,
-    isServerPaginated = _ref$isServerPaginate === void 0 ? false : _ref$isServerPaginate;
-  return (0, _react.useMemo)(function () {
+import { useMemo } from "react";
+import { LIST_NAVIGATION_TYPES } from "../utils/constants";
+const useCurrentPageItems = ({
+  items,
+  navigation,
+  currentPage,
+  pagesize,
+  visibleItems,
+  isServerPaginated = false
+}) => {
+  return useMemo(() => {
     if (!items || !Array.isArray(items) || items.length === 0) {
-      return {
-        currentItems: [],
-        startIndex: 0,
-        endIndex: 0
-      };
+      return { currentItems: [], startIndex: 0, endIndex: 0 };
     }
-
-    // For server-paginated data, use all items as-is since the server has already paginated the data
     if (isServerPaginated) {
       return {
         currentItems: items,
@@ -34,15 +19,12 @@ var useCurrentPageItems = exports.useCurrentPageItems = function useCurrentPageI
         endIndex: items.length
       };
     }
-
-    // For client-side pagination, calculate the slice indexes
-    var startIndex = navigation === _constants.LIST_NAVIGATION_TYPES.ON_DEMAND ? 0 : (currentPage - 1) * pagesize;
-    var endIndex = navigation === _constants.LIST_NAVIGATION_TYPES.ON_DEMAND ? visibleItems : currentPage * pagesize;
-    var currentItems = items.slice(startIndex, endIndex);
-    return {
-      currentItems: currentItems,
-      startIndex: startIndex,
-      endIndex: endIndex
-    };
+    const startIndex = navigation === LIST_NAVIGATION_TYPES.ON_DEMAND ? 0 : (currentPage - 1) * pagesize;
+    const endIndex = navigation === LIST_NAVIGATION_TYPES.ON_DEMAND ? visibleItems : currentPage * pagesize;
+    const currentItems = items.slice(startIndex, endIndex);
+    return { currentItems, startIndex, endIndex };
   }, [items, navigation, currentPage, pagesize, visibleItems, isServerPaginated]);
-};
+};
+export {
+  useCurrentPageItems
+};

package/components/data/list/hooks/useGroupedData.js

@@ -1,37 +1,23 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useGroupedData = void 0;
-var _react = require("react");
-var _lodashEs = require("lodash-es");
-/**
- * Custom hook for grouping data
- * @param orderedDataset - The dataset to group
- * @param groupby - The field to group by (supports dot notation for nested properties)
- * @returns Grouped data array
- */
-var useGroupedData = exports.useGroupedData = function useGroupedData(orderedDataset, groupby) {
-  return (0, _react.useMemo)(function () {
-    // Ensure orderedDataset is a valid array
-    var validDataset = Array.isArray(orderedDataset) ? orderedDataset : [];
+import { useMemo } from "react";
+import { groupBy, get, sortBy, map } from "lodash-es";
+const useGroupedData = (orderedDataset, groupby) => {
+  return useMemo(() => {
+    const validDataset = Array.isArray(orderedDataset) ? orderedDataset : [];
     if (!groupby || !validDataset.length) return [];
-
-    // Group data using lodash groupBy with safe property access
-    var grouped = (0, _lodashEs.groupBy)(validDataset, function (item) {
-      var value = (0, _lodashEs.get)(item, groupby);
-      // If the nested value doesn't exist, group under "Others"
-      return value !== undefined ? String(value || "None") : "Others";
+    const grouped = groupBy(validDataset, (item) => {
+      const value = get(item, groupby);
+      return value !== void 0 ? String(value || "None") : "Others";
     });
-
-    // Convert to sorted array format expected by the component
-    return (0, _lodashEs.sortBy)((0, _lodashEs.map)(grouped, function (data, key) {
-      return {
-        key: key,
-        data: data,
+    return sortBy(
+      map(grouped, (data, key) => ({
+        key,
+        data,
         originalDataLength: data.length
-      };
-    }), "key");
+      })),
+      "key"
+    );
   }, [orderedDataset, groupby]);
-};
+};
+export {
+  useGroupedData
+};

package/components/data/list/hooks/useListData.js

@@ -1,60 +1,30 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useListData = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _lodashEs = require("lodash-es");
-/**
- * Custom hook for processing and ordering list data
- * @param dataset - The dataset to process
- * @param config - Configuration options for data processing
- * @returns Processed and ordered dataset
- */
-var useListData = exports.useListData = function useListData(dataset, config) {
-  var orderby = config.orderby,
-    groupby = config.groupby;
-  return (0, _react.useMemo)(function () {
-    // Ensure dataset is a valid array
-    var validDataset = Array.isArray(dataset) ? dataset : [];
+import { useMemo } from "react";
+import { orderBy, get } from "lodash-es";
+const useListData = (dataset, config) => {
+  const { orderby, groupby } = config;
+  return useMemo(() => {
+    const validDataset = Array.isArray(dataset) ? dataset : [];
     if (!validDataset.length) return [];
-
-    // If no ordering or grouping is required, return as-is
     if (!orderby && !groupby) {
       return validDataset;
     }
-
-    // Apply ordering if specified
     if (orderby) {
-      // Parse orderby string to extract fields and directions
-      var orderFields = orderby.split(",").map(function (field) {
-        var _field$trim$split = field.trim().split(":"),
-          _field$trim$split2 = (0, _slicedToArray2["default"])(_field$trim$split, 2),
-          fieldName = _field$trim$split2[0],
-          _field$trim$split2$ = _field$trim$split2[1],
-          direction = _field$trim$split2$ === void 0 ? "asc" : _field$trim$split2$;
+      const orderFields = orderby.split(",").map((field) => {
+        const [fieldName, direction = "asc"] = field.trim().split(":");
         return {
           field: fieldName.trim(),
           direction: direction.trim().toLowerCase()
         };
       });
-
-      // Extract field names and directions for lodash orderBy
-      var fields = orderFields.map(function (_ref) {
-        var field = _ref.field;
-        return function (item) {
-          return (0, _lodashEs.get)(item, field);
-        };
-      });
-      var directions = orderFields.map(function (_ref2) {
-        var direction = _ref2.direction;
-        return direction;
-      });
-      return (0, _lodashEs.orderBy)(validDataset, fields, directions);
+      const fields = orderFields.map(
+        ({ field }) => (item) => get(item, field)
+      );
+      const directions = orderFields.map(({ direction }) => direction);
+      return orderBy(validDataset, fields, directions);
     }
     return validDataset;
   }, [dataset, orderby, groupby]);
-};
+};
+export {
+  useListData
+};