@codezee/sixtify-brahma 0.2.35 → 0.2.37

package/package.json

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

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

@@ -0,0 +1,3 @@
+import type { PropsWithChildren } from "react";
+export declare const ContentBox: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContentBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentBox.d.ts","sourceRoot":"","sources":["../../src/ContentBox/ContentBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,eAAO,MAAM,UAAU,GAAI,cAAc,iBAAiB,4CAkBzD,CAAC"}

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const ContentBox = ({ children }) => {
+    const theme = (0, material_1.useTheme)();
+    const { iron, butterflyBlue } = theme.palette.app.color;
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+            background: iron[600],
+            border: `1px solid ${butterflyBlue[300]}`,
+            borderRadius: "6px",
+            height: "100%",
+            width: "100%",
+        }, children: children }));
+};
+exports.ContentBox = ContentBox;

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FilterList.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,cAAc,EAAE,CAAC;CACnC,CAAC;AACF,eAAO,MAAM,UAAU,GAAI,qBAAqB,eAAe,4CAkK9D,CAAC"}
+{"version":3,"file":"FilterList.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterList.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,EAAE,cAAc,EAAE,CAAC;CACnC,CAAC;AACF,eAAO,MAAM,UAAU,GAAI,qBAAqB,eAAe,4CAoK9D,CAAC"}

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

@@ -9,6 +9,7 @@ const Button_1 = require("../Button");
 const FilterPill_1 = require("../Chips/FilterPill");
 const SvgFilterList_1 = require("../Svgs/SvgFilterList");
 const Tooltip_1 = require("../Tooltip");
+const FilterListV2_1 = require("./FilterListV2");
 const FilterPopup_1 = require("./FilterPopup");
 const FilterPopupWrapper_1 = require("./FilterPopupWrapper");
 const FilterTypeWrapper_1 = require("./FilterTypeWrapper");
@@ -27,7 +28,8 @@ const FilterList = ({ filterListItems }) => {
         setOpenFilterPopup(false);
         setCurrentFilter(null);
         handleClose();
-        setFilterListData(data);
+        const filteredData = (0, FilterListV2_1.formatFilterData)(data, filterListItems);
+        setFilterListData(filteredData);
     };
     const handleClick = (event) => {
         setAnchorEl(event.currentTarget);

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

@@ -8,7 +8,7 @@ export type FilterListV2Props = {
     onChange: (data: FieldValues, isPopup: boolean) => void;
     onClear: () => void;
     resetFormBasedOnFields?: string;
-    dateKeys?: string[];
 };
-export declare const FilterListV2: ({ filterListItems, isDisabled, filterListData, onApply, onClear, onChange, dateKeys, }: FilterListV2Props) => import("react/jsx-runtime").JSX.Element;
+export declare function formatFilterData(data: FieldValues, filterListItems: FilterListType[]): Record<string, FieldValues>;
+export declare const FilterListV2: ({ filterListItems, isDisabled, filterListData, onApply, onClear, onChange, }: FilterListV2Props) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FilterListV2.d.ts.map

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":"AAsBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAenD,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;IAChC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AACF,eAAO,MAAM,YAAY,GAAI,wFAQ1B,iBAAiB,4CAylBnB,CAAC"}
+{"version":3,"file":"FilterListV2.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterListV2.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAenD,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,4CAskBnB,CAAC"}

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

@@ -1,6 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterListV2 = void 0;
+exports.formatFilterData = formatFilterData;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable sonarjs/no-nested-functions */
 /* eslint-disable sonarjs/no-nested-conditional */
@@ -11,6 +15,7 @@ const icons_material_1 = require("@mui/icons-material");
 const material_1 = require("@mui/material");
 const icons_1 = require("@mui/x-date-pickers/icons");
 const lodash_1 = require("lodash");
+const isEqual_1 = __importDefault(require("lodash/isEqual"));
 const luxon_1 = require("luxon");
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
@@ -26,7 +31,19 @@ const Tooltip_1 = require("../Tooltip");
 const FilterPopupWrapper_1 = require("./FilterPopupWrapper");
 const GetFilterPopupComponent_1 = require("./GetFilterPopupComponent");
 const getFormData_1 = require("./getFormData");
-const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onApply, onClear, onChange, dateKeys, }) => {
+function formatFilterData(data, filterListItems) {
+    return Object.fromEntries(Object.entries(data).flatMap(([key, value]) => {
+        if (value) {
+            const config = filterListItems.find((item) => item.key === key);
+            const formattedValue = config?.monthYearFormat && typeof value === "string"
+                ? luxon_1.DateTime.fromISO(value).toFormat("yyyy-MM")
+                : value;
+            return [[key, formattedValue]];
+        }
+        return [];
+    }));
+}
+const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onApply, onClear, onChange, }) => {
     const theme = (0, material_1.useTheme)();
     const { iron, slate } = theme.palette.app.color;
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
@@ -35,7 +52,6 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
     const [openFilterPopup, setOpenFilterPopup] = (0, react_1.useState)(false);
     const [datePickerPopup, setDatePickerPopup] = (0, react_1.useState)(false);
     const [currentFilter, setCurrentFilter] = (0, react_1.useState)(null);
-    const [expandedKeys, setExpandedKeys] = (0, react_1.useState)([]);
     const handleDateRange = (filter) => {
         setCurrentFilter(filter);
         setDatePickerPopup(true);
@@ -114,20 +130,13 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
     const onSubmit = (data) => {
         setOpenFilterPopup(false);
         setCurrentFilter(null);
-        const filteredData = Object.fromEntries(Object.entries(data).filter(([, value]) => value && !(Array.isArray(value) && !value.length)));
+        const filteredData = formatFilterData(data, filterListItems);
         onApply(filteredData, openFilterPopup, currentFilter?.key);
         handleClose();
     };
     const handleDateRangeSubmit = () => {
         setDatePickerPopup(false);
     };
-    const onError = (error) => {
-        const errorKeys = Object.keys(error);
-        const tabsToExpand = filterListItems
-            .filter((filter) => filter.required && errorKeys.includes(filter.key))
-            .map((filter) => filter.key);
-        setExpandedKeys(tabsToExpand);
-    };
     const getFilterItem = (key) => {
         return filterListItems.find((item) => item.key === key);
     };
@@ -163,13 +172,14 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
         }
     }, [company_id]);
     (0, react_1.useMemo)(() => {
-        if (business_unit_id !== filterListData?.business_unit_id &&
+        if (!(0, isEqual_1.default)(business_unit_id, filterListData?.business_unit_id) &&
             !openFilterPopup) {
             setValue("business_unit_location_id", null);
         }
     }, [business_unit_id]);
     (0, react_1.useMemo)(() => {
-        if (department_id !== filterListData?.department_id && !openFilterPopup) {
+        if (!(0, isEqual_1.default)(department_id, filterListData?.department_id) &&
+            !openFilterPopup) {
             setValue("sub_department_id", null);
         }
     }, [department_id]);
@@ -184,10 +194,7 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                 return;
             }
             const item = getFilterItem(key);
-            const keyValue = item &&
-                (0, getFormData_1.getFormValue)(dateKeys?.includes(item?.key)
-                    ? luxon_1.DateTime.fromISO(value).toFormat(FormFields_1.dateFormats.dateWithEuropean)
-                    : value, item);
+            const keyValue = item && (0, getFormData_1.getFormValue)(value, item);
             if (typeof value !== "boolean" && !keyValue) {
                 return;
             }
@@ -196,6 +203,10 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                 , { 
                     // eslint-disable-next-line sonarjs/no-base-to-string
                     toolTipLabel: `${keyValue}`, children: `${item?.label}: ${keyValue}` }), onDelete: () => handleDelete(key), onClick: (e) => {
+                    if (key === "company_id" &&
+                        filterListItems?.some(({ required }) => required)) {
+                        return;
+                    }
                     setOpenFilterPopup(true);
                     filterPopupAnchorElm.current = e.currentTarget;
                     const item = getFilterItem(key);
@@ -221,7 +232,7 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                     if (!shouldFormSubmit) {
                         handleSubmit((data) => {
                             onSubmit(data);
-                        }, onError)();
+                        })();
                     }
                 }, onKeyDown: (e) => {
                     if (e.key === "Enter") {
@@ -229,7 +240,7 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                         if (!shouldFormSubmit) {
                             handleSubmit((data) => {
                                 onSubmit(data);
-                            }, onError)();
+                            })();
                         }
                     }
                 }, children: (0, jsx_runtime_1.jsxs)(material_1.Drawer, { open: open, onClose: (_event, reason) => {
@@ -247,11 +258,7 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                             }, children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px 30px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", width: "100%", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: "Filter" }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
                                                     reset();
                                                     handleClose();
-                                                }, children: (0, jsx_runtime_1.jsx)(icons_1.ClearIcon, {}) })] }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { width: "100%" } })] }), (0, jsx_runtime_1.jsx)(material_1.Stack, { flexGrow: 1, sx: { overflowX: "hidden" }, children: filterListItems.map((filter) => filter.type === "switch" ? ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", width: "80%", sx: { padding: "10px 5px 10px 20px ", margin: "auto" }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: filter.label }), (0, jsx_runtime_1.jsx)(Switch_1.Switch, { control: control, name: filter.key })] }, filter.key)) : ((0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: !!filterListData?.[filter.key], disabled: filter.isDisabled, expanded: expandedKeys.includes(filter.key), onChange: () => {
-                                    setExpandedKeys((prev) => prev.includes(filter.key)
-                                        ? prev.filter((k) => k !== filter.key)
-                                        : [...prev, filter.key]);
-                                }, sx: {
+                                                }, children: (0, jsx_runtime_1.jsx)(icons_1.ClearIcon, {}) })] }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { width: "100%" } })] }), (0, jsx_runtime_1.jsx)(material_1.Stack, { flexGrow: 1, sx: { overflowX: "hidden" }, children: filterListItems.map((filter) => filter.type === "switch" ? ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", width: "80%", sx: { padding: "10px 5px 10px 20px ", margin: "auto" }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: filter.label }), (0, jsx_runtime_1.jsx)(Switch_1.Switch, { control: control, name: filter.key })] }, filter.key)) : ((0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: !!filterListData?.[filter.key] || filter.required, disabled: filter.isDisabled, sx: {
                                     "&.MuiAccordion-root.Mui-expanded": {
                                         margin: "0 !important",
                                     },
@@ -296,7 +303,7 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                                                                 watch(filter.key)[1]
                                                                 ? luxon_1.DateTime.fromISO(watch(filter.key)[1]).toFormat(FormFields_1.dateFormats.dateWithEuropean)
                                                                 : "End Date" }) })] })) : ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, GetFilterPopupComponent_1.getFilterPopupComponent)(filter, control, errors)[filter.type] })) }) })] }, filter.key))) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { width: "100%", position: "absolute", bottom: "70px" } }), (0, jsx_runtime_1.jsx)(material_1.Stack, { height: "70px", children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "10px", sx: { position: "absolute", bottom: "15px" }, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { type: "submit", disabled: shouldFormSubmit, variant: "contained", onClick: () => {
-                                                handleSubmit(onSubmit, onError)();
+                                                handleSubmit(onSubmit)();
                                             }, children: "Apply" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { type: "button", onClick: () => handlerReset(), disabled: Object.keys(formData).every((key) => !formData[key]), variant: "outlined", children: "Reset" })] }) }) })] }) }), currentFilter && ((0, jsx_runtime_1.jsx)(FilterPopupWrapper_1.FilterPopupWrapper, { open: openFilterPopup, onClose: handleCloseFilterPopup, onApply: () => {
                     handleSubmit(onSubmit)();
                 }, control: control, errors: errors, reset: reset, anchorEl: filterPopupAnchorElm.current, filterItem: currentFilter, currentFilterValue: currentFilterValue })), currentFilter && ((0, jsx_runtime_1.jsx)(FilterPopupWrapper_1.FilterPopUpDateRangeWrapper, { open: datePickerPopup, onClose: handleCloseDatePickerPopup, onApply: () => {

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

@@ -5,6 +5,8 @@ type Options = readonly {
     value: string;
     disabled?: boolean;
     avatar?: string;
+    employee_code?: string;
+    punch_code?: string;
 }[];
 export type FilterListType = {
     label: string;
@@ -16,6 +18,8 @@ export type FilterListType = {
     options?: Options;
     multiSelect?: boolean;
     required?: boolean;
+    monthYearFormat?: boolean;
+    employeeAutocomplete?: boolean;
 };
 type FilterTypeWrapperProps = {
     filter: FilterListType;

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

@@ -1 +1 @@
-{"version":3,"file":"FilterTypeWrapper.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterTypeWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG5D,MAAM,MAAM,mBAAmB,GAC3B,cAAc,GACd,MAAM,GACN,MAAM,GACN,WAAW,GACX,UAAU,GACV,OAAO,GACP,QAAQ,CAAC;AAEb,KAAK,OAAO,GAAG,SAAS;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,EAAE,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC/B,CAAC;AACF,eAAO,MAAM,iBAAiB,GAAI,sBAG/B,sBAAsB,4CAqBxB,CAAC"}
+{"version":3,"file":"FilterTypeWrapper.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterTypeWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG5D,MAAM,MAAM,mBAAmB,GAC3B,cAAc,GACd,MAAM,GACN,MAAM,GACN,WAAW,GACX,UAAU,GACV,OAAO,GACP,QAAQ,CAAC;AAEb,KAAK,OAAO,GAAG,SAAS;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,EAAE,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AACF,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC/B,CAAC;AACF,eAAO,MAAM,iBAAiB,GAAI,sBAG/B,sBAAsB,4CAqBxB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"GetFilterPopupComponent.d.ts","sourceRoot":"","sources":["../../src/FilterList/GetFilterPopupComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAOzE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,eAAO,MAAM,uBAAuB,GAClC,gBAAgB,cAAc,EAC9B,SAAS,OAAO,CAAC,WAAW,CAAC,EAC7B,QAAQ,WAAW,CAAC,WAAW,CAAC,KAC/B,wBA4DF,CAAC"}
+{"version":3,"file":"GetFilterPopupComponent.d.ts","sourceRoot":"","sources":["../../src/FilterList/GetFilterPopupComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAOzE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAQ1D,eAAO,MAAM,uBAAuB,GAClC,gBAAgB,cAAc,EAC9B,SAAS,OAAO,CAAC,WAAW,CAAC,EAC7B,QAAQ,WAAW,CAAC,WAAW,CAAC,KAC/B,wBAsGF,CAAC"}

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

@@ -6,7 +6,7 @@ const material_1 = require("@mui/material");
 const FormFields_1 = require("../FormFields");
 const getFilterPopupComponent = (selectedFilter, control, errors) => {
     const theme = (0, material_1.useTheme)();
-    const { sapphireBlue, black } = theme.palette.app.color;
+    const { iron, sapphireBlue, black } = theme.palette.app.color;
     const errorSelectedKey = errors[selectedFilter.key];
     return {
         autoComplete: selectedFilter.options && ((0, jsx_runtime_1.jsx)(FormFields_1.Autocomplete, { disableClearable: true, multiple: selectedFilter.multiSelect ?? false, placeholder: `Select ${selectedFilter.label}`, name: `${selectedFilter.key}`, disabled: selectedFilter.isDisabled, shouldCloseOnSelect: selectedFilter.multiSelect ?? false, control: control, options: selectedFilter.options ?? [], sx: {
@@ -17,9 +17,25 @@ const getFilterPopupComponent = (selectedFilter, control, errors) => {
                     backgroundColor: sapphireBlue[300],
                     color: black[900],
                 },
-            }, error: !!errorSelectedKey, helperText: errorSelectedKey?.message })),
+            }, ...(selectedFilter.employeeAutocomplete && {
+                isShowAvatar: true,
+                isShowSelectAll: false,
+                renderOption: (props, option) => {
+                    const { key, ...optionProps } = props;
+                    return ((0, jsx_runtime_1.jsx)("li", { ...optionProps, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "10px", alignItems: "center", children: [option.avatar && ((0, jsx_runtime_1.jsx)(material_1.Avatar, { sx: { width: 30, height: 30 }, src: option.avatar, alt: option.label })), (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: `${option.label} (${option.employee_code})` }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: iron[800], children: option.punch_code })] })] }) }, key));
+                },
+                getOptionLabel: (option) => {
+                    if (typeof option === "string") {
+                        return option;
+                    }
+                    return `${option.label} (${option.employee_code}) - ${option.punch_code}`;
+                },
+            }), error: !!errorSelectedKey, helperText: errorSelectedKey?.message })),
         text: ((0, jsx_runtime_1.jsx)(FormFields_1.TextField, { name: selectedFilter.key, control: control, disabled: selectedFilter.isDisabled, placeholder: selectedFilter.label, error: !!errorSelectedKey, helperText: errorSelectedKey?.message })),
-        date: ((0, jsx_runtime_1.jsx)(FormFields_1.DatePicker, { name: selectedFilter.key, control: control, disabled: selectedFilter.isDisabled, error: !!errorSelectedKey, helperText: errorSelectedKey?.message })),
+        date: ((0, jsx_runtime_1.jsx)(FormFields_1.DatePicker, { name: selectedFilter.key, control: control, disabled: selectedFilter.isDisabled, error: !!errorSelectedKey, helperText: errorSelectedKey?.message, ...(selectedFilter.monthYearFormat && {
+                format: "MMM yyyy",
+                views: ["year", "month"],
+            }) })),
         dateRange: ((0, jsx_runtime_1.jsx)(FormFields_1.DateRangePicker, { name: selectedFilter.key, control: control, disabled: selectedFilter.isDisabled, error: !!errorSelectedKey, helperText: errorSelectedKey?.message })),
     };
 };

package/packages/shared-components/dist/Svgs/SvgFilterList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SvgFilterList.d.ts","sourceRoot":"","sources":["../../src/Svgs/SvgFilterList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY,4CAmBhD,CAAC"}
+{"version":3,"file":"SvgFilterList.d.ts","sourceRoot":"","sources":["../../src/Svgs/SvgFilterList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY,4CAkBhD,CAAC"}

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

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgFilterList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const SvgFilterList = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "38", height: "38", viewBox: "0 0 36 36", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("rect", { x: "0.5", y: "0.5", width: "34", height: "34", rx: "3.5", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "0.5", y: "0.5", width: "34", height: "34", rx: "3.5", stroke: "#BCBFC2" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 13.8333V11.5C10.5 10.9477 10.9478 10.5 11.5 10.5H24.5001C25.0524 10.5 25.5001 10.9477 25.5001 11.4999L25.5004 13.8333M10.5 13.8333L15.9842 18.534C16.2058 18.724 16.3334 19.0013 16.3334 19.2933V24.2192C16.3334 24.8698 16.9448 25.3472 17.5759 25.1894L18.9092 24.856C19.3544 24.7447 19.6667 24.3448 19.6667 23.8859V19.2933C19.6667 19.0014 19.7943 18.724 20.0159 18.534L25.5004 13.8333M10.5 13.8333H25.5004", stroke: "#151E28", strokeWidth: "1.25", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+const SvgFilterList = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "38", height: "38", viewBox: "0 0 36 36", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("rect", { x: "0.5", y: "0.5", width: "33", height: "33", rx: "3.5", stroke: "#BCBFC2" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5 13.8333V11.5C10.5 10.9477 10.9478 10.5 11.5 10.5H24.5001C25.0524 10.5 25.5001 10.9477 25.5001 11.4999L25.5004 13.8333M10.5 13.8333L15.9842 18.534C16.2058 18.724 16.3334 19.0013 16.3334 19.2933V24.2192C16.3334 24.8698 16.9448 25.3472 17.5759 25.1894L18.9092 24.856C19.3544 24.7447 19.6667 24.3448 19.6667 23.8859V19.2933C19.6667 19.0014 19.7943 18.724 20.0159 18.534L25.5004 13.8333M10.5 13.8333H25.5004", stroke: "#151E28", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
 exports.SvgFilterList = SvgFilterList;

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

@@ -6,6 +6,7 @@ export * from "./Button";
 export * from "./Card";
 export * from "./Charts";
 export * from "./Chips";
+export * from "./ContentBox";
 export * from "./Dialog";
 export * from "./Drawer";
 export * from "./FilterList";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}

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

@@ -22,6 +22,7 @@ __exportStar(require("./Button"), exports);
 __exportStar(require("./Card"), exports);
 __exportStar(require("./Charts"), exports);
 __exportStar(require("./Chips"), exports);
+__exportStar(require("./ContentBox"), exports);
 __exportStar(require("./Dialog"), exports);
 __exportStar(require("./Drawer"), exports);
 __exportStar(require("./FilterList"), exports);