@wavemaker/react-runtime 11.14.1-15.6409

package/higherOrder/BaseDateTime.js

@@ -0,0 +1,251 @@
+"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 _withBaseWrapper = require("@wavemaker/react-runtime/higherOrder/withBaseWrapper");
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+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 = {
+  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) {
+  if (obj && obj[key] !== value) {
+    obj[key] = value;
+  }
+};
+var isValidValue = function isValidValue(val) {
+  switch ((0, _typeof2["default"])(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 === "");
+  }
+};
+var validateRequired = function validateRequired(required) {
+  return function (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),
+      controlValue = _useState[0],
+      setControlValue = _useState[1];
+    var _useState2 = (0, _react.useState)(datavalue),
+      prevValue = _useState2[0],
+      setPrevValue = _useState2[1];
+    var _useState3 = (0, _react.useState)(false),
+      showPicker = _useState3[0],
+      setShowPicker = _useState3[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) {
+      setPrevValue(value);
+    }, []);
+    var getFormattedDate = (0, _react.useCallback)(function (date, pattern, timezone) {
+      if (!date) return "";
+      var selectedTimezone = timezone || _momentTimezone["default"].tz.guess();
+      var selectedPattern = pattern || outputformat;
+      return (0, _momentTimezone["default"])(date).tz(selectedTimezone).format(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;
+      if (date == "CURRENT_DATE") {
+        return new Date();
+      }
+      return typeof date === "string" ? (0, _momentTimezone["default"])(date).toDate() : date;
+    }, []);
+    var handleKeyDown = (0, _react.useCallback)(function (event) {
+      var 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]);
+
+    // Effects
+    (0, _react.useEffect)(function () {
+      if (widgetSubType !== null && widgetSubType !== void 0 && widgetSubType.startsWith(CUSTOM_WIDGET_PREFIX)) return;
+      setControlValue(datavalue);
+      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: controlValue,
+        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,
+        getDateObj: getDateObject,
+        isValidDate: isValidDate,
+        minDateMaxDateValidationOnInput: validateDateRange,
+        formatValidation: validateDateFormat,
+        updatePrevDatavalue: updatePrevDatavalue,
+        updateBoundVariable: updateBoundVariable
+      });
+    }, [restProps, controlValue, name, formControlName, getFormattedDate, invokeOnChange, customValidator, todaybutton, clearbutton, todaybuttonlabel, clearbuttonlabel, showPicker, handleKeyDown, getDateObject, isValidDate, validateDateRange, validateDateFormat, updatePrevDatavalue, updateBoundVariable]);
+    return __jsx(WrappedComponent, enhancedProps);
+  };
+  WithBaseDateTime.displayName = "WithBaseDateTime(".concat(WrappedComponent.displayName || WrappedComponent.name || "Component", ")");
+  return (0, _withBaseWrapper.withBaseWrapper)(WithBaseDateTime);
+};
+var _default = exports["default"] = withBaseDateTime;