@openg2p/registry-widgets 0.1.7 → 0.1.8

package/dist/index.esm.js

@@ -670,23 +670,235 @@ const getFormattedNumberLength = (value, format) => {
     return formatted.length;
 };
 
+/**
+ * Date input utilities for parsing, formatting, and validation
+ */
+/**
+ * Parse date string in various formats to Date object
+ */
+const parseDate = (dateString) => {
+    if (!dateString)
+        return null;
+    // Try ISO format first (YYYY-MM-DD)
+    const isoMatch = dateString.match(/^(\d{4})-(\d{2})-(\d{2})/);
+    if (isoMatch) {
+        const date = new Date(parseInt(isoMatch[1]), parseInt(isoMatch[2]) - 1, parseInt(isoMatch[3]));
+        if (!isNaN(date.getTime())) {
+            return date;
+        }
+    }
+    // Try common formats
+    const date = new Date(dateString);
+    if (!isNaN(date.getTime())) {
+        return date;
+    }
+    return null;
+};
+/**
+ * Format date to ISO string (YYYY-MM-DD) for storage
+ */
+const formatDateToISO = (date) => {
+    if (!date)
+        return '';
+    let dateObj;
+    if (date instanceof Date) {
+        dateObj = date;
+    }
+    else if (typeof date === 'string') {
+        const parsed = parseDate(date);
+        if (!parsed)
+            return '';
+        dateObj = parsed;
+    }
+    else {
+        return '';
+    }
+    if (isNaN(dateObj.getTime()))
+        return '';
+    const year = dateObj.getFullYear();
+    const month = String(dateObj.getMonth() + 1).padStart(2, '0');
+    const day = String(dateObj.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+};
+/**
+ * Format date to custom format string
+ */
+const formatDateToString = (date, format) => {
+    if (!date || !format)
+        return '';
+    let dateObj;
+    if (date instanceof Date) {
+        dateObj = date;
+    }
+    else if (typeof date === 'string') {
+        const parsed = parseDate(date);
+        if (!parsed)
+            return '';
+        dateObj = parsed;
+    }
+    else {
+        return '';
+    }
+    if (isNaN(dateObj.getTime()))
+        return '';
+    const day = String(dateObj.getDate()).padStart(2, '0');
+    const month = String(dateObj.getMonth() + 1).padStart(2, '0');
+    const year = dateObj.getFullYear();
+    const yearShort = year.toString().slice(-2);
+    return format
+        .replace(/DD/g, day)
+        .replace(/MM/g, month)
+        .replace(/YYYY/g, year.toString())
+        .replace(/YY/g, yearShort);
+};
+/**
+ * Parse custom format string to Date object
+ */
+const parseDateFromFormat = (dateString, format) => {
+    if (!dateString || !format)
+        return null;
+    // Extract day, month, year positions from format
+    const dayIndex = format.indexOf('DD');
+    const monthIndex = format.indexOf('MM');
+    const yearIndex = format.indexOf('YYYY');
+    const yearShortIndex = format.indexOf('YY');
+    if (dayIndex === -1 || monthIndex === -1 || (yearIndex === -1 && yearShortIndex === -1)) {
+        // Fallback to standard Date parsing
+        return parseDate(dateString);
+    }
+    try {
+        let day = '';
+        let month = '';
+        let year = '';
+        // Extract day (2 digits)
+        if (dayIndex !== -1) {
+            day = dateString.substring(dayIndex, dayIndex + 2);
+        }
+        // Extract month (2 digits)
+        if (monthIndex !== -1) {
+            month = dateString.substring(monthIndex, monthIndex + 2);
+        }
+        // Extract year (4 digits or 2 digits)
+        if (yearIndex !== -1) {
+            year = dateString.substring(yearIndex, yearIndex + 4);
+        }
+        else if (yearShortIndex !== -1) {
+            const yearShort = dateString.substring(yearShortIndex, yearShortIndex + 2);
+            const currentYear = new Date().getFullYear();
+            const currentCentury = Math.floor(currentYear / 100) * 100;
+            const parsedYear = parseInt(yearShort);
+            // Assume 20xx for years 00-50, 19xx for years 51-99
+            year = parsedYear <= 50
+                ? (currentCentury + parsedYear).toString()
+                : (currentCentury - 100 + parsedYear).toString();
+        }
+        if (day && month && year) {
+            const date = new Date(parseInt(year), parseInt(month) - 1, parseInt(day));
+            if (!isNaN(date.getTime())) {
+                return date;
+            }
+        }
+    }
+    catch {
+        // Fallback to standard parsing
+    }
+    return parseDate(dateString);
+};
+/**
+ * Get min date based on constraint type
+ */
+const getMinDate = (constraint, minDate) => {
+    if (minDate) {
+        // If it's 'today', return today's date
+        if (minDate === 'today') {
+            return formatDateToISO(new Date());
+        }
+        return minDate;
+    }
+    if (constraint === 'past-only') {
+        // No minimum for past-only (can select any past date)
+        return undefined;
+    }
+    if (constraint === 'future-only') {
+        // Minimum is today for future-only
+        return formatDateToISO(new Date());
+    }
+    return undefined;
+};
+/**
+ * Get max date based on constraint type
+ */
+const getMaxDate = (constraint, maxDate) => {
+    if (maxDate) {
+        // If it's 'today', return today's date
+        if (maxDate === 'today') {
+            return formatDateToISO(new Date());
+        }
+        return maxDate;
+    }
+    if (constraint === 'past-only') {
+        // Maximum is today for past-only
+        return formatDateToISO(new Date());
+    }
+    if (constraint === 'future-only') {
+        // No maximum for future-only (can select any future date)
+        return undefined;
+    }
+    return undefined;
+};
+/**
+ * Validate date constraints
+ */
+const validateDateConstraints = (date, minDate, maxDate, constraint) => {
+    if (!date)
+        return null;
+    const dateObj = date instanceof Date ? date : parseDate(date);
+    if (!dateObj)
+        return null;
+    const dateISO = formatDateToISO(dateObj);
+    const todayISO = formatDateToISO(new Date());
+    // Check constraint type
+    if (constraint === 'past-only') {
+        if (dateISO > todayISO) {
+            return 'Date must be in the past';
+        }
+    }
+    else if (constraint === 'future-only') {
+        if (dateISO < todayISO) {
+            return 'Date must be in the future';
+        }
+    }
+    // Check minDate
+    const effectiveMinDate = getMinDate(constraint, minDate);
+    if (effectiveMinDate && dateISO < effectiveMinDate) {
+        return `Date must be on or after ${effectiveMinDate}`;
+    }
+    // Check maxDate
+    const effectiveMaxDate = getMaxDate(constraint, maxDate);
+    if (effectiveMaxDate && dateISO > effectiveMaxDate) {
+        return `Date must be on or before ${effectiveMaxDate}`;
+    }
+    return null;
+};
+
 /**
  * Format date value
  */
 const formatDate = (value, format) => {
-    if (!value || !format?.dateFormat) {
-        return value?.toString() || '';
+    if (!value) {
+        return '';
     }
+    const dateFormat = format?.dateFormat || 'DD-MM-YYYY';
     try {
-        const date = new Date(value);
-        if (isNaN(date.getTime())) {
+        const date = typeof value === 'string' ? parseDate(value) : new Date(value);
+        if (!date || isNaN(date.getTime())) {
             return value?.toString() || '';
         }
         // Simple date formatting (can be enhanced with date-fns or similar)
         const day = date.getDate().toString().padStart(2, '0');
         const month = (date.getMonth() + 1).toString().padStart(2, '0');
         const year = date.getFullYear();
-        return format.dateFormat
+        return dateFormat
             .replace('DD', day)
             .replace('MM', month)
             .replace('YYYY', year.toString())
@@ -6796,217 +7008,6 @@ const BooleanWidget = ({ config }) => {
                                         : 'bg-white text-gray-700 border-gray-300'} ${!isEnabled || widgetConfig['widget-readonly'] ? 'opacity-50 cursor-not-allowed' : 'hover:bg-gray-50'}`, style: { borderRadius: '15px' }, children: falseLabel })] }), touched && error.length > 0 && (jsxRuntimeExports.jsx("p", { className: "text-red-500 text-sm mt-1", children: error[0] }))] })] }) }));
 };
 
-/**
- * Date input utilities for parsing, formatting, and validation
- */
-/**
- * Parse date string in various formats to Date object
- */
-const parseDate = (dateString) => {
-    if (!dateString)
-        return null;
-    // Try ISO format first (YYYY-MM-DD)
-    const isoMatch = dateString.match(/^(\d{4})-(\d{2})-(\d{2})/);
-    if (isoMatch) {
-        const date = new Date(parseInt(isoMatch[1]), parseInt(isoMatch[2]) - 1, parseInt(isoMatch[3]));
-        if (!isNaN(date.getTime())) {
-            return date;
-        }
-    }
-    // Try common formats
-    const date = new Date(dateString);
-    if (!isNaN(date.getTime())) {
-        return date;
-    }
-    return null;
-};
-/**
- * Format date to ISO string (YYYY-MM-DD) for storage
- */
-const formatDateToISO = (date) => {
-    if (!date)
-        return '';
-    let dateObj;
-    if (date instanceof Date) {
-        dateObj = date;
-    }
-    else if (typeof date === 'string') {
-        const parsed = parseDate(date);
-        if (!parsed)
-            return '';
-        dateObj = parsed;
-    }
-    else {
-        return '';
-    }
-    if (isNaN(dateObj.getTime()))
-        return '';
-    const year = dateObj.getFullYear();
-    const month = String(dateObj.getMonth() + 1).padStart(2, '0');
-    const day = String(dateObj.getDate()).padStart(2, '0');
-    return `${year}-${month}-${day}`;
-};
-/**
- * Format date to custom format string
- */
-const formatDateToString = (date, format) => {
-    if (!date || !format)
-        return '';
-    let dateObj;
-    if (date instanceof Date) {
-        dateObj = date;
-    }
-    else if (typeof date === 'string') {
-        const parsed = parseDate(date);
-        if (!parsed)
-            return '';
-        dateObj = parsed;
-    }
-    else {
-        return '';
-    }
-    if (isNaN(dateObj.getTime()))
-        return '';
-    const day = String(dateObj.getDate()).padStart(2, '0');
-    const month = String(dateObj.getMonth() + 1).padStart(2, '0');
-    const year = dateObj.getFullYear();
-    const yearShort = year.toString().slice(-2);
-    return format
-        .replace(/DD/g, day)
-        .replace(/MM/g, month)
-        .replace(/YYYY/g, year.toString())
-        .replace(/YY/g, yearShort);
-};
-/**
- * Parse custom format string to Date object
- */
-const parseDateFromFormat = (dateString, format) => {
-    if (!dateString || !format)
-        return null;
-    // Extract day, month, year positions from format
-    const dayIndex = format.indexOf('DD');
-    const monthIndex = format.indexOf('MM');
-    const yearIndex = format.indexOf('YYYY');
-    const yearShortIndex = format.indexOf('YY');
-    if (dayIndex === -1 || monthIndex === -1 || (yearIndex === -1 && yearShortIndex === -1)) {
-        // Fallback to standard Date parsing
-        return parseDate(dateString);
-    }
-    try {
-        let day = '';
-        let month = '';
-        let year = '';
-        // Extract day (2 digits)
-        if (dayIndex !== -1) {
-            day = dateString.substring(dayIndex, dayIndex + 2);
-        }
-        // Extract month (2 digits)
-        if (monthIndex !== -1) {
-            month = dateString.substring(monthIndex, monthIndex + 2);
-        }
-        // Extract year (4 digits or 2 digits)
-        if (yearIndex !== -1) {
-            year = dateString.substring(yearIndex, yearIndex + 4);
-        }
-        else if (yearShortIndex !== -1) {
-            const yearShort = dateString.substring(yearShortIndex, yearShortIndex + 2);
-            const currentYear = new Date().getFullYear();
-            const currentCentury = Math.floor(currentYear / 100) * 100;
-            const parsedYear = parseInt(yearShort);
-            // Assume 20xx for years 00-50, 19xx for years 51-99
-            year = parsedYear <= 50
-                ? (currentCentury + parsedYear).toString()
-                : (currentCentury - 100 + parsedYear).toString();
-        }
-        if (day && month && year) {
-            const date = new Date(parseInt(year), parseInt(month) - 1, parseInt(day));
-            if (!isNaN(date.getTime())) {
-                return date;
-            }
-        }
-    }
-    catch {
-        // Fallback to standard parsing
-    }
-    return parseDate(dateString);
-};
-/**
- * Get min date based on constraint type
- */
-const getMinDate = (constraint, minDate) => {
-    if (minDate) {
-        // If it's 'today', return today's date
-        if (minDate === 'today') {
-            return formatDateToISO(new Date());
-        }
-        return minDate;
-    }
-    if (constraint === 'past-only') {
-        // No minimum for past-only (can select any past date)
-        return undefined;
-    }
-    if (constraint === 'future-only') {
-        // Minimum is today for future-only
-        return formatDateToISO(new Date());
-    }
-    return undefined;
-};
-/**
- * Get max date based on constraint type
- */
-const getMaxDate = (constraint, maxDate) => {
-    if (maxDate) {
-        // If it's 'today', return today's date
-        if (maxDate === 'today') {
-            return formatDateToISO(new Date());
-        }
-        return maxDate;
-    }
-    if (constraint === 'past-only') {
-        // Maximum is today for past-only
-        return formatDateToISO(new Date());
-    }
-    if (constraint === 'future-only') {
-        // No maximum for future-only (can select any future date)
-        return undefined;
-    }
-    return undefined;
-};
-/**
- * Validate date constraints
- */
-const validateDateConstraints = (date, minDate, maxDate, constraint) => {
-    if (!date)
-        return null;
-    const dateObj = date instanceof Date ? date : parseDate(date);
-    if (!dateObj)
-        return null;
-    const dateISO = formatDateToISO(dateObj);
-    const todayISO = formatDateToISO(new Date());
-    // Check constraint type
-    if (constraint === 'past-only') {
-        if (dateISO > todayISO) {
-            return 'Date must be in the past';
-        }
-    }
-    else if (constraint === 'future-only') {
-        if (dateISO < todayISO) {
-            return 'Date must be in the future';
-        }
-    }
-    // Check minDate
-    const effectiveMinDate = getMinDate(constraint, minDate);
-    if (effectiveMinDate && dateISO < effectiveMinDate) {
-        return `Date must be on or after ${effectiveMinDate}`;
-    }
-    // Check maxDate
-    const effectiveMaxDate = getMaxDate(constraint, maxDate);
-    if (effectiveMaxDate && dateISO > effectiveMaxDate) {
-        return `Date must be on or before ${effectiveMaxDate}`;
-    }
-    return null;
-};
-
 const DateInputWidget = ({ config }) => {
     const { value, formattedValue, error, touched, isEnabled, onChange, onBlur, config: widgetConfig, } = useBaseWidget({ config });
     const { translate, translateConfig } = useWidgetTranslation();
@@ -8095,6 +8096,13 @@ const TableCellNumber = ({ config, value, onValueChange }) => {
     };
     return (jsxRuntimeExports.jsx("input", { type: "number", value: displayValue, onChange: handleChange, disabled: isReadonly, placeholder: placeholder, min: validationConfig?.min, max: validationConfig?.max, step: formatConfig?.decimalPlaces ? Math.pow(0.1, formatConfig.decimalPlaces) : undefined, className: `w-full h-[28px] px-2 text-sm border focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 text-right ${isReadonly ? 'bg-gray-100 cursor-not-allowed' : 'bg-white'} border-gray-300`, style: { borderRadius: '10px' } }));
 };
+const TableCellDate = ({ config, value, onValueChange }) => {
+    const isReadonly = config['widget-readonly'] || false;
+    const placeholder = config['widget-data-placeholder'] || '';
+    // input type="date" requires YYYY-MM-DD format
+    const displayValue = value && typeof value === 'string' ? value.split('T')[0] : '';
+    return (jsxRuntimeExports.jsx("input", { type: "date", value: displayValue, onChange: (e) => onValueChange(e.target.value), disabled: isReadonly, placeholder: placeholder, className: `w-full h-[28px] px-2 text-sm border focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 ${isReadonly ? 'bg-gray-100 cursor-not-allowed' : 'bg-white'} border-gray-300`, style: { borderRadius: '10px' } }));
+};
 const TableWidget = ({ config }) => {
     const { value, error, touched, isEnabled, onChange, config: widgetConfig, } = useBaseWidget({ config });
     const { translate, translateConfig } = useWidgetTranslation();
@@ -8478,6 +8486,9 @@ const TableWidget = ({ config }) => {
         else if (widgetType === 'number') {
             return jsxRuntimeExports.jsx(TableCellNumber, { config: cellConfig, value: cellValue, onValueChange: (newValue) => updateCellValue(columnKey, newValue, rowIndex) });
         }
+        else if (widgetType === 'date') {
+            return jsxRuntimeExports.jsx(TableCellDate, { config: cellConfig, value: cellValue, onValueChange: (newValue) => updateCellValue(columnKey, newValue, rowIndex) });
+        }
         // For other widget types, use WidgetRenderer but with compact styling
         return (jsxRuntimeExports.jsx("div", { className: "table-cell-widget", style: { margin: 0, padding: 0 }, children: jsxRuntimeExports.jsx(WidgetRenderer, { config: cellConfig, schemaData: {
                     [cellWidgetId]: cellValue !== undefined ? cellValue : (column['widget-data-default'] ?? ''),