@wavemaker-ai/react-runtime 1.0.0-rc.312 → 1.0.0-rc.317

package/components/input/epoch/date/props.js

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

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

@@ -1,70 +1,61 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledYearCalendar = exports.StyledDateCalendar = void 0;
-var _styles = require("@mui/material/styles");
-var _xDatePickers = require("@mui/x-date-pickers");
-// Styled Components
-var StyledDateCalendar = exports.StyledDateCalendar = (0, _styles.styled)(_xDatePickers.DateCalendar)(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    "& .MuiDayCalendar-slideTransition": {
-      minHeight: "290px"
-    },
-    "& .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)"
-    },
-    "& .MuiPickersDay-root": {
-      fontSize: "0.875rem",
-      margin: 0
-    },
-    "& .MuiDayCalendar-weekDayLabel": {
-      fontSize: "0.875rem",
-      width: "36px",
-      height: "36px",
-      margin: "0"
-    },
-    "& .MuiDayCalendar-weekNumber": {
-      marginTop: "10px",
-      textAlign: "center",
-      width: "auto",
-      padding: "0 24px"
-    },
-    "& .MuiDayCalendar-weekNumberLabel": {
-      width: "32px",
-      padding: "0"
-    },
-    "& .MuiTypography-caption": {
-      padding: "0px 24px"
-    },
-    "& .MuiDayCalendar-header": {
-      width: "100%"
-    }
-  };
-});
-var StyledYearCalendar = exports.StyledYearCalendar = (0, _styles.styled)(_xDatePickers.YearCalendar)(function (_ref2) {
-  var theme = _ref2.theme;
-  return {
-    "& .MuiYearCalendar-button.Mui-selected": {
-      backgroundColor: "var(--wm-btn-secondary-background) !important",
-      color: "var(--wm-btn-secondary-color)",
-      fontWeight: "bold"
-    },
-    "& .MuiPickersYear-yearButton.Mui-selected:hover": {
-      backgroundColor: theme.palette.primary.dark
-    }
-  };
-});
+import { styled } from "@mui/material/styles";
+import { DateCalendar, YearCalendar } from "@mui/x-date-pickers";
+const StyledDateCalendar = styled(DateCalendar)(({ theme }) => ({
+  "& .MuiDayCalendar-slideTransition": {
+    minHeight: "290px"
+  },
+  "& .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)"
+  },
+  "& .MuiPickersDay-root": {
+    fontSize: "0.875rem",
+    margin: 0
+  },
+  "& .MuiDayCalendar-weekDayLabel": {
+    fontSize: "0.875rem",
+    width: "36px",
+    height: "36px",
+    margin: "0"
+  },
+  "& .MuiDayCalendar-weekNumber": {
+    marginTop: "10px",
+    textAlign: "center",
+    width: "auto",
+    padding: "0 24px"
+  },
+  "& .MuiDayCalendar-weekNumberLabel": {
+    width: "32px",
+    padding: "0"
+  },
+  "& .MuiTypography-caption": {
+    padding: "0px 24px"
+  },
+  "& .MuiDayCalendar-header": {
+    width: "100%"
+  }
+}));
+const StyledYearCalendar = styled(YearCalendar)(({ theme }) => ({
+  "& .MuiYearCalendar-button.Mui-selected": {
+    backgroundColor: "var(--wm-btn-secondary-background) !important",
+    color: "var(--wm-btn-secondary-color)",
+    fontWeight: "bold"
+  },
+  "& .MuiPickersYear-yearButton.Mui-selected:hover": {
+    backgroundColor: theme.palette.primary.dark
+  }
+}));
+export {
+  StyledDateCalendar,
+  StyledYearCalendar
+};

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

@@ -1,15 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parseExcludedDays = exports.parseExcludedDates = exports.getWidthStyle = exports.formatDate = exports.defaultGetDateObj = exports.createFormatTokenRegex = exports.convertToMomentFormat = exports.DATE_FORMAT_MAPPING = void 0;
-exports.validateDate = validateDate;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-// Constants
-var DATE_FORMAT_MAPPING = exports.DATE_FORMAT_MAPPING = {
+import moment from "moment-timezone";
+const DATE_FORMAT_MAPPING = {
   EEEE: "dddd",
   // Full weekday name
   EEE: "ddd",
@@ -34,118 +24,79 @@ var DATE_FORMAT_MAPPING = exports.DATE_FORMAT_MAPPING = {
   // Four digit year
   yy: "YY",
   // Two digit year
-  y: "YYYY" // Year (default to 4 digits)
+  y: "YYYY"
+  // Year (default to 4 digits)
 };
-
-// Utility Functions
-var createFormatTokenRegex = exports.createFormatTokenRegex = function createFormatTokenRegex() {
-  var tokens = Object.keys(DATE_FORMAT_MAPPING).sort(function (a, b) {
-    return b.length - a.length;
-  }).map(function (token) {
-    return token.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-  }).join("|");
-  return new RegExp("(".concat(tokens, ")"), "g");
+const createFormatTokenRegex = () => {
+  const tokens = Object.keys(DATE_FORMAT_MAPPING).sort((a, b) => b.length - a.length).map((token) => token.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|");
+  return new RegExp(`(${tokens})`, "g");
 };
-var convertToMomentFormat = exports.convertToMomentFormat = function convertToMomentFormat(pattern) {
+const convertToMomentFormat = (pattern) => {
   if (pattern === "timestamp") return pattern;
-  var regex = createFormatTokenRegex();
-  return pattern.replace(regex, function (match) {
-    return DATE_FORMAT_MAPPING[match] || match;
-  });
+  const regex = createFormatTokenRegex();
+  return pattern.replace(regex, (match) => DATE_FORMAT_MAPPING[match] || match);
 };
-var formatDate = exports.formatDate = function formatDate(date, pattern) {
+const formatDate = (date, pattern) => {
   if (!date) return "";
   if (pattern === "timestamp") {
-    return (0, _momentTimezone["default"])(date).valueOf().toString();
+    return moment(date).valueOf().toString();
   }
-  var momentDate = (0, _momentTimezone["default"])(date);
+  const momentDate = moment(date);
   if (!momentDate.isValid()) return "";
-  var momentPattern = convertToMomentFormat(pattern);
+  const momentPattern = convertToMomentFormat(pattern);
   return momentDate.format(momentPattern);
 };
-var parseExcludedDays = exports.parseExcludedDays = function parseExcludedDays(excludedays) {
+const parseExcludedDays = (excludedays) => {
   if (!excludedays) return [];
-  return excludedays.split(",").map(function (day) {
-    return parseInt(day.trim(), 10);
-  }).filter(function (day) {
-    return !isNaN(day) && day >= 0 && day <= 6;
-  });
+  return excludedays.split(",").map((day) => parseInt(day.trim(), 10)).filter((day) => !isNaN(day) && day >= 0 && day <= 6);
 };
-var parseExcludedDates = exports.parseExcludedDates = function parseExcludedDates(excludedates, getDateObj) {
+const parseExcludedDates = (excludedates, getDateObj) => {
   if (!excludedates) return [];
-  var dates = Array.isArray(excludedates) ? excludedates : excludedates.split(",");
-  return dates.map(function (date) {
-    return getDateObj(date);
-  }).filter(function (date) {
-    return date !== null;
-  });
+  const dates = Array.isArray(excludedates) ? excludedates : excludedates.split(",");
+  return dates.map((date) => getDateObj(date)).filter((date) => date !== null);
 };
-var defaultGetDateObj = exports.defaultGetDateObj = function defaultGetDateObj(date) {
+const defaultGetDateObj = (date) => {
   if (!date) return null;
   if (date instanceof Date) return date;
   if (typeof date === "string") {
-    var parsedDate = (0, _momentTimezone["default"])(date).toDate();
+    const parsedDate = moment(date).toDate();
     return isNaN(parsedDate.getTime()) ? new Date(date) : parsedDate;
   }
   return null;
 };
-var getWidthStyle = exports.getWidthStyle = function getWidthStyle(width) {
+const getWidthStyle = (width) => {
   if (!width) return {};
   if (typeof width === "number") {
-    return {
-      width: "".concat(width, "px")
-    };
+    return { width: `${width}px` };
   }
   if (typeof width === "string") {
     if (/[%px]|em|rem/.test(width) || !isNaN(Number(width))) {
-      return {
-        width: isNaN(Number(width)) ? width : "".concat(width, "px")
-      };
+      return { width: isNaN(Number(width)) ? width : `${width}px` };
     }
-    return {
-      width: width
-    };
+    return { width };
   }
   return {};
 };
-
-// Get validator error message
 function getValidatorErrorMessage(validators, validatorType) {
-  if (!validators || validators.length === 0) return undefined;
-  var validator = validators.find(function (v) {
-    return (0, _typeof2["default"])(v) === "object" && v !== null && "type" in v && v.type === validatorType;
-  });
-  if (validator && (0, _typeof2["default"])(validator) === "object" && "errorMessage" in validator) {
-    var errorMessage = validator.errorMessage;
+  if (!validators || validators.length === 0) return void 0;
+  const validator = validators.find(
+    (v) => typeof v === "object" && v !== null && "type" in v && v.type === validatorType
+  );
+  if (validator && typeof validator === "object" && "errorMessage" in validator) {
+    const errorMessage = validator.errorMessage;
     if (typeof errorMessage === "string") {
       return errorMessage;
     }
   }
-  return undefined;
+  return void 0;
 }
-
-// Unified date validation function - handles both UI disabling and validation messages
-function validateDate(date, minDateObj, maxDateObj, excludedDaysArray, excludedDatesArray) {
-  var validators = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : [];
-  var validationmessage = arguments.length > 6 ? arguments[6] : undefined;
-  if (!date) return {
-    isValid: true,
-    isOutOfRange: false,
-    isDisabled: false
-  };
-
-  // Convert to moment for consistent handling
-  var dateMoment = _momentTimezone["default"].isMoment(date) ? date : (0, _momentTimezone["default"])(date);
-  if (!dateMoment.isValid()) return {
-    isValid: true,
-    isOutOfRange: false,
-    isDisabled: false
-  };
-
-  // Check min date
-  if (minDateObj && dateMoment.startOf("day").valueOf() < (0, _momentTimezone["default"])(minDateObj).startOf("day").valueOf()) {
-    var validatorMessage = getValidatorErrorMessage(validators, "mindate");
-    var errorMessage = validatorMessage || validationmessage || "Date is before minimum date";
+function validateDate(date, minDateObj, maxDateObj, excludedDaysArray, excludedDatesArray, validators = [], validationmessage) {
+  if (!date) return { isValid: true, isOutOfRange: false, isDisabled: false };
+  const dateMoment = moment.isMoment(date) ? date : moment(date);
+  if (!dateMoment.isValid()) return { isValid: true, isOutOfRange: false, isDisabled: false };
+  if (minDateObj && dateMoment.startOf("day").valueOf() < moment(minDateObj).startOf("day").valueOf()) {
+    const validatorMessage = getValidatorErrorMessage(validators, "mindate");
+    const errorMessage = validatorMessage || validationmessage || "Date is before minimum date";
     return {
       isValid: false,
       isOutOfRange: true,
@@ -153,49 +104,50 @@ function validateDate(date, minDateObj, maxDateObj, excludedDaysArray, excludedD
       isDisabled: true
     };
   }
-
-  // Check max date
-  if (maxDateObj && dateMoment.startOf("day").valueOf() > (0, _momentTimezone["default"])(maxDateObj).startOf("day").valueOf()) {
-    var _validatorMessage = getValidatorErrorMessage(validators, "maxdate");
-    var _errorMessage = _validatorMessage || validationmessage || "Date is after maximum date";
+  if (maxDateObj && dateMoment.startOf("day").valueOf() > moment(maxDateObj).startOf("day").valueOf()) {
+    const validatorMessage = getValidatorErrorMessage(validators, "maxdate");
+    const errorMessage = validatorMessage || validationmessage || "Date is after maximum date";
     return {
       isValid: false,
       isOutOfRange: true,
-      validationMessage: _errorMessage,
+      validationMessage: errorMessage,
       isDisabled: true
     };
   }
-
-  // Check excluded days
-  var day = dateMoment.day();
+  const day = dateMoment.day();
   if (excludedDaysArray.includes(day)) {
-    var _validatorMessage2 = getValidatorErrorMessage(validators, "excludedays");
-    var _errorMessage2 = _validatorMessage2 || validationmessage || "Date is excluded";
+    const validatorMessage = getValidatorErrorMessage(validators, "excludedays");
+    const errorMessage = validatorMessage || validationmessage || "Date is excluded";
     return {
       isValid: false,
       isOutOfRange: true,
-      validationMessage: _errorMessage2,
+      validationMessage: errorMessage,
       isDisabled: true
     };
   }
-
-  // Check excluded dates
-  var formattedDate = dateMoment.startOf("day").valueOf();
-  if (excludedDatesArray.some(function (excludedDate) {
-    return (0, _momentTimezone["default"])(excludedDate).startOf("day").valueOf() === formattedDate;
-  })) {
-    var _validatorMessage3 = getValidatorErrorMessage(validators, "excludedates");
-    var _errorMessage3 = _validatorMessage3 || validationmessage || "Date is excluded";
+  const formattedDate = dateMoment.startOf("day").valueOf();
+  if (excludedDatesArray.some(
+    (excludedDate) => moment(excludedDate).startOf("day").valueOf() === formattedDate
+  )) {
+    const validatorMessage = getValidatorErrorMessage(validators, "excludedates");
+    const errorMessage = validatorMessage || validationmessage || "Date is excluded";
     return {
       isValid: false,
       isOutOfRange: true,
-      validationMessage: _errorMessage3,
+      validationMessage: errorMessage,
       isDisabled: true
     };
   }
-  return {
-    isValid: true,
-    isOutOfRange: false,
-    isDisabled: false
-  };
-}
+  return { isValid: true, isOutOfRange: false, isDisabled: false };
+}
+export {
+  DATE_FORMAT_MAPPING,
+  convertToMomentFormat,
+  createFormatTokenRegex,
+  defaultGetDateObj,
+  formatDate,
+  getWidthStyle,
+  parseExcludedDates,
+  parseExcludedDays,
+  validateDate
+};