mautourco-components 0.2.15 → 0.2.17

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './Breadcrumbs.css';
+export interface BreadcrumbsItem {
+    label: string;
+    onClick: () => void;
+}
+export interface BreadcrumbsProps {
+    items: BreadcrumbsItem[];
+    onBack?: () => void;
+}
+export declare const Breadcrumbs: React.FC<BreadcrumbsProps>;

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,20 @@
+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 { cn } from '@/src/lib/utils';
+import Icon from '../../atoms/Icon/Icon';
+import { Text } from '../../atoms/Typography/Typography';
+import './Breadcrumbs.css';
+export var Breadcrumbs = function (props) {
+    var items = props.items, onBack = props.onBack;
+    return (_jsxs("ol", __assign({ className: "breadcrumbs" }, { children: [_jsxs(Text, __assign({ variant: "medium", size: "sm", leading: "4", as: "li", className: "cursor-pointer", onClick: onBack }, { children: [_jsx(Icon, { name: "chevron-left", size: "sm" }), "Back"] })), items.map(function (item, index) { return (_jsx(Text, __assign({ as: "li", variant: "medium", size: "sm", onClick: item.onClick, color: index === items.length - 1 ? 'accent' : 'default', leading: "4", className: cn(index < items.length - 1 && 'cursor-pointer') }, { children: item.label }), "bc-".concat(index))); })] })));
+};

package/dist/components/molecules/DateDisplay/DateDisplay.d.ts

@@ -1,13 +1,20 @@
 import React from 'react';
+import { TextProps } from '../../atoms/Typography/Typography';
 export interface DateDisplayProps {
     /** Dates to display */
-    date: string[] | Date[];
+    dates: string[] | Date[];
+    /** Size of the arrow icon */
+    arrowSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Size of the calendar icon */
+    calendarSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Size of the text */
+    textSize?: TextProps['size'];
 }
 /**
  * A component for displaying a list of dates in a readable format.
  *
  * @example
- * <DateDisplay date={['2025-01-01', '2025-01-02']} />
+ * <DateDisplay dates={['2025-01-01', '2025-01-02']} />
  * @param DateDisplayProps
  * @returns
  */

package/dist/components/molecules/DateDisplay/DateDisplay.js

@@ -18,14 +18,14 @@ import { Text } from '../../atoms/Typography/Typography';
  * A component for displaying a list of dates in a readable format.
  *
  * @example
- * <DateDisplay date={['2025-01-01', '2025-01-02']} />
+ * <DateDisplay dates={['2025-01-01', '2025-01-02']} />
  * @param DateDisplayProps
  * @returns
  */
 export var DateDisplay = function (_a) {
-    var date = _a.date;
+    var dates = _a.dates, _b = _a.arrowSize, arrowSize = _b === void 0 ? 'sm' : _b, _c = _a.calendarSize, calendarSize = _c === void 0 ? 'sm' : _c, _d = _a.textSize, textSize = _d === void 0 ? 'sm' : _d;
     var formattedDate = useMemo(function () {
-        return date.map(function (d) {
+        return dates.map(function (d) {
             var dateObj = new Date(d);
             // Check if the date is valid then format it to dd/MM/yyyy format
             if (isValid(dateObj)) {
@@ -34,6 +34,6 @@ export var DateDisplay = function (_a) {
             // If the date is not valid, return the original date
             return d;
         });
-    }, [date]);
-    return (_jsx("div", __assign({ className: "flex items-center gap-x-3" }, { children: formattedDate.map(function (date, index) { return (_jsxs(Fragment, { children: [_jsxs("span", __assign({ className: "flex items-center gap-x-2" }, { children: [_jsx(Icon, { name: "calendar2", size: "sm" }), _jsx(Text, __assign({ variant: "medium", size: "sm" }, { children: date }))] })), formattedDate.length > 1 && index === 0 && _jsx(Icon, { name: "arrow-right-outline", size: "sm" })] }, "dd-".concat(index))); }) })));
+    }, [dates]);
+    return (_jsx("div", __assign({ className: "flex items-center gap-x-3" }, { children: formattedDate.map(function (date, index) { return (_jsxs(Fragment, { children: [_jsxs("span", __assign({ className: "flex items-center gap-x-2" }, { children: [_jsx(Icon, { name: "calendar2", size: calendarSize }), _jsx(Text, __assign({ variant: "medium", size: textSize }, { children: date }))] })), formattedDate.length > 1 && index === 0 && (_jsx(Icon, { name: "arrow-right-outline", size: arrowSize }))] }, "dd-".concat(index))); }) })));
 };

package/dist/components/molecules/DetailsInfo/DetailsAction.d.ts

@@ -0,0 +1,9 @@
+import { ActionDropdownType } from '@/src/types/table';
+import React from 'react';
+import { ActionDropdownItem } from '../ActionDropdown/ActionDropdown';
+export interface DetailsActionProps {
+    /** Data for the action dropdown */
+    data?: ActionDropdownItem[];
+    onAction?: (action: ActionDropdownType) => void;
+}
+export declare const DetailsAction: React.FC<DetailsActionProps>;

package/dist/components/molecules/DetailsInfo/DetailsAction.js

@@ -0,0 +1,46 @@
+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 } from "react/jsx-runtime";
+import { ActionDropdownType } from '@/src/types/table';
+import Button from '../../atoms/Button/Button';
+import { ActionDropdown } from '../ActionDropdown/ActionDropdown';
+export var DetailsAction = function (props) {
+    var _a = props.data, data = _a === void 0 ? [] : _a, onAction = props.onAction;
+    return (_jsx(ActionDropdown, __assign({ data: data.length > 0
+            ? data
+            : [
+                {
+                    label: 'Add item',
+                    onClick: function () {
+                        onAction === null || onAction === void 0 ? void 0 : onAction(ActionDropdownType.ADD_ITEM);
+                    },
+                },
+                {
+                    label: 'Cancel services',
+                    onClick: function () {
+                        onAction === null || onAction === void 0 ? void 0 : onAction(ActionDropdownType.CANCEL_SERVICES);
+                    },
+                },
+                {
+                    label: 'Send via mail',
+                    onClick: function () {
+                        onAction === null || onAction === void 0 ? void 0 : onAction(ActionDropdownType.SEND_VIA_MAIL);
+                    },
+                },
+                {
+                    label: 'Delete quote',
+                    onClick: function () {
+                        onAction === null || onAction === void 0 ? void 0 : onAction(ActionDropdownType.DELETE_QUOTE);
+                    },
+                },
+            ] }, { children: _jsx(Button, __assign({ variant: "outline-secondary", trailingIcon: "chevron-down", size: "sm", className: "w-[144px] !justify-between !px-[14px]" }, { children: "More options" })) })));
+};