@wavemaker-ai/react-runtime 1.0.0-rc.309 → 1.0.0-rc.314

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

@@ -1,191 +1,168 @@
-"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",
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import clsx from "clsx";
+import Box from "@mui/material/Box";
+import IconButton from "@mui/material/IconButton";
+import InputBase from "@mui/material/InputBase";
+import { styled } from "@mui/material/styles";
+import { APP_LOCALE } from "../../list/utils/constants";
+const StyledPaginationList = styled("ul")(() => ({
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  padding: 0,
+  margin: 0,
+  listStyle: "none"
+}));
+const StyledPaginationItem = styled("li")(() => ({
+  margin: "0 2px",
+  "&.disabled": {
+    opacity: 0.38,
+    pointerEvents: "none"
+  }
+}));
+const StyledPageInput = styled(InputBase)(() => ({
+  width: "50px",
+  textAlign: "center",
+  "& input": {
     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)));
-};
+    padding: "0 4px"
+  }
+}));
+const ClassicPagination = ({
+  currentPage,
+  pageCount,
+  dataSize,
+  maxResults,
+  navigationClass,
+  showrecordcount = false,
+  isDisableFirst,
+  isDisablePrevious,
+  isDisableNext,
+  isDisableLast,
+  isDisableCurrent,
+  isDisableCount,
+  onNavigate,
+  onInputChange,
+  onModelChange,
+  onKeyDown
+}) => {
+  const inputRef = useRef(null);
+  return /* @__PURE__ */ jsxs(StyledPaginationList, { className: clsx("pagination", "advanced", navigationClass), children: [
+    /* @__PURE__ */ jsx(StyledPaginationItem, { className: clsx({ disabled: isDisableFirst }), children: /* @__PURE__ */ jsxs(
+      IconButton,
+      {
+        title: APP_LOCALE.LABEL_FIRST,
+        name: "first",
+        onClick: (e) => onNavigate("first", e),
+        disabled: isDisableFirst,
+        "aria-disabled": isDisableFirst ? "true" : "false",
+        size: "small",
+        children: [
+          /* @__PURE__ */ jsx(Box, { component: "span", "aria-hidden": "true", children: /* @__PURE__ */ jsx("i", { className: "wi wi-first-page" }) }),
+          /* @__PURE__ */ jsxs(Box, { component: "span", className: "sr-only", children: [
+            "Go to first page ",
+            isDisableFirst ? " , Disabled" : ""
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(StyledPaginationItem, { className: clsx({ disabled: isDisablePrevious }), children: /* @__PURE__ */ jsxs(
+      IconButton,
+      {
+        title: APP_LOCALE.LABEL_PREVIOUS,
+        name: "prev",
+        onClick: (e) => onNavigate("prev", e),
+        disabled: isDisablePrevious,
+        "aria-disabled": isDisablePrevious ? "true" : "false",
+        size: "small",
+        children: [
+          /* @__PURE__ */ jsx(Box, { component: "span", "aria-hidden": "true", children: /* @__PURE__ */ jsx("i", { className: "wi wi-chevron-left" }) }),
+          /* @__PURE__ */ jsxs(Box, { component: "span", className: "sr-only", children: [
+            "Go to previous page ",
+            isDisablePrevious ? ", Disabled" : ""
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(StyledPaginationItem, { className: "pagecount", children: /* @__PURE__ */ jsx(Box, { component: "span", "aria-label": "Change Page Number", children: /* @__PURE__ */ jsx(
+      StyledPageInput,
+      {
+        value: currentPage,
+        onChange: onInputChange,
+        onBlur: onModelChange,
+        onKeyDown,
+        disabled: isDisableCurrent,
+        inputProps: {
+          "aria-label": `Showing Page ${currentPage} of ${pageCount}`,
+          type: "number",
+          min: 1,
+          max: pageCount
+        },
+        inputRef
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx(StyledPaginationItem, { className: "disabled", children: /* @__PURE__ */ jsxs(Box, { component: "span", sx: { mx: 1 }, hidden: isDisableCount, children: [
+      "/ ",
+      pageCount
+    ] }) }),
+    /* @__PURE__ */ jsx(StyledPaginationItem, { className: clsx({ disabled: isDisableNext }), children: /* @__PURE__ */ jsxs(
+      IconButton,
+      {
+        title: APP_LOCALE.LABEL_NEXT,
+        name: "next",
+        onClick: (e) => onNavigate("next", e),
+        disabled: isDisableNext,
+        "aria-disabled": isDisableNext ? "true" : "false",
+        size: "small",
+        children: [
+          /* @__PURE__ */ jsx(Box, { component: "span", "aria-hidden": "true", children: /* @__PURE__ */ jsx("i", { className: "wi wi-chevron-right" }) }),
+          /* @__PURE__ */ jsxs(Box, { component: "span", className: "sr-only", children: [
+            "Go to next page ",
+            isDisableNext ? " , Disabled" : ""
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(StyledPaginationItem, { className: clsx({ disabled: isDisableLast }), children: /* @__PURE__ */ jsxs(
+      IconButton,
+      {
+        title: APP_LOCALE.LABEL_LAST,
+        name: "last",
+        onClick: (e) => onNavigate("last", e),
+        disabled: isDisableLast,
+        "aria-disabled": isDisableLast ? "true" : "false",
+        size: "small",
+        children: [
+          /* @__PURE__ */ jsx(Box, { component: "span", "aria-hidden": "true", children: /* @__PURE__ */ jsx("i", { className: "wi wi-last-page" }) }),
+          /* @__PURE__ */ jsxs(Box, { component: "span", className: "sr-only", children: [
+            "Go to last page ",
+            isDisableLast ? " , Disabled" : ""
+          ] })
+        ]
+      }
+    ) }),
+    showrecordcount && /* @__PURE__ */ jsx(StyledPaginationItem, { className: "totalcount disabled", children: /* @__PURE__ */ jsxs(
+      Box,
+      {
+        component: "span",
+        tabIndex: -1,
+        "aria-disabled": "true",
+        sx: {
+          display: "block",
+          padding: "6px 12px",
+          fontSize: "14px",
+          userSelect: "none"
+        },
+        children: [
+          APP_LOCALE.LABEL_TOTAL_RECORDS,
+          ": ",
+          dataSize
+        ]
+      }
+    ) })
+  ] });
+};
+export {
+  ClassicPagination
+};

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

@@ -1,99 +1,98 @@
-"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%"
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import clsx from "clsx";
+const InlineNavigation = ({
+  navigation,
+  currentPage,
+  totalPages,
+  noDataFound,
+  onPageChange,
+  children,
+  isLoading = false,
+  showNavigation = true
+}) => {
+  if (navigation !== "Inline" || noDataFound || !showNavigation) return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        display: "grid",
+        gridTemplateColumns: "auto 1fr auto",
+        alignItems: "center",
+        width: "100%"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "div",
+            className: "app-datanavigator",
+            "aria-disabled": currentPage <= 1 || isLoading,
+            "aria-label": "Previous page navigation",
+            children: /* @__PURE__ */ jsx("ul", { className: "pager", children: /* @__PURE__ */ jsx("li", { className: clsx("previous", { disabled: currentPage <= 1 || isLoading }), children: /* @__PURE__ */ jsxs(
+              "a",
+              {
+                href: "#",
+                onClick: (e) => {
+                  e.preventDefault();
+                  if (currentPage > 1 && !isLoading) {
+                    onPageChange(currentPage - 1);
+                  }
+                },
+                "aria-disabled": currentPage <= 1 || isLoading,
+                style: { cursor: currentPage <= 1 || isLoading ? "not-allowed" : "pointer" },
+                children: [
+                  /* @__PURE__ */ jsx("i", { className: "wi wi-chevron-left", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                    "Go to Previous page ",
+                    currentPage <= 1 || isLoading ? ", Disabled" : ""
+                  ] })
+                ]
+              }
+            ) }) })
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { sx: { opacity: isLoading ? 0.6 : 1, transition: "opacity 0.2s" }, children }),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "div",
+            className: "app-datanavigator",
+            "aria-disabled": currentPage >= totalPages || isLoading,
+            "aria-label": "Next page navigation",
+            children: /* @__PURE__ */ jsx("ul", { className: "pager", children: /* @__PURE__ */ jsx("li", { className: clsx("next", { disabled: currentPage >= totalPages || isLoading }), children: /* @__PURE__ */ jsxs(
+              "a",
+              {
+                href: "#",
+                onClick: (e) => {
+                  e.preventDefault();
+                  if (currentPage < totalPages && !isLoading) {
+                    onPageChange(currentPage + 1);
+                  }
+                },
+                "aria-disabled": currentPage >= totalPages || isLoading,
+                style: { cursor: currentPage >= totalPages || isLoading ? "not-allowed" : "pointer" },
+                children: [
+                  /* @__PURE__ */ jsx("i", { className: "wi wi-chevron-right", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                    "Go to Next page ",
+                    currentPage >= totalPages || isLoading ? ", Disabled" : ""
+                  ] })
+                ]
+              }
+            ) }) })
+          }
+        ),
+        /* @__PURE__ */ jsxs(Box, { component: "div", "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: [
+          "Page ",
+          currentPage,
+          " of ",
+          totalPages
+        ] })
+      ]
     }
-  }, __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));
-};
+  );
+};
+export {
+  InlineNavigation
+};

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

@@ -1,31 +1,18 @@
-"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
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Typography } from "@mui/material";
+function LoadingComponent({ message }) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: "overlay",
+      style: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0, zIndex: 10 },
+      children: /* @__PURE__ */ jsxs(Box, { className: "status", children: [
+        /* @__PURE__ */ jsx("i", { className: "fa fa-circle-o-notch fa-spin" }),
+        /* @__PURE__ */ jsx(Typography, { component: "span", className: "message", children: message || "Loading..." })
+      ] })
     }
-  }, __jsx(_material.Box, {
-    className: "status"
-  }, __jsx("i", {
-    className: "fa fa-circle-o-notch fa-spin"
-  }), __jsx(_material.Typography, {
-    component: "span",
-    className: "message"
-  }, message || "Loading...")));
-}
+  );
+}
+export {
+  LoadingComponent as default
+};