@codezee/sixtify-brahma 0.2.1 → 0.2.3

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

@@ -0,0 +1,19 @@
+"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("./ActionButton"), exports);
+__exportStar(require("./Button"), exports);
+__exportStar(require("./ButtonGroup"), exports);

package/packages/shared-components/dist/Card/AttendanceCard.d.ts

@@ -0,0 +1,10 @@
+import { type WorkDayType } from "../utils/colorVariant";
+type AttendanceCardProps = {
+    variant: WorkDayType;
+    label: string;
+    value: string;
+    isLoading: boolean;
+};
+export declare const AttendanceCard: ({ variant, label, value, isLoading, }: AttendanceCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AttendanceCard.d.ts.map

package/packages/shared-components/dist/Card/AttendanceCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttendanceCard.d.ts","sourceRoot":"","sources":["../../src/Card/AttendanceCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAE5E,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,cAAc,0CAKxB,mBAAmB,4CAkCrB,CAAC"}

package/packages/shared-components/dist/Card/AttendanceCard.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttendanceCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const PadBox_1 = require("../PadBox");
+const SvgsIndicator_1 = require("../Svgs/SvgsIndicator");
+const colorVariant_1 = require("../utils/colorVariant");
+const AttendanceCard = ({ variant, label, value, isLoading = false, }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+            width: "223px",
+            height: "93px",
+            borderRadius: "8px",
+            border: `1px solid ${(0, colorVariant_1.getColorByVariant)(variant)}`,
+            backgroundColor: `${(0, colorVariant_1.getColorByVariant)(variant, "light")}`,
+            position: "relative",
+        }, children: (0, jsx_runtime_1.jsxs)(PadBox_1.PadBox, { padding: { padding: "15px" }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "15px", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: label }), isLoading ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 80, height: 25, sx: {
+                                transform: "scale(1)",
+                                borderRadius: "4px",
+                            } })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: value }))] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { position: "absolute", top: "0px", right: "5px" }, children: (0, jsx_runtime_1.jsx)(SvgsIndicator_1.SvgsIndicator, { variant: variant }) })] }) }));
+};
+exports.AttendanceCard = AttendanceCard;

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

@@ -0,0 +1,8 @@
+import type { PropsWithChildren, ReactNode } from "react";
+type CardProps = PropsWithChildren<{
+    heading?: ReactNode;
+    action?: ReactNode;
+}>;
+export declare function Card({ heading, children, action }: Readonly<CardProps>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,KAAK,SAAS,GAAG,iBAAiB,CAAC;IACjC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC,CAAC;AAEH,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC,SAAS,CAAC,2CAwBtE"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = Card;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const PadBox_1 = require("../PadBox");
+function Card({ heading, children, action }) {
+    const theme = (0, material_1.useTheme)();
+    const { lightBlue } = theme.palette.app.color;
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { bgcolor: lightBlue[50], flex: 1, sx: { borderRadius: "5px" }, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: 2 }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { flexDirection: "row", alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: heading }), (0, jsx_runtime_1.jsx)(material_1.Box, { children: action })] }), children] }) }) }));
+}

package/packages/shared-components/dist/Card/CardItem/CardItem.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+type CardItemProps = Readonly<{
+    label: ReactNode;
+    value?: ReactNode;
+}>;
+export declare function CardItem({ label, value }: CardItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CardItem.d.ts.map

package/packages/shared-components/dist/Card/CardItem/CardItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../src/Card/CardItem/CardItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,aAAa,GAAG,QAAQ,CAAC;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC,CAAC;AAEH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,aAAa,2CAwBvD"}

package/packages/shared-components/dist/Card/CardItem/CardItem.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardItem = CardItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+function CardItem({ label, value }) {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", gap: "5px", children: [typeof label === "string" ? ((0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body1", sx: { fontWeight: 500 }, flex: 1, maxWidth: "400px", children: [label, " :"] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [" ", label, " :"] })), value] }));
+}

package/packages/shared-components/dist/Card/CardItem/CardItemValue.d.ts

@@ -0,0 +1,14 @@
+import type { AvatarOwnProps, SxProps, Theme } from "@mui/material";
+type CardItemValueProps = {
+    title?: string;
+    subTitle?: string;
+    loading?: boolean;
+    avatar?: string;
+    showAvatar?: boolean;
+    sx?: SxProps<Theme>;
+    isHideTitle?: boolean;
+    variant?: AvatarOwnProps["variant"];
+};
+export declare const CardItemValue: ({ title, subTitle, avatar, loading, showAvatar, isHideTitle, variant, sx, }: CardItemValueProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CardItemValue.d.ts.map

package/packages/shared-components/dist/Card/CardItem/CardItemValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardItemValue.d.ts","sourceRoot":"","sources":["../../../src/Card/CardItem/CardItemValue.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGpE,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,aAAa,gFASvB,kBAAkB,4CA0EpB,CAAC"}

package/packages/shared-components/dist/Card/CardItem/CardItemValue.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardItemValue = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const CardItemValue = ({ title, subTitle, avatar, loading = false, showAvatar = false, isHideTitle = false, variant = "circular", sx, }) => {
+    const theme = (0, material_1.useTheme)();
+    const { slate, iron } = theme.palette.app.color;
+    if (loading) {
+        return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px ", flex: "1", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "10px", alignItems: "center", children: [avatar && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", height: "30px", animation: "wave", width: "30px" })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "150px" })] }), subTitle && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "200px" }))] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", flex: "1", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", children: [showAvatar && (0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: title, src: avatar, variant: variant }), !isHideTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", sx: {
+                            fontWeight: 400,
+                            color: slate[900],
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            display: "-webkit-box",
+                            WebkitLineClamp: 1,
+                            WebkitBoxOrient: "vertical",
+                            width: "min-contact",
+                            ...sx,
+                        }, children: title ? title : "-" }))] }), subTitle && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", sx: {
+                    color: iron[500],
+                }, children: subTitle }))] }));
+};
+exports.CardItemValue = CardItemValue;

package/packages/shared-components/dist/Card/CardItem/index.d.ts

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

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

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

package/packages/shared-components/dist/Card/CardItem/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("./CardItem"), exports);
+__exportStar(require("./CardItemValue"), exports);

package/packages/shared-components/dist/Card/ProfileCard/ProfileCard.d.ts

@@ -0,0 +1,9 @@
+import type { PropsWithChildren, ReactNode } from "react";
+type ProfileCardProps = PropsWithChildren<{
+    header: ReactNode;
+    body: ReactNode;
+    onClick: (e: React.MouseEvent) => void;
+}>;
+export declare function ProfileCard({ onClick, header, body, }: Readonly<ProfileCardProps>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProfileCard.d.ts.map

package/packages/shared-components/dist/Card/ProfileCard/ProfileCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileCard.d.ts","sourceRoot":"","sources":["../../../src/Card/ProfileCard/ProfileCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG1D,KAAK,gBAAgB,GAAG,iBAAiB,CAAC;IACxC,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACxC,CAAC,CAAC;AAEH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,IAAI,GACL,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAyB5B"}

package/packages/shared-components/dist/Card/ProfileCard/ProfileCard.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProfileCard = ProfileCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const PadBox_1 = require("../../PadBox");
+function ProfileCard({ onClick, header, body, }) {
+    const theme = (0, material_1.useTheme)();
+    const { lightBlue, butterflyBlue } = theme.palette.app.color;
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { bgcolor: lightBlue[50], flex: 1, sx: {
+            borderRadius: "10px",
+            cursor: "pointer",
+            ":hover": { background: butterflyBlue[600] },
+        }, height: "400px", onClick: onClick, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "5px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { height: "100%", justifyContent: "space-between", children: [header, body] }) }) }));
+}

package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardBody.d.ts

@@ -0,0 +1,12 @@
+import type { PropsWithChildren } from "react";
+type ProfileCardBodyProps = PropsWithChildren<{
+    joiningDate: string;
+    department: string;
+    subDepartment: string;
+    email: string;
+    phone: string;
+    loading?: boolean;
+}>;
+export declare function ProfileCardBody({ joiningDate, department, subDepartment, email, phone, loading, }: ProfileCardBodyProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProfileCardBody.d.ts.map

package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileCardBody.d.ts","sourceRoot":"","sources":["../../../../src/Card/ProfileCard/ProfileCardItem/ProfileCardBody.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,KAAK,oBAAoB,GAAG,iBAAiB,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,UAAU,EACV,aAAa,EACb,KAAK,EACL,KAAK,EACL,OAAO,GACR,EAAE,oBAAoB,2CA6BtB"}

package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardBody.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProfileCardBody = ProfileCardBody;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CallOutlined_1 = __importDefault(require("@mui/icons-material/CallOutlined"));
+const EmailOutlined_1 = __importDefault(require("@mui/icons-material/EmailOutlined"));
+const material_1 = require("@mui/material");
+const PadBox_1 = require("../../../PadBox");
+const CardItem_1 = require("../../CardItem");
+function ProfileCardBody({ joiningDate, department, subDepartment, email, phone, loading, }) {
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { bgcolor: "#F3F5F7", sx: { borderRadius: "10px" }, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "12px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: "Date of Joining", value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: joiningDate, loading: loading }) }), (0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: "Department", value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: department, loading: loading }) }), (0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: "Sub Department", value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: subDepartment, loading: loading }) }), (0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: (0, jsx_runtime_1.jsx)(EmailOutlined_1.default, {}), value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: email, loading: loading }) }), (0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: (0, jsx_runtime_1.jsx)(CallOutlined_1.default, {}), value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: phone, loading: loading }) })] }) }) }));
+}

package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.d.ts

@@ -0,0 +1,15 @@
+import type { SxProps, Theme } from "@mui/material";
+import type { PropsWithChildren, ReactNode } from "react";
+type ProfileCardHeaderProps = PropsWithChildren<{
+    avatar: ReactNode;
+    employeeName: string;
+    designation: string;
+    employeeCode: string;
+    loading: boolean;
+    isDraft?: boolean;
+    sx?: SxProps<Theme>;
+    onDeleteClick?: (e: React.MouseEvent) => void;
+}>;
+export declare function ProfileCardHeader({ avatar, employeeName, designation, employeeCode, loading, isDraft, onDeleteClick, }: ProfileCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProfileCardHeader.d.ts.map

package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileCardHeader.d.ts","sourceRoot":"","sources":["../../../../src/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1D,KAAK,sBAAsB,GAAG,iBAAiB,CAAC;IAC9C,MAAM,EAAE,SAAS,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC/C,CAAC,CAAC;AAEH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,OAAO,EACP,OAAe,EACf,aAAa,GACd,EAAE,sBAAsB,2CAoExB"}

package/packages/shared-components/dist/Card/ProfileCard/ProfileCardItem/ProfileCardHeader.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProfileCardHeader = ProfileCardHeader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Actions_1 = require("../../../Actions");
+const Chips_1 = require("../../../Chips");
+const PadBox_1 = require("../../../PadBox");
+const CardItem_1 = require("../../CardItem");
+function ProfileCardHeader({ avatar, employeeName, designation, employeeCode, loading, isDraft = false, onDeleteClick, }) {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px 5px 0px 10px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", justifyContent: "space-between", children: [loading ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "100px" })) : // eslint-disable-next-line sonarjs/no-nested-conditional
+                            isDraft ? ((0, jsx_runtime_1.jsx)(Chips_1.Chip, { label: "Draft", size: "small", color: "error", variant: "outlined" })) : ((0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: employeeCode, loading: loading })), isDraft &&
+                            (loading ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 20, animation: "wave", width: "50px" })) : ((0, jsx_runtime_1.jsx)(Actions_1.DeleteAction, { onClick: onDeleteClick })))] }) }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "center", gap: "8px", children: [avatar, loading ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 30, animation: "wave", width: "300px" })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", sx: {
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            display: "-webkit-box",
+                            WebkitLineClamp: 1,
+                            WebkitBoxOrient: "vertical",
+                        }, width: "330px", fontWeight: "600", textAlign: "center", children: employeeName ?? "-" })), (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: designation, loading: loading })] })] }));
+}

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

@@ -0,0 +1,7 @@
+export * from "./Card";
+export * from "./CardItem";
+export * from "./ProfileCard/ProfileCard";
+export * from "./ProfileCard/ProfileCardItem/ProfileCardBody";
+export * from "./ProfileCard/ProfileCardItem/ProfileCardHeader";
+export * from "./AttendanceCard";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,kBAAkB,CAAC"}

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

@@ -0,0 +1,22 @@
+"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("./Card"), exports);
+__exportStar(require("./CardItem"), exports);
+__exportStar(require("./ProfileCard/ProfileCard"), exports);
+__exportStar(require("./ProfileCard/ProfileCardItem/ProfileCardBody"), exports);
+__exportStar(require("./ProfileCard/ProfileCardItem/ProfileCardHeader"), exports);
+__exportStar(require("./AttendanceCard"), exports);

package/packages/shared-components/dist/Charts/PieChart.d.ts

@@ -0,0 +1,10 @@
+import type { PieChartProps as MuiPieChartProps } from "@mui/x-charts/PieChart";
+import type { PieSeriesType, PieValueType } from "@mui/x-charts";
+import type { MakeOptional } from "@mui/x-charts/internals";
+type PieChartProps = Omit<MuiPieChartProps, "series"> & {
+    series: MakeOptional<PieSeriesType<MakeOptional<PieValueType, "id">>, "type">;
+    label?: string;
+};
+export declare const PieChart: ({ height, skipAnimation, tooltip, label, series, ...rest }: PieChartProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PieChart.d.ts.map

package/packages/shared-components/dist/Charts/PieChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../src/Charts/PieChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEhF,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAI5D,KAAK,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,GAAG;IACtD,MAAM,EAAE,YAAY,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAMF,eAAO,MAAM,QAAQ,+DAOlB,aAAa,4CA4Cf,CAAC"}

package/packages/shared-components/dist/Charts/PieChart.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PieChart = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PieChart_1 = require("@mui/x-charts/PieChart");
+const hooks_1 = require("@mui/x-charts/hooks");
+const styles_1 = require("@mui/material/styles");
+const PieChart = ({ height = 235, skipAnimation = false, tooltip, label, series, ...rest }) => {
+    const valueFormatter = (item) => `${item.value}%`;
+    const StyledText = (0, styles_1.styled)("text")(({ theme }) => ({
+        fill: theme.palette.text.primary,
+        textAnchor: "middle",
+        dominantBaseline: "central",
+        fontSize: 20,
+    }));
+    // eslint-disable-next-line sonarjs/no-unstable-nested-components
+    const PieCenterLabel = ({ children }) => {
+        const { width, height, left, top } = (0, hooks_1.useDrawingArea)();
+        return ((0, jsx_runtime_1.jsx)(StyledText, { x: left + width / 2, y: top + height / 2, children: children }));
+    };
+    return ((0, jsx_runtime_1.jsx)(PieChart_1.PieChart, { height: height, sx: {
+            transform: "translate(50px, 0px)",
+            overflow: "visible",
+        }, series: [
+            {
+                arcLabel: (params) => params.label ?? "",
+                arcLabelMinAngle: 20,
+                valueFormatter,
+                ...series,
+            },
+        ], ...rest, tooltip: tooltip, skipAnimation: skipAnimation, children: (0, jsx_runtime_1.jsx)(PieCenterLabel, { children: label }) }));
+};
+exports.PieChart = PieChart;

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

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

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

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

package/packages/shared-components/dist/Charts/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("./PieChart"), exports);

package/packages/shared-components/dist/Chips/Chip.d.ts

@@ -0,0 +1,7 @@
+import { type ChipProps as MuiChipProps } from "@mui/material";
+type ChipProps = {
+    imgURL?: string;
+} & MuiChipProps;
+export declare const Chip: ({ label, variant, imgURL, avatar, ...rest }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Chip.d.ts.map

package/packages/shared-components/dist/Chips/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/Chips/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,IAAI,YAAY,EAC/B,MAAM,eAAe,CAAC;AAEvB,KAAK,SAAS,GAAG;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,YAAY,CAAC;AAEjB,eAAO,MAAM,IAAI,gDAMd,SAAS,4CASX,CAAC"}

package/packages/shared-components/dist/Chips/Chip.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Chip = ({ label, variant = "outlined", imgURL, avatar, ...rest }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Chip, { avatar: avatar && (0, jsx_runtime_1.jsx)(material_1.Avatar, { alt: "Natacha", src: imgURL }), label: label, variant: variant, ...rest }));
+};
+exports.Chip = Chip;

package/packages/shared-components/dist/Chips/ChipWithBorder.d.ts

@@ -0,0 +1,9 @@
+import type { ChipProps } from "@mui/material";
+type ChipWithBorderProps = Omit<ChipProps, "color"> & {
+    label: string;
+    color?: string;
+    toolTipLabel?: string;
+};
+export declare const ChipWithBorder: ({ label, color, toolTipLabel, ...rest }: ChipWithBorderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChipWithBorder.d.ts.map

package/packages/shared-components/dist/Chips/ChipWithBorder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipWithBorder.d.ts","sourceRoot":"","sources":["../../src/Chips/ChipWithBorder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,KAAK,mBAAmB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,cAAc,4CAKxB,mBAAmB,4CAwBrB,CAAC"}

package/packages/shared-components/dist/Chips/ChipWithBorder.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChipWithBorder = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const ChipWithBorder = ({ label, color = "green", toolTipLabel, ...rest }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: toolTipLabel, arrow: true, placement: "top", children: (0, jsx_runtime_1.jsx)(material_1.Chip, { label: label, ...rest, sx: {
+                border: `1px solid ${color}`,
+                borderColor: color,
+                backgroundColor: (0, material_1.alpha)(color, 0.2),
+                borderRadius: "3px",
+                height: "20px",
+                width: "auto",
+                padding: "0px",
+                ".MuiChip-label": {
+                    color,
+                    fontSize: "12px",
+                    fontWeight: 600,
+                    padding: "5px",
+                },
+            } }) }));
+};
+exports.ChipWithBorder = ChipWithBorder;

package/packages/shared-components/dist/Chips/FilterPill.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+type FilterPillProps = {
+    onDelete?: () => void;
+    label: React.ReactNode;
+    onClick?: (e: {
+        currentTarget: HTMLDivElement | null;
+    }) => void;
+};
+export declare const FilterPill: React.ForwardRefExoticComponent<FilterPillProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=FilterPill.d.ts.map

package/packages/shared-components/dist/Chips/FilterPill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPill.d.ts","sourceRoot":"","sources":["../../src/Chips/FilterPill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,KAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,aAAa,EAAE,cAAc,GAAG,IAAI,CAAA;KAAE,KAAK,IAAI,CAAC;CACjE,CAAC;AAEF,eAAO,MAAM,UAAU,wFAiCtB,CAAC"}

package/packages/shared-components/dist/Chips/FilterPill.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterPill = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Chips_1 = require("../Chips");
+const icons_1 = require("@mui/x-date-pickers/icons");
+const material_1 = require("@mui/material");
+exports.FilterPill = (0, react_1.forwardRef)(({ onDelete, label, onClick }, ref) => {
+    const theme = (0, material_1.useTheme)();
+    const { black, sapphireBlue, iron } = theme.palette.app.color;
+    return ((0, jsx_runtime_1.jsx)(Chips_1.Chip, { ref: ref, label: label, variant: "filled", deleteIcon: onDelete && (0, jsx_runtime_1.jsx)(icons_1.ClearIcon, {}), sx: {
+            maxWidth: "200px",
+            borderRadius: "20px",
+            color: black[900],
+            backgroundColor: `${sapphireBlue[400]} !important`,
+            "&:hover": {
+                backgroundColor: sapphireBlue[500],
+            },
+            "& .MuiChip-deleteIcon": {
+                color: iron[800],
+                "&:hover": {
+                    color: iron[900],
+                    backgroundColor: sapphireBlue[400],
+                },
+            },
+        }, onDelete: onDelete, onClick: onClick }));
+});
+exports.FilterPill.displayName = "FilterPill";

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

@@ -0,0 +1,4 @@
+export * from "./Chip";
+export * from "./FilterPill";
+export * from "./ChipWithBorder";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Chips/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}

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

@@ -0,0 +1,19 @@
+"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("./Chip"), exports);
+__exportStar(require("./FilterPill"), exports);
+__exportStar(require("./ChipWithBorder"), exports);

package/packages/shared-components/dist/Dialog/BottomDialog.d.ts

@@ -0,0 +1,8 @@
+import type { DialogProps } from ".";
+export type BottomDialogProps = Omit<DialogProps, "title"> & {
+    title?: string;
+    open?: boolean;
+    onClose: () => void;
+};
+export declare function BottomDialog({ children, title, open, onClose, ...rest }: BottomDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BottomDialog.d.ts.map

package/packages/shared-components/dist/Dialog/BottomDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomDialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/BottomDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAC;AAGrC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,IAAY,EACZ,OAAO,EACP,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAmBnB"}

package/packages/shared-components/dist/Dialog/BottomDialog.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomDialog = BottomDialog;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BottomDialog_styled_1 = require("./BottomDialog.styled");
+const PadBox_1 = require("../PadBox");
+function BottomDialog({ children, title, open = false, onClose, ...rest }) {
+    return ((0, jsx_runtime_1.jsx)(BottomDialog_styled_1.BottomDialogStyled, { fullScreen: true, title: title, ...rest, open: open, onClose: onClose, PaperProps: {
+            sx: {
+                animation: open ? "slideUp 0.2s cubic-bezier(0.25, 0.8, 0.5, 1)" : "",
+            },
+        }, children: (0, jsx_runtime_1.jsx)(BottomDialog_styled_1.BottomDialogBody, { direction: "row", overflow: "hidden", children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "1rem" }, children: children }) }) }));
+}

package/packages/shared-components/dist/Dialog/BottomDialog.styled.d.ts

@@ -0,0 +1,6 @@
+import type { StyledComponent } from "@emotion/styled";
+import type { StackProps } from "@mui/material";
+import type { DialogProps as MuiDialogProps } from "./Dialog";
+export declare const BottomDialogStyled: StyledComponent<MuiDialogProps>;
+export declare const BottomDialogBody: StyledComponent<StackProps>;
+//# sourceMappingURL=BottomDialog.styled.d.ts.map

package/packages/shared-components/dist/Dialog/BottomDialog.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomDialog.styled.d.ts","sourceRoot":"","sources":["../../src/Dialog/BottomDialog.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,UAAU,CAAC;AAG9D,eAAO,MAAM,kBAAkB,EAAE,eAAe,CAAC,cAAc,CAa7D,CAAC;AAEH,eAAO,MAAM,gBAAgB,EAAE,eAAe,CAAC,UAAU,CAMxD,CAAC"}