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

package/components/data/list/utils/list-widget-methods.js

@@ -1,50 +1,36 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useListWidgetMethods = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _lodashEs = require("lodash-es");
-var _widgetInstanceUtils = require("./widget-instance-utils");
-var useListWidgetMethods = exports.useListWidgetMethods = function useListWidgetMethods(items, listState, multiselect, onSelect, widgetInstance, listener, userInitiatedSelectionRef, name, Widgets, size, setIsListCleared, handlePageSizeChange) {
-  // Return methods object directly without useMemo to avoid infinite re-renders
-  // Methods always have access to current values through closure
+import { isEqual } from "lodash-es";
+import { setWidgetIndex } from "./widget-instance-utils";
+const useListWidgetMethods = (items, listState, multiselect, onSelect, widgetInstance, listener, userInitiatedSelectionRef, name, Widgets, size, setIsListCleared, handlePageSizeChange) => {
   return {
     // Helper function to find an item by index or model
-    getItemByIndexOrModel: function getItemByIndexOrModel(val) {
+    getItemByIndexOrModel: (val) => {
       if (typeof val === "number") {
         return items[val];
       } else {
-        return items.find(function (item) {
-          return item === val;
-        });
+        return items.find((item) => item === val);
       }
     },
     // Selects an item in the list by index or model
-    selectItem: function selectItem(val, statePersistenceTriggered) {
-      var getItemByIndexOrModel = function getItemByIndexOrModel(val) {
-        if (typeof val === "number") {
-          return items[val];
+    selectItem: (val, statePersistenceTriggered) => {
+      const getItemByIndexOrModel = (val2) => {
+        if (typeof val2 === "number") {
+          return items[val2];
         } else {
-          return items.find(function (item) {
-            return item === val;
-          });
+          return items.find((item2) => item2 === val2);
         }
       };
-      var item = getItemByIndexOrModel(val);
+      const item = getItemByIndexOrModel(val);
       if (!item) {
         return;
       }
-      var isAlreadySelected = listState.activeItems.has(item);
+      const isAlreadySelected = listState.activeItems.has(item);
       if (!isAlreadySelected) {
         if (!statePersistenceTriggered && userInitiatedSelectionRef) {
           userInitiatedSelectionRef.current = true;
         }
         if (multiselect) {
-          var newSelectedItems = [].concat((0, _toConsumableArray2["default"])(listState.selectedItems), [item]);
-          var newActiveItems = new Set(listState.activeItems);
+          const newSelectedItems = [...listState.selectedItems, item];
+          const newActiveItems = new Set(listState.activeItems);
           newActiveItems.add(item);
           listState.setSelectedItems(newSelectedItems);
           listState.setActiveItems(newActiveItems);
@@ -53,107 +39,101 @@ var useListWidgetMethods = exports.useListWidgetMethods = function useListWidget
           }
         } else {
           listState.setSelectedItems([item]);
-          listState.setActiveItems(new Set([item]));
+          listState.setActiveItems(/* @__PURE__ */ new Set([item]));
           listState.setFirstSelectedItem(item);
         }
         if (onSelect && widgetInstance && !statePersistenceTriggered) {
-          (0, _widgetInstanceUtils.setWidgetIndex)(widgetInstance, items, item);
+          setWidgetIndex(widgetInstance, items, item);
           onSelect(widgetInstance, item);
         }
       }
     },
     // Deselects an item in the list by index or model
-    deselectItem: function deselectItem(val) {
-      var getItemByIndexOrModel = function getItemByIndexOrModel(val) {
-        if (typeof val === "number") {
-          return items[val];
+    deselectItem: (val) => {
+      const getItemByIndexOrModel = (val2) => {
+        if (typeof val2 === "number") {
+          return items[val2];
         } else {
-          return items.find(function (item) {
-            return item === val;
-          });
+          return items.find((item2) => item2 === val2);
         }
       };
-      var item = getItemByIndexOrModel(val);
+      const item = getItemByIndexOrModel(val);
       if (!item) {
         return;
       }
-      var isSelected = Array.from(listState.activeItems).some(function (activeItem) {
-        return (0, _lodashEs.isEqual)(activeItem, item);
-      });
+      const isSelected = Array.from(listState.activeItems).some(
+        (activeItem) => isEqual(activeItem, item)
+      );
       if (isSelected) {
         if (userInitiatedSelectionRef) {
           userInitiatedSelectionRef.current = true;
         }
-        var newSelectedItems = listState.selectedItems.filter(function (selectedItem) {
-          return !(0, _lodashEs.isEqual)(selectedItem, item);
-        });
-        var newActiveItems = new Set(Array.from(listState.activeItems).filter(function (activeItem) {
-          return !(0, _lodashEs.isEqual)(activeItem, item);
-        }));
+        const newSelectedItems = listState.selectedItems.filter(
+          (selectedItem) => !isEqual(selectedItem, item)
+        );
+        const newActiveItems = new Set(
+          Array.from(listState.activeItems).filter((activeItem) => !isEqual(activeItem, item))
+        );
         listState.setSelectedItems(newSelectedItems);
         listState.setActiveItems(newActiveItems);
-        if ((0, _lodashEs.isEqual)(listState.firstSelectedItem, item)) {
+        if (isEqual(listState.firstSelectedItem, item)) {
           listState.setFirstSelectedItem(newSelectedItems[0] || null);
         }
       }
     },
     // Get item by index
-    getItem: function getItem(index) {
-      var item = items[index];
+    getItem: (index) => {
+      const item = items[index];
       if (item) {
-        return {
-          item: item
-        };
+        return { item };
       }
-      return undefined;
+      return void 0;
     },
     // Get index of item
-    getIndex: function getIndex(item) {
-      var index = items.findIndex(function (listItem) {
-        return (0, _lodashEs.isEqual)(listItem, item);
-      });
+    getIndex: (item) => {
+      const index = items.findIndex((listItem) => isEqual(listItem, item));
       if (index !== -1) {
         return index;
       }
       return -1;
     },
     // Clear all selections
-    clear: function clear() {
-      setIsListCleared === null || setIsListCleared === void 0 || setIsListCleared(true);
+    clear: () => {
+      setIsListCleared == null ? void 0 : setIsListCleared(true);
     },
     // Get widgets by name and optional index
-    getWidgets: function getWidgets(widgetName, index) {
+    getWidgets: (widgetName, index) => {
       if (!widgetName) {
-        return undefined;
+        return void 0;
       }
-
-      // Helper to find widget with optional random suffix (e.g., _dfj, _fdj)
-      var findWidget = function findWidget(prefix) {
-        // Look for key with random suffix pattern: prefix_xxx
-        for (var key in Widgets) {
+      const findWidget = (prefix) => {
+        for (const key in Widgets) {
           if (key.startsWith(prefix + "_") || key === prefix) {
             return Widgets[key];
           }
         }
         return null;
       };
-      if (index !== undefined) {
-        return findWidget("".concat(name, "_").concat(index, "_").concat(widgetName));
+      if (index !== void 0) {
+        return findWidget(`${name}_${index}_${widgetName}`);
       }
-      var items = [];
-      for (var i = 0; i < (size || 0); i++) {
-        var item = findWidget("".concat(name, "_").concat(i, "_").concat(widgetName));
+      const items2 = [];
+      for (let i = 0; i < (size || 0); i++) {
+        const item = findWidget(`${name}_${i}_${widgetName}`);
         if (item) {
-          items.push(item);
+          items2.push(item);
         }
       }
-      return items;
+      return items2;
     },
     // Select page size - changes the pagination page size
-    selectPageSize: function selectPageSize(newPageSize) {
+    selectPageSize: (newPageSize) => {
       if (handlePageSizeChange && typeof newPageSize === "number" && newPageSize > 0) {
         handlePageSizeChange(newPageSize);
       }
     }
   };
-};
+};
+export {
+  useListWidgetMethods
+};

package/components/data/list/utils/widget-instance-utils.js

@@ -1,58 +1,26 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setWidgetPageIndex = exports.setWidgetItem = exports.setWidgetIndexWithContext = exports.setWidgetIndex = void 0;
-var _lodashEs = require("lodash-es");
-/**
- * Sets the $index property on widget instance based on item position in items array
- *
- * @param widgetInstance - The widget instance (proxy object from useWidgetProxy)
- * @param items - Array of list items
- * @param item - The current item to find index for
- */
-var setWidgetIndex = exports.setWidgetIndex = function setWidgetIndex(widgetInstance, items, item) {
+import { findIndex } from "lodash-es";
+const setWidgetIndex = (widgetInstance, items, item) => {
   if (!widgetInstance || !item) {
     return;
   }
-  var instance = widgetInstance;
-  var itemIndex = (0, _lodashEs.findIndex)(items, function (i) {
-    return i === item;
-  });
+  const instance = widgetInstance;
+  const itemIndex = findIndex(items, (i) => i === item);
   instance.$index = itemIndex;
 };
-
-/**
- * Sets the $index property for pagination-based callbacks (page number converted to 0-based index)
- *
- * @param widgetInstance - The widget instance
- * @param page - The page number (1-based)
- */
-var setWidgetPageIndex = exports.setWidgetPageIndex = function setWidgetPageIndex(widgetInstance, page) {
+const setWidgetPageIndex = (widgetInstance, page) => {
   if (!widgetInstance) {
     return;
   }
-  var instance = widgetInstance;
-  var pageIndex = page - 1; // Page index is 1-based, convert to 0-based
+  const instance = widgetInstance;
+  const pageIndex = page - 1;
   instance.$index = pageIndex;
 };
-
-/**
- * Sets both $index and context on widget instance (used for selection operations)
- *
- * @param widgetInstance - The widget instance
- * @param items - Array of list items
- * @param selectedItem - The selected item
- */
-var setWidgetIndexWithContext = exports.setWidgetIndexWithContext = function setWidgetIndexWithContext(widgetInstance, items, selectedItem) {
+const setWidgetIndexWithContext = (widgetInstance, items, selectedItem) => {
   if (!widgetInstance || !selectedItem) {
     return;
   }
-  var instance = widgetInstance;
-  var itemIndex = items.findIndex(function (item) {
-    return item === selectedItem;
-  });
+  const instance = widgetInstance;
+  const itemIndex = items.findIndex((item) => item === selectedItem);
   instance.$index = itemIndex;
   instance.context = {
     $index: itemIndex,
@@ -61,23 +29,18 @@ var setWidgetIndexWithContext = exports.setWidgetIndexWithContext = function set
     item: selectedItem
   };
 };
-
-/**
- * Sets item property on widget instance along with $index
- * Used in click handlers where we need to store the current item
- *
- * @param widgetInstance - The widget instance
- * @param items - Array of list items
- * @param item - The current item
- */
-var setWidgetItem = exports.setWidgetItem = function setWidgetItem(widgetInstance, items, item) {
+const setWidgetItem = (widgetInstance, items, item) => {
   if (!widgetInstance || !item) {
     return;
   }
-  var instance = widgetInstance;
+  const instance = widgetInstance;
   delete instance._wmListItemId;
   instance.item = item;
-  instance.$index = (0, _lodashEs.findIndex)(items, function (i) {
-    return i === item;
-  });
-};
+  instance.$index = findIndex(items, (i) => i === item);
+};
+export {
+  setWidgetIndex,
+  setWidgetIndexWithContext,
+  setWidgetItem,
+  setWidgetPageIndex
+};