@wavemaker/react-runtime 11.14.1-rc.236

package/components/data/live-form/index.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _props = require("./props");
+var _form = _interopRequireDefault(require("../form"));
+var _get = _interopRequireDefault(require("lodash-es/get"));
+var _isArray = _interopRequireDefault(require("lodash-es/isArray"));
+var _fieldDataUtils = require("../utils/field-data-utils");
+var _replace = _interopRequireDefault(require("lodash-es/replace"));
+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 WmLiveForm = function WmLiveForm(prop) {
+  var _props$listener;
+  var props = _objectSpread(_objectSpread({}, _props.DEFAULT_PROPS), prop);
+  var dynamicFieldsRef = (0, _react.useRef)([]);
+  var isDataSourceUpdatedRef = (0, _react.useRef)(false);
+  var dataSource = (_props$listener = props.listener) === null || _props$listener === void 0 || (_props$listener = _props$listener.Variables) === null || _props$listener === void 0 ? void 0 : _props$listener[props.datasource];
+  function formSubmit(formData, success, error, operation) {
+    if (dynamicFieldsRef.current.length > 0) {
+      dynamicFieldsRef.current.forEach(function (field) {
+        var item = field.formKey;
+        formData[item] = field.dataset[formData[item] - 1];
+      });
+    }
+    if (operation === "delete") {
+      props.formSubmit(formData, operation, success, error);
+      return;
+    }
+    props.formSubmit({
+      inputFields: formData
+    }, operation, success, error);
+  }
+  function getRelatedTableData(formField) {
+    dataSource && dataSource.execute("getRelatedTableData", {
+      relatedField: formField.formKey,
+      pagesize: formField.limit,
+      orderBy: formField.orderby ? (0, _replace["default"])(formField.orderby, /:/g, " ") : "",
+      filterFields: {},
+      filterExpr: formField.filterexpressions ? formField.filterexpressions : {}
+    }).then(function (response) {
+      var primaryKeys = dataSource.execute("getRelatedTablePrimaryKeys", formField.formKey);
+      var displayField = primaryKeys.length < 0 ? undefined : primaryKeys[0];
+
+      // Check if updateFormWidgetDataset is a function before calling it
+      if (typeof formField.updateFormWidgetDataset === "function") {
+        formField.updateFormWidgetDataset(response, displayField);
+      }
+      dynamicFieldsRef.current.push({
+        formKey: formField.formKey,
+        dataset: response.data,
+        displayField: displayField
+      });
+    });
+  }
+  function onDataSourceChange() {
+    if (isDataSourceUpdatedRef.current) return;
+    var fields = (0, _get["default"])(props.listener.Widgets[props.name], "formfields", []);
+    var formFields = (0, _isArray["default"])(fields) ? fields : Object.values(fields || {});
+    if ((0, _get["default"])(formFields, "length")) {
+      isDataSourceUpdatedRef.current = true;
+    }
+    formFields.forEach(function (field) {
+      if (!field.isDataSetBound && (0, _fieldDataUtils.isDataSetWidget)(field.widget) && field["isRelated"]) {
+        getRelatedTableData(field);
+        // Check if setIsDataSetBound is a function before calling it
+        if (typeof field.setIsDataSetBound === "function") {
+          field.setIsDataSetBound(true);
+        }
+      }
+    });
+  }
+  return (
+    // @ts-ignore
+    __jsx(_form["default"], (0, _extends2["default"])({}, props, {
+      formSubmit: formSubmit,
+      onDataSourceChange: onDataSourceChange,
+      widgettype: "live-form",
+      key: "live-form-".concat(props.name)
+    }), props.children)
+  );
+};
+WmLiveForm.displayName = "WmLiveForm";
+var _default = exports["default"] = WmLiveForm;

package/components/data/live-form/props.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_PROPS = void 0;
+var DEFAULT_PROPS = exports.DEFAULT_PROPS = {
+  validationtype: "default",
+  defaultmode: "View",
+  formlayout: "inline",
+  insertmessage: "Record added successfully",
+  updatemessage: "Record updated successfully",
+  deletemessage: "Record deleted successfully",
+  errormessage: "An error occured. Please try again!",
+  messagelayout: "Toaster"
+};

package/components/data/pagination/components/BasicPagination.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BasicPagination = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Pagination = _interopRequireDefault(require("@mui/material/Pagination"));
+var _PaginationItem = _interopRequireDefault(require("@mui/material/PaginationItem"));
+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;
+var BasicPagination = exports.BasicPagination = function BasicPagination(_ref) {
+  var pageCount = _ref.pageCount,
+    currentPage = _ref.currentPage,
+    dataSize = _ref.dataSize,
+    maxResults = _ref.maxResults,
+    _ref$boundarylinks = _ref.boundarylinks,
+    boundarylinks = _ref$boundarylinks === void 0 ? false : _ref$boundarylinks,
+    _ref$directionlinks = _ref.directionlinks,
+    directionlinks = _ref$directionlinks === void 0 ? true : _ref$directionlinks,
+    navigationsize = _ref.navigationsize,
+    navigationClass = _ref.navigationClass,
+    _ref$maxsize = _ref.maxsize,
+    maxsize = _ref$maxsize === void 0 ? 5 : _ref$maxsize,
+    onPageChange = _ref.onPageChange;
+  var paginationRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    // Use requestAnimationFrame for immediate visual feedback without delay
+    var rafId = requestAnimationFrame(function () {
+      if (paginationRef.current) {
+        var allLis = paginationRef.current.querySelectorAll(".MuiPagination-ul > li");
+        allLis.forEach(function (li) {
+          li.classList.remove("active");
+          var anchor = li.querySelector("a");
+          if (anchor !== null && anchor !== void 0 && anchor.classList.contains("Mui-selected")) {
+            li.classList.add("active");
+          }
+        });
+      }
+    });
+    return function () {
+      return cancelAnimationFrame(rafId);
+    };
+  }, [currentPage]);
+  return __jsx(_Box["default"], {
+    ref: paginationRef,
+    component: "div",
+    className: (0, _clsx["default"])("pagination", "basic", navigationClass),
+    role: "navigation",
+    "aria-label": "Showing Page ".concat(currentPage, " of ").concat(pageCount, " pages")
+  }, __jsx(_Pagination["default"], {
+    count: pageCount,
+    page: currentPage,
+    onChange: onPageChange,
+    showFirstButton: boundarylinks,
+    showLastButton: boundarylinks,
+    hidePrevButton: !directionlinks,
+    hideNextButton: !directionlinks,
+    size: navigationsize === "small" ? "small" : "medium",
+    siblingCount: Math.floor(maxsize / 2),
+    renderItem: function renderItem(item) {
+      return __jsx(_PaginationItem["default"], (0, _extends2["default"])({}, item, {
+        sx: {
+          cursor: "pointer"
+        },
+        component: "a",
+        "aria-current": item.selected ? "true" : undefined,
+        "aria-disabled": item.disabled ? "true" : undefined
+      }));
+    }
+  }));
+};

package/components/data/pagination/components/ClassicPagination.js

@@ -0,0 +1,191 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ClassicPagination = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _InputBase = _interopRequireDefault(require("@mui/material/InputBase"));
+var _styles = require("@mui/material/styles");
+var _constants = require("../../list/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;
+var StyledPaginationList = (0, _styles.styled)("ul")(function () {
+  return {
+    display: "flex",
+    flexWrap: "wrap",
+    alignItems: "center",
+    padding: 0,
+    margin: 0,
+    listStyle: "none"
+  };
+});
+var StyledPaginationItem = (0, _styles.styled)("li")(function () {
+  return {
+    margin: "0 2px",
+    "&.disabled": {
+      opacity: 0.38,
+      pointerEvents: "none"
+    }
+  };
+});
+var StyledPageInput = (0, _styles.styled)(_InputBase["default"])(function () {
+  return {
+    width: "50px",
+    textAlign: "center",
+    "& input": {
+      textAlign: "center",
+      padding: "0 4px"
+    }
+  };
+});
+var ClassicPagination = exports.ClassicPagination = function ClassicPagination(_ref) {
+  var currentPage = _ref.currentPage,
+    pageCount = _ref.pageCount,
+    dataSize = _ref.dataSize,
+    maxResults = _ref.maxResults,
+    navigationClass = _ref.navigationClass,
+    _ref$showrecordcount = _ref.showrecordcount,
+    showrecordcount = _ref$showrecordcount === void 0 ? false : _ref$showrecordcount,
+    isDisableFirst = _ref.isDisableFirst,
+    isDisablePrevious = _ref.isDisablePrevious,
+    isDisableNext = _ref.isDisableNext,
+    isDisableLast = _ref.isDisableLast,
+    isDisableCurrent = _ref.isDisableCurrent,
+    isDisableCount = _ref.isDisableCount,
+    onNavigate = _ref.onNavigate,
+    onInputChange = _ref.onInputChange,
+    onModelChange = _ref.onModelChange,
+    onKeyDown = _ref.onKeyDown;
+  var inputRef = (0, _react.useRef)(null);
+  return __jsx(StyledPaginationList, {
+    className: (0, _clsx["default"])("pagination", "advanced", navigationClass)
+  }, __jsx(StyledPaginationItem, {
+    className: (0, _clsx["default"])({
+      disabled: isDisableFirst
+    })
+  }, __jsx(_IconButton["default"], {
+    title: _constants.APP_LOCALE.LABEL_FIRST,
+    name: "first",
+    onClick: function onClick(e) {
+      return onNavigate("first", e);
+    },
+    disabled: isDisableFirst,
+    "aria-disabled": isDisableFirst ? "true" : "false",
+    size: "small"
+  }, __jsx(_Box["default"], {
+    component: "span",
+    "aria-hidden": "true"
+  }, __jsx("i", {
+    className: "wi wi-first-page"
+  })), __jsx(_Box["default"], {
+    component: "span",
+    className: "sr-only"
+  }, "Go to first page ", isDisableFirst ? " , Disabled" : ""))), __jsx(StyledPaginationItem, {
+    className: (0, _clsx["default"])({
+      disabled: isDisablePrevious
+    })
+  }, __jsx(_IconButton["default"], {
+    title: _constants.APP_LOCALE.LABEL_PREVIOUS,
+    name: "prev",
+    onClick: function onClick(e) {
+      return onNavigate("prev", e);
+    },
+    disabled: isDisablePrevious,
+    "aria-disabled": isDisablePrevious ? "true" : "false",
+    size: "small"
+  }, __jsx(_Box["default"], {
+    component: "span",
+    "aria-hidden": "true"
+  }, __jsx("i", {
+    className: "wi wi-chevron-left"
+  })), __jsx(_Box["default"], {
+    component: "span",
+    className: "sr-only"
+  }, "Go to previous page ", isDisablePrevious ? ", Disabled" : ""))), __jsx(StyledPaginationItem, {
+    className: "pagecount"
+  }, __jsx(_Box["default"], {
+    component: "span",
+    "aria-label": "Change Page Number"
+  }, __jsx(StyledPageInput, {
+    value: currentPage,
+    onChange: onInputChange,
+    onBlur: onModelChange,
+    onKeyDown: onKeyDown,
+    disabled: isDisableCurrent,
+    inputProps: {
+      "aria-label": "Showing Page ".concat(currentPage, " of ").concat(pageCount),
+      type: "number",
+      min: 1,
+      max: pageCount
+    },
+    inputRef: inputRef
+  }))), __jsx(StyledPaginationItem, {
+    className: "disabled"
+  }, __jsx(_Box["default"], {
+    component: "span",
+    sx: {
+      mx: 1
+    },
+    hidden: isDisableCount
+  }, "/ ", pageCount)), __jsx(StyledPaginationItem, {
+    className: (0, _clsx["default"])({
+      disabled: isDisableNext
+    })
+  }, __jsx(_IconButton["default"], {
+    title: _constants.APP_LOCALE.LABEL_NEXT,
+    name: "next",
+    onClick: function onClick(e) {
+      return onNavigate("next", e);
+    },
+    disabled: isDisableNext,
+    "aria-disabled": isDisableNext ? "true" : "false",
+    size: "small"
+  }, __jsx(_Box["default"], {
+    component: "span",
+    "aria-hidden": "true"
+  }, __jsx("i", {
+    className: "wi wi-chevron-right"
+  })), __jsx(_Box["default"], {
+    component: "span",
+    className: "sr-only"
+  }, "Go to next page ", isDisableNext ? " , Disabled" : ""))), __jsx(StyledPaginationItem, {
+    className: (0, _clsx["default"])({
+      disabled: isDisableLast
+    })
+  }, __jsx(_IconButton["default"], {
+    title: _constants.APP_LOCALE.LABEL_LAST,
+    name: "last",
+    onClick: function onClick(e) {
+      return onNavigate("last", e);
+    },
+    disabled: isDisableLast,
+    "aria-disabled": isDisableLast ? "true" : "false",
+    size: "small"
+  }, __jsx(_Box["default"], {
+    component: "span",
+    "aria-hidden": "true"
+  }, __jsx("i", {
+    className: "wi wi-last-page"
+  })), __jsx(_Box["default"], {
+    component: "span",
+    className: "sr-only"
+  }, "Go to last page ", isDisableLast ? " , Disabled" : ""))), showrecordcount && __jsx(StyledPaginationItem, {
+    className: "totalcount disabled"
+  }, __jsx(_Box["default"], {
+    component: "span",
+    tabIndex: -1,
+    "aria-disabled": "true",
+    sx: {
+      display: "block",
+      padding: "6px 12px",
+      fontSize: "14px",
+      userSelect: "none"
+    }
+  }, _constants.APP_LOCALE.LABEL_TOTAL_RECORDS, ": ", dataSize)));
+};

package/components/data/pagination/components/InlinePagination.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineNavigation = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _clsx = _interopRequireDefault(require("clsx"));
+var __jsx = _react["default"].createElement;
+// Inline Navigation Component
+var InlineNavigation = exports.InlineNavigation = function InlineNavigation(_ref) {
+  var navigation = _ref.navigation,
+    currentPage = _ref.currentPage,
+    totalPages = _ref.totalPages,
+    noDataFound = _ref.noDataFound,
+    onPageChange = _ref.onPageChange,
+    children = _ref.children,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$showNavigation = _ref.showNavigation,
+    showNavigation = _ref$showNavigation === void 0 ? true : _ref$showNavigation;
+  if (navigation !== "Inline" || noDataFound || !showNavigation) return __jsx(_react["default"].Fragment, null, children);
+  return __jsx(_material.Box, {
+    sx: {
+      display: "grid",
+      gridTemplateColumns: "auto 1fr auto",
+      alignItems: "center",
+      width: "100%"
+    }
+  }, __jsx(_material.Box, {
+    component: "div",
+    className: "app-datanavigator",
+    "aria-disabled": currentPage <= 1 || isLoading,
+    "aria-label": "Previous page navigation"
+  }, __jsx("ul", {
+    className: "pager"
+  }, __jsx("li", {
+    className: (0, _clsx["default"])("previous", {
+      disabled: currentPage <= 1 || isLoading
+    })
+  }, __jsx("a", {
+    href: "#",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      if (currentPage > 1 && !isLoading) {
+        onPageChange(currentPage - 1);
+      }
+    },
+    "aria-disabled": currentPage <= 1 || isLoading,
+    style: {
+      cursor: currentPage <= 1 || isLoading ? "not-allowed" : "pointer"
+    }
+  }, __jsx("i", {
+    className: "wi wi-chevron-left",
+    "aria-hidden": "true"
+  }), __jsx("span", {
+    className: "sr-only"
+  }, "Go to Previous page ", currentPage <= 1 || isLoading ? ", Disabled" : ""))))), __jsx(_material.Box, {
+    sx: {
+      opacity: isLoading ? 0.6 : 1,
+      transition: "opacity 0.2s"
+    }
+  }, children), __jsx(_material.Box, {
+    component: "div",
+    className: "app-datanavigator",
+    "aria-disabled": currentPage >= totalPages || isLoading,
+    "aria-label": "Next page navigation"
+  }, __jsx("ul", {
+    className: "pager"
+  }, __jsx("li", {
+    className: (0, _clsx["default"])("next", {
+      disabled: currentPage >= totalPages || isLoading
+    })
+  }, __jsx("a", {
+    href: "#",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      if (currentPage < totalPages && !isLoading) {
+        onPageChange(currentPage + 1);
+      }
+    },
+    "aria-disabled": currentPage >= totalPages || isLoading,
+    style: {
+      cursor: currentPage >= totalPages || isLoading ? "not-allowed" : "pointer"
+    }
+  }, __jsx("i", {
+    className: "wi wi-chevron-right",
+    "aria-hidden": "true"
+  }), __jsx("span", {
+    className: "sr-only"
+  }, "Go to Next page ", currentPage >= totalPages || isLoading ? ", Disabled" : ""))))), __jsx(_material.Box, {
+    component: "div",
+    "aria-live": "polite",
+    "aria-atomic": "true",
+    className: "sr-only"
+  }, "Page ", currentPage, " of ", totalPages));
+};

package/components/data/pagination/components/LoadingComponent.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = LoadingComponent;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var __jsx = _react["default"].createElement;
+function LoadingComponent(_ref) {
+  var message = _ref.message;
+  return __jsx(_material.Box, {
+    className: "overlay",
+    style: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      zIndex: 10
+    }
+  }, __jsx(_material.Box, {
+    className: "status"
+  }, __jsx("i", {
+    className: "fa fa-circle-o-notch fa-spin"
+  }), __jsx(_material.Typography, {
+    component: "span",
+    className: "message"
+  }, message || "Loading...")));
+}