@codezee/sixtify-brahma 0.2.51 → 0.2.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.51",
+  "version": "0.2.53",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"

package/packages/shared-components/dist/ColumnArranger/ColumnArrangerDialog.d.ts

@@ -1,5 +1,5 @@
 import type { ColDef } from "ag-grid-community";
-export type SimpleColDef = Pick<ColDef, "field" | "headerName" | "hide" | "minWidth" | "filter" | "sortable" | "lockPosition">;
+export type SimpleColDef = Pick<ColDef, "field" | "headerName" | "hide" | "minWidth" | "filter" | "sortable" | "lockPosition" | "pinned">;
 export type ColumnArrangerDialogProps = {
     open: boolean;
     columns: SimpleColDef[];

package/packages/shared-components/dist/ColumnArranger/ColumnArrangerDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnArrangerDialog.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnArrangerDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAKhD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,MAAM,EACJ,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,UAAU,GACV,cAAc,CACjB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,aAAa,EAAE,YAAY,EAAE,CAAC;QAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;QACjE,SAAS,EAAE,MAAM;YAAE,OAAO,EAAE,YAAY,EAAE,CAAA;SAAE,CAAC;KAC9C,KAAK,GAAG,CAAC,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,IAAI,EACJ,OAAO,EACP,KAAyB,GAC1B,EAAE,QAAQ,CAAC,yBAAyB,CAAC,2CAuCrC"}
+{"version":3,"file":"ColumnArrangerDialog.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnArrangerDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAKhD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,MAAM,EACJ,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,UAAU,GACV,cAAc,GACd,QAAQ,CACX,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,aAAa,EAAE,YAAY,EAAE,CAAC;QAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;QACjE,SAAS,EAAE,MAAM;YAAE,OAAO,EAAE,YAAY,EAAE,CAAA;SAAE,CAAC;KAC9C,KAAK,GAAG,CAAC,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,IAAI,EACJ,OAAO,EACP,KAAyB,GAC1B,EAAE,QAAQ,CAAC,yBAAyB,CAAC,2CA4CrC"}

package/packages/shared-components/dist/ColumnArranger/ColumnArrangerDialog.js

@@ -2,17 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColumnArrangerDialog = ColumnArrangerDialog;
 const jsx_runtime_1 = require("react/jsx-runtime");
-// components/ColumnArrangerDialog.tsx
 const material_1 = require("@mui/material");
 const Button_1 = require("../Button");
 const Dialog_1 = require("../Dialog");
 const ColumnArrangerForm_1 = require("./ColumnArrangerForm");
-function ColumnArrangerDialog({ columns, open, onClose, title = "Arrange Columns", // Added default title
- }) {
+function ColumnArrangerDialog({ columns, open, onClose, title = "Arrange Columns", }) {
     return ((0, jsx_runtime_1.jsx)(ColumnArrangerForm_1.ColumnArrangerForm, { columns: columns, children: ({ arranger, reset, getValues, lockedColumns }) => ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { title: title, open: open, onClose: () => onClose({ columns }), maxWidth: "xs", actions: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", sx: { width: "100%" }, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "outlined", onClick: () => reset(), children: "Reset" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { "data-ptag": "submit", "data-cy": "submit", onClick: () => {
                             const values = getValues();
+                            const modifyValue = values.columns.map((col) => ({
+                                ...col,
+                                hide: !col.hide,
+                            }));
                             onClose({
-                                columns: [...lockedColumns, ...values.columns],
+                                columns: [...lockedColumns, ...modifyValue],
                             });
                         }, children: "Save" })] }), children: arranger })) }));
 }

package/packages/shared-components/dist/ColumnArranger/ColumnArrangerForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnArrangerForm.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnArrangerForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,uBAAuB,EAExB,MAAM,wBAAwB,CAAC;AAMhC,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,eA2CzB"}
+{"version":3,"file":"ColumnArrangerForm.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnArrangerForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,uBAAuB,EAExB,MAAM,wBAAwB,CAAC;AAMhC,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,eAuDzB"}

package/packages/shared-components/dist/ColumnArranger/ColumnArrangerForm.js

@@ -7,20 +7,32 @@ const react_hook_form_1 = require("react-hook-form");
 const ColumnArranger_1 = require("./ColumnArranger");
 function ColumnArrangerForm({ columns, children, }) {
     const lockedColumns = (0, react_1.useMemo)(() => columns.filter((col) => "lockPosition" in col), [columns]);
-    const unlockedColumns = (0, react_1.useMemo)(() => columns.filter((col) => "hide" in col), [columns]);
-    const defaultValues = (0, react_1.useMemo)(() => ({ columns: unlockedColumns }), [unlockedColumns]);
+    const unlockedColumns = (0, react_1.useMemo)(() => columns
+        .filter((col) => "hide" in col)
+        .map((col) => ({
+        ...col,
+        hide: !col.hide,
+    })), [columns]);
+    const initialUnlockedColumnsRef = (0, react_1.useRef)(unlockedColumns);
     const { control, reset, getValues } = (0, react_hook_form_1.useForm)({
-        defaultValues,
-    });
-    const { fields } = (0, react_hook_form_1.useFieldArray)({
-        name: "columns",
-        control,
+        defaultValues: {
+            columns: initialUnlockedColumnsRef.current,
+        },
     });
     const wrappedReset = (values) => {
         reset({
-            columns: Array.isArray(values) ? values : [values],
+            columns: values
+                ? // eslint-disable-next-line sonarjs/no-nested-conditional
+                    Array.isArray(values)
+                        ? values
+                        : [values]
+                : initialUnlockedColumnsRef.current,
         });
     };
+    const { fields } = (0, react_hook_form_1.useFieldArray)({
+        name: "columns",
+        control,
+    });
     return children({
         lockedColumns,
         reset: wrappedReset,

package/packages/shared-components/dist/ColumnArranger/ColumnItem.d.ts

@@ -1,4 +1,4 @@
-import type { Control, FieldArrayWithId } from "react-hook-form";
+import { type Control, type FieldArrayWithId } from "react-hook-form";
 import type { SimpleColDef } from "./ColumnArrangerDialog";
 export type ColumnItemProps = {
     field: FieldArrayWithId<{

package/packages/shared-components/dist/ColumnArranger/ColumnItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnItem.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,gBAAgB,CAAC;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,EAAE,SAAS,CAAC,CAAC;IAChE,OAAO,EAAE,OAAO,CAAC;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,CAAC,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,KAAK,GACN,EAAE,QAAQ,CAAC,eAAe,CAAC,2CAyB3B"}
+{"version":3,"file":"ColumnItem.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,gBAAgB,CAAC;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,EAAE,SAAS,CAAC,CAAC;IAChE,OAAO,EAAE,OAAO,CAAC;QAAE,OAAO,EAAE,YAAY,EAAE,CAAA;KAAE,CAAC,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,KAAK,GACN,EAAE,QAAQ,CAAC,eAAe,CAAC,2CAyB3B"}

package/packages/shared-components/dist/ColumnArranger/ColumnItem.js

@@ -4,10 +4,10 @@ exports.ColumnItem = ColumnItem;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const styles_1 = require("@mui/material/styles");
-const SwitchField_1 = require("../FormFields/SwitchField/SwitchField");
+const FormFields_1 = require("../FormFields");
 const PadBox_1 = require("../PadBox");
 function ColumnItem({ field, control, index, }) {
     const theme = (0, styles_1.useTheme)();
     const { iron } = theme.palette.app.color;
-    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", component: "li", children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", border: "1px solid", flexGrow: 1, borderColor: iron[700], children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingLeft: "24px" }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { flexGrow: 1 }, children: field.headerName }) }), (0, jsx_runtime_1.jsx)(SwitchField_1.SwitchField, { control: control, name: `columns.${index}.hide` })] }) }));
+    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", component: "li", children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", border: "1px solid", flexGrow: 1, borderColor: iron[700], children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingLeft: "24px" }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { flexGrow: 1 }, children: field.headerName }) }), (0, jsx_runtime_1.jsx)(FormFields_1.SwitchField, { control: control, name: `columns.${index}.hide` })] }) }));
 }

package/packages/shared-components/dist/FormFields/SwitchField/SwitchField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/SwitchField/SwitchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACzE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,EACjD,IAAI,EACJ,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAe,EACf,GAAG,eAAe,EACnB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAwDrB"}
+{"version":3,"file":"SwitchField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/SwitchField/SwitchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACzE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,wBAAgB,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,EACjD,IAAI,EACJ,KAAK,EACL,OAAO,EACP,YAAY,EACZ,OAAe,EACf,GAAG,eAAe,EACnB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAyDrB"}

package/packages/shared-components/dist/FormFields/SwitchField/SwitchField.js

@@ -45,7 +45,8 @@ function SwitchField({ name, rules, control, defaultValue, loading = false, ...r
                 color: "white",
             },
             "& .Mui-checked + .MuiSwitch-track": {
-                backgroundColor: butterflyBlue[900],
+                backgroundColor: `${butterflyBlue[900]} !important`,
+                opacity: `${1} !important`,
             },
         } }));
 }

package/packages/shared-components/dist/TabBar/Tab.d.ts

@@ -1,15 +1,17 @@
 import type { TabProps as MuiTabProps } from "@mui/material";
 import type { MouseEvent } from "react";
+import type { DialogTypes } from "../utils";
 import type { MenuProps } from "./TabsMenus";
 export type OnArrowClickFunction = (e: MouseEvent<SVGElement>) => void;
 export type TabModel = {
+    id?: string;
     label: string;
     value: string | number;
     hint?: string;
     showDot?: boolean;
     menu?: MenuProps[];
     trimLabel?: boolean;
-    totalData: number;
+    onAction?: (actionType: DialogTypes, tabData: TabModel) => void;
 };
 export type TabProps = MuiTabProps & TabModel & {
     activeTab: TabModel;
@@ -17,5 +19,5 @@ export type TabProps = MuiTabProps & TabModel & {
     onArrowClick: OnArrowClickFunction;
     menuAnchor: HTMLElement | null;
 };
-export declare function Tab({ label, value, showDot, menu, trimLabel, activeTab, index, onArrowClick, menuAnchor, totalData, ...rest }: TabProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tab({ id, label, value, menu, trimLabel, activeTab, index, onArrowClick, menuAnchor, onAction, ...rest }: TabProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Tab.d.ts.map

package/packages/shared-components/dist/TabBar/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../src/TabBar/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAS7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;AAEvE,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAIF,MAAM,MAAM,QAAQ,GAAG,WAAW,GAChC,QAAQ,GAAG;IACT,SAAS,EAAE,QAAQ,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,oBAAoB,CAAC;IACnC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC,CAAC;AAGJ,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,OAAO,EACP,IAAI,EACJ,SAAgB,EAChB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,UAAU,EACV,SAAS,EACT,GAAG,IAAI,EACR,EAAE,QAAQ,2CAsFV"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../src/TabBar/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAS7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;AAEvE,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;CACjE,CAAC;AAIF,MAAM,MAAM,QAAQ,GAAG,WAAW,GAChC,QAAQ,GAAG;IACT,SAAS,EAAE,QAAQ,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,oBAAoB,CAAC;IACnC,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC,CAAC;AAGJ,wBAAgB,GAAG,CAAC,EAClB,EAAE,EACF,KAAK,EACL,KAAK,EACL,IAAI,EACJ,SAAgB,EAChB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,QAAQ,2CAmFV"}

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

@@ -8,10 +8,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
 const material_1 = require("@mui/material");
 const truncate_1 = __importDefault(require("lodash/truncate"));
-const Chips_1 = require("../Chips");
+const AgGrid_1 = require("../AgGrid");
 const TRIM_LABEL_LENGTH = 15;
 // eslint-disable-next-line sonarjs/cognitive-complexity
-function Tab({ label, value, showDot, menu, trimLabel = true, activeTab, index, onArrowClick, menuAnchor, totalData, ...rest }) {
+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;
@@ -21,13 +21,21 @@ function Tab({ label, value, showDot, menu, trimLabel = true, activeTab, index,
         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: label,
+        key: id,
         iconPosition: "end",
         "data-cy": fallbackTag,
         "data-ptag": fallbackTag,
         value: value ?? index,
-        label: ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "6px", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: labelText }), (0, jsx_runtime_1.jsx)(Chips_1.Chip, { label: totalData, sx: { height: "20px" }, size: "small", color: "info" })] })),
+        label: ((0, jsx_runtime_1.jsxs)(material_1.Stack, { 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;
@@ -35,7 +43,7 @@ function Tab({ label, value, showDot, menu, trimLabel = true, activeTab, index,
     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 showDot ? ((0, jsx_runtime_1.jsx)(material_1.Tab, { sx: {
+    return ((0, jsx_runtime_1.jsx)(material_1.Tab, { disableFocusRipple: true, disableRipple: true, sx: {
             borderRadius: "5px",
             borderBottom: "2px solid",
             borderBottomColor: isActive ? butterflyBlue[900] : "white",
@@ -43,14 +51,8 @@ function Tab({ label, value, showDot, menu, trimLabel = true, activeTab, index,
             [`&.${material_1.tabClasses.root}`]: {
                 minHeight: "40px",
                 height: "40px",
-            },
-        }, ...props, ...rest })) : ((0, jsx_runtime_1.jsx)(material_1.Tab, { sx: {
-            borderRadius: "5px",
-            borderBottom: "2px solid",
-            borderBottomColor: isActive ? butterflyBlue[900] : "white",
-            [`&.${material_1.tabClasses.root}`]: {
-                minHeight: "40px",
-                height: "40px",
+                // padding: 0,
+                paddingLeft: isActive && index > 0 ? "15px" : "10px",
             },
         }, ...props, ...rest }));
 }

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

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import type { DialogTypes } from "../utils";
 import type { TabModel } from "./Tab";
 export type TabBarProps = {
     tabs: TabModel[];
@@ -7,6 +8,7 @@ export type TabBarProps = {
     addButton?: ReactNode;
     actionButton?: ReactNode;
     onChange?: (value: TabModel) => void;
+    onAction?: (actionType: DialogTypes, tabData: TabModel) => void;
 };
-export declare function TabBar({ tabs, onChange, addButton, actionButton, ariaLabel, activeIndex, }: Readonly<TabBarProps>): import("react/jsx-runtime").JSX.Element;
+export declare function TabBar({ tabs, onChange, addButton, actionButton, ariaLabel, activeIndex, onAction, }: Readonly<TabBarProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TabBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../src/TabBar/TabBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,SAAS,EAAkB,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAItC,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAe,GAChB,EAAE,QAAQ,CAAC,WAAW,CAAC,2CAsFvB"}
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../src/TabBar/TabBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,SAAS,EAAkB,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAItC,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;CACjE,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAe,EACf,QAAQ,GACT,EAAE,QAAQ,CAAC,WAAW,CAAC,2CA6FvB"}

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

@@ -6,7 +6,7 @@ const material_1 = require("@mui/material");
 const react_1 = require("react");
 const Tab_1 = require("./Tab");
 const TabsMenus_1 = require("./TabsMenus");
-function TabBar({ tabs, onChange, addButton, actionButton, ariaLabel, activeIndex = 0, }) {
+function TabBar({ tabs, onChange, addButton, actionButton, ariaLabel, activeIndex = 0, onAction, }) {
     const [activeTab, setActiveTab] = (0, react_1.useState)(tabs[activeIndex]);
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
     (0, react_1.useEffect)(() => {
@@ -35,7 +35,12 @@ function TabBar({ tabs, onChange, addButton, actionButton, ariaLabel, activeInde
                                 sx: {
                                     display: "none",
                                 },
+                            }, sx: {
+                                [`&.${material_1.tabsClasses.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);
-                                }, menuAnchor: anchorEl, ...tab }, tab.value))) }) }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "10px", alignItems: "center", children: [addButton, actionButton] })] })] }));
+                                }, onAction: onAction, menuAnchor: anchorEl, ...tab }, tab.value))) }) }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "10px", alignItems: "center", children: [addButton, actionButton] })] })] }));
 }

package/packages/shared-components/dist/utils/hooks/useDialogActions.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-export type DialogTypes = "add" | "edit" | "delete" | "viewAttachment";
+export type DialogTypes = "add" | "edit" | "delete" | "viewAttachment" | "deleteTemplate" | "editTemplate" | "addTemplate";
 export type DialogRenderer = {
     [key in DialogTypes]?: ReactNode;
 };

package/packages/shared-components/dist/utils/hooks/useDialogActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDialogActions.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useDialogActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,gBAAgB,CAAC;AAEvE,MAAM,MAAM,cAAc,GAAG;KAAG,GAAG,IAAI,WAAW,CAAC,CAAC,EAAE,SAAS;CAAE,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG;IAChC,YAAY,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,wBAAgB,gBAAgB;;gCAGK,WAAW;;EAU/C"}
+{"version":3,"file":"useDialogActions.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useDialogActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,WAAW,GACnB,KAAK,GACL,MAAM,GACN,QAAQ,GACR,gBAAgB,GAChB,gBAAgB,GAChB,cAAc,GACd,aAAa,CAAC;AAElB,MAAM,MAAM,cAAc,GAAG;KAAG,GAAG,IAAI,WAAW,CAAC,CAAC,EAAE,SAAS;CAAE,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG;IAChC,YAAY,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,wBAAgB,gBAAgB;;gCAGK,WAAW;;EAU/C"}