mautourco-components 0.2.5 → 0.2.7

package/dist/components/organisms/DateTimePicker/DateTimePicker.js

@@ -1,66 +1,66 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from "react";
-import CalendarInput from "../../molecules/Calendar/CalendarInput";
-import DateTime from "../../molecules/Calendar/DateTime";
-import { Popover, PopoverTrigger, PopoverContent } from "../../ui/popover";
-import { format } from "date-fns";
-var formatDateRange = function (dateRange) {
-    var _a;
-    if (!dateRange || !dateRange.from)
-        return "";
-    var from = dateRange.from;
-    var to = (_a = dateRange.to) !== null && _a !== void 0 ? _a : dateRange.from;
-    if (+from === +to)
-        return format(from, "dd/MM/yyyy");
-    return "".concat(format(from, "dd/MM/yyyy"), " - ").concat(format(to, "dd/MM/yyyy"));
-};
-var DateTimePicker = function (_a) {
-    var _b = _a.placeholder, placeholder = _b === void 0 ? "Select date" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.mode, mode = _d === void 0 ? "both" : _d, _e = _a.selectionMode, selectionMode = _e === void 0 ? "range" : _e, _f = _a.numberOfMonths, numberOfMonths = _f === void 0 ? 2 : _f, _g = _a.disableBeforeToday, disableBeforeToday = _g === void 0 ? true : _g, _h = _a.disableToday, disableToday = _h === void 0 ? false : _h, onValueChange = _a.onValueChange, _j = _a.iconBGFull, iconBGFull = _j === void 0 ? true : _j, _k = _a.iconPosition, iconPosition = _k === void 0 ? "right" : _k, _l = _a.showChevron, showChevron = _l === void 0 ? false : _l;
-    var _m = useState(""), value = _m[0], setValue = _m[1];
-    var _o = useState(undefined), selectedDateRange = _o[0], setSelectedDateRange = _o[1];
-    var _p = useState(undefined), selectedTime = _p[0], setSelectedTime = _p[1];
-    var _q = useState(false), isOpen = _q[0], setIsOpen = _q[1];
-    var handleDtChange = React.useCallback(function (payload) {
-        var _a;
-        var datePart = formatDateRange(payload.dateRange);
-        var time = payload.time ? "".concat(payload.time.hour, ":").concat(payload.time.minute, " ").concat(payload.time.meridiem) : "";
-        var combined = [datePart, time].filter(Boolean).join(" ");
-        setValue(combined);
-        setSelectedDateRange(payload.dateRange);
-        setSelectedTime(payload.time);
-        // Return date strings in yyyy-MM-dd format for both modes
-        if (payload.dateRange) {
-            if (selectionMode === "range") {
-                // Return array of date strings for range mode
-                var from = payload.dateRange.from;
-                var to = (_a = payload.dateRange.to) !== null && _a !== void 0 ? _a : payload.dateRange.from;
-                if (from && to) {
-                    var fromStr = format(from, "yyyy-MM-dd");
-                    var toStr = format(to, "yyyy-MM-dd");
-                    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange([fromStr, toStr]);
-                }
-            }
-            else {
-                // Return single date string in yyyy-MM-dd format for single mode
-                var date = payload.dateRange.from;
-                if (date) {
-                    var dateStr = format(date, "yyyy-MM-dd");
-                    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(dateStr);
-                }
-            }
-        }
-    }, [onValueChange, selectionMode]);
-    return (_jsxs(Popover, __assign({ open: isOpen, onOpenChange: setIsOpen }, { children: [_jsx(PopoverTrigger, __assign({ asChild: true }, { children: _jsx("div", { children: _jsx(CalendarInput, { placeholder: placeholder, value: value, disabled: disabled, iconBGFull: iconBGFull, iconPosition: iconPosition, showChevron: showChevron, isOpen: isOpen }) }) })), _jsx(PopoverContent, __assign({ className: "w-auto p-0 border-transparent" }, { children: _jsx(DateTime, { mode: mode, selectionMode: selectionMode, numberOfMonths: numberOfMonths, disableBeforeToday: disableBeforeToday, disableToday: disableToday, onChange: handleDtChange, defaultDateRange: selectedDateRange, defaultTime: selectedTime }) }))] })));
-};
-export default DateTimePicker;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from "react";
+import CalendarInput from "../../molecules/Calendar/CalendarInput";
+import DateTime from "../../molecules/Calendar/DateTime";
+import { Popover, PopoverTrigger, PopoverContent } from "../../ui/popover";
+import { format } from "date-fns";
+var formatDateRange = function (dateRange) {
+    var _a;
+    if (!dateRange || !dateRange.from)
+        return "";
+    var from = dateRange.from;
+    var to = (_a = dateRange.to) !== null && _a !== void 0 ? _a : dateRange.from;
+    if (+from === +to)
+        return format(from, "dd/MM/yyyy");
+    return "".concat(format(from, "dd/MM/yyyy"), " - ").concat(format(to, "dd/MM/yyyy"));
+};
+var DateTimePicker = function (_a) {
+    var _b = _a.placeholder, placeholder = _b === void 0 ? "Select date" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.mode, mode = _d === void 0 ? "both" : _d, _e = _a.selectionMode, selectionMode = _e === void 0 ? "range" : _e, _f = _a.numberOfMonths, numberOfMonths = _f === void 0 ? 2 : _f, _g = _a.disableBeforeToday, disableBeforeToday = _g === void 0 ? true : _g, _h = _a.disableToday, disableToday = _h === void 0 ? false : _h, onValueChange = _a.onValueChange, _j = _a.iconBGFull, iconBGFull = _j === void 0 ? true : _j, _k = _a.iconPosition, iconPosition = _k === void 0 ? "right" : _k, _l = _a.showChevron, showChevron = _l === void 0 ? false : _l;
+    var _m = useState(""), value = _m[0], setValue = _m[1];
+    var _o = useState(undefined), selectedDateRange = _o[0], setSelectedDateRange = _o[1];
+    var _p = useState(undefined), selectedTime = _p[0], setSelectedTime = _p[1];
+    var _q = useState(false), isOpen = _q[0], setIsOpen = _q[1];
+    var handleDtChange = React.useCallback(function (payload) {
+        var _a;
+        var datePart = formatDateRange(payload.dateRange);
+        var time = payload.time ? "".concat(payload.time.hour, ":").concat(payload.time.minute, " ").concat(payload.time.meridiem) : "";
+        var combined = [datePart, time].filter(Boolean).join(" ");
+        setValue(combined);
+        setSelectedDateRange(payload.dateRange);
+        setSelectedTime(payload.time);
+        // Return date strings in yyyy-MM-dd format for both modes
+        if (payload.dateRange) {
+            if (selectionMode === "range") {
+                // Return array of date strings for range mode
+                var from = payload.dateRange.from;
+                var to = (_a = payload.dateRange.to) !== null && _a !== void 0 ? _a : payload.dateRange.from;
+                if (from && to) {
+                    var fromStr = format(from, "yyyy-MM-dd");
+                    var toStr = format(to, "yyyy-MM-dd");
+                    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange([fromStr, toStr]);
+                }
+            }
+            else {
+                // Return single date string in yyyy-MM-dd format for single mode
+                var date = payload.dateRange.from;
+                if (date) {
+                    var dateStr = format(date, "yyyy-MM-dd");
+                    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(dateStr);
+                }
+            }
+        }
+    }, [onValueChange, selectionMode]);
+    return (_jsxs(Popover, __assign({ open: isOpen, onOpenChange: setIsOpen }, { children: [_jsx(PopoverTrigger, __assign({ asChild: true }, { children: _jsx("div", { children: _jsx(CalendarInput, { placeholder: placeholder, value: value, disabled: disabled, iconBGFull: iconBGFull, iconPosition: iconPosition, showChevron: showChevron, isOpen: isOpen }) }) })), _jsx(PopoverContent, __assign({ className: "w-auto p-0 border-transparent" }, { children: _jsx(DateTime, { mode: mode, selectionMode: selectionMode, numberOfMonths: numberOfMonths, disableBeforeToday: disableBeforeToday, disableToday: disableToday, onChange: handleDtChange, defaultDateRange: selectedDateRange, defaultTime: selectedTime }) }))] })));
+};
+export default DateTimePicker;

package/dist/components/organisms/Dialog/Dialog.d.ts

@@ -1,103 +1,103 @@
-import React from 'react';
-import '../../../styles/components/organism/dialog.css';
-/**
- * Size variants for the Dialog component
- */
-export type DialogSize = 'desktop' | 'tablet' | 'mobile' | 'full' | 'responsive';
-/**
- * Props for the Dialog component
- */
-export interface DialogProps {
-    /**
-     * Whether the dialog is open
-     */
-    isOpen: boolean;
-    /**
-     * Callback when the dialog should close
-     */
-    onClose: () => void;
-    /**
-     * Title displayed in the dialog header
-     */
-    title: string;
-    /**
-     * Content to be rendered in the dialog body
-     */
-    children: React.ReactNode;
-    /**
-     * Footer content or buttons. If not provided, default Cancel/Save buttons are shown
-     */
-    footer?: React.ReactNode;
-    /**
-     * Size variant of the dialog
-     * @default 'responsive'
-     */
-    size?: DialogSize;
-    /**
-     * Text for the primary action button (when using default footer)
-     * @default 'Save and update'
-     */
-    primaryButtonText?: string;
-    /**
-     * Text for the secondary action button (when using default footer)
-     * @default 'Cancel'
-     */
-    secondaryButtonText?: string;
-    /**
-     * Callback for primary button click (when using default footer)
-     */
-    onPrimaryClick?: () => void;
-    /**
-     * Callback for secondary button click (when using default footer)
-     */
-    onSecondaryClick?: () => void;
-    /**
-     * Whether to show the footer
-     * @default true
-     */
-    showFooter?: boolean;
-    /**
-     * Whether to show the close button in the header
-     * @default true
-     */
-    showCloseButton?: boolean;
-    /**
-     * Whether clicking the overlay closes the dialog
-     * @default true
-     */
-    closeOnOverlayClick?: boolean;
-    /**
-     * Whether pressing Escape closes the dialog
-     * @default true
-     */
-    closeOnEscape?: boolean;
-    /**
-     * Additional CSS classes for the dialog content
-     */
-    className?: string;
-    /**
-     * ID for aria-labelledby
-     */
-    ariaLabelledBy?: string;
-    /**
-     * ID for aria-describedby
-     */
-    ariaDescribedBy?: string;
-}
-/**
- * Dialog component - A modal dialog that adapts to different screen sizes
- *
- * @example
- * ```tsx
- * <Dialog
- *   isOpen={isOpen}
- *   onClose={() => setIsOpen(false)}
- *   title="Edit Information"
- *   onPrimaryClick={handleSave}
- * >
- *   <p>Your content here</p>
- * </Dialog>
- * ```
- */
-export declare const Dialog: React.FC<DialogProps>;
-export default Dialog;
+import React from 'react';
+import '../../../styles/components/organism/dialog.css';
+/**
+ * Size variants for the Dialog component
+ */
+export type DialogSize = 'desktop' | 'tablet' | 'mobile' | 'full' | 'responsive';
+/**
+ * Props for the Dialog component
+ */
+export interface DialogProps {
+    /**
+     * Whether the dialog is open
+     */
+    isOpen: boolean;
+    /**
+     * Callback when the dialog should close
+     */
+    onClose: () => void;
+    /**
+     * Title displayed in the dialog header
+     */
+    title: string;
+    /**
+     * Content to be rendered in the dialog body
+     */
+    children: React.ReactNode;
+    /**
+     * Footer content or buttons. If not provided, default Cancel/Save buttons are shown
+     */
+    footer?: React.ReactNode;
+    /**
+     * Size variant of the dialog
+     * @default 'responsive'
+     */
+    size?: DialogSize;
+    /**
+     * Text for the primary action button (when using default footer)
+     * @default 'Save and update'
+     */
+    primaryButtonText?: string;
+    /**
+     * Text for the secondary action button (when using default footer)
+     * @default 'Cancel'
+     */
+    secondaryButtonText?: string;
+    /**
+     * Callback for primary button click (when using default footer)
+     */
+    onPrimaryClick?: () => void;
+    /**
+     * Callback for secondary button click (when using default footer)
+     */
+    onSecondaryClick?: () => void;
+    /**
+     * Whether to show the footer
+     * @default true
+     */
+    showFooter?: boolean;
+    /**
+     * Whether to show the close button in the header
+     * @default true
+     */
+    showCloseButton?: boolean;
+    /**
+     * Whether clicking the overlay closes the dialog
+     * @default true
+     */
+    closeOnOverlayClick?: boolean;
+    /**
+     * Whether pressing Escape closes the dialog
+     * @default true
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Additional CSS classes for the dialog content
+     */
+    className?: string;
+    /**
+     * ID for aria-labelledby
+     */
+    ariaLabelledBy?: string;
+    /**
+     * ID for aria-describedby
+     */
+    ariaDescribedBy?: string;
+}
+/**
+ * Dialog component - A modal dialog that adapts to different screen sizes
+ *
+ * @example
+ * ```tsx
+ * <Dialog
+ *   isOpen={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   title="Edit Information"
+ *   onPrimaryClick={handleSave}
+ * >
+ *   <p>Your content here</p>
+ * </Dialog>
+ * ```
+ */
+export declare const Dialog: React.FC<DialogProps>;
+export default Dialog;