@wavemaker-ai/react-runtime 1.0.0-rc.647502 → 1.0.0-rc.647565

package/higherOrder/BaseAppProps.js

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

package/higherOrder/BaseDateTime.js

@@ -1,268 +1,314 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _react = _interopRequireWildcard(require("react"));
-var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-var _utils = require("../components/input/epoch/datetime/utils");
-var _excluded = ["formControlName", "name", "required", "datavalue", "outputformat", "mindate", "maxdate", "excludedays", "excludedates", "dataentrymode", "datepattern", "timepattern", "showweeks", "selectfromothermonth", "todaybutton", "clearbutton", "todaybuttonlabel", "clearbuttonlabel", "showcustompicker", "adaptiveposition", "widgetSubType", "context", "viewParent", "invokeEventCallback", "formControlRegistry", "ref"];
-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" != _typeof3(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; }
-// Type definitions
-
-// Constants
-var ARROW_KEYS = {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import moment from "moment-timezone";
+import { mapToMomentPattern, getTimezone } from "../components/input/epoch/datetime/utils";
+const ARROW_KEYS = {
   LEFT: 37,
   UP: 38,
   RIGHT: 39,
   DOWN: 40
 };
-var DEFAULT_DATE_FORMAT = "YYYY-MM-DD";
-var CUSTOM_WIDGET_PREFIX = "wm-custom-";
-
-// Utility functions
-var hasProperty = function hasProperty(obj, key) {
-  return obj && Object.prototype.hasOwnProperty.call(obj, key);
-};
-var setProperty = function setProperty(obj, key, value) {
+const DEFAULT_DATE_FORMAT = "YYYY-MM-DD";
+const CUSTOM_WIDGET_PREFIX = "wm-custom-";
+const hasProperty = (obj, key) => obj && Object.prototype.hasOwnProperty.call(obj, key);
+const setProperty = (obj, key, value) => {
   if (obj && obj[key] !== value) {
     obj[key] = value;
   }
 };
-var isValidValue = function isValidValue(val) {
-  switch ((0, _typeof2["default"])(val)) {
+const isValidValue = (val) => {
+  switch (typeof val) {
     case "object":
       return Boolean(val && (Array.isArray(val) ? val.length : Object.keys(val).length));
     case "number":
       return val === 0 || Boolean(val);
     default:
-      return !(val === undefined || val === null || val === "");
+      return !(val === void 0 || val === null || val === "");
   }
 };
-var validateRequired = function validateRequired(required) {
-  return function (control) {
-    if (!required) return null;
-    return isValidValue(control.value) ? null : {
-      required: true
-    };
-  };
+const validateRequired = (required) => (control) => {
+  if (!required) return null;
+  return isValidValue(control.value) ? null : { required: true };
 };
-var withBaseDateTime = function withBaseDateTime(WrappedComponent) {
-  var WithBaseDateTime = function WithBaseDateTime(props) {
-    var formControlName = props.formControlName,
-      name = props.name,
-      _props$required = props.required,
-      required = _props$required === void 0 ? false : _props$required,
-      datavalue = props.datavalue,
-      _props$outputformat = props.outputformat,
-      outputformat = _props$outputformat === void 0 ? DEFAULT_DATE_FORMAT : _props$outputformat,
-      mindate = props.mindate,
-      maxdate = props.maxdate,
-      excludedays = props.excludedays,
-      excludedates = props.excludedates,
-      dataentrymode = props.dataentrymode,
-      datepattern = props.datepattern,
-      timepattern = props.timepattern,
-      showweeks = props.showweeks,
-      selectfromothermonth = props.selectfromothermonth,
-      todaybutton = props.todaybutton,
-      clearbutton = props.clearbutton,
-      todaybuttonlabel = props.todaybuttonlabel,
-      clearbuttonlabel = props.clearbuttonlabel,
-      showcustompicker = props.showcustompicker,
-      adaptiveposition = props.adaptiveposition,
-      widgetSubType = props.widgetSubType,
-      context = props.context,
-      viewParent = props.viewParent,
-      invokeEventCallback = props.invokeEventCallback,
-      formControlRegistry = props.formControlRegistry,
-      ref = props.ref,
-      restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
-    // State management
-    var _useState = (0, _react.useState)(datavalue),
-      prevValue = _useState[0],
-      setPrevValue = _useState[1];
-    var _useState2 = (0, _react.useState)(false),
-      showPicker = _useState2[0],
-      setShowPicker = _useState2[1];
-
-    // Refs
-    var datepickerRef = (0, _react.useRef)(null);
-    var isDestroyed = (0, _react.useRef)(false);
-    var formControl = (0, _react.useRef)(null);
-    var mobileInputRef = (0, _react.useRef)(null);
-
-    // Helper functions
-    var getBindingPath = (0, _react.useCallback)(function (bindPath) {
-      return bindPath.replace(/\[\$i\]/g, "[0]");
-    }, []);
-    var updateBoundVariable = (0, _react.useCallback)(function (value) {
-      var _currentFormControl$e, _viewParent$container;
-      if (!formControlName || !context) return;
-      var currentFormControl = formControl.current;
-      if (currentFormControl !== null && currentFormControl !== void 0 && (_currentFormControl$e = currentFormControl.execute) !== null && _currentFormControl$e !== void 0 && _currentFormControl$e.call(currentFormControl, "IS_API_AWARE") || currentFormControl && !currentFormControl.twoWayBinding) {
-        return;
-      }
-      var bindPath = getBindingPath(formControlName);
-      var pathParts = bindPath.split(".");
-
-      // Navigate to the parent object
-      var currentPath = context;
-      for (var i = 0; i < pathParts.length - 1; i++) {
-        currentPath = currentPath[pathParts[i]];
-        if (!currentPath) return;
-      }
-      var propertyName = pathParts[pathParts.length - 1];
-
-      // Set value based on different contexts
-      if (hasProperty(currentPath, propertyName)) {
-        setProperty(currentPath, propertyName, value);
-      } else if (viewParent !== null && viewParent !== void 0 && (_viewParent$container = viewParent.containerWidget) !== null && _viewParent$container !== void 0 && _viewParent$container._isCustom && hasProperty(viewParent, bindPath)) {
-        setProperty(viewParent, bindPath, value);
-      } else if ((currentFormControl === null || currentFormControl === void 0 ? void 0 : currentFormControl.owner) === "Page" && hasProperty(viewParent, bindPath)) {
-        setProperty(viewParent, bindPath, value);
-      } else if ((currentFormControl === null || currentFormControl === void 0 ? void 0 : currentFormControl.owner) === "App" && hasProperty(viewParent === null || viewParent === void 0 ? void 0 : viewParent.App, bindPath)) {
-        setProperty(viewParent.App, bindPath, value);
-      }
-    }, [formControlName, context, viewParent, getBindingPath]);
-    var invokeOnChange = (0, _react.useCallback)(function (value, event) {
-      if (event && value !== prevValue) {
-        updateBoundVariable(value);
-        invokeEventCallback === null || invokeEventCallback === void 0 || invokeEventCallback("change", {
-          $event: event,
-          newVal: value,
-          oldVal: prevValue
-        });
-      }
-      setPrevValue(value);
-    }, [prevValue, updateBoundVariable, invokeEventCallback]);
-    var updatePrevDatavalue = (0, _react.useCallback)(function (value) {
+const withBaseDateTime = (WrappedComponent) => {
+  const WithBaseDateTime = (props) => {
+    const _a = props, {
+      formControlName,
+      name,
+      required = false,
+      datavalue,
+      outputformat = DEFAULT_DATE_FORMAT,
+      mindate,
+      maxdate,
+      excludedays,
+      excludedates,
+      dataentrymode,
+      datepattern,
+      timepattern,
+      showweeks,
+      selectfromothermonth,
+      todaybutton,
+      clearbutton,
+      todaybuttonlabel,
+      clearbuttonlabel,
+      showcustompicker,
+      adaptiveposition,
+      widgetSubType,
+      context,
+      viewParent,
+      invokeEventCallback,
+      formControlRegistry,
+      ref
+    } = _a, restProps = __objRest(_a, [
+      "formControlName",
+      "name",
+      "required",
+      "datavalue",
+      "outputformat",
+      "mindate",
+      "maxdate",
+      "excludedays",
+      "excludedates",
+      "dataentrymode",
+      "datepattern",
+      "timepattern",
+      "showweeks",
+      "selectfromothermonth",
+      "todaybutton",
+      "clearbutton",
+      "todaybuttonlabel",
+      "clearbuttonlabel",
+      "showcustompicker",
+      "adaptiveposition",
+      "widgetSubType",
+      "context",
+      "viewParent",
+      "invokeEventCallback",
+      "formControlRegistry",
+      "ref"
+    ]);
+    const [prevValue, setPrevValue] = useState(datavalue);
+    const [showPicker, setShowPicker] = useState(false);
+    const datepickerRef = useRef(null);
+    const isDestroyed = useRef(false);
+    const formControl = useRef(null);
+    const mobileInputRef = useRef(null);
+    const getBindingPath = useCallback(
+      (bindPath) => bindPath.replace(/\[\$i\]/g, "[0]"),
+      []
+    );
+    const updateBoundVariable = useCallback(
+      (value) => {
+        var _a2, _b;
+        if (!formControlName || !context) return;
+        const currentFormControl = formControl.current;
+        if (((_a2 = currentFormControl == null ? void 0 : currentFormControl.execute) == null ? void 0 : _a2.call(currentFormControl, "IS_API_AWARE")) || currentFormControl && !currentFormControl.twoWayBinding) {
+          return;
+        }
+        const bindPath = getBindingPath(formControlName);
+        const pathParts = bindPath.split(".");
+        let currentPath = context;
+        for (let i = 0; i < pathParts.length - 1; i++) {
+          currentPath = currentPath[pathParts[i]];
+          if (!currentPath) return;
+        }
+        const propertyName = pathParts[pathParts.length - 1];
+        if (hasProperty(currentPath, propertyName)) {
+          setProperty(currentPath, propertyName, value);
+        } else if (((_b = viewParent == null ? void 0 : viewParent.containerWidget) == null ? void 0 : _b._isCustom) && hasProperty(viewParent, bindPath)) {
+          setProperty(viewParent, bindPath, value);
+        } else if ((currentFormControl == null ? void 0 : currentFormControl.owner) === "Page" && hasProperty(viewParent, bindPath)) {
+          setProperty(viewParent, bindPath, value);
+        } else if ((currentFormControl == null ? void 0 : currentFormControl.owner) === "App" && hasProperty(viewParent == null ? void 0 : viewParent.App, bindPath)) {
+          setProperty(viewParent.App, bindPath, value);
+        }
+      },
+      [formControlName, context, viewParent, getBindingPath]
+    );
+    const invokeOnChange = useCallback(
+      (value, event) => {
+        if (event && value !== prevValue) {
+          updateBoundVariable(value);
+          invokeEventCallback == null ? void 0 : invokeEventCallback("change", {
+            $event: event,
+            newVal: value,
+            oldVal: prevValue
+          });
+        }
+        setPrevValue(value);
+      },
+      [prevValue, updateBoundVariable, invokeEventCallback]
+    );
+    const updatePrevDatavalue = useCallback((value) => {
       setPrevValue(value);
     }, []);
-    var getFormattedDate = (0, _react.useCallback)(function (date, pattern, timezone) {
-      if (!date) return "";
-      var selectedPattern = pattern || outputformat;
-
-      // Handle special patterns
-      if (selectedPattern === "timestamp") {
-        return date.getTime().toString();
-      }
-      if (selectedPattern === "UTC") {
-        return date.toISOString();
-      }
-      try {
-        // Map pattern and apply replacements for moment.js compatibility
-        var momentPattern = (0, _utils.mapToMomentPattern)(selectedPattern).replaceAll("y", "Y").replaceAll("d", "D").replaceAll("a", "A");
-        var tz = timezone || (0, _utils.getTimezone)();
-        return (0, _momentTimezone["default"])(date).tz(tz).format(momentPattern);
-      } catch (error) {
-        console.warn("Date formatting error:", error);
-        var _tz = timezone || (0, _utils.getTimezone)();
-        return (0, _momentTimezone["default"])(date).tz(_tz).format((0, _utils.mapToMomentPattern)(selectedPattern));
-      }
-    }, [outputformat]);
-    var isValidDate = (0, _react.useCallback)(function (date) {
-      return date instanceof Date && !isNaN(date.getTime());
-    }, []);
-    var validateDateRange = (0, _react.useCallback)(function (date) {
-      if (!date) return true;
-      var minDateObj = mindate ? (0, _momentTimezone["default"])(mindate).toDate() : null;
-      var maxDateObj = maxdate ? (0, _momentTimezone["default"])(maxdate).toDate() : null;
-      if (minDateObj && date < minDateObj) {
-        invokeOnChange(datavalue);
-        return false;
-      }
-      if (maxDateObj && date > maxDateObj) {
-        invokeOnChange(datavalue);
-        return false;
-      }
-      return true;
-    }, [mindate, maxdate, datavalue, invokeOnChange]);
-    var validateDateFormat = (0, _react.useCallback)(function (newVal, inputVal) {
-      var pattern = datepattern || timepattern;
-      if (!pattern) return true;
-      var formattedDate = getFormattedDate(newVal, pattern);
-      var trimmedInput = inputVal.trim();
-      if (trimmedInput && formattedDate !== trimmedInput) {
-        invokeOnChange(datavalue);
-        return false;
-      }
-      return true;
-    }, [datepattern, timepattern, getFormattedDate, datavalue, invokeOnChange]);
-    var getDateObject = (0, _react.useCallback)(function (date) {
-      if (!date) return undefined;
+    const getFormattedDate = useCallback(
+      (date, pattern, timezone) => {
+        if (!date) return "";
+        const selectedPattern = pattern || outputformat;
+        if (selectedPattern === "timestamp") {
+          return date.getTime().toString();
+        }
+        if (selectedPattern === "UTC") {
+          return date.toISOString();
+        }
+        try {
+          const momentPattern = mapToMomentPattern(selectedPattern).replaceAll("y", "Y").replaceAll("d", "D").replaceAll("a", "A");
+          const tz = timezone || getTimezone();
+          return moment(date).tz(tz).format(momentPattern);
+        } catch (error) {
+          console.warn("Date formatting error:", error);
+          const tz = timezone || getTimezone();
+          return moment(date).tz(tz).format(mapToMomentPattern(selectedPattern));
+        }
+      },
+      [outputformat]
+    );
+    const isValidDate = useCallback(
+      (date) => date instanceof Date && !isNaN(date.getTime()),
+      []
+    );
+    const validateDateRange = useCallback(
+      (date) => {
+        if (!date) return true;
+        const minDateObj = mindate ? moment(mindate).toDate() : null;
+        const maxDateObj = maxdate ? moment(maxdate).toDate() : null;
+        if (minDateObj && date < minDateObj) {
+          invokeOnChange(datavalue);
+          return false;
+        }
+        if (maxDateObj && date > maxDateObj) {
+          invokeOnChange(datavalue);
+          return false;
+        }
+        return true;
+      },
+      [mindate, maxdate, datavalue, invokeOnChange]
+    );
+    const validateDateFormat = useCallback(
+      (newVal, inputVal) => {
+        const pattern = datepattern || timepattern;
+        if (!pattern) return true;
+        const formattedDate = getFormattedDate(newVal, pattern);
+        const trimmedInput = inputVal.trim();
+        if (trimmedInput && formattedDate !== trimmedInput) {
+          invokeOnChange(datavalue);
+          return false;
+        }
+        return true;
+      },
+      [datepattern, timepattern, getFormattedDate, datavalue, invokeOnChange]
+    );
+    const getDateObject = useCallback((date) => {
+      if (!date) return void 0;
       if (date == "CURRENT_DATE") {
-        return new Date();
+        return /* @__PURE__ */ new Date();
       }
-      return typeof date === "string" ? (0, _momentTimezone["default"])(date).toDate() : date;
+      return typeof date === "string" ? moment(date).toDate() : date;
     }, []);
-    var handleKeyDown = (0, _react.useCallback)(function (event) {
-      var arrowKeys = Object.values(ARROW_KEYS);
+    const handleKeyDown = useCallback((event) => {
+      const arrowKeys = Object.values(ARROW_KEYS);
       if (arrowKeys.includes(event.keyCode)) {
         event.stopPropagation();
       }
     }, []);
-
-    // Custom validator
-    var customValidator = (0, _react.useMemo)(function () {
-      return {
-        validate: function validate(control) {
-          return validateRequired(required)(control);
-        }
-      };
-    }, [required]);
-
-    // Keep prevValue in sync with parent datavalue for invokeOnChange oldVal
-    (0, _react.useEffect)(function () {
+    const customValidator = useMemo(
+      () => ({
+        validate: (control) => validateRequired(required)(control)
+      }),
+      [required]
+    );
+    useEffect(() => {
       setPrevValue(datavalue);
     }, [datavalue]);
-
-    // Effects
-    (0, _react.useEffect)(function () {
-      if (widgetSubType !== null && widgetSubType !== void 0 && widgetSubType.startsWith(CUSTOM_WIDGET_PREFIX)) return;
+    useEffect(() => {
+      if (widgetSubType == null ? void 0 : widgetSubType.startsWith(CUSTOM_WIDGET_PREFIX)) return;
       invokeOnChange(datavalue);
       updatePrevDatavalue(datavalue);
     }, [datavalue, widgetSubType, invokeOnChange, updatePrevDatavalue]);
-
-    // Enhanced props for wrapped component
-    var enhancedProps = (0, _react.useMemo)(function () {
-      return _objectSpread(_objectSpread({}, props), {}, {
-        ref: ref,
-        datavalue: datavalue,
-        formControlName: formControlName,
-        getFormattedDate: getFormattedDate,
-        invokeOnChange: invokeOnChange,
-        datepickerRef: datepickerRef,
-        customValidator: customValidator,
-        todaybutton: todaybutton,
-        clearbutton: clearbutton,
-        todaybuttonlabel: todaybuttonlabel,
-        clearbuttonlabel: clearbuttonlabel,
-        showPicker: showPicker,
-        setShowPicker: setShowPicker,
-        mobileInputRef: mobileInputRef,
-        handleKeyDown: handleKeyDown,
+    const enhancedProps = useMemo(
+      () => __spreadProps(__spreadValues({}, props), {
+        ref,
+        datavalue,
+        formControlName,
+        getFormattedDate,
+        invokeOnChange,
+        datepickerRef,
+        customValidator,
+        todaybutton,
+        clearbutton,
+        todaybuttonlabel,
+        clearbuttonlabel,
+        showPicker,
+        setShowPicker,
+        mobileInputRef,
+        handleKeyDown,
         getDateObj: getDateObject,
-        isValidDate: isValidDate,
+        isValidDate,
         minDateMaxDateValidationOnInput: validateDateRange,
         formatValidation: validateDateFormat,
-        updatePrevDatavalue: updatePrevDatavalue,
-        updateBoundVariable: updateBoundVariable
-      });
-    }, [restProps, datavalue, name, formControlName, getFormattedDate, invokeOnChange, customValidator, todaybutton, clearbutton, todaybuttonlabel, clearbuttonlabel, showPicker, handleKeyDown, getDateObject, isValidDate, validateDateRange, validateDateFormat, updatePrevDatavalue, updateBoundVariable]);
-    return __jsx(WrappedComponent, enhancedProps);
+        updatePrevDatavalue,
+        updateBoundVariable
+      }),
+      [
+        restProps,
+        datavalue,
+        name,
+        formControlName,
+        getFormattedDate,
+        invokeOnChange,
+        customValidator,
+        todaybutton,
+        clearbutton,
+        todaybuttonlabel,
+        clearbuttonlabel,
+        showPicker,
+        handleKeyDown,
+        getDateObject,
+        isValidDate,
+        validateDateRange,
+        validateDateFormat,
+        updatePrevDatavalue,
+        updateBoundVariable
+      ]
+    );
+    return /* @__PURE__ */ jsx(WrappedComponent, __spreadValues({}, enhancedProps));
   };
-  WithBaseDateTime.displayName = "WithBaseDateTime(".concat(WrappedComponent.displayName || WrappedComponent.name || "Component", ")");
+  WithBaseDateTime.displayName = `WithBaseDateTime(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
   return WithBaseDateTime;
 };
-var _default = exports["default"] = withBaseDateTime;
+var BaseDateTime_default = withBaseDateTime;
+export {
+  BaseDateTime_default as default
+};