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

package/components/data/list/props.d.ts

@@ -151,6 +151,10 @@ export interface ListProps<T = ListItemData> {
      * Whether to automatically select the first item on load.
      */
     selectfirstitem?: boolean;
+    /**
+     * Programmatically selected item.
+     */
+    selecteditem?: T | T[] | null;
     /**
      * Maximum number of items that can be selected.
      */

package/components/data/list/props.js

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

package/components/data/list/templates/media-template.js

@@ -1,50 +1,29 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MediaWmListtemplate = void 0;
-var _material = require("@mui/material");
-var _react = _interopRequireWildcard(require("react"));
-var _ListItem = require("../components/ListItem");
-var _image = _interopRequireDefault(require("next/image"));
-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;
-// Default List Item Template Component
-
-var MediaWmListtemplate = exports.MediaWmListtemplate = function MediaWmListtemplate() {
-  var context = (0, _react.useContext)(_ListItem.ListItemContext);
-  var item = (context === null || context === void 0 ? void 0 : context.item) || {};
-  return __jsx(_material.Box, {
-    component: "div",
-    className: "media"
-  }, __jsx(_material.Box, {
-    component: "div",
-    className: "media-left"
-  }, __jsx(_image["default"], {
-    src: (item === null || item === void 0 ? void 0 : item.picurl) || "/placeholder.png",
-    alt: "Profile",
-    className: "media-object wm-img-circle",
-    width: 32,
-    height: 32
-  })), __jsx(_material.Box, {
-    component: "div",
-    className: "media-body"
-  }, __jsx(_material.Typography, {
-    className: "media-heading",
-    variant: "h6"
-  }, (item === null || item === void 0 ? void 0 : item.title) || "No Name"), __jsx(_material.Typography, {
-    className: "text-muted",
-    variant: "body2"
-  }, (item === null || item === void 0 ? void 0 : item.description) || "No Description")), __jsx(_material.Box, {
-    component: "div",
-    className: "media-right media-top"
-  }, __jsx(_material.Button, {
-    className: "btn-transparent",
-    "aria-label": "Share"
-  }, __jsx("i", {
-    className: "wi wi-share fa-2x"
-  }))));
-};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Typography, Button } from "@mui/material";
+import { useContext } from "react";
+import { ListItemContext } from "../components/ListItem";
+import Image from "next/image";
+const MediaWmListtemplate = () => {
+  const context = useContext(ListItemContext);
+  const item = (context == null ? void 0 : context.item) || {};
+  return /* @__PURE__ */ jsxs(Box, { component: "div", className: "media", children: [
+    /* @__PURE__ */ jsx(Box, { component: "div", className: "media-left", children: /* @__PURE__ */ jsx(
+      Image,
+      {
+        src: (item == null ? void 0 : item.picurl) || "/placeholder.png",
+        alt: "Profile",
+        className: "media-object wm-img-circle",
+        width: 32,
+        height: 32
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(Box, { component: "div", className: "media-body", children: [
+      /* @__PURE__ */ jsx(Typography, { className: "media-heading", variant: "h6", children: (item == null ? void 0 : item.title) || "No Name" }),
+      /* @__PURE__ */ jsx(Typography, { className: "text-muted", variant: "body2", children: (item == null ? void 0 : item.description) || "No Description" })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { component: "div", className: "media-right media-top", children: /* @__PURE__ */ jsx(Button, { className: "btn-transparent", "aria-label": "Share", children: /* @__PURE__ */ jsx("i", { className: "wi wi-share fa-2x" }) }) })
+  ] });
+};
+export {
+  MediaWmListtemplate
+};

package/components/data/list/utils/constants.js

@@ -1,16 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LIST_NAVIGATION_TYPES = exports.LIST_MESSAGES = exports.LIST_DIRECTION = exports.LIST_DEFAULTS = exports.LIST_ALIGN = exports.INSETION_POSITION = exports.DEFAULT_PAGINATION_META = exports.DEFAULT_CLS = exports.APP_LOCALE = void 0;
-/**
- * Default classes and constants for the List component
- */
-var DEFAULT_CLS = exports.DEFAULT_CLS = "app-livelist app-panel";
-
-// Strongly typed defaults
-var LIST_DEFAULTS = exports.LIST_DEFAULTS = {
+const DEFAULT_CLS = "app-livelist app-panel";
+const LIST_DEFAULTS = {
   // updated to 20 from 10 as per angular code
   PAGESIZE: 20,
   PAGESIZE_FOR_MODAL_VARIABLE: 20,
@@ -23,9 +12,7 @@ var LIST_DEFAULTS = exports.LIST_DEFAULTS = {
   SHOW_COUNT: false,
   SHOW_RECORD_COUNT: false
 };
-
-// Application locale strings
-var APP_LOCALE = exports.APP_LOCALE = {
+const APP_LOCALE = {
   LABEL_FIRST: "First",
   LABEL_PREVIOUS: "Previous",
   LABEL_NEXT: "Next",
@@ -34,16 +21,12 @@ var APP_LOCALE = exports.APP_LOCALE = {
   LABEL_ICON: "Icon",
   LABEL_ITEMS_PER_PAGE: "Items per page"
 };
-
-// List messages
-var LIST_MESSAGES = exports.LIST_MESSAGES = {
+const LIST_MESSAGES = {
   LOADING: "Loading...",
   NO_DATA: "No data found",
   LOAD_MORE: "Load More"
 };
-
-// Navigation types enum with const assertion for better type inference
-var LIST_NAVIGATION_TYPES = exports.LIST_NAVIGATION_TYPES = {
+const LIST_NAVIGATION_TYPES = {
   NONE: "None",
   BASIC: "Basic",
   PAGER: "Pager",
@@ -53,22 +36,16 @@ var LIST_NAVIGATION_TYPES = exports.LIST_NAVIGATION_TYPES = {
   ON_DEMAND: "On-Demand",
   SCROLL: "Scroll"
 };
-
-// Direction types
-var LIST_DIRECTION = exports.LIST_DIRECTION = {
+const LIST_DIRECTION = {
   VERTICAL: "vertical",
   HORIZONTAL: "horizontal"
 };
-
-// Alignment types
-var LIST_ALIGN = exports.LIST_ALIGN = {
+const LIST_ALIGN = {
   LEFT: "left",
   CENTER: "center",
   RIGHT: "right"
 };
-
-// Default pagination metadata for when none is provided
-var DEFAULT_PAGINATION_META = exports.DEFAULT_PAGINATION_META = {
+const DEFAULT_PAGINATION_META = {
   totalPages: 1,
   totalElements: 0,
   last: true,
@@ -79,4 +56,15 @@ var DEFAULT_PAGINATION_META = exports.DEFAULT_PAGINATION_META = {
   number: 0,
   empty: true
 };
-var INSETION_POSITION = exports.INSETION_POSITION = ["top", "bottom", "left", "right"];
+const INSETION_POSITION = ["top", "bottom", "left", "right"];
+export {
+  APP_LOCALE,
+  DEFAULT_CLS,
+  DEFAULT_PAGINATION_META,
+  INSETION_POSITION,
+  LIST_ALIGN,
+  LIST_DEFAULTS,
+  LIST_DIRECTION,
+  LIST_MESSAGES,
+  LIST_NAVIGATION_TYPES
+};

package/components/data/list/utils/list-helpers.d.ts

@@ -23,9 +23,10 @@ export declare function hasListGroupAutoLayoutClass(layoutProps: {
 /**
  * Get safe dataset ensuring it's always an array
  * @param dataset - Input dataset of any type
+ * @param datasource - When set, non-array param snapshots (before invoke) are treated as empty
  * @returns Array dataset with proper typing
  */
-export declare const getSafeDataset: <T extends ListItemData = ListItemData>(dataset: unknown) => T[];
+export declare const getSafeDataset: <T extends ListItemData = ListItemData>(dataset: unknown, datasource?: unknown) => T[];
 export interface ListStateData {
     pagination: number;
     pagesize?: number;

package/components/data/list/utils/list-helpers.js

@@ -1,26 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getTextAlignClass = exports.getSelectedItemWidgets = exports.getSafeDataset = exports.getListState = exports.getItemsPerRowClass = exports.clearListState = void 0;
-exports.hasListGroupAutoLayoutClass = hasListGroupAutoLayoutClass;
-exports.saveListState = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _constants = require("./constants");
-var _statePersistance = require("@wavemaker-ai/react-runtime/utils/state-persistance");
-var _isObject = _interopRequireDefault(require("lodash-es/isObject"));
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-/**
- * Get items per row CSS classes based on configuration
- * @param itemsperrow - Items per row configuration
- * @param direction - List direction
- * @returns CSS class string
- */
-var getItemsPerRowClass = exports.getItemsPerRowClass = function getItemsPerRowClass(itemsperrow, direction) {
+import { LIST_ALIGN } from "./constants";
+import {
+  clearWidgetState,
+  getWidgetState,
+  setWidgetState
+} from "../../../../utils/state-persistance";
+import isObject from "lodash-es/isObject";
+import { extractDataArray } from "../../table/utils";
+const getItemsPerRowClass = (itemsperrow, direction) => {
   if (direction === "horizontal") {
     return "";
   }
@@ -28,72 +14,47 @@ var getItemsPerRowClass = exports.getItemsPerRowClass = function getItemsPerRowC
     return "col-xs-12";
   }
   if (isNaN(parseInt(itemsperrow, 10))) {
-    return itemsperrow.split(" ").map(function (cls) {
-      var _cls$split = cls.split("-"),
-        _cls$split2 = (0, _slicedToArray2["default"])(_cls$split, 2),
-        tier = _cls$split2[0],
-        value = _cls$split2[1];
-      var colSize = 12 / parseInt(value, 10);
-      return "col-".concat(tier, "-").concat(colSize);
+    return itemsperrow.split(" ").map((cls) => {
+      const [tier, value] = cls.split("-");
+      const colSize = 12 / parseInt(value, 10);
+      return `col-${tier}-${colSize}`;
     }).join(" ").trim();
   }
-  var numValue = parseInt(itemsperrow, 10);
-  return "col-xs-".concat(12 / numValue);
+  const numValue = parseInt(itemsperrow, 10);
+  return `col-xs-${12 / numValue}`;
 };
-
-/**
- * Get text alignment class
- * @param align - Alignment value
- * @returns CSS class string
- */
-var getTextAlignClass = exports.getTextAlignClass = function getTextAlignClass(align) {
+const getTextAlignClass = (align) => {
   switch (align) {
-    case _constants.LIST_ALIGN.CENTER:
+    case LIST_ALIGN.CENTER:
       return "text-center";
-    case _constants.LIST_ALIGN.RIGHT:
+    case LIST_ALIGN.RIGHT:
       return "text-right";
-    case _constants.LIST_ALIGN.LEFT:
+    case LIST_ALIGN.LEFT:
     default:
       return "text-left";
   }
 };
-
-// to check the any layout attribute present or not to apply list-group-autolayout class
 function hasListGroupAutoLayoutClass(layoutProps) {
-  var direction = layoutProps.direction,
-    wrap = layoutProps.wrap,
-    alignment = layoutProps.alignment,
-    gap = layoutProps.gap,
-    columngap = layoutProps.columngap;
+  const { direction, wrap, alignment, gap, columngap } = layoutProps;
   if (direction === "row" || direction === "column") {
     return true;
   }
-  var extra_LayoutAttrs = [wrap, alignment, gap, columngap];
-  return extra_LayoutAttrs.some(function (v) {
-    return v !== undefined && v !== null;
-  });
+  const extra_LayoutAttrs = [wrap, alignment, gap, columngap];
+  return extra_LayoutAttrs.some((v) => v !== void 0 && v !== null);
 }
-var flattenIfArrayOfArrays = function flattenIfArrayOfArrays(arr) {
+const flattenIfArrayOfArrays = (arr) => {
   if (arr.length === 0) return arr;
-  var first = arr[0];
-  if (Array.isArray(first) && arr.every(function (x) {
-    return Array.isArray(x);
-  })) {
+  const first = arr[0];
+  if (Array.isArray(first) && arr.every((x) => Array.isArray(x))) {
     return arr.flat();
   }
   return Array.isArray(arr) ? arr : [];
 };
-
-/**
- * Get safe dataset ensuring it's always an array
- * @param dataset - Input dataset of any type
- * @returns Array dataset with proper typing
- */
-var _getSafeDataset = exports.getSafeDataset = function getSafeDataset(dataset) {
+const getSafeDataset = (dataset, datasource) => {
   if (typeof dataset === "function") {
     try {
-      return _getSafeDataset(dataset());
-    } catch (_unused) {
+      return getSafeDataset(dataset(), datasource);
+    } catch (e) {
       return [];
     }
   }
@@ -102,86 +63,81 @@ var _getSafeDataset = exports.getSafeDataset = function getSafeDataset(dataset)
   }
   if (typeof dataset === "string") {
     try {
-      var parsedData = dataset.split(",").map(function (str) {
-        return str.trim();
-      });
+      const parsedData = dataset.split(",").map((str) => str.trim());
       return Array.isArray(parsedData) ? parsedData : [];
     } catch (e) {
       return [];
     }
-  } else if (!(dataset instanceof Array) && (0, _isObject["default"])(dataset) && Object.keys(dataset).length > 0) {
+  } else if (!(dataset instanceof Array) && isObject(dataset) && Object.keys(dataset).length > 0) {
+    if (datasource) {
+      return flattenIfArrayOfArrays(extractDataArray(dataset));
+    }
     return dataset ? [dataset] : [];
   }
   return Array.isArray(dataset) ? dataset : [];
 };
-
-// Type definition for list state
-
-var saveListState = exports.saveListState = function saveListState(name, storage, stateToSave) {
-  // Simply save the provided state
-  (0, _statePersistance.setWidgetState)({
-    name: name,
-    type: "list",
-    storage: storage
-  }, stateToSave);
+const saveListState = (name, storage, stateToSave) => {
+  setWidgetState(
+    {
+      name,
+      type: "list",
+      storage
+    },
+    stateToSave
+  );
 };
-var getListState = exports.getListState = function getListState(name, storage) {
-  var state = (0, _statePersistance.getWidgetState)({
-    name: name,
+const getListState = (name, storage) => {
+  const state = getWidgetState({
+    name,
     type: "list",
-    storage: storage
+    storage
   });
   return state;
 };
-var clearListState = exports.clearListState = function clearListState(name, storage) {
-  (0, _statePersistance.clearWidgetState)({
-    name: name,
-    storage: storage,
+const clearListState = (name, storage) => {
+  clearWidgetState({
+    name,
+    storage,
     type: "list"
   });
 };
-
-// Helper function to get all descendant elements with data-widget-id
-var getAllDescendants = function getAllDescendants(element) {
-  var all = [];
+const getAllDescendants = (element) => {
+  const all = [];
   function traverse(node) {
-    // include the node itself if it has data-widget-id
     if (node.nodeType === 1 && node.hasAttribute("data-widget-id")) {
       all.push(node);
     }
-    // go deeper
-    var _iterator = _createForOfIteratorHelper(node.children),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var child = _step.value;
-        traverse(child);
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
+    for (let child of node.children) {
+      traverse(child);
     }
   }
   traverse(element);
   return all;
 };
-var getSelectedItemWidgets = exports.getSelectedItemWidgets = function getSelectedItemWidgets(event, listener, name, item, Widgets) {
-  var _item$_wmListItemId, _item$_wmListItemId$t;
-  var id = item === null || item === void 0 || (_item$_wmListItemId = item._wmListItemId) === null || _item$_wmListItemId === void 0 || (_item$_wmListItemId$t = _item$_wmListItemId.toString) === null || _item$_wmListItemId$t === void 0 ? void 0 : _item$_wmListItemId$t.call(_item$_wmListItemId).split("_").pop();
-  var currentItemWidgets = {};
+const getSelectedItemWidgets = (event, listener, name, item, Widgets) => {
+  var _a, _b;
+  const id = (_b = (_a = item == null ? void 0 : item._wmListItemId) == null ? void 0 : _a.toString) == null ? void 0 : _b.call(_a).split("_").pop();
+  let currentItemWidgets = {};
   if (id) {
-    Widgets && Object.keys(Widgets).filter(function (key) {
-      return key.startsWith("".concat(name, "_").concat(id, "_"));
-    }).forEach(function (key) {
+    Widgets && Object.keys(Widgets).filter((key) => key.startsWith(`${name}_${id}_`)).forEach((key) => {
       currentItemWidgets[Widgets[key].name] = Widgets[key];
     });
   }
-  var currentItem = currentItemWidgets;
+  const currentItem = currentItemWidgets;
   if (listener && currentItem && Object.keys(currentItem).length > 0) {
     listener.onChange(name, {
       selectedItemWidgets: currentItem,
       selecteditem: item
     });
   }
-};
+};
+export {
+  clearListState,
+  getItemsPerRowClass,
+  getListState,
+  getSafeDataset,
+  getSelectedItemWidgets,
+  getTextAlignClass,
+  hasListGroupAutoLayoutClass,
+  saveListState
+};