@codezee/sixtify-brahma 0.2.84 → 0.2.86

package/README.md

@@ -90,4 +90,6 @@ For detailed usage and examples, check out the full documentation:
 [See Documentation](https://hardikranpariya.github.io/sixtify-brahma/)
 
 
-<!-- Security scan triggered at 2025-09-02 02:28:41 -->
+<!-- Security scan triggered at 2025-09-02 02:28:41 -->
+
+<!-- Security scan triggered at 2025-09-09 05:35:08 -->

package/package.json

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

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

@@ -4,6 +4,7 @@ export type ActionButtonsProps = DataProps & {
     buttons: ActionButton[];
     justifyContent?: StackProps["justifyContent"];
     sx?: SxProps;
+    buttonSx?: SxProps;
 };
-export declare function ActionButtons({ buttons, justifyContent, sx, }: ActionButtonsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActionButtons({ buttons, justifyContent, sx, buttonSx, }: ActionButtonsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ActionButtons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionButtons.d.ts","sourceRoot":"","sources":["../../src/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAKzD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG;IAC3C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC9C,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,CAAC;AAGF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,cAAsB,EACtB,EAAE,GACH,EAAE,kBAAkB,2CAqGpB"}
+{"version":3,"file":"ActionButtons.d.ts","sourceRoot":"","sources":["../../src/ActionButtons/ActionButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAIzD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG;IAC3C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC9C,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAGF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,cAAsB,EACtB,EAAE,EACF,QAAQ,GACT,EAAE,kBAAkB,2CAqGpB"}

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

@@ -8,9 +8,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const noop_1 = __importDefault(require("lodash/noop"));
 const react_1 = require("react");
-const Button_1 = require("../Button");
 // COMPONENT
-function ActionButtons({ buttons, justifyContent = "end", sx, }) {
+function ActionButtons({ buttons, justifyContent = "end", sx, buttonSx, }) {
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
     const [openMenuKey, setOpenMenuKey] = (0, react_1.useState)(null);
     const handleMenuOpen = (event, key) => {
@@ -33,7 +32,7 @@ function ActionButtons({ buttons, justifyContent = "end", sx, }) {
                 ...button,
                 onClick,
             };
-            return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [button.label ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { ...buttonProps, children: button.label }, key)) : ((0, jsx_runtime_1.jsx)(material_1.IconButton, { ...buttonProps, children: button.icon }, key)), isMenuOpen && visibleMenuItems && ((0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl && isMenuOpen), onClose: handleMenuClose, anchorOrigin: {
+            return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [button.label ? ((0, jsx_runtime_1.jsx)(material_1.Button, { sx: buttonSx, ...buttonProps, children: button.label }, key)) : ((0, jsx_runtime_1.jsx)(material_1.IconButton, { ...buttonProps, children: button.icon }, key)), isMenuOpen && visibleMenuItems && ((0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl && isMenuOpen), onClose: handleMenuClose, anchorOrigin: {
                             vertical: "bottom",
                             horizontal: button.menuPlacement === "left" ? "left" : "right",
                         }, children: visibleMenuItems.map((item) => {

package/packages/shared-components/dist/Actions/FilterIconAction.d.ts

@@ -1,4 +1,6 @@
 import type { IconButtonProps } from "@mui/material";
-export type FilterIconActionProps = IconButtonProps;
-export declare const FilterIconAction: (props: FilterIconActionProps) => import("react/jsx-runtime").JSX.Element;
+export type FilterIconActionProps = IconButtonProps & {
+    isFiltered?: boolean;
+};
+export declare const FilterIconAction: ({ isFiltered, ...props }: FilterIconActionProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FilterIconAction.d.ts.map

package/packages/shared-components/dist/Actions/FilterIconAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterIconAction.d.ts","sourceRoot":"","sources":["../../src/Actions/FilterIconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAKrD,MAAM,MAAM,qBAAqB,GAAG,eAAe,CAAC;AAEpD,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAQ5D,CAAC"}
+{"version":3,"file":"FilterIconAction.d.ts","sourceRoot":"","sources":["../../src/Actions/FilterIconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAMrD,MAAM,MAAM,qBAAqB,GAAG,eAAe,GAAG;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,0BAG9B,qBAAqB,4CAQvB,CAAC"}

package/packages/shared-components/dist/Actions/FilterIconAction.js

@@ -3,9 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterIconAction = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
+const SvgFilteredList_1 = require("../Svgs/SvgFilteredList");
 const SvgFilterList_1 = require("../Svgs/SvgFilterList");
 const Tooltip_1 = require("../Tooltip");
-const FilterIconAction = (props) => {
-    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { ...props, sx: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Filter", children: (0, jsx_runtime_1.jsx)(SvgFilterList_1.SvgFilterList, {}) }) }));
+const FilterIconAction = ({ isFiltered = false, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { ...props, sx: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Filter", children: isFiltered ? (0, jsx_runtime_1.jsx)(SvgFilteredList_1.SvgFilteredList, {}) : (0, jsx_runtime_1.jsx)(SvgFilterList_1.SvgFilterList, {}) }) }));
 };
 exports.FilterIconAction = FilterIconAction;

package/packages/shared-components/dist/Actions/InboxIconAction.d.ts

@@ -0,0 +1,4 @@
+import type { IconButtonProps } from "@mui/material";
+export type InboxIconActionProps = IconButtonProps;
+export declare const InboxIconAction: (props: InboxIconActionProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InboxIconAction.d.ts.map

package/packages/shared-components/dist/Actions/InboxIconAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InboxIconAction.d.ts","sourceRoot":"","sources":["../../src/Actions/InboxIconAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAKrD,MAAM,MAAM,oBAAoB,GAAG,eAAe,CAAC;AAEnD,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAQ1D,CAAC"}

package/packages/shared-components/dist/Actions/InboxIconAction.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InboxIconAction = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Svgs_1 = require("../Svgs");
+const Tooltip_1 = require("../Tooltip");
+const InboxIconAction = (props) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.IconButton, { ...props, sx: { padding: "10px" }, children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: "Inbox", children: (0, jsx_runtime_1.jsx)(Svgs_1.InboxIcon, {}) }) }));
+};
+exports.InboxIconAction = InboxIconAction;

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

@@ -9,6 +9,7 @@ export * from "./ExportIconAction";
 export * from "./FilterIconAction";
 export * from "./HistoryIconAction";
 export * from "./ImportIconAction";
+export * from "./InboxIconAction";
 export * from "./ProcessIconAction";
 export * from "./ViewIconAction";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Actions/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Actions/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}

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

@@ -25,5 +25,6 @@ __exportStar(require("./ExportIconAction"), exports);
 __exportStar(require("./FilterIconAction"), exports);
 __exportStar(require("./HistoryIconAction"), exports);
 __exportStar(require("./ImportIconAction"), exports);
+__exportStar(require("./InboxIconAction"), exports);
 __exportStar(require("./ProcessIconAction"), exports);
 __exportStar(require("./ViewIconAction"), exports);

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

@@ -10,6 +10,7 @@ export type AgGridProps<T = unknown> = AgGridReactProps<T> & {
     overlayNoRowsTemplate?: string;
     selectedItems?: number;
     enableSecondRowFilter?: boolean;
+    disableKeyBoardEvent?: boolean;
 };
 type AgGridType = React.ForwardRefExoticComponent<AgGridProps> & (<GenericType>(props: AgGridProps<GenericType>) => JSX.Element);
 export declare const AgGrid: AgGridType;

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

@@ -1 +1 @@
-{"version":3,"file":"AgGrid.d.ts","sourceRoot":"","sources":["../../src/AgGrid/AgGrid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAMjC,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,eAAe,UAAqB,CAAC;AAGlD,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,KAAK,UAAU,GAAG,KAAK,CAAC,yBAAyB,CAAC,WAAW,CAAC,GAC5D,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAElE,eAAO,MAAM,MAAM,EA+Fd,UAAU,CAAC"}
+{"version":3,"file":"AgGrid.d.ts","sourceRoot":"","sources":["../../src/AgGrid/AgGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAMjC,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,eAAe,UAAqB,CAAC;AAGlD,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,OAAO,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,UAAU,GAAG,KAAK,CAAC,yBAAyB,CAAC,WAAW,CAAC,GAC5D,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAElE,eAAO,MAAM,MAAM,EAwGd,UAAU,CAAC"}

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

@@ -12,7 +12,10 @@ exports.defaultPageSize = 50;
 exports.pageSizeOptions = [20, 50, 100, 200];
 exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
     const { layout } = (0, utils_1.useGetDeviceType)();
-    const { cacheBlockSize = props.paginationPageSize ?? exports.defaultPageSize, defaultColDef = {
+    const { cacheBlockSize = props.paginationPageSize ?? exports.defaultPageSize, height = "597px", rowHeight = 50, rowModelType = "infinite", defaultColDef, rowBuffer = 5, totalRecords, 
+    // eslint-disable-next-line quotes
+    overlayNoRowsTemplate = '<span class="ag-overlay-no-rows-center">No Data Found</span>', infiniteInitialRowCount = props.paginationPageSize ?? exports.defaultPageSize, pagination = false, enableSecondRowFilter, disableKeyBoardEvent, ...rest } = props;
+    const defaultColumnDef = {
         flex: 1,
         floatingFilter: false,
         filterParams: {
@@ -22,9 +25,9 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
         },
         lockPosition: true,
         minWidth: layout === "desktop" ? undefined : 200,
-    }, height = "597px", rowHeight = 50, rowModelType = "infinite", rowBuffer = 5, totalRecords, 
-    // eslint-disable-next-line quotes
-    overlayNoRowsTemplate = '<span class="ag-overlay-no-rows-center">No Data Found</span>', infiniteInitialRowCount = props.paginationPageSize ?? exports.defaultPageSize, pagination = false, enableSecondRowFilter, ...rest } = props;
+        wrapHeaderText: true,
+        ...defaultColDef,
+    };
     const { palette: { app: { color }, }, } = (0, material_1.useTheme)();
     if (totalRecords === 0) {
         return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
@@ -39,12 +42,15 @@ exports.AgGrid = (0, react_1.forwardRef)((props, ref) => {
             }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: "No result found" }) }));
     }
     return ((0, jsx_runtime_1.jsxs)(AgGridStyleProvider_1.AgGridStyleProvider, { className: "ag-theme-quartz ", style: { width: "100%", height, position: "relative" }, children: [(0, jsx_runtime_1.jsx)(ag_grid_react_1.AgGridReact, { ref: ref, cacheBlockSize: cacheBlockSize, defaultColDef: {
-                    ...defaultColDef,
+                    ...defaultColumnDef,
+                    menuTabs: ["generalMenuTab", "filterMenuTab", "columnsMenuTab"],
                     floatingFilter: enableSecondRowFilter,
                     suppressFloatingFilterButton: enableSecondRowFilter,
                     filterParams: {
-                        ...defaultColDef.filterParams,
-                        buttons: !enableSecondRowFilter ? ["apply", "reset"] : [],
+                        ...defaultColumnDef.filterParams,
+                        buttons: !enableSecondRowFilter || disableKeyBoardEvent
+                            ? ["apply", "reset"]
+                            : [],
                     },
                 }, rowHeight: rowHeight, rowModelType: rowModelType, rowBuffer: rowBuffer, infiniteInitialRowCount: infiniteInitialRowCount, overlayNoRowsTemplate: overlayNoRowsTemplate, pagination: pagination, ...(pagination ? { paginationPageSize: exports.defaultPageSize } : {}), paginationPageSizeSelector: pagination ? exports.pageSizeOptions : false, ...rest }), !!props.selectedItems && pagination && ((0, jsx_runtime_1.jsx)(material_1.Box, { position: "absolute", bottom: "15px", children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { paddingLeft: "20px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body2", children: ["Selected Rows ", props.selectedItems] }) }) }))] }));
 });

package/packages/shared-components/dist/Button/ButtonGroup.d.ts

@@ -1,3 +1,4 @@
+import type { SxProps } from "@mui/material";
 import type { ReactNode } from "react";
 type ButtonObject = {
     icon: ReactNode;
@@ -9,7 +10,9 @@ type ButtonObject = {
 };
 type ButtonGroupProps = {
     renderButtons: ButtonObject[];
+    sx?: SxProps;
+    containerSx?: SxProps;
 };
-export declare const ButtonGroup: ({ renderButtons }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonGroup: ({ renderButtons, sx, containerSx, }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/packages/shared-components/dist/Button/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/Button/ButtonGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,aAAa,EAAE,YAAY,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mBAAmB,gBAAgB,4CAsB9D,CAAC"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/Button/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,qCAIzB,gBAAgB,4CA0BlB,CAAC"}

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

@@ -5,11 +5,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const lodash_1 = require("lodash");
 const Button_1 = require("./Button");
-const ButtonGroup = ({ renderButtons }) => {
-    return ((0, jsx_runtime_1.jsx)(material_1.ButtonGroup, { sx: { boxShadow: "none" }, "aria-label": "Basic button group", children: renderButtons?.map(({ icon, value, label, selected, onClick, size = "medium" }) => ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: !selected ? "outlined" : "contained", onClick: () => {
+const ButtonGroup = ({ renderButtons, sx, containerSx, }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.ButtonGroup, { sx: { boxShadow: "none", ...containerSx }, "aria-label": "Basic button group", children: renderButtons?.map(({ icon, value, label, selected, onClick, size = "medium" }) => ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: !selected ? "text" : "contained", onClick: () => {
                 if ((0, lodash_1.isFunction)(onClick)) {
                     onClick(value);
                 }
-            }, startIcon: icon, size: size, children: label }, value))) }));
+            }, startIcon: icon, size: size, sx: sx, children: label }, value))) }));
 };
 exports.ButtonGroup = ButtonGroup;

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

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

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

@@ -1 +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,2CAyBvD"}
+{"version":3,"file":"CardItem.d.ts","sourceRoot":"","sources":["../../../src/Card/CardItem/CardItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAc,MAAM,eAAe,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,aAAa,GAAG,UAAU,GAC7B,QAAQ,CAAC;IACP,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC,CAAC;AAEL,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAsBjE"}

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

@@ -3,6 +3,6 @@ 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: { xs: "10px", md: "5px" }, children: [typeof label === "string" ? ((0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body1", sx: { fontWeight: 500 }, flex: 1, maxWidth: "inherit", noWrap: true, children: [label, " :"] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [" ", label, " :"] })), value] }));
+function CardItem({ label, value, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", gap: { xs: "0px", md: "10px" }, ...props, children: [typeof label === "string" ? ((0, jsx_runtime_1.jsx)(material_1.Stack, { gap: "10px", width: "40%", children: (0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body1", sx: { fontWeight: 500 }, flex: 1, noWrap: true, children: [label, " :"] }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [" ", label, " :"] })), value] }));
 }

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

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

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

@@ -1 +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,GAAI,6EAS3B,kBAAkB,4CAuEpB,CAAC"}
+{"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;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,0FAU3B,kBAAkB,4CAuEpB,CAAC"}

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

@@ -3,13 +3,13 @@ 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 CardItemValue = ({ title, subTitle, avatar, loading = false, showAvatar = false, isHideTitle = false, variant = "circular", sx, containerSx, }) => {
     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: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { width: "50%", sx: containerSx, gap: "10px", 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],
                             maxWidth: "inherit",

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileCardBody.d.ts","sourceRoot":"","sources":["../../../../src/Card/ProfileCard/ProfileCardItem/ProfileCardBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM/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"}
+{"version":3,"file":"ProfileCardBody.d.ts","sourceRoot":"","sources":["../../../../src/Card/ProfileCard/ProfileCardItem/ProfileCardBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM/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,2CAkDtB"}

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

@@ -8,5 +8,11 @@ const SvgEmail_1 = require("../../../Svgs/SvgEmail");
 const SvgPhone_1 = require("../../../Svgs/SvgPhone");
 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)(SvgEmail_1.SvgEmail, {}), 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)(SvgPhone_1.SvgPhone, {}), value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: phone, loading: 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)(SvgEmail_1.SvgEmail, {}), value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { containerSx: { width: "80%" }, title: email, loading: loading }), sx: {
+                            justifyContent: "start",
+                            gap: "10px",
+                        } }), (0, jsx_runtime_1.jsx)(CardItem_1.CardItem, { label: (0, jsx_runtime_1.jsx)(SvgPhone_1.SvgPhone, {}), value: (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { containerSx: { width: "80%" }, title: phone, loading: loading }), sx: {
+                            justifyContent: "start",
+                            gap: "10px",
+                        } })] }) }) }));
 }

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

@@ -1 +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;AAK1D,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,2CAmExB"}
+{"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;AAK1D,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,2CAuFxB"}

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

@@ -7,6 +7,8 @@ const Actions_1 = require("../../../Actions");
 const Chips_1 = require("../../../Chips");
 const CardItem_1 = require("../../CardItem");
 function ProfileCardHeader({ avatar, employeeName, designation, employeeCode, loading, isDraft = false, onDeleteClick, }) {
+    const theme = (0, material_1.useTheme)();
+    const { slate } = theme.palette.app.color;
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { 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.DeleteIconAction, { 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: {
@@ -15,5 +17,5 @@ function ProfileCardHeader({ avatar, employeeName, designation, employeeCode, lo
                             display: "-webkit-box",
                             WebkitLineClamp: 1,
                             WebkitBoxOrient: "vertical",
-                        }, width: "330px", fontWeight: "500", textAlign: "center", children: employeeName ?? "-" })), (0, jsx_runtime_1.jsx)(CardItem_1.CardItemValue, { title: designation, loading: loading })] })] }));
+                        }, maxWidth: "330px", fontWeight: "500", textAlign: "center", children: employeeName ?? "-" })), loading ? ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "rounded", height: 30, animation: "wave", width: "200px" })) : ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", fontWeight: 400, color: slate[900], noWrap: true, children: designation ? designation : "-" }))] })] }));
 }

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

@@ -0,0 +1,27 @@
+import type { BarSeriesType } from "@mui/x-charts";
+import type { BarChartProps as MuiBarChartProps } from "@mui/x-charts/BarChart";
+import type { AnchorPosition } from "@mui/x-charts/ChartsLegend/legend.types";
+import type { MakeOptional } from "@mui/x-charts/internals";
+type ExtendedBarSeriesType = MakeOptional<BarSeriesType, "type"> & {
+    color?: string;
+    colorMap?: {
+        [key: string]: string;
+    };
+    getColor?: (value: number, index: number, data: readonly (number | null)[]) => string;
+};
+type BarChartProps = Omit<MuiBarChartProps, "series"> & {
+    series: ExtendedBarSeriesType[];
+    xAxisData?: string[];
+    yAxisLabel?: string;
+    xAxisLabel?: string;
+    loading?: boolean;
+    layout?: MuiBarChartProps["layout"];
+    height?: MuiBarChartProps["height"];
+    width?: MuiBarChartProps["width"];
+    skipAnimation?: boolean;
+    hideLegend?: boolean;
+    legendPosition?: AnchorPosition;
+};
+export declare const BarChart: ({ height, width, skipAnimation, loading, tooltip, series, layout, margin, hideLegend, legendPosition, ...rest }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BarChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../src/Charts/BarChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEhF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,KAAK,qBAAqB,GAAG,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACrC,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,KAC7B,MAAM,CAAC;CACb,CAAC;AAEF,KAAK,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,GAAG;IACtD,MAAM,EAAE,qBAAqB,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAkBF,eAAO,MAAM,QAAQ,GAAI,iHAYtB,aAAa,4CAkBf,CAAC"}

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BarChart = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const BarChart_1 = require("@mui/x-charts/BarChart");
+const StyledBarChart = (0, styles_1.styled)(BarChart_1.BarChart)(({ theme }) => ({
+    "& .MuiChartsAxis-tick": {
+        stroke: theme.palette.text.secondary,
+    },
+    "& .MuiChartsAxis-line": {
+        stroke: theme.palette.divider,
+    },
+    "& .MuiChartsAxis-tickLabel": {
+        fill: theme.palette.text.secondary,
+        fontSize: 12,
+    },
+    "& .MuiChartsLegend-mark": {
+        rx: 4,
+    },
+}));
+const BarChart = ({ height = 300, width, skipAnimation = false, loading = false, tooltip, series, layout = "vertical", margin = { top: 30, right: 30, bottom: 30, left: 30 }, hideLegend = false, legendPosition = { horizontal: "right", vertical: "top" }, ...rest }) => {
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: height, width: width, variant: "rectangular" });
+    }
+    return ((0, jsx_runtime_1.jsx)(StyledBarChart, { height: height, width: width, series: series, margin: margin, layout: layout, skipAnimation: skipAnimation, tooltip: tooltip, slotProps: { legend: { hidden: hideLegend, position: legendPosition } }, ...rest }));
+};
+exports.BarChart = BarChart;

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

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

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

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

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

@@ -14,4 +14,5 @@ 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("./BarChart"), exports);
 __exportStar(require("./PieChart"), exports);

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":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAOhD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,MAAM,EACJ,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,UAAU,GACV,QAAQ,CACX,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACzE,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;QAC5B,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,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACtE,OAAO,EACP,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAwB,GACzB,EAAE,QAAQ,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,2CAiDxC"}
+{"version":3,"file":"ColumnArrangerDialog.d.ts","sourceRoot":"","sources":["../../src/ColumnArranger/ColumnArrangerDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAQhD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,MAAM,EACJ,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,QAAQ,GACR,UAAU,GACV,QAAQ,CACX,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACzE,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;QAC5B,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,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACtE,OAAO,EACP,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAwB,GACzB,EAAE,QAAQ,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,2CAkDxC"}

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

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColumnArrangerDialog = ColumnArrangerDialog;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
 const fromPairs_1 = __importDefault(require("lodash/fromPairs"));
 const Button_1 = require("../Button");
 const Dialog_1 = require("../Dialog");
+const Layouts_1 = require("../Layouts");
 const ColumnArrangerForm_1 = require("./ColumnArrangerForm");
 const useRefinedColumns_1 = require("./hooks/useRefinedColumns");
 function ColumnArrangerDialog({ columns, open, onClose, onSave, title = "Column Chooser", }) {
@@ -16,7 +16,10 @@ function ColumnArrangerDialog({ columns, open, onClose, onSave, title = "Column
     return ((0, jsx_runtime_1.jsx)(ColumnArrangerForm_1.ColumnArrangerForm, { columns: reFinedColumn, children: ({ columnList, reset, getValues }) => ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { title: title, open: open, onClose: () => {
                 onClose();
                 reset();
-            }, 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: () => {
+            }, maxWidth: "xs", actions: (0, jsx_runtime_1.jsxs)(Layouts_1.ButtonContainer, { sx: {
+                    justifyContent: "space-between",
+                    flex: 1,
+                }, 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 result = (0, fromPairs_1.default)(values.columns.map((col) => [col.field, col.hide]));
                             onSave(result);

package/packages/shared-components/dist/FilterList/DateRangePickerPopUp.d.ts

@@ -2,13 +2,12 @@ import type { PopoverProps } from "@mui/material";
 import { type PropsWithChildren } from "react";
 type DateRangePickerPopUpProps = Partial<PropsWithChildren<PopoverProps> & {
     onApply: () => void;
-    showFooter: boolean;
     showDivider: boolean;
     title: string;
     required: boolean;
     background: boolean;
     open: boolean;
 }>;
-export declare const DateRangePickerPopUp: ({ open, anchorEl, onClose, children, onApply, showDivider, showFooter, title, required, background, }: DateRangePickerPopUpProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateRangePickerPopUp: ({ open, anchorEl, onClose, children, onApply, showDivider, title, required, }: DateRangePickerPopUpProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DateRangePickerPopUp.d.ts.map

package/packages/shared-components/dist/FilterList/DateRangePickerPopUp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePickerPopUp.d.ts","sourceRoot":"","sources":["../../src/FilterList/DateRangePickerPopUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAYlD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/C,KAAK,yBAAyB,GAAG,OAAO,CACtC,iBAAiB,CAAC,YAAY,CAAC,GAAG;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;CACf,CACF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,uGAWlC,yBAAyB,4CAmF3B,CAAC"}
+{"version":3,"file":"DateRangePickerPopUp.d.ts","sourceRoot":"","sources":["../../src/FilterList/DateRangePickerPopUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAYlD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,KAAK,yBAAyB,GAAG,OAAO,CACtC,iBAAiB,CAAC,YAAY,CAAC,GAAG;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;CACf,CACF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,+EASlC,yBAAyB,4CAgE3B,CAAC"}

package/packages/shared-components/dist/FilterList/DateRangePickerPopUp.js

@@ -5,29 +5,23 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const x_date_pickers_1 = require("@mui/x-date-pickers");
 const lodash_1 = require("lodash");
-const Button_1 = require("../Button");
 const PadBox_1 = require("../PadBox");
-const DateRangePickerPopUp = ({ open = false, anchorEl, onClose, children, onApply, showDivider = false, showFooter = true, title, required, background = false, }) => {
+const DateRangePickerPopUp = ({ open = false, anchorEl, onClose, children, onApply, showDivider = false, title, required, }) => {
     const theme = (0, material_1.useTheme)();
     const { slate } = theme.palette.app.color;
-    const handleApply = () => {
+    const handleClose = () => {
         if ((0, lodash_1.isFunction)(onApply)) {
             onApply();
         }
-    };
-    const handleClose = () => {
         if ((0, lodash_1.isFunction)(onClose)) {
             onClose({}, "backdropClick");
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Popover, { open: open, anchorEl: anchorEl, anchorOrigin: { vertical: "bottom", horizontal: "left" }, onClose: (_event, reason) => {
-            if (reason === "backdropClick") {
-                return;
-            }
+    return ((0, jsx_runtime_1.jsxs)(material_1.Popover, { open: open, anchorEl: anchorEl, anchorOrigin: { vertical: "bottom", horizontal: "left" }, onClose: () => {
             handleClose();
         }, sx: { "& .MuiPaper-root": { minWidth: "300px" } }, children: [showDivider && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "flex-end", children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "8px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", width: "100%", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: "5px", children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "h6", children: [title, " "] }), required && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", color: "error", children: "*" }))] }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleClose, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.ClearIcon, {}) })] }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { width: "100%" } })] })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                    background: background ? slate[600] : "transparent",
+                    background: slate[600],
                     borderRadius: "5px",
-                }, children: children }), showFooter && ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px" }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", justifyContent: "flex-end", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: handleApply, variant: "text", sx: { maxWidth: "40px" }, children: "Submit" }) }) }))] }));
+                }, children: children })] }));
 };
 exports.DateRangePickerPopUp = DateRangePickerPopUp;

package/packages/shared-components/dist/FilterList/FilterListV2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterListV2.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterListV2.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAgBnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,WAAW,EACjB,eAAe,EAAE,cAAc,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAiB7B;AAED,eAAO,MAAM,YAAY,GAAI,8EAO1B,iBAAiB,4CAinBnB,CAAC"}
+{"version":3,"file":"FilterListV2.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterListV2.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAgBnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,WAAW,EACjB,eAAe,EAAE,cAAc,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAiB7B;AAED,eAAO,MAAM,YAAY,GAAI,8EAO1B,iBAAiB,4CAioBnB,CAAC"}