@wavemaker/react-runtime 11.14.1-16.6404

package/components/input/epoch/datetime/styled.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.timePickerSx = exports.datePickerSx = exports.buttonStyles = void 0;
+var datePickerSx = exports.datePickerSx = function datePickerSx(showweeks) {
+  return {
+    "& .MuiPaper-root": {
+      background: "var(--wm-datepicker-background)",
+      padding: "var(--wm-datepicker-padding)",
+      borderRadius: "var(--wm-datepicker-border-radius)"
+    },
+    "& .MuiDateCalendar-root": {
+      width: showweeks ? "420px" : "370px"
+    },
+    "& .MuiDayCalendar-header": {
+      justifyContent: "space-evenly"
+    },
+    "& .MuiDayCalendar-weekNumber": {
+      marginTop: "10px",
+      textAlign: "center"
+    },
+    "& .MuiDayCalendar-slideTransition": {
+      minHeight: "260px"
+    },
+    "& .MuiDayCalendar-weekNumberLabel": {
+      width: "32px !important",
+      padding: "0px 0px !important"
+    },
+    "& .MuiTypography-caption": {
+      padding: "0px 24px"
+    },
+    "& .MuiYearCalendar-root": {
+      width: "auto"
+    },
+    "& .MuiPickersDay-root.Mui-selected": {
+      backgroundColor: "var(--wm-btn-secondary-background) !important",
+      color: "var(--wm-btn-secondary-color)",
+      fontWeight: "bold"
+    },
+    "& .MuiMonthCalendar-button.Mui-selected": {
+      backgroundColor: "var(--wm-btn-secondary-background) !important",
+      color: "var(--wm-btn-secondary-color)",
+      fontWeight: "bold"
+    },
+    "& .MuiPickersDay-root.Mui-selected:hover": {
+      backgroundColor: "var(--wm-btn-secondary-background)",
+      color: "var(--wm-btn-secondary-color)"
+    },
+    "& .MuiYearCalendar-button.Mui-selected": {
+      backgroundColor: "var(--wm-btn-secondary-background) !important",
+      color: "var(--wm-btn-secondary-color)",
+      fontWeight: "bold"
+    },
+    "& .MuiPickersDay-today": {
+      backgroundColor: "transparent !important"
+    }
+  };
+};
+var timePickerSx = exports.timePickerSx = function timePickerSx() {
+  return {
+    "& .css-1y6l765-MuiPickersLayout-root": {
+      display: "inline-block"
+    },
+    "& .MuiPaper-root": {
+      background: "var(--wm-timepicker-background)",
+      padding: "var(--wm-timepicker-padding)",
+      borderRadius: "var(--wm-timepicker-border-radius)"
+    },
+    "& .Mui-selected": {
+      backgroundColor: "var(--wm-btn-secondary-background) !important",
+      color: "var(--wm-btn-secondary-color) !important"
+    },
+    "& .Mui-selected:hover": {
+      backgroundColor: "var(--wm-btn-secondary-background) !important",
+      color: "var(--wm-btn-secondary-color) !important"
+    }
+  };
+};
+var buttonStyles = exports.buttonStyles = function buttonStyles() {
+  return {
+    "& .MuiButton-root": {
+      "--wm-btn-color": "var(--wm-color-primary)",
+      "--wm-btn-state-layer-color": "var(--wm-color-primary)",
+      background: "none",
+      border: "none"
+    }
+  };
+};

package/components/input/epoch/datetime/utils.js

@@ -0,0 +1,244 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ensureTime = ensureTime;
+exports.formatDate = formatDate;
+exports.getTimeViews = getTimeViews;
+exports.getTimezone = getTimezone;
+exports.getWidthStyle = getWidthStyle;
+exports.mapToMomentPattern = mapToMomentPattern;
+exports.parseDateValue = parseDateValue;
+exports.parseDateWithCurrent = parseDateWithCurrent;
+exports.parseExcludedDates = parseExcludedDates;
+exports.parseExcludedDays = parseExcludedDays;
+exports.shouldDisableDate = shouldDisableDate;
+exports.updateListener = updateListener;
+exports.validateDate = validateDate;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+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; }
+// Utility to ensure a date has a time component (otherwise use current time)
+function ensureTime(date) {
+  if (!date) return null;
+  var hasTime = date.getHours() !== 0 || date.getMinutes() !== 0 || date.getSeconds() !== 0;
+  if (hasTime) return date;
+  var now = new Date();
+  var withTime = new Date(date);
+  withTime.setHours(now.getHours(), now.getMinutes(), now.getSeconds(), now.getMilliseconds());
+  return withTime;
+}
+
+// Utility to map custom date patterns to moment.js patterns
+function mapToMomentPattern(pattern) {
+  return pattern.replace(/\byyyy\b/g, "YYYY").replace(/\bEEEE\b/g, "dddd").replace(/\bEEE\b/g, "ddd").replace(/\bMMMM\b/g, "MMMM").replace(/\bMMM\b/g, "MMM").replace(/\byy\b/g, "YY").replace(/\bdd\b/g, "DD").replace(/\bd\b/g, "D").replace(/\bMM\b/g, "MM").replace(/\bM\b/g, "M").replace(/\bHH\b/g, "HH").replace(/\bH\b/g, "H").replace(/\bhh\b/g, "hh").replace(/\bh\b/g, "h").replace(/\bmm\b/g, "mm").replace(/\bm\b/g, "m").replace(/\bss\b/g, "ss").replace(/\ba\b/g, "A").replace(/\bZ\b/g, "ZZ");
+}
+
+// Get timezone utility
+function getTimezone() {
+  return _momentTimezone["default"].tz.guess();
+}
+
+// Width style helper
+function getWidthStyle(width) {
+  if (!width) return "";
+  if (typeof width === "number") return "".concat(width, "px");
+  // Check if string contains only numeric characters
+  if (typeof width === "string" && /^\d+$/.test(width)) {
+    return "".concat(width, "px");
+  }
+  return width;
+}
+
+// Parse min/max dates with CURRENT_DATE support
+function parseDateWithCurrent(dateValue, mode) {
+  if (!dateValue) return null;
+  if (dateValue === "CURRENT_DATE") {
+    return mode === "min" ? (0, _momentTimezone["default"])().startOf("day").toDate() : (0, _momentTimezone["default"])().endOf("day").toDate();
+  }
+  try {
+    return typeof dateValue === "string" ? (0, _momentTimezone["default"])(dateValue).toDate() : dateValue;
+  } catch (error) {
+    console.warn("Error parsing ".concat(mode, "date:"), error);
+    return null;
+  }
+}
+
+// Parse excluded days array
+function parseExcludedDays(excludedays) {
+  if (!excludedays) return [];
+  return excludedays.split(",").map(function (day) {
+    return parseInt(day.trim(), 10);
+  });
+}
+
+// Parse excluded dates array
+function parseExcludedDates(excludedates) {
+  if (!excludedates) return [];
+  if (typeof excludedates === "string") {
+    return excludedates.split(",").map(function (date) {
+      return (0, _momentTimezone["default"])(date.trim()).toDate();
+    });
+  }
+  if (Array.isArray(excludedates)) {
+    return excludedates.map(function (date) {
+      if (typeof date === "string") {
+        return (0, _momentTimezone["default"])(date).toDate();
+      }
+      return (0, _momentTimezone["default"])(date).toDate();
+    });
+  }
+  return [];
+}
+
+// Format date utility
+function formatDate(date, pattern, timezone) {
+  if (!date) return "";
+  if (pattern === "timestamp") {
+    return date.getTime().toString();
+  }
+  if (pattern === "UTC") {
+    return date.toISOString();
+  }
+  try {
+    var momentPattern = mapToMomentPattern(pattern);
+    var tz = timezone || getTimezone();
+    return (0, _momentTimezone["default"])(date).tz(tz).format(momentPattern);
+  } catch (error) {
+    console.warn("Date formatting error:", error);
+    var _tz = timezone || getTimezone();
+    return (0, _momentTimezone["default"])(date).tz(_tz).format(mapToMomentPattern(pattern));
+  }
+}
+
+// Parse date value utility
+function parseDateValue(datavalue, datepattern) {
+  if (!datavalue) return null;
+  if (datavalue instanceof Date) {
+    return datavalue;
+  } else if (typeof datavalue === "string" || typeof datavalue === "number") {
+    // Convert to string for consistent processing
+    var valueStr = String(datavalue);
+    if (/^\d+$/.test(valueStr)) {
+      // Timestamp - handle both seconds and milliseconds
+      var numValue = Number(valueStr);
+      var m;
+
+      // If timestamp is in seconds (less than 13 digits), convert to milliseconds
+      if (valueStr.length <= 10) {
+        m = (0, _momentTimezone["default"])(numValue * 1000);
+      } else {
+        m = (0, _momentTimezone["default"])(numValue);
+      }
+      return m.isValid() ? m.toDate() : null;
+    } else if (datepattern === "UTC") {
+      // UTC ISO string
+      var _m = _momentTimezone["default"].utc(valueStr);
+      return _m.isValid() ? _m.toDate() : null;
+    } else if (datepattern && datepattern !== "timestamp") {
+      // Custom pattern - use the specific pattern for parsing
+      var momentPattern = mapToMomentPattern(datepattern);
+      var _m2 = (0, _momentTimezone["default"])(valueStr, momentPattern, true); // strict parsing
+      if (!_m2.isValid()) {
+        // Try lenient parsing as fallback
+        _m2 = (0, _momentTimezone["default"])(valueStr);
+      }
+      return _m2 && _m2.isValid() ? _m2.toDate() : null;
+    } else {
+      // Fallback
+      var _m3 = (0, _momentTimezone["default"])(valueStr);
+      return _m3.isValid() ? _m3.toDate() : null;
+    }
+  }
+  return null;
+}
+
+// Validate date utility
+function validateDate(date, minDateObj, maxDateObj, excludedDaysArray, excludedDatesArray) {
+  if (!date) return {
+    isValid: true,
+    isOutOfRange: false
+  };
+
+  // Check min/max date
+  if (minDateObj && (0, _momentTimezone["default"])(date).startOf("day").valueOf() < (0, _momentTimezone["default"])(minDateObj).startOf("day").valueOf()) {
+    return {
+      isValid: false,
+      isOutOfRange: true
+    };
+  }
+  if (maxDateObj && (0, _momentTimezone["default"])(date).startOf("day").valueOf() > (0, _momentTimezone["default"])(maxDateObj).startOf("day").valueOf()) {
+    return {
+      isValid: false,
+      isOutOfRange: true
+    };
+  }
+
+  // Check excluded days
+  var day = date.getDay();
+  if (excludedDaysArray.includes(day)) {
+    return {
+      isValid: false,
+      isOutOfRange: true
+    };
+  }
+
+  // Check excluded dates
+  var formattedDate = (0, _momentTimezone["default"])(date).startOf("day").valueOf();
+  if (excludedDatesArray.some(function (excludedDate) {
+    return (0, _momentTimezone["default"])(excludedDate).startOf("day").valueOf() === formattedDate;
+  })) {
+    return {
+      isValid: false,
+      isOutOfRange: true
+    };
+  }
+  return {
+    isValid: true,
+    isOutOfRange: false
+  };
+}
+
+// Should disable date function for DatePicker
+function shouldDisableDate(date, excludedDaysArray, excludedDatesArray) {
+  if (!date) return false;
+
+  // Check excluded days
+  var day = date.day();
+  if (excludedDaysArray.includes(day)) return true;
+
+  // Check excluded dates
+  var dateTime = date.valueOf();
+  return excludedDatesArray.some(function (excludedDate) {
+    return (0, _momentTimezone["default"])(excludedDate).startOf("day").valueOf() === (0, _momentTimezone["default"])(dateTime).startOf("day").valueOf();
+  });
+}
+
+// Get time views based on date pattern
+function getTimeViews(datepattern) {
+  var timeViews = ["hours", "minutes"];
+  if (datepattern.includes("s")) {
+    timeViews.push("seconds");
+  }
+  return timeViews;
+}
+function updateListener(name, listener, dateString, outputValue, props, onChange, oldValue, timestampValue) {
+  var _listener$Widgets, _listener$Widgets2;
+  // Update listener widget display value
+  if (name && listener !== null && listener !== void 0 && (_listener$Widgets = listener.Widgets) !== null && _listener$Widgets !== void 0 && _listener$Widgets[name]) {
+    listener.Widgets[name].displayValue = dateString;
+  }
+  if (onChange && name && listener !== null && listener !== void 0 && (_listener$Widgets2 = listener.Widgets) !== null && _listener$Widgets2 !== void 0 && _listener$Widgets2[name]) {
+    onChange({}, listener.Widgets[name], outputValue, listener.Widgets[name].datavalue);
+  }
+  // Update listener onChange
+  if (listener !== null && listener !== void 0 && listener.onChange) {
+    listener.onChange(name || "", _objectSpread(_objectSpread({}, props), {}, {
+      datavalue: outputValue,
+      timestamp: timestampValue
+    }));
+  }
+}