@codezee/sixtify-brahma 0.2.7 → 0.2.9

package/packages/shared-components/dist/Timeline/AttendanceStatus.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttendanceStatus = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const colorVariant_1 = require("../utils/colorVariant");
+const AttendanceStatus = ({ variant }) => {
+    const color = (0, colorVariant_1.getColorByVariant)(variant);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { sx: { position: "relative", width: "100%", alignItems: "center" }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                    position: "absolute",
+                    backgroundColor: "#ffffff",
+                    border: `1px solid ${color}`,
+                    borderRadius: "7px",
+                    padding: "0px 5px",
+                    zIndex: 1,
+                    color: `${color}`,
+                    height: "28px",
+                    display: "flex",
+                    alignItems: "center",
+                }, children: (0, colorVariant_1.getStatusLabel)(variant) }), (0, jsx_runtime_1.jsx)(material_1.Slider, { valueLabelDisplay: "off", value: [0, 2], max: 2, step: 1, sx: {
+                    "& .MuiSlider-track": {
+                        background: `${color}`,
+                        height: "2px",
+                        border: "none",
+                    },
+                    "& .MuiSlider-thumb": {
+                        backgroundColor: `${color}`,
+                        height: 8,
+                        width: 8,
+                    },
+                    "& .MuiSlider-rail": {
+                        backgroundColor: "transparent",
+                    },
+                } })] }));
+};
+exports.AttendanceStatus = AttendanceStatus;

package/packages/shared-components/dist/Timeline/Timeline.d.ts

@@ -0,0 +1,17 @@
+import { type WorkDayType } from "../utils/colorVariant";
+export type HighlightedInterval = {
+    in_time: string;
+    out_time: string;
+    status_type: WorkDayType;
+};
+type TimelineProps = {
+    totalDots: number;
+    highlightedIntervals: HighlightedInterval[];
+    startTimeline: string;
+    shiftStartTime: string;
+    shiftEndTime: string;
+};
+export declare const getArrowValue: (date: string) => number;
+export declare const Timeline: ({ totalDots, highlightedIntervals, shiftStartTime, shiftEndTime, startTimeline, }: TimelineProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Timeline.d.ts.map

package/packages/shared-components/dist/Timeline/Timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/Timeline/Timeline.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE,mBAAmB,EAAE,CAAC;IAC5C,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,MAAM,WAQzC,CAAC;AAEF,eAAO,MAAM,QAAQ,sFAMlB,aAAa,4CAoIf,CAAC"}

package/packages/shared-components/dist/Timeline/Timeline.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Timeline = exports.getArrowValue = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const TimelineTrackSegments_1 = require("./TimelineTrackSegments");
+const date_1 = require("../utils/date");
+const ArrowUp_1 = require("../Svgs/ArrowUp");
+const luxon_1 = require("luxon");
+const getArrowValue = (date) => {
+    const time = luxon_1.DateTime.fromFormat(date, "HH:mm");
+    const hour = time.hour;
+    const minute = time.minute;
+    return hour + minute / 60;
+};
+exports.getArrowValue = getArrowValue;
+const Timeline = ({ totalDots, highlightedIntervals, shiftStartTime, shiftEndTime, startTimeline = "2024-11-17T18:30:04.000Z", }) => {
+    const slotStartTime = parseFloat((0, date_1.getTimeInHHmm)(startTimeline));
+    const getArrowPosition = (shiftStartTime, shiftEndTime, type) => {
+        const shiftStart = (0, date_1.getTimeInHHmm)(shiftStartTime);
+        const shiftEnd = (0, date_1.getTimeInHHmm)(shiftEndTime);
+        let shiftStartValue = (0, exports.getArrowValue)(shiftStart);
+        let shiftEndValue = (0, exports.getArrowValue)(shiftEnd);
+        shiftStartValue =
+            shiftStartValue < slotStartTime
+                ? shiftStartValue + totalDots
+                : shiftStartValue;
+        shiftEndValue =
+            shiftEndValue < shiftStartValue
+                ? shiftEndValue + totalDots
+                : shiftEndValue;
+        return type === "END" ? shiftEndValue : shiftStartValue;
+    };
+    const isHighlighted = (index) => {
+        const wrappedValue = (index + slotStartTime) % totalDots;
+        return highlightedIntervals.some((interval) => wrappedValue >= parseFloat((0, date_1.getTimeInHHmm)(interval.in_time)) &&
+            wrappedValue <= parseFloat((0, date_1.getTimeInHHmm)(interval.out_time)));
+    };
+    const marks = Array.from({ length: totalDots }, (_, index) => ({
+        value: (index + slotStartTime) % totalDots,
+        label: "",
+        highlighted: isHighlighted((index + slotStartTime) % totalDots),
+    }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { sx: { position: "relative", width: "100%" }, children: [(0, jsx_runtime_1.jsx)(TimelineTrackSegments_1.TimelineTrackSegments, { totalDots: totalDots, intervals: highlightedIntervals, startTimeline: slotStartTime }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: `Shift Start: ${(0, date_1.getTimeInHHmm)(shiftStartTime)}`, arrow: true, placement: "top", children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                        cursor: "pointer",
+                        position: "absolute",
+                        top: "12px",
+                        zIndex: 2,
+                        left: `${(((getArrowPosition(shiftStartTime, shiftEndTime, "START") - slotStartTime) % totalDots) / (totalDots - 1)) * 100}%`,
+                    }, children: (0, jsx_runtime_1.jsx)(ArrowUp_1.ArrowUp, {}) }) }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: `Shift End: ${(0, date_1.getTimeInHHmm)(shiftEndTime)}`, arrow: true, placement: "top", children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                        cursor: "pointer",
+                        position: "absolute",
+                        top: "12px",
+                        zIndex: 2,
+                        left: `${(((getArrowPosition(shiftStartTime, shiftEndTime, "END") - slotStartTime) % totalDots) / (totalDots - 1)) * 100}%`,
+                    }, children: (0, jsx_runtime_1.jsx)(ArrowUp_1.ArrowUp, {}) }) }), (0, jsx_runtime_1.jsx)(material_1.Slider, { valueLabelDisplay: "off", marks: marks, max: totalDots - 1, step: 1, value: highlightedIntervals
+                    .map((interval) => [
+                    (parseFloat((0, date_1.getTimeInHHmm)(interval.in_time)) -
+                        slotStartTime +
+                        totalDots) %
+                        totalDots,
+                    (parseFloat((0, date_1.getTimeInHHmm)(interval.out_time)) -
+                        slotStartTime +
+                        totalDots) %
+                        totalDots,
+                ])
+                    .flat(), sx: {
+                    zIndex: 1,
+                    "& .MuiSlider-track": {
+                        background: "transparent",
+                        height: 1,
+                        border: "none",
+                    },
+                    "& .MuiSlider-mark": {
+                        backgroundColor: "gray",
+                        height: 4,
+                        width: 4,
+                        borderRadius: "50%",
+                    },
+                    "& .MuiSlider-markActive": {
+                        backgroundColor: "transparent",
+                        height: 5,
+                        width: 5,
+                    },
+                    "& .MuiSlider-rail": {
+                        height: 2,
+                        backgroundColor: "#929292",
+                    },
+                    "& .MuiSlider-thumb": {
+                        display: "none",
+                    },
+                } })] }));
+};
+exports.Timeline = Timeline;

package/packages/shared-components/dist/Timeline/TimelineTrackSegments.d.ts

@@ -0,0 +1,9 @@
+import { type HighlightedInterval } from "./Timeline";
+type TimelineTrackSegmentsProps = {
+    totalDots: number;
+    intervals: HighlightedInterval[];
+    startTimeline: number;
+};
+export declare const TimelineTrackSegments: ({ totalDots, intervals, startTimeline, }: TimelineTrackSegmentsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TimelineTrackSegments.d.ts.map

package/packages/shared-components/dist/Timeline/TimelineTrackSegments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineTrackSegments.d.ts","sourceRoot":"","sources":["../../src/Timeline/TimelineTrackSegments.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAErE,KAAK,0BAA0B,GAAG;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,mBAAmB,EAAE,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,qBAAqB,6CAI/B,0BAA0B,4CAiH5B,CAAC"}

package/packages/shared-components/dist/Timeline/TimelineTrackSegments.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimelineTrackSegments = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const luxon_1 = require("luxon");
+const colorVariant_1 = require("../utils/colorVariant");
+const date_1 = require("../utils/date");
+const Timeline_1 = require("./Timeline");
+const TimelineTrackSegments = ({ totalDots, intervals, startTimeline, }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "relative", width: "100%", height: 4 }, children: intervals?.map((interval, index) => {
+            const inTime = (0, date_1.getTimeInHHmm)(interval.in_time);
+            const outTime = (0, date_1.getTimeInHHmm)(interval.out_time);
+            const intervalInTime = luxon_1.DateTime.fromISO(interval.in_time);
+            const intervalOutTime = luxon_1.DateTime.fromISO(interval.out_time);
+            const shiftHours = intervalOutTime
+                .diff(intervalInTime, ["hours", "minutes"])
+                .toFormat("hh:mm");
+            let in_time = (0, Timeline_1.getArrowValue)(inTime);
+            in_time = in_time < startTimeline ? in_time + totalDots : in_time;
+            let out_time = (0, Timeline_1.getArrowValue)(outTime);
+            out_time = out_time < in_time ? out_time + totalDots : out_time;
+            const isValidInTime = !isNaN(in_time);
+            const isValidOutTime = !isNaN(out_time);
+            let inTimeLabel = "";
+            let outTimeLabel = "";
+            if (isValidInTime) {
+                inTimeLabel = `In time : ${inTime} ${!isValidOutTime ? " / Missing punch" : ""}`;
+            }
+            if (isValidOutTime) {
+                outTimeLabel = `Out time : ${outTime}  ${!isValidInTime ? "/ Missing punch" : ""}`;
+            }
+            const startPercent = (((in_time - startTimeline) % totalDots) / (totalDots - 1)) * 100;
+            const endPercent = (((out_time - startTimeline) % totalDots) / (totalDots - 1)) * 100;
+            const labelText = `In/Out: ${(0, date_1.getTimeInHHmm)(interval.in_time)} - ${(0, date_1.getTimeInHHmm)(interval.out_time)} (${shiftHours})`;
+            const color = (0, colorVariant_1.getColorByVariant)(interval.status_type);
+            return (
+            // eslint-disable-next-line sonarjs/no-array-index-key
+            (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", children: [isValidInTime && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { arrow: true, title: inTimeLabel, placement: "top", children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                height: 8,
+                                width: 8,
+                                position: "absolute",
+                                left: `${startPercent}%`,
+                                boxShadow: "none",
+                                backgroundColor: color,
+                                borderRadius: "50%",
+                                top: "15px",
+                                zIndex: 3,
+                                "&:focus, &:hover, &:active": {
+                                    boxShadow: "none",
+                                },
+                            } }) })), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { arrow: true, title: labelText, placement: "top", children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                position: "absolute",
+                                left: `${startPercent}%`,
+                                width: `${endPercent - startPercent}%`,
+                                height: 3.5,
+                                top: "17.5px",
+                                backgroundColor: color,
+                                zIndex: 2,
+                            } }) }), isValidOutTime && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { arrow: true, title: outTimeLabel, placement: "top", children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                height: 8,
+                                width: 8,
+                                position: "absolute",
+                                right: `${100 - endPercent}%`,
+                                boxShadow: "none",
+                                backgroundColor: color,
+                                borderRadius: "50%",
+                                top: "15px",
+                                zIndex: 3,
+                                "&:focus, &:hover, &:active": {
+                                    boxShadow: "none",
+                                },
+                            } }) }))] }, index));
+        }) }));
+};
+exports.TimelineTrackSegments = TimelineTrackSegments;

package/packages/shared-components/dist/Timeline/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./AttendanceStatus";
+export * from "./Timeline";
+//# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/Timeline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Timeline/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC"}

package/packages/shared-components/dist/Timeline/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AttendanceStatus"), exports);
+__exportStar(require("./Timeline"), exports);

package/packages/shared-components/dist/Toast/Toast.d.ts

@@ -0,0 +1,9 @@
+import type { ToastBodyProps } from "./ToastBody";
+import type { ToastFooterLinkProps } from "./ToastFooterLink";
+import type { ToastType } from "./types";
+export type ToastProps = ToastBodyProps & ToastFooterLinkProps & {
+    closeToast?: () => void;
+    type: ToastType;
+};
+export declare const Toast: ({ closeToast, type, title, description, href, linkText, }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toast.d.ts.map

package/packages/shared-components/dist/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/Toast/Toast.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,oBAAoB,GAAG;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAMJ,eAAO,MAAM,KAAK,8DAOf,UAAU,4CAyBZ,CAAC"}

package/packages/shared-components/dist/Toast/Toast.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toast = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_material_1 = require("@mui/icons-material");
+const material_1 = require("@mui/material");
+const PadBox_1 = require("../PadBox");
+const ToastBody_1 = require("./ToastBody");
+const ToastFooterLink_1 = require("./ToastFooterLink");
+const Toast = ({ closeToast, type, title, description, href, linkText, }) => {
+    const toastIcons = {
+        info: (0, jsx_runtime_1.jsx)(icons_material_1.AddCircleOutline, { color: "info", fontSize: "large" }),
+        success: (0, jsx_runtime_1.jsx)(icons_material_1.CheckCircleOutline, { color: "success", fontSize: "large" }),
+        warning: (0, jsx_runtime_1.jsx)(icons_material_1.ErrorOutline, { color: "warning", fontSize: "large" }),
+        error: (0, jsx_runtime_1.jsx)(icons_material_1.HighlightOff, { color: "error", fontSize: "large" }),
+    };
+    return ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { p: "20px", pl: "16px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "16px", alignItems: "center", children: [toastIcons[type], (0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "flex-start", gap: "1.2rem", flexGrow: 1, children: [(0, jsx_runtime_1.jsx)(ToastBody_1.ToastBody, { title: title, description: description }), href && (0, jsx_runtime_1.jsx)(ToastFooterLink_1.ToastFooterLink, { href: href, linkText: linkText })] }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: closeToast, disableRipple: true, children: (0, jsx_runtime_1.jsx)(icons_material_1.Close, {}) })] }) }));
+};
+exports.Toast = Toast;

package/packages/shared-components/dist/Toast/ToastBody.d.ts

@@ -0,0 +1,4 @@
+import type { ToastBody as ToastBodyType } from "./types";
+export type ToastBodyProps = Readonly<ToastBodyType>;
+export declare function ToastBody({ title, description }: ToastBodyProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToastBody.d.ts.map

package/packages/shared-components/dist/Toast/ToastBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastBody.d.ts","sourceRoot":"","sources":["../../src/Toast/ToastBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAErD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,cAAc,2CAoB/D"}

package/packages/shared-components/dist/Toast/ToastBody.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastBody = ToastBody;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+function ToastBody({ title, description }) {
+    const { palette: { app: { color }, }, } = (0, material_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "4px", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 500, color: "black", variant: "body1", children: title }), description && ((0, jsx_runtime_1.jsx)(material_1.Typography, { color: color.slate[900], variant: "body2", children: description }))] }));
+}

package/packages/shared-components/dist/Toast/ToastFooterLink.d.ts

@@ -0,0 +1,4 @@
+import type { ToastLink } from "./types";
+export type ToastFooterLinkProps = Readonly<ToastLink>;
+export declare function ToastFooterLink({ href, linkText }: ToastFooterLinkProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ToastFooterLink.d.ts.map

package/packages/shared-components/dist/Toast/ToastFooterLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastFooterLink.d.ts","sourceRoot":"","sources":["../../src/Toast/ToastFooterLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEvD,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAYvE"}

package/packages/shared-components/dist/Toast/ToastFooterLink.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastFooterLink = ToastFooterLink;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Toaster_styled_1 = require("./Toaster.styled");
+function ToastFooterLink({ href, linkText }) {
+    return ((0, jsx_runtime_1.jsx)(material_1.Link, { href: href, underline: "none", target: href?.startsWith("http") ? "_blank" : "_self", children: (0, jsx_runtime_1.jsx)(Toaster_styled_1.HoverBox, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: linkText ?? href }) }) }));
+}

package/packages/shared-components/dist/Toast/Toaster.d.ts

@@ -0,0 +1,2 @@
+export declare const Toaster: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toaster.d.ts.map

package/packages/shared-components/dist/Toast/Toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../src/Toast/Toaster.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,+CAgBnB,CAAC"}

package/packages/shared-components/dist/Toast/Toaster.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toaster = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_toastify_1 = require("react-toastify");
+const Toaster_styled_1 = require("./Toaster.styled");
+const Toaster = () => {
+    return ((0, jsx_runtime_1.jsx)(Toaster_styled_1.ToasterStyled, { position: "top-right", autoClose: 5000, hideProgressBar: true, newestOnTop: true, closeButton: false, closeOnClick: false, rtl: false, draggable: true, pauseOnHover: true, transition: react_toastify_1.Slide, limit: 5 }));
+};
+exports.Toaster = Toaster;

package/packages/shared-components/dist/Toast/Toaster.styled.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HoverBox = exports.ToasterStyled = void 0;
+const material_1 = require("@mui/material");
+const react_toastify_1 = require("react-toastify");
+exports.ToasterStyled = (0, material_1.styled)(react_toastify_1.ToastContainer)(({ theme: { palette: { app: { color }, }, }, }) => {
+    const toastBody = {
+        "& .Toastify__toast-container": {
+            padding: "0px",
+        },
+        "& .Toastify__toast": {
+            padding: "0px",
+            inlineSize: "400px",
+            marginLeft: "-80px",
+            borderRadius: "8px",
+            border: `2px solid ${color.iron[700]}`,
+        },
+        "& .Toastify__toast-body": {
+            padding: "0px",
+        },
+    };
+    const toastSuccess = {
+        "& .Toastify__toast-theme--light.Toastify__toast--success": {
+            "& .Toastify__toast-body": {
+                borderInlineStart: `6px solid ${color.darkMint[900]}`,
+            },
+        },
+    };
+    const toastError = {
+        "& .Toastify__toast-theme--light.Toastify__toast--error": {
+            "& .Toastify__toast-body": {
+                borderInlineStart: `6px solid ${color.red[900]}`,
+            },
+        },
+    };
+    const toastWarning = {
+        "& .Toastify__toast-theme--light.Toastify__toast--warning": {
+            "& .Toastify__toast-body": {
+                borderInlineStart: `6px solid ${color.darkOrange[900]}`,
+            },
+        },
+    };
+    const toastInfo = {
+        "& .Toastify__toast-theme--light.Toastify__toast--info": {
+            "& .Toastify__toast-body": {
+                borderInlineStart: `6px solid ${color.slate[900]}`,
+            },
+        },
+    };
+    return {
+        ...toastBody,
+        ...toastSuccess,
+        ...toastError,
+        ...toastWarning,
+        ...toastInfo,
+    };
+});
+exports.HoverBox = (0, material_1.styled)(material_1.Box)(({ theme }) => ({
+    color: theme.palette.app.color.slate[900],
+    "&:hover": {
+        color: theme.palette.app.color.butterflyBlue[900],
+    },
+}));

package/packages/shared-components/dist/Toast/index.d.ts

@@ -0,0 +1,3 @@
+export { Toaster } from "./Toaster";
+export { toasts } from "./toasts";
+//# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/Toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/packages/shared-components/dist/Toast/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toasts = exports.Toaster = void 0;
+var Toaster_1 = require("./Toaster");
+Object.defineProperty(exports, "Toaster", { enumerable: true, get: function () { return Toaster_1.Toaster; } });
+var toasts_1 = require("./toasts");
+Object.defineProperty(exports, "toasts", { enumerable: true, get: function () { return toasts_1.toasts; } });

package/packages/shared-components/dist/Toast/toasts.d.ts

@@ -0,0 +1,3 @@
+import type { ToastsTypeFunctions } from "./types";
+export declare const toasts: ToastsTypeFunctions;
+//# sourceMappingURL=toasts.d.ts.map

package/packages/shared-components/dist/Toast/toasts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toasts.d.ts","sourceRoot":"","sources":["../../src/Toast/toasts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAa,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAoBzE,eAAO,MAAM,MAAM,EAAE,mBAKpB,CAAC"}

package/packages/shared-components/dist/Toast/toasts.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toasts = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_toastify_1 = require("react-toastify");
+const Toast_1 = require("./Toast");
+// eslint-disable-next-line sonarjs/function-return-type
+function createToast({ title, description, href, linkText }, type, options) {
+    return (0, react_toastify_1.toast)((0, jsx_runtime_1.jsx)(Toast_1.Toast, { title: title, description: description, href: href, linkText: linkText, type: type }), { ...options, icon: false, type });
+}
+exports.toasts = {
+    info: (toast, options) => createToast(toast, "info", options),
+    success: (toast, options) => createToast(toast, "success", options),
+    warning: (toast, options) => createToast(toast, "warning", options),
+    error: (toast, options) => createToast(toast, "error", options),
+};

package/packages/shared-components/dist/Toast/types.d.ts

@@ -0,0 +1,15 @@
+import type { ToastOptions, TypeOptions } from "react-toastify";
+export type ToastType = Exclude<TypeOptions, "default">;
+export type ToastBody = {
+    title: string;
+    description?: string;
+};
+export type ToastLink = {
+    href?: string;
+    linkText?: string;
+};
+export type ToastArgs = ToastBody & ToastLink;
+export type ToastsTypeFunctions = {
+    [K in ToastType]: (_toast: ToastArgs, _options?: Omit<ToastOptions, "type">) => string | number;
+};
+//# sourceMappingURL=types.d.ts.map

package/packages/shared-components/dist/Toast/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAChE,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAE9C,MAAM,MAAM,mBAAmB,GAAG;KAC/B,CAAC,IAAI,SAAS,GAAG,CAChB,MAAM,EAAE,SAAS,EACjB,QAAQ,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,KAClC,MAAM,GAAG,MAAM;CACrB,CAAC"}

package/packages/shared-components/dist/Toast/types.js

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

package/packages/shared-components/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,9 @@
+import type { TooltipProps as MuiTooltipProps } from "@mui/material";
+import type { PropsWithChildren, ReactNode } from "react";
+type TooltipProps = PropsWithChildren<{
+    toolTipLabel: ReactNode;
+    placement?: MuiTooltipProps["placement"];
+}>;
+export declare const Tooltip: ({ toolTipLabel, children, placement, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Tooltip.d.ts.map

package/packages/shared-components/dist/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,YAAY,GAAG,iBAAiB,CAAC;IACpC,YAAY,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;CAC1C,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,mDAKjB,YAAY,4CAqBd,CAAC"}

package/packages/shared-components/dist/Tooltip/Tooltip.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Tooltip = ({ toolTipLabel, children, placement = "top-start", ...rest }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { arrow: true, placement: placement, title: toolTipLabel, ...rest, children: typeof children === "string" ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", fontWeight: 500, sx: {
+                maxWidth: "150px",
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+            }, children: children })) : ((0, jsx_runtime_1.jsx)(material_1.Box, { children: children })) }));
+};
+exports.Tooltip = Tooltip;

package/packages/shared-components/dist/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Tooltip";
+//# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/Tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/packages/shared-components/dist/Tooltip/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Tooltip"), exports);

package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.d.ts

@@ -0,0 +1,19 @@
+import type { MenuProps } from "@mui/material";
+import { type CSSProperties, type ReactNode } from "react";
+export type UserProfileMenuProps = Omit<MenuProps, "open" | "closeMenu"> & {
+    userDetails: {
+        name: string;
+        email: string;
+        avatar: string;
+    };
+    menuItems: {
+        key: string;
+        label: string;
+        icon?: ReactNode;
+        divider?: boolean;
+        sx?: CSSProperties;
+        onClick?: () => void;
+    }[];
+};
+export declare function UserProfileMenu({ userDetails, menuItems, }: UserProfileMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UserProfileMenu.d.ts.map

package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfileMenu.d.ts","sourceRoot":"","sources":["../../src/UserProfileMenu/UserProfileMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAa/C,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW,CAAC,GAAG;IACzE,WAAW,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,EAAE;QACT,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,EAAE,CAAC,EAAE,aAAa,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,EAAE,CAAC;CACL,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,SAAS,GACV,EAAE,oBAAoB,2CA8HtB"}