@codezee/sixtify-brahma 0.2.207 → 0.2.209

package/packages/shared-components/dist/Svgs/SvgPhone.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SvgPhone = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SvgPhone = (props) => ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M4.75697 1.70342C4.4802 1.77517 4.19659 1.93235 3.90615 2.18179C3.58496 2.45856 2.43346 3.63056 2.24553 3.87316C1.48356 4.84698 1.46989 6.36068 2.20794 8.31516C3.10659 10.7036 4.79114 13.1228 6.9233 15.0875C9.86185 17.7971 13.7981 19.55 15.8244 19.058C16.1251 18.9862 16.6239 18.7539 16.8529 18.5796C17.0852 18.4053 18.6297 16.8199 18.7732 16.6114C19.0397 16.2253 19.1422 15.7094 19.0397 15.272C18.9235 14.7834 18.8859 14.739 17.3996 13.2492C15.8995 11.7492 15.8517 11.7116 15.3563 11.6091C14.9633 11.5271 14.5635 11.5988 14.1774 11.8209C14.0886 11.8756 13.6649 12.2617 13.2378 12.6854L12.4621 13.4508L12.2127 13.321C11.6011 13.0032 11.15 12.6991 10.4769 12.1455C9.78668 11.5783 8.8231 10.584 8.29007 9.88694C7.90395 9.38124 7.33674 8.44842 7.33333 8.32199C7.33333 8.29808 7.59985 8.01789 7.92445 7.70011C8.60784 7.03381 8.87778 6.72287 9.03154 6.42902C9.22288 6.05658 9.26047 5.58504 9.12721 5.19551C8.99395 4.79915 8.86411 4.6488 7.55884 3.34012C6.26725 2.04853 6.06907 1.87768 5.70004 1.75126C5.44377 1.659 5.02007 1.6385 4.75697 1.70342ZM5.54969 2.66357C5.64537 2.71824 6.19208 3.2342 6.92671 3.97225C8.2559 5.30485 8.30715 5.36636 8.30373 5.7183C8.30373 6.02924 8.22173 6.13858 7.32991 7.0304C6.87888 7.47801 6.48593 7.89146 6.4586 7.94955C6.41759 8.02131 6.40734 8.1204 6.41759 8.28782C6.42784 8.49284 6.45518 8.57143 6.66361 8.98488C7.13515 9.92111 7.75703 10.7446 8.78552 11.797C9.80718 12.8426 10.8254 13.6216 11.8744 14.1615C12.2469 14.3529 12.3186 14.3802 12.4895 14.3768C12.6056 14.3768 12.7286 14.3529 12.8004 14.3153C12.8653 14.2811 13.289 13.8847 13.7401 13.4371C14.3209 12.8597 14.6045 12.6034 14.7139 12.5556C14.9189 12.4633 15.1854 12.4633 15.3733 12.5556C15.5784 12.6581 17.9941 15.0704 18.1 15.2823C18.1581 15.395 18.1821 15.4975 18.1821 15.6445C18.1821 15.9964 18.1103 16.0921 17.1399 17.0659C16.1797 18.0295 16.0909 18.0944 15.5784 18.2106C15.0829 18.3199 14.2526 18.2311 13.412 17.9816C12.1307 17.6024 10.4086 16.6935 8.99053 15.6479C6.26041 13.6387 3.91641 10.5669 2.94258 7.72745C2.47788 6.37777 2.42663 5.41078 2.78199 4.69322C2.89133 4.46429 2.99384 4.34811 3.70456 3.62714C4.14192 3.18294 4.5622 2.77975 4.63396 2.72849C4.94148 2.51665 5.25584 2.49273 5.54969 2.66357Z", fill: "#4C5D70", stroke: "#4C5D70", strokeWidth: "0.4" }) }));
-exports.SvgPhone = SvgPhone;

package/packages/shared-components/dist/Svgs/SvgProfile.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SvgProfile = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SvgProfile = (props) => {
-    const { fill = "currentColor" } = props;
-    return ((0, jsx_runtime_1.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, style: { color: "inherit" }, children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#clip0_8728_7975)", children: [(0, jsx_runtime_1.jsx)("path", { d: "M10.7224 0.0587158C11.281 0.136841 11.7302 0.277466 12.2536 0.543091C13.9919 1.41809 15.0114 3.37122 14.8122 5.4259C14.6911 6.64856 14.2888 7.6134 13.5153 8.53528C13.0778 9.05871 12.4021 9.55871 11.7731 9.82043C9.6794 10.6954 7.38643 9.96106 6.06612 7.9884C5.02315 6.43372 4.87471 4.29309 5.69112 2.64075C6.61299 0.77356 8.58565 -0.238159 10.7224 0.0587158ZM9.10909 1.58606C8.22237 1.80872 7.42159 2.44934 7.01534 3.26965C6.73018 3.84778 6.63252 4.28918 6.63643 4.98059C6.64424 6.05871 7.03096 7.03137 7.73409 7.7384C8.06221 8.07043 8.26534 8.21887 8.65596 8.41418C9.4958 8.82825 10.5036 8.82825 11.3435 8.41418C11.7341 8.21887 11.9372 8.07043 12.2653 7.7384C13.7419 6.25012 13.738 3.59778 12.2575 2.28528C11.4333 1.55872 10.2614 1.297 9.10909 1.58606Z", fill: fill }), (0, jsx_runtime_1.jsx)("path", { d: "M10.7811 11.293C13.7655 11.418 16.121 12.3438 17.5272 13.9453C18.6093 15.1758 19.1913 16.7305 19.2929 18.6562C19.3397 19.5352 19.2694 19.75 18.8866 19.9258C18.7343 19.9961 18.4061 20 9.9999 20C1.59365 20 1.26553 19.9961 1.11318 19.9258C0.73037 19.75 0.660057 19.5352 0.706932 18.6562C0.933495 14.3594 3.61318 11.8086 8.37881 11.3516C9.16787 11.2773 9.95693 11.2578 10.7811 11.293ZM8.7499 12.7734C5.96474 13.0234 4.16787 13.8945 3.11709 15.5039C2.64053 16.2344 2.28506 17.3008 2.20303 18.2305L2.17568 18.5547H9.9999H17.8241L17.7968 18.2344C17.7811 18.0547 17.7265 17.7148 17.6757 17.4805C17.2851 15.668 16.2929 14.3867 14.6718 13.6094C13.7694 13.1758 12.7851 12.9258 11.4452 12.793C10.8358 12.7305 9.34756 12.7227 8.7499 12.7734Z", fill: fill })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_8728_7975", children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white", transform: "matrix(-1 0 0 1 20 0)" }) }) })] }));
-};
-exports.SvgProfile = SvgProfile;

package/packages/shared-components/dist/Svgs/SvgReGenerate.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SvgReGenerate = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SvgReGenerate = (props) => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: props.color ?? "currentColor", viewBox: "0 0 32 32", ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "m21.697 14.924-1.396-.501a4.515 4.515 0 0 1-2.724-2.725l-.502-1.396-.002-.004c-.163-.448-.594-.751-1.073-.751s-.91.303-1.076.756l-.501 1.396a4.515 4.515 0 0 1-2.725 2.724l-1.399.504c-.449.163-.752.595-.752 1.073s.303.91.756 1.076l1.396.501a4.515 4.515 0 0 1 2.724 2.725l.504 1.399c.164.449.596.752 1.074.752s.91-.303 1.076-.756l.501-1.396a4.515 4.515 0 0 1 2.725-2.724l1.399-.504c.449-.164.752-.596.752-1.074s-.304-.909-.757-1.075zM16 18.914A6.501 6.501 0 0 0 13.086 16 6.501 6.501 0 0 0 16 13.086 6.501 6.501 0 0 0 18.914 16 6.501 6.501 0 0 0 16 18.914z" }), (0, jsx_runtime_1.jsx)("path", { d: "M27.401 9.132a1 1 0 0 0-1.711 1.037 11.247 11.247 0 0 1 1.623 5.832c0 6.237-5.075 11.313-11.313 11.313a11.27 11.27 0 0 1-3.118-.445l.993-.477a1.001 1.001 0 0 0-.867-1.803l-3.125 1.503a1.002 1.002 0 0 0-.433 1.398l1.728 3.008a.997.997 0 0 0 1.365.369.999.999 0 0 0 .369-1.365l-.38-.662c1.123.304 2.282.473 3.469.473 7.341 0 13.313-5.972 13.313-13.313a13.259 13.259 0 0 0-1.913-6.868zM15.999 4.687c1.069 0 2.112.156 3.118.445l-.993.477a1.001 1.001 0 0 0 .434 1.901.985.985 0 0 0 .433-.099l3.125-1.503a1.002 1.002 0 0 0 .433-1.399l-1.728-3.008a1 1 0 1 0-1.734.996l.38.662a13.244 13.244 0 0 0-3.469-.473c-7.341 0-13.313 5.972-13.313 13.313 0 2.429.661 4.805 1.912 6.869a1 1 0 0 0 1.711-1.038 11.247 11.247 0 0 1-1.623-5.832C4.687 9.762 9.762 4.687 15.999 4.687z" })] }));
-exports.SvgReGenerate = SvgReGenerate;

package/packages/shared-components/dist/Svgs/SvgView.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SvgView = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const SvgView = (props) => ((0, jsx_runtime_1.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M12.0002 6.7728C14.7546 6.7728 17.0888 8.029 18.5584 9.0828C20.3008 10.3324 21.1984 11.538 21.4316 12C21.1984 12.4598 20.303 13.6676 18.5584 14.9172C17.0866 15.971 14.7546 17.2272 12.0002 17.2272C9.24582 17.2272 6.91381 15.971 5.44201 14.9172C3.69741 13.6676 2.80201 12.4598 2.56881 12C2.80201 11.5402 3.69741 10.3324 5.44201 9.0828C6.91161 8.029 9.24582 6.7728 12.0002 6.7728ZM12.0002 5.466C6.04701 5.466 1.22021 10.6932 1.22021 12C1.22021 13.3068 6.04701 18.534 12.0002 18.534C17.9534 18.534 22.7802 13.3068 22.7802 12C22.7802 10.6932 17.9534 5.466 12.0002 5.466ZM12.0002 8.0796C9.83541 8.0796 8.07981 9.8352 8.07981 12C8.07981 14.1648 9.83541 15.9204 12.0002 15.9204C14.165 15.9204 15.9206 14.1648 15.9206 12C15.9206 9.8352 14.165 8.0796 12.0002 8.0796ZM10.9442 12C10.029 12 9.28541 11.2564 9.28541 10.3412C9.28541 9.426 10.029 8.6824 10.9442 8.6824C11.8594 8.6824 12.603 9.426 12.603 10.3412C12.603 11.2564 11.8616 12 10.9442 12Z", fill: props.disabled ? "#afafafff" : "#4C5D70" }) }));
-exports.SvgView = SvgView;

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

@@ -1,60 +0,0 @@
-"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("./ArrowUpRight"), exports);
-__exportStar(require("./ArrowUp"), exports);
-__exportStar(require("./AttendanceDashboard"), exports);
-__exportStar(require("./Company"), exports);
-__exportStar(require("./DownloadSvg"), exports);
-__exportStar(require("./Drawer"), exports);
-__exportStar(require("./FormAction"), exports);
-__exportStar(require("./ImportExcelSuccessIcon"), exports);
-__exportStar(require("./Inbox"), exports);
-__exportStar(require("./InboxIcon"), exports);
-__exportStar(require("./LogoIcon"), exports);
-__exportStar(require("./NoDataFoundSvg"), exports);
-__exportStar(require("./SvgAccessDenied"), exports);
-__exportStar(require("./SvgAdd"), exports);
-__exportStar(require("./SvgAddRounded"), exports);
-__exportStar(require("./SvgCalendar"), exports);
-__exportStar(require("./SvgColumn"), exports);
-__exportStar(require("./SvgConfigure"), exports);
-__exportStar(require("./SvgDelete"), exports);
-__exportStar(require("./SvgDownload"), exports);
-__exportStar(require("./SvgDrop"), exports);
-__exportStar(require("./SvgExport"), exports);
-__exportStar(require("./SvgFilteredList"), exports);
-__exportStar(require("./SvgFilterList"), exports);
-__exportStar(require("./SvgHistory"), exports);
-__exportStar(require("./SvgEdit"), exports);
-__exportStar(require("./SvgHome"), exports);
-__exportStar(require("./SvgImport"), exports);
-__exportStar(require("./SvgKeyBoard"), exports);
-__exportStar(require("./SvgNoLogo"), exports);
-__exportStar(require("./SvgNoSign"), exports);
-__exportStar(require("./SvgPageNotFound"), exports);
-__exportStar(require("./SvgProfile"), exports);
-__exportStar(require("./SvgReGenerate"), exports);
-__exportStar(require("./SvgView"), exports);
-__exportStar(require("./SvgKeyBoard"), exports);
-__exportStar(require("./SvgBranches"), exports);
-__exportStar(require("./SvgEmail"), exports);
-__exportStar(require("./SvgIndicator"), exports);
-__exportStar(require("./SvgPhone"), exports);
-__exportStar(require("./AppLogo"), exports);
-__exportStar(require("./HomePage"), exports);
-__exportStar(require("./SvgCurrentLocation"), exports);
-__exportStar(require("./BookMarkSvg"), exports);

package/packages/shared-components/dist/Tab/Skeleton.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Skeleton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
-const Skeleton = () => {
-    return ((0, jsx_runtime_1.jsx)(Box_1.default, { flex: 1, children: (0, jsx_runtime_1.jsx)(Skeleton_1.default, { height: "30px", sx: {
-                maxWidth: "200px",
-                transform: "scale(1)",
-            } }) }));
-};
-exports.Skeleton = Skeleton;

package/packages/shared-components/dist/Tab/Tabs.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const Tab_1 = __importDefault(require("@mui/material/Tab"));
-const Tabs_1 = __importDefault(require("@mui/material/Tabs"));
-const uuid_1 = require("uuid");
-const Tooltip_1 = require("../Tooltip");
-const Skeleton_1 = require("./Skeleton");
-const Tabs = ({ tabs, value, loading }) => {
-    if (loading) {
-        return ((0, jsx_runtime_1.jsx)(Stack_1.default, { gap: "10px", direction: "row", children: tabs.map(() => {
-                return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {}, (0, uuid_1.v4)());
-            }) }));
-    }
-    return ((0, jsx_runtime_1.jsx)(Stack_1.default, { children: (0, jsx_runtime_1.jsx)(Tabs_1.default, { value: value, children: tabs
-                .filter(({ isView }) => isView !== false)
-                .map(({ iconPosition = "end", toolTipLabel = "", icon, ...rest }, index) => ((0, jsx_runtime_1.jsx)(Tab_1.default
-            // eslint-disable-next-line sonarjs/no-array-index-key
-            , { icon: toolTipLabel ? ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: toolTipLabel, placement: "bottom", children: icon })) : (icon), disabled: loading, iconPosition: iconPosition, ...rest }, index))) }) }));
-};
-exports.Tabs = Tabs;

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

@@ -1,17 +0,0 @@
-"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("./Tabs"), exports);

package/packages/shared-components/dist/TabBar/Tab.js

@@ -1,60 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tab = Tab;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
-const material_1 = require("@mui/material");
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const truncate_1 = __importDefault(require("lodash/truncate"));
-const AgGrid_1 = require("../AgGrid");
-const TRIM_LABEL_LENGTH = 15;
-// eslint-disable-next-line sonarjs/cognitive-complexity
-function Tab({ id, label, value, menu, trimLabel = true, activeTab, index, onArrowClick, menuAnchor, onAction, ...rest }) {
-    const theme = (0, material_1.useTheme)();
-    const { butterflyBlue } = theme.palette.app.color;
-    const isActive = value === activeTab.value;
-    const fallbackTag = label.toLowerCase().replaceAll(/[ _]/g, "-");
-    const trimmed = (0, truncate_1.default)(label, {
-        length: trimLabel ? TRIM_LABEL_LENGTH : label.length,
-        omission: trimLabel ? "..." : "",
-    });
-    const labelText = isActive ? label : trimmed;
-    const editTab = {
-        title: "Edit",
-        onClick: () => onAction && onAction("editTemplate", activeTab),
-    };
-    const deleteTab = {
-        title: "Delete",
-        onClick: () => onAction && onAction("deleteTemplate", activeTab),
-    };
-    const props = {
-        key: id,
-        iconPosition: "end",
-        "data-cy": fallbackTag,
-        "data-ptag": fallbackTag,
-        value: value ?? index,
-        label: ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", gap: "6px", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", sx: { whiteSpace: "nowrap" }, children: labelText }), isActive && index > 0 && (0, jsx_runtime_1.jsx)(AgGrid_1.ActionCell, { items: [editTab, deleteTab] })] })),
-    };
-    if (label.length > TRIM_LABEL_LENGTH && !isActive) {
-        props.title = label;
-    }
-    if (value === activeTab.value && menu?.length) {
-        props.icon = ((0, jsx_runtime_1.jsx)(ArrowDropDown_1.default, { onClick: onArrowClick, id: `tabDropDown-${value}`, "aria-controls": menuAnchor !== null ? `dropDownMenu-${value}` : undefined, "aria-expanded": menuAnchor !== null ? "true" : undefined, "aria-haspopup": "true", "data-cy": `${fallbackTag}-arrowicon`, "data-ptag": `${fallbackTag}-arrowicon` }));
-    }
-    return ((0, jsx_runtime_1.jsx)(material_1.Tab, { sx: {
-            borderBottom: "2px solid",
-            borderBottomColor: isActive ? butterflyBlue[900] : "white",
-            overflow: "visible",
-            [`&.${material_1.tabClasses.root}`]: {
-                minHeight: "40px",
-                height: "40px",
-                paddingLeft: isActive && index > 0 ? "15px" : "10px",
-            },
-            "&:hover": {
-                backgroundColor: butterflyBlue[500],
-            },
-        }, ...props, ...rest }));
-}

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

@@ -1,58 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabBar = TabBar;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const styles_1 = require("@mui/material/styles");
-const Tabs_1 = __importDefault(require("@mui/material/Tabs"));
-const tabsClasses_1 = __importDefault(require("@mui/material/Tabs/tabsClasses"));
-const react_1 = require("react");
-const Tab_1 = require("./Tab");
-const TabsMenus_1 = require("./TabsMenus");
-function TabBar({ tabs, onChange, addButton, actionButton, ariaLabel, activeIndex = 0, onAction, }) {
-    const theme = (0, styles_1.useTheme)();
-    const [activeTab, setActiveTab] = (0, react_1.useState)(tabs[activeIndex]);
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
-        const activeTabIndex = tabs.findIndex((tab) => tab.value === activeTab.value);
-        if (activeTabIndex === -1) {
-            if (onChange && tabs[0]) {
-                onChange(tabs[0]);
-            }
-            setActiveTab(tabs[0]);
-        }
-    }, [tabs, activeTab, onChange]);
-    (0, react_1.useEffect)(() => {
-        setActiveTab(tabs[activeIndex]);
-    }, [activeIndex]);
-    const tabChangeHandler = (_event, newTabValue) => {
-        const newActiveTab = tabs.find((tab) => tab.value === newTabValue);
-        if (newActiveTab) {
-            setActiveTab(newActiveTab);
-            // eslint-disable-next-line sonarjs/no-gratuitous-expressions
-            if (onChange && newActiveTab) {
-                onChange(newActiveTab);
-            }
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(Box_1.default, { children: [(0, jsx_runtime_1.jsx)(TabsMenus_1.TabsMenus, { activeTab: activeTab, tabs: tabs, onClose: () => setAnchorEl(null), onMenuItemClick: () => setAnchorEl(null), menuAnchor: anchorEl }), (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", justifyContent: "space-between", sx: {
-                    borderBlockEnd: "solid 1px",
-                    borderColor: theme.palette.app.color.iron[700],
-                }, children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", gap: "5px", alignItems: "center", overflow: "hidden", children: [(0, jsx_runtime_1.jsx)(Stack_1.default, { direction: "row", overflow: "hidden", children: (0, jsx_runtime_1.jsx)(Tabs_1.default, { value: activeTab.value, onChange: tabChangeHandler, TabIndicatorProps: {
-                                        sx: {
-                                            display: "none",
-                                        },
-                                    }, sx: {
-                                        [`&.${tabsClasses_1.default.root}`]: {
-                                            minHeight: "40px",
-                                            height: "40px",
-                                        },
-                                    }, variant: "scrollable", scrollButtons: "auto", ScrollButtonComponent: material_1.TabScrollButton, "aria-label": ariaLabel ?? "Tabs", children: tabs.map((tab, index) => ((0, jsx_runtime_1.jsx)(Tab_1.Tab, { index: index, activeTab: activeTab, onArrowClick: (event) => {
-                                            setAnchorEl(event.target);
-                                        }, onAction: onAction, menuAnchor: anchorEl, ...tab }, tab.value))) }) }), addButton] }), (0, jsx_runtime_1.jsx)(Stack_1.default, { direction: "row", gap: "10px", alignItems: "center", justifyContent: "space-between", children: actionButton })] })] }));
-}

package/packages/shared-components/dist/TabBar/TabsMenus.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabsMenus = TabsMenus;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Menu_1 = __importDefault(require("@mui/material/Menu"));
-const MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
-function TabsMenus({ tabs, activeTab, menuAnchor, onClose, onMenuItemClick, }) {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: tabs
-            .filter((tab) => !!tab.menu)
-            .map((tab) => ((0, jsx_runtime_1.jsx)(Menu_1.default, { anchorEl: menuAnchor, open: tab.value === activeTab.value && !!menuAnchor, onClose: onClose, id: `dropDownMenu-${tab.value}`, MenuListProps: {
-                "aria-labelledby": `tabDropDown-${tab.value}`,
-            }, children: tab.menu?.map((menuItem) => ((0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => {
-                    onMenuItemClick();
-                    menuItem.onClick(activeTab);
-                }, disabled: menuItem.disabled, children: menuItem.label }, menuItem.label))) }, tab.value))) }));
-}

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabsMenus = exports.Tab = exports.TabBar = void 0;
-var TabBar_1 = require("./TabBar");
-Object.defineProperty(exports, "TabBar", { enumerable: true, get: function () { return TabBar_1.TabBar; } });
-var Tab_1 = require("./Tab");
-Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return Tab_1.Tab; } });
-var TabsMenus_1 = require("./TabsMenus");
-Object.defineProperty(exports, "TabsMenus", { enumerable: true, get: function () { return TabsMenus_1.TabsMenus; } });

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

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

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

@@ -1,89 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Timeline = exports.getArrowValue = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const Slider_1 = __importDefault(require("@mui/material/Slider"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
-const luxon_1 = require("luxon");
-const ArrowUp_1 = require("../Svgs/ArrowUp");
-const date_1 = require("../utils/date");
-const TimelineTrackSegments_1 = require("./TimelineTrackSegments");
-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)(Stack_1.default, { 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)(Tooltip_1.default, { title: `Shift Start: ${(0, date_1.getTimeInHHmm)(shiftStartTime)}`, arrow: true, placement: "top", children: (0, jsx_runtime_1.jsx)(Box_1.default, { sx: {
-                        cursor: "pointer",
-                        position: "absolute",
-                        top: "12px",
-                        zIndex: 2,
-                        left: `${(((getArrowPosition(shiftStartTime, shiftEndTime, "START") - slotStartTime) % totalDots) / totalDots) * 100}%`,
-                    }, children: (0, jsx_runtime_1.jsx)(ArrowUp_1.ArrowUp, {}) }) }), (0, jsx_runtime_1.jsx)(Tooltip_1.default, { title: `Shift End: ${(0, date_1.getTimeInHHmm)(shiftEndTime)}`, arrow: true, placement: "top", children: (0, jsx_runtime_1.jsx)(Box_1.default, { sx: {
-                        cursor: "pointer",
-                        position: "absolute",
-                        top: "12px",
-                        zIndex: 2,
-                        left: `${(((getArrowPosition(shiftStartTime, shiftEndTime, "END") - slotStartTime) % totalDots) / (totalDots - 0.6)) * 100}%`,
-                    }, children: (0, jsx_runtime_1.jsx)(ArrowUp_1.ArrowUp, {}) }) }), (0, jsx_runtime_1.jsx)(Slider_1.default, { disabled: true, valueLabelDisplay: "off", marks: marks, max: totalDots - 1, step: 1, value: [], 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.js

@@ -1,95 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimelineTrackSegments = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = __importDefault(require("@mui/material/Box"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
-const luxon_1 = require("luxon");
-const utils_1 = require("../utils");
-const Timeline_1 = require("./Timeline");
-const TimelineTrackSegments = ({ totalDots, intervals, startTimeline, }) => {
-    return ((0, jsx_runtime_1.jsx)(Box_1.default, { sx: { position: "relative", width: "100%", height: 4 }, children: intervals?.map((interval, index) => {
-            const inTime = (0, utils_1.getTimeInHHmm)(interval.in_time);
-            const outTime = (0, utils_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);
-            let out_time = (0, Timeline_1.getArrowValue)(outTime);
-            const isValidInTime = !isNaN(in_time);
-            const isValidOutTime = !isNaN(out_time);
-            if (isValidInTime && in_time < startTimeline) {
-                in_time += totalDots;
-            }
-            if (isValidOutTime) {
-                if (out_time < startTimeline) {
-                    out_time += totalDots;
-                }
-                if (isValidInTime && out_time < in_time) {
-                    out_time += totalDots;
-                }
-            }
-            let inTimeLabel = "";
-            let outTimeLabel = "";
-            if (isValidInTime) {
-                inTimeLabel = `In time : ${inTime} ${!isValidOutTime ? " / Missing punch" : ""}`;
-            }
-            if (isValidOutTime) {
-                outTimeLabel = `Out time : ${outTime}  ${!isValidInTime ? "/ Missing punch" : ""}`;
-            }
-            const labelText = interval?.name ??
-                `In/Out: ${(0, utils_1.getTimeInHHmm)(interval.in_time)} - ${(0, utils_1.getTimeInHHmm)(interval.out_time)} (${shiftHours})`;
-            const color = interval?.color ?? (0, utils_1.getColorByVariant)(interval.status_type);
-            const startDot = isValidInTime
-                ? ((in_time - startTimeline) / totalDots) * 100
-                : 0;
-            const endDot = isValidOutTime
-                ? ((out_time - startTimeline) / totalDots) * 100
-                : 0;
-            const widthDot = isValidInTime && isValidOutTime ? Math.max(endDot - startDot, 0) : 0;
-            return (
-            // eslint-disable-next-line sonarjs/no-array-index-key
-            (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", children: [isValidInTime && ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { arrow: true, title: inTimeLabel, placement: "top", children: (0, jsx_runtime_1.jsx)(Box_1.default, { sx: {
-                                height: 8,
-                                width: 8,
-                                position: "absolute",
-                                left: `${startDot}%`,
-                                boxShadow: "none",
-                                backgroundColor: color,
-                                borderRadius: "50%",
-                                top: "15px",
-                                zIndex: 3,
-                                "&:focus, &:hover, &:active": {
-                                    boxShadow: "none",
-                                },
-                            } }) })), isValidInTime && isValidOutTime && ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { arrow: true, title: labelText, placement: "top", children: (0, jsx_runtime_1.jsx)(Box_1.default, { sx: {
-                                position: "absolute",
-                                left: `${startDot}%`,
-                                width: `${widthDot}%`,
-                                height: 3.5,
-                                top: "17.5px",
-                                backgroundColor: color,
-                                zIndex: 2,
-                            } }) })), isValidOutTime && ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { arrow: true, title: outTimeLabel, placement: "top", children: (0, jsx_runtime_1.jsx)(Box_1.default, { sx: {
-                                height: 8,
-                                width: 8,
-                                position: "absolute",
-                                left: `${endDot}%`,
-                                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.js

@@ -1,18 +0,0 @@
-"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.js

@@ -1,27 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toast = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AddCircleOutline_1 = __importDefault(require("@mui/icons-material/AddCircleOutline"));
-const CheckCircleOutline_1 = __importDefault(require("@mui/icons-material/CheckCircleOutline"));
-const Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const ErrorOutline_1 = __importDefault(require("@mui/icons-material/ErrorOutline"));
-const HighlightOff_1 = __importDefault(require("@mui/icons-material/HighlightOff"));
-const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-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)(AddCircleOutline_1.default, { color: "info", fontSize: "large" }),
-        success: (0, jsx_runtime_1.jsx)(CheckCircleOutline_1.default, { color: "success", fontSize: "large" }),
-        warning: (0, jsx_runtime_1.jsx)(ErrorOutline_1.default, { color: "warning", fontSize: "large" }),
-        error: (0, jsx_runtime_1.jsx)(HighlightOff_1.default, { color: "error", fontSize: "large" }),
-    };
-    return ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { p: "20px", pl: "16px" }, children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", gap: "16px", alignItems: "center", children: [toastIcons[type], (0, jsx_runtime_1.jsxs)(Stack_1.default, { 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)(IconButton_1.default, { onClick: closeToast, disableRipple: true, children: (0, jsx_runtime_1.jsx)(Close_1.default, {}) })] }) }));
-};
-exports.Toast = Toast;

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

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

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

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToastFooterLink = ToastFooterLink;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Link_1 = __importDefault(require("@mui/material/Link"));
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const Toaster_styled_1 = require("./Toaster.styled");
-function ToastFooterLink({ href, linkText }) {
-    return ((0, jsx_runtime_1.jsx)(Link_1.default, { 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)(Typography_1.default, { children: linkText ?? href }) }) }));
-}