@wavemaker/react-runtime 11.14.1-rc.236

package/components/container/wizard/props.js

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

package/components/container/wizard/utils.js

@@ -0,0 +1,133 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateStepFocus = exports.isPromise = exports.handleNavigation = exports.getStepByName = exports.getStepByIndex = exports.getPrevValidStep = exports.getNextValidStep = exports.extendPrevFn = exports.extendNextFn = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+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; }
+// Promise check utility
+var isPromise = exports.isPromise = function isPromise(obj) {
+  return obj instanceof Promise || obj !== null && (0, _typeof2["default"])(obj) === "object" && typeof obj.then === "function" && typeof obj["catch"] === "function";
+};
+
+// Step navigation utilities
+var getNextValidStep = exports.getNextValidStep = function getNextValidStep(fromIndex, visibleSteps) {
+  for (var i = fromIndex; i < visibleSteps.length; i++) {
+    if (visibleSteps[i].show) {
+      return visibleSteps[i];
+    }
+  }
+  return null;
+};
+var getPrevValidStep = exports.getPrevValidStep = function getPrevValidStep(fromIndex, visibleSteps) {
+  for (var i = fromIndex; i >= 0; i--) {
+    if (visibleSteps[i].show) {
+      return visibleSteps[i];
+    }
+  }
+  return null;
+};
+var getStepByName = exports.getStepByName = function getStepByName(stepName, steps) {
+  return steps.find(function (step) {
+    return step.name === stepName;
+  }) || null;
+};
+var getStepByIndex = exports.getStepByIndex = function getStepByIndex(index, visibleSteps) {
+  return visibleSteps[index] || null;
+};
+
+// Step update utilities
+var updateStepFocus = exports.updateStepFocus = function updateStepFocus() {
+  setTimeout(function () {
+    var currentStepElement = document.querySelector(".MuiStepButton-root[aria-current='step']");
+    currentStepElement === null || currentStepElement === void 0 || currentStepElement.focus();
+  }, 100);
+};
+
+// Navigation handler utility
+var handleNavigation = exports.handleNavigation = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(response, action) {
+    var result;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!isPromise(response)) {
+            _context.next = 13;
+            break;
+          }
+          _context.prev = 1;
+          _context.next = 4;
+          return response;
+        case 4:
+          result = _context.sent;
+          if (result !== false) action();
+          _context.next = 11;
+          break;
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](1);
+          console.error("Navigation error:", _context.t0);
+        case 11:
+          _context.next = 14;
+          break;
+        case 13:
+          if (response !== false) action();
+        case 14:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 8]]);
+  }));
+  return function handleNavigation(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+// Step extension function
+var extendNextFn = exports.extendNextFn = function extendNextFn(currentStep, currentStepIndex, visibleSteps, setSteps) {
+  var nextStep = getNextValidStep(currentStepIndex + 1, visibleSteps);
+  if (nextStep) {
+    setSteps(function (prevSteps) {
+      return prevSteps.map(function (step) {
+        return _objectSpread(_objectSpread({}, step), {}, {
+          active: step.name === nextStep.name,
+          isDone: step.name === currentStep.name ? true : step.isDone,
+          done: step.name === currentStep.name ? true : step.done,
+          disabled: false,
+          isInitialized: step.name === nextStep.name ? true : step.isInitialized
+        });
+      });
+    });
+    updateStepFocus();
+  }
+};
+
+// Step extension function for previous step
+var extendPrevFn = exports.extendPrevFn = function extendPrevFn(currentStep, currentStepIndex, visibleSteps, setSteps) {
+  var prevStep = getPrevValidStep(currentStepIndex - 1, visibleSteps);
+  if (prevStep) {
+    setSteps(function (prevSteps) {
+      return prevSteps.map(function (step) {
+        var stepIndex = prevSteps.findIndex(function (ps) {
+          return ps.name === step.name;
+        });
+        var targetIndex = prevSteps.findIndex(function (ps) {
+          return ps.name === prevStep.name;
+        });
+        return _objectSpread(_objectSpread({}, step), {}, {
+          active: step.name === prevStep.name,
+          isDone: currentStep.name === step.name ? false : step.isDone,
+          done: stepIndex < targetIndex,
+          disabled: false
+        });
+      });
+    });
+    updateStepFocus();
+  }
+};

package/components/container/wizard/wizard-action/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _clsx = _interopRequireDefault(require("clsx"));
+var __jsx = _react["default"].createElement;
+var ACTIONS_CLASS = "app-wizard-actions panel-footer";
+var WmWizardAction = function WmWizardAction(_ref) {
+  var children = _ref.children,
+    _ref$actionsalignment = _ref.actionsalignment,
+    actionsalignment = _ref$actionsalignment === void 0 ? "right" : _ref$actionsalignment;
+  return __jsx(_material.Box, {
+    className: (0, _clsx["default"])(ACTIONS_CLASS, actionsalignment)
+  }, children);
+};
+WmWizardAction.displayName = "WmWizardAction";
+var _default = exports["default"] = WmWizardAction;

package/components/container/wizard/wizard-step/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _WizardContext = require("../WizardContext");
+var WmWizardstep = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var name = props.name,
+    _props$title = props.title,
+    title = _props$title === void 0 ? "Step Title" : _props$title,
+    subtitle = props.subtitle,
+    _props$iconclass = props.iconclass,
+    iconclass = _props$iconclass === void 0 ? "wi wi-person" : _props$iconclass,
+    _props$doneiconclass = props.doneiconclass,
+    doneiconclass = _props$doneiconclass === void 0 ? "wi wi-done" : _props$doneiconclass,
+    _props$enableskip = props.enableskip,
+    enableskip = _props$enableskip === void 0 ? false : _props$enableskip,
+    _props$disablenext = props.disablenext,
+    disablenext = _props$disablenext === void 0 ? false : _props$disablenext,
+    _props$disabledone = props.disabledone,
+    disabledone = _props$disabledone === void 0 ? false : _props$disabledone,
+    _props$disablepreviou = props.disableprevious,
+    disableprevious = _props$disablepreviou === void 0 ? false : _props$disablepreviou,
+    _props$show = props.show,
+    show = _props$show === void 0 ? true : _props$show,
+    content = props.content,
+    children = props.children,
+    dynamicStepIndex = props.dynamicStepIndex,
+    _props$isdynamic = props.isdynamic,
+    isdynamic = _props$isdynamic === void 0 ? false : _props$isdynamic,
+    _props$haveForm = props.haveForm,
+    haveForm = _props$haveForm === void 0 ? false : _props$haveForm,
+    onLoad = props.onLoad,
+    onNext = props.onNext,
+    onPrev = props.onPrev,
+    onSkip = props.onSkip,
+    render = props.render;
+  var context = (0, _WizardContext.useWizardContext)();
+  var _useState = (0, _react.useState)(false),
+    isRegistered = _useState[0],
+    setIsRegistered = _useState[1];
+  var stepData = (0, _react.useMemo)(function () {
+    return {
+      name: name || "wizardstep_".concat(Date.now()),
+      title: title,
+      subtitle: subtitle,
+      iconclass: iconclass,
+      doneiconclass: doneiconclass,
+      show: show,
+      enableskip: enableskip,
+      enableNext: !disablenext,
+      enablePrev: !disableprevious,
+      enableDone: !disabledone,
+      isDone: false,
+      done: false,
+      active: false,
+      disabled: false,
+      isValid: true,
+      isInitialized: false,
+      content: content,
+      dynamicStepIndex: dynamicStepIndex,
+      isdynamic: isdynamic,
+      haveForm: haveForm,
+      onLoad: onLoad,
+      onNext: onNext,
+      onPrev: onPrev,
+      onSkip: onSkip,
+      render: render,
+      children: children
+    };
+  }, [name, title, subtitle, iconclass, doneiconclass, show, enableskip, disablenext, disableprevious, disabledone, content, children, dynamicStepIndex, isdynamic, haveForm, onLoad, onNext, onPrev, onSkip]);
+  (0, _react.useEffect)(function () {
+    if (!isRegistered) {
+      context.registerStep(stepData);
+      setIsRegistered(true);
+    }
+  }, [context, stepData, isdynamic, isRegistered]);
+  (0, _react.useEffect)(function () {
+    if (isRegistered && name) {
+      context.updateStep(name, {
+        content: content || children,
+        onLoad: onLoad,
+        onNext: onNext,
+        onPrev: onPrev,
+        onSkip: onSkip
+      });
+    }
+  }, [context, name, content, children, onLoad, onNext, onPrev, onSkip, isRegistered]);
+  return null;
+});
+WmWizardstep.displayName = "WmWizardstep";
+var _default = exports["default"] = WmWizardstep;

package/components/data/card/card-actions/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _withBaseWrapper = _interopRequireDefault(require("@wavemaker/react-runtime/higherOrder/withBaseWrapper"));
+var _material = require("@mui/material");
+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 WmCardActions = function WmCardActions(props) {
+  var children = props.children,
+    className = props.className,
+    styles = props.styles;
+  return __jsx(_material.CardActions, {
+    className: "app-card-actions ".concat(className || ""),
+    style: _objectSpread({}, styles)
+  }, children);
+};
+var _default = exports["default"] = (0, _withBaseWrapper["default"])(/*#__PURE__*/_react["default"].memo(WmCardActions));

package/components/data/card/card-content/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _withBaseWrapper = _interopRequireDefault(require("@wavemaker/react-runtime/higherOrder/withBaseWrapper"));
+var _material = require("@mui/material");
+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 WmCardContent = function WmCardContent(props) {
+  var content = props.content,
+    children = props.children,
+    className = props.className,
+    styles = props.styles;
+  return __jsx(_material.CardContent, {
+    className: "app-card-content card-body card-block ".concat(className || ""),
+    sx: {
+      padding: "0",
+      margin: "0",
+      backgroundColor: "transparent",
+      "&:last-child": {
+        paddingBottom: "0"
+      }
+    }
+  }, content && __jsx("div", {
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  }), __jsx(_material.Box, {
+    style: _objectSpread({}, styles)
+  }, children));
+};
+var _default = exports["default"] = (0, _withBaseWrapper["default"])(/*#__PURE__*/_react["default"].memo(WmCardContent));

package/components/data/card/card-footer/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _withBaseWrapper = _interopRequireDefault(require("@wavemaker/react-runtime/higherOrder/withBaseWrapper"));
+var _material = require("@mui/material");
+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 WmCardFooter = function WmCardFooter(props) {
+  var children = props.children,
+    className = props.className,
+    styles = props.styles;
+  return __jsx(_material.Box, {
+    className: "app-card-footer text-muted card-footer ".concat(className || ""),
+    style: _objectSpread({}, styles)
+  }, children);
+};
+var _default = exports["default"] = (0, _withBaseWrapper["default"])(/*#__PURE__*/_react["default"].memo(WmCardFooter));

package/components/data/card/index.js

@@ -0,0 +1,246 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _withBaseWrapper = _interopRequireDefault(require("@wavemaker/react-runtime/higherOrder/withBaseWrapper"));
+var _material = require("@mui/material");
+var _image = _interopRequireDefault(require("next/image"));
+var _menu = _interopRequireDefault(require("@wavemaker/react-runtime/components/navigation/menu"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _cardContent = _interopRequireDefault(require("./card-content"));
+var _cardActions = _interopRequireDefault(require("./card-actions"));
+var _cardFooter = _interopRequireDefault(require("./card-footer"));
+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; } // Import the card sub-components to check their types
+var WmCard = function WmCard(props) {
+  var name = props.name,
+    title = props.title,
+    subheading = props.subheading,
+    iconclass = props.iconclass,
+    iconurl = props.iconurl,
+    actions = props.actions,
+    picturesource = props.picturesource,
+    picturetitle = props.picturetitle,
+    _props$imageheight = props.imageheight,
+    imageheight = _props$imageheight === void 0 ? "200px" : _props$imageheight,
+    itemaction = props.itemaction,
+    itemchildren = props.itemchildren,
+    itemicon = props.itemicon,
+    itemlabel = props.itemlabel,
+    itemlink = props.itemlink,
+    userrole = props.userrole,
+    isactive = props.isactive,
+    _props$autoclose = props.autoclose,
+    autoclose = _props$autoclose === void 0 ? "always" : _props$autoclose,
+    children = props.children,
+    _props$className = props.className,
+    className = _props$className === void 0 ? "" : _props$className,
+    onClick = props.onClick,
+    onDblclick = props.onDblclick,
+    onMouseover = props.onMouseover,
+    onMouseout = props.onMouseout,
+    onMouseenter = props.onMouseenter,
+    onMouseleave = props.onMouseleave,
+    animation = props.animation,
+    height = props.height,
+    width = props.width,
+    cardItem = props.cardItem,
+    listener = props.listener;
+  var cardRef = (0, _react.useRef)(null);
+
+  // Compute if header should be shown
+  var showHeader = (0, _react.useMemo)(function () {
+    return !!(title || subheading || iconclass || iconurl || actions);
+  }, [title, subheading, iconclass, iconurl, actions]);
+
+  // Handle keyboard events
+  var handleKeyDown = (0, _react.useCallback)(function (event) {
+    if (event.key === "Enter") {
+      var _cardRef$current;
+      event.preventDefault();
+      (_cardRef$current = cardRef.current) === null || _cardRef$current === void 0 || _cardRef$current.click();
+    }
+  }, []);
+
+  // Event handlers
+  var handleClick = (0, _react.useCallback)(function (event) {
+    // adds this to update the url when the card is clicked
+    onClick === null || onClick === void 0 || onClick(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], cardItem, listener);
+  }, [onClick, listener, name]);
+  var handleDoubleClick = (0, _react.useCallback)(function (event) {
+    onDblclick === null || onDblclick === void 0 || onDblclick(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], cardItem, listener);
+  }, [onDblclick, props]);
+  var handleMouseOver = (0, _react.useCallback)(function (event) {
+    onMouseover === null || onMouseover === void 0 || onMouseover(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], cardItem, listener);
+  }, [onMouseover, props]);
+  var handleMouseOut = (0, _react.useCallback)(function (event) {
+    onMouseout === null || onMouseout === void 0 || onMouseout(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], cardItem, listener);
+  }, [onMouseout, props]);
+  var handleMouseEnter = (0, _react.useCallback)(function (event) {
+    onMouseenter === null || onMouseenter === void 0 || onMouseenter(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], cardItem, listener);
+  }, [onMouseenter, props]);
+  var handleMouseLeave = (0, _react.useCallback)(function (event) {
+    onMouseleave === null || onMouseleave === void 0 || onMouseleave(event, listener === null || listener === void 0 ? void 0 : listener.Widgets[name], cardItem, listener);
+  }, [onMouseleave, props]);
+
+  // Set tabindex on mount
+  (0, _react.useEffect)(function () {
+    if (cardRef.current) {
+      cardRef.current.setAttribute("tabindex", "0");
+    }
+  }, []);
+
+  // Parse actions data for menu items
+  var menuItems = (0, _react.useMemo)(function () {
+    if (!actions) return [];
+    try {
+      if (actions.startsWith("[") || actions.startsWith("{")) {
+        return JSON.parse(actions);
+      }
+      return actions.split(",").map(function (action, index) {
+        return {
+          id: index,
+          label: action.trim(),
+          action: itemaction,
+          icon: itemicon,
+          link: itemlink,
+          children: itemchildren
+        };
+      });
+    } catch (error) {
+      console.warn("Failed to parse actions data:", error);
+      return [];
+    }
+  }, [actions, itemaction, itemicon, itemlink, itemchildren]);
+
+  // Helper function to check if a child is a specific component type
+  var isComponentType = function isComponentType(child, ComponentType) {
+    return /*#__PURE__*/_react["default"].isValidElement(child) && child.type === ComponentType;
+  };
+
+  // Custom card props for MUI Card
+  var cardProps = {
+    ref: cardRef,
+    className: (0, _clsx["default"])("app-card card app-panel", className, animation ? "animated ".concat(animation) : ""),
+    onKeyDown: handleKeyDown,
+    onClick: handleClick,
+    onDoubleClick: handleDoubleClick,
+    onMouseOver: handleMouseOver,
+    onMouseOut: handleMouseOut,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    style: {
+      width: width,
+      height: height
+    }
+  };
+
+  // Render avatar for header
+  var renderAvatar = function renderAvatar() {
+    if (iconclass && !iconurl) {
+      return __jsx(_material.Avatar, {
+        className: "app-card-avatar"
+      }, __jsx("i", {
+        className: "app-icon ".concat(iconclass)
+      }));
+    }
+    if (iconurl) {
+      return __jsx(_material.Avatar, {
+        className: "app-card-avatar"
+      }, __jsx(_image["default"], {
+        src: iconurl,
+        alt: "",
+        width: 40,
+        height: 40,
+        style: {
+          borderRadius: "50%"
+        }
+      }));
+    }
+    return null;
+  };
+
+  // Render action menu
+  var renderActionMenu = function renderActionMenu() {
+    if (!actions) return null;
+    return __jsx(_menu["default"], {
+      type: "anchor",
+      iconclass: "wm-sl-l sl-more-menu-vertical",
+      menuposition: "down,left",
+      hint: "Actions",
+      caption: "",
+      dataset: menuItems,
+      autoclose: autoclose,
+      itemlabel: itemlabel,
+      itemicon: itemicon,
+      itemlink: itemlink,
+      itemaction: itemaction,
+      itemchildren: itemchildren,
+      userrole: userrole,
+      isactive: isactive,
+      className: "panel-action"
+    });
+  };
+  var cardHeaderProps = _objectSpread(_objectSpread({
+    className: "app-card-header panel-heading",
+    avatar: renderAvatar(),
+    action: renderActionMenu()
+  }, title && {
+    title: __jsx(_material.Typography, {
+      variant: "h4",
+      className: "card-heading"
+    }, title)
+  }), subheading && {
+    subheader: __jsx(_material.Typography, {
+      variant: "h5",
+      className: "card-subheading text-muted"
+    }, subheading)
+  });
+  return __jsx(_material.Card, cardProps, showHeader && __jsx(_material.CardHeader, cardHeaderProps), picturesource && __jsx(_material.CardMedia, {
+    component: "div",
+    className: "app-card-image",
+    style: {
+      maxHeight: imageheight
+    },
+    sx: {
+      padding: "0",
+      margin: "0",
+      backgroundColor: "transparent"
+    }
+  }, __jsx(_image["default"], {
+    src: picturesource,
+    alt: picturetitle || "",
+    width: 0,
+    height: 0,
+    sizes: "100vw",
+    className: "card-image",
+    style: {
+      width: "100%",
+      height: "100%"
+    }
+  })), _react["default"].Children.map(children, function (child) {
+    if (isComponentType(child, _cardContent["default"])) {
+      return child;
+    }
+    return null;
+  }), _react["default"].Children.map(children, function (child) {
+    if (isComponentType(child, _cardActions["default"])) {
+      return child;
+    }
+    return null;
+  }), __jsx(_material.Box, null, _react["default"].Children.map(children, function (child) {
+    if (isComponentType(child, _cardFooter["default"])) {
+      return child;
+    }
+    return null;
+  })));
+};
+var _default = exports["default"] = (0, _withBaseWrapper["default"])(/*#__PURE__*/_react["default"].memo(WmCard));

package/components/data/card/props.js

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

package/components/data/form/base-form/constant.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.REGEX = void 0;
+var REGEX = exports.REGEX = {
+  SNAKE_CASE: /[A-Z]/g,
+  ANDROID: /Android/i,
+  IPHONE: /iPhone/i,
+  IPOD: /iPod/i,
+  IPAD: /iPad/i,
+  MAC: /Mac/i,
+  ANDROID_TABLET: /android|android 3.0|xoom|sch-i800|playbook|tablet|kindle/i,
+  MOBILE: /Mobile/i,
+  WINDOWS: /Windows Phone/i,
+  SUPPORTED_IMAGE_FORMAT: /\.(bmp|gif|jpe|jpg|jpeg|tif|tiff|pbm|png|ico)$/i,
+  SUPPORTED_FILE_FORMAT: /\.(txt|js|css|html|script|properties|json|java|xml|smd|xmi|sql|log|wsdl|vm|ftl|jrxml|yml|yaml|md|less|jsp)$/i,
+  SUPPORTED_AUDIO_FORMAT: /\.(mp3|ogg|webm|wma|3gp|wav|m4a)$/i,
+  SUPPORTED_VIDEO_FORMAT: /\.(mp4|ogg|webm|wmv|mpeg|mpg|avi|mov)$/i,
+  PAGE_RESOURCE_PATH: /^\/pages\/.*\.(js|css|html|json)$/,
+  MIN_PAGE_RESOURCE_PATH: /.*(page.min.html)$/,
+  VALID_EMAIL: /^[a-zA-Z][\w.+]+@[a-zA-Z_]+?\.[a-zA-Z.]{1,4}[a-zA-Z]$/,
+  VALID_WEB_URL: /^(http[s]?:\/\/)(www\.){0,1}[a-zA-Z0-9=:?\/\.\-]+(\.[a-zA-Z]{2,5}[\.]{0,1})?/,
+  VALID_WEBSOCKET_URL: /^(ws[s]?:\/\/)(www\.){0,1}[a-zA-Z0-9=:?\/\.\-]+(\.[a-zA-Z]{2,5}[\.]{0,1})?/,
+  VALID_RELATIVE_URL: /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/).*/,
+  REPLACE_PATTERN: /\$\{([^\}]+)\}/g,
+  ZIP_FILE: /\.zip$/i,
+  EXE_FILE: /\.exe$/i,
+  NO_QUOTES_ALLOWED: /^[^'|"]*$/,
+  NO_DOUBLE_QUOTES_ALLOWED: /^[^"]*$/,
+  VALID_HTML: /<[a-z][\s\S]*>/i,
+  VALID_PASSWORD: /^[0-9a-zA-Z-_.@&*!#$%]+$/,
+  SPECIAL_CHARACTERS: /[^A-Z0-9a-z_]+/i,
+  APP_SERVER_URL_FORMAT: /^(http[s]?:\/\/)(www\.){0,1}[a-zA-Z0-9\.\-]+([:]?[0-9]{2,5}|\.[a-zA-Z]{2,5}[\.]{0,1})\/+[^?#&=]+$/,
+  JSON_DATE_FORMAT: /\d{4}-[0-1]\d-[0-3]\d(T[0-2]\d:[0-5]\d:[0-5]\d.\d{1,3}Z$)?/,
+  DATA_URL: /^\s*data:([a-z]+\/[a-z0-9-+.]+(;[a-z-]+=[a-z0-9-]+)?)?(;base64)?,([a-z0-9!$&',()*+;=\-._~:@\/?%\s]*)\s*$/i,
+  ISO_DATE_FORMAT: /(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2})(\.\d+)?([+-]\d{2}:?\d{2}|Z)$/
+};