@citizenplatform/core 1.0.5 → 1.0.7

package/dist/index1006.js

@@ -0,0 +1,36 @@
+import e from "./index90.js";
+import t from "./index1002.js";
+import "./index1003.js";
+import { SvgIcon as n } from "@mui/material";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/assets/icons/grid-view-icon.tsx
+var a = ({ isDisabled: a = !1, toolTipLabel: o, ...s }) => {
+	let c = e();
+	return /* @__PURE__ */ r(t, {
+		title: o ?? "strView",
+		children: /* @__PURE__ */ i(n, {
+			...s,
+			viewBox: "0 0 18 18",
+			sx: { color: a ? "gray" : c.palette.text.primary },
+			children: [/* @__PURE__ */ r("path", {
+				d: "M16.158 8.28375C16.386 8.60325 16.5 8.76375 16.5 9C16.5 9.237 16.386 9.39675 16.158 9.71625C15.1335 11.1533 12.5167 14.25 9 14.25C5.4825 14.25 2.8665 11.1525 1.842 9.71625C1.614 9.39675 1.5 9.23625 1.5 9C1.5 8.763 1.614 8.60325 1.842 8.28375C2.8665 6.84675 5.48325 3.75 9 3.75C12.5175 3.75 15.1335 6.8475 16.158 8.28375Z",
+				stroke: "currentColor",
+				"stroke-width": "1.5",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round",
+				fill: "none"
+			}), /* @__PURE__ */ r("path", {
+				d: "M11.25 9C11.25 8.40326 11.0129 7.83097 10.591 7.40901C10.169 6.98705 9.59674 6.75 9 6.75C8.40326 6.75 7.83097 6.98705 7.40901 7.40901C6.98705 7.83097 6.75 8.40326 6.75 9C6.75 9.59674 6.98705 10.169 7.40901 10.591C7.83097 11.0129 8.40326 11.25 9 11.25C9.59674 11.25 10.169 11.0129 10.591 10.591C11.0129 10.169 11.25 9.59674 11.25 9Z",
+				stroke: "currentColor",
+				"stroke-width": "1.5",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round",
+				fill: "none"
+			})]
+		})
+	});
+};
+//#endregion
+export { a as GridViewActionIcon };
+
+//# sourceMappingURL=index1006.js.map

package/dist/index1006.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1006.js","names":[],"sources":["../src/assets/icons/grid-view-icon.tsx"],"sourcesContent":["// import { useAppThemeContext } from \"hooks\";\r\nimport CustomizedTooltip from \"ui/toolTips/CustomizedTooltip\";\r\nimport { type GridEditActionIconProps } from \"./grid-edit-icon\";\r\nimport { SvgIcon } from \"@mui/material\";\r\nimport { useTheme } from \"@mui/system\";\r\n\r\nexport const GridViewActionIcon: React.FC<GridEditActionIconProps> = ({ isDisabled = false, toolTipLabel, ...props }) => {\r\n    const theme = useTheme();\r\n    return (\r\n        <CustomizedTooltip title={toolTipLabel ?? \"strView\"}>\r\n            <SvgIcon\r\n                {...props}\r\n                viewBox=\"0 0 18 18\"\r\n                sx={{ color: isDisabled ? \"gray\" : theme.palette.text.primary }}\r\n            >\r\n                <path d=\"M16.158 8.28375C16.386 8.60325 16.5 8.76375 16.5 9C16.5 9.237 16.386 9.39675 16.158 9.71625C15.1335 11.1533 12.5167 14.25 9 14.25C5.4825 14.25 2.8665 11.1525 1.842 9.71625C1.614 9.39675 1.5 9.23625 1.5 9C1.5 8.763 1.614 8.60325 1.842 8.28375C2.8665 6.84675 5.48325 3.75 9 3.75C12.5175 3.75 15.1335 6.8475 16.158 8.28375Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill = \"none\"/>\r\n                <path d=\"M11.25 9C11.25 8.40326 11.0129 7.83097 10.591 7.40901C10.169 6.98705 9.59674 6.75 9 6.75C8.40326 6.75 7.83097 6.98705 7.40901 7.40901C6.98705 7.83097 6.75 8.40326 6.75 9C6.75 9.59674 6.98705 10.169 7.40901 10.591C7.83097 11.0129 8.40326 11.25 9 11.25C9.59674 11.25 10.169 11.0129 10.591 10.591C11.0129 10.169 11.25 9.59674 11.25 9Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill = \"none\" />\r\n            </SvgIcon>\r\n        </CustomizedTooltip>\r\n    );\r\n}"],"mappings":";;;;;;AAMA,IAAa,KAAyD,EAAE,gBAAa,IAAO,iBAAc,GAAG,QAAY;CACrH,IAAM,IAAQ,EAAS;CACvB,OACI,kBAAC,GAAD;EAAmB,OAAO,KAAgB;EACtC,UAAA,kBAAC,GAAD;GACI,GAAI;GACJ,SAAQ;GACR,IAAI,EAAE,OAAO,IAAa,SAAS,EAAM,QAAQ,KAAK,QAAQ;GAHlE,UAAA,CAKI,kBAAC,QAAD;IAAM,GAAE;IAAmU,QAAO;IAAe,gBAAa;IAAM,kBAAe;IAAQ,mBAAgB;IAAQ,MAAO;GAAO,CAAA,GACjb,kBAAC,QAAD;IAAM,GAAE;IAA8U,QAAO;IAAe,gBAAa;IAAM,kBAAe;IAAQ,mBAAgB;IAAQ,MAAO;GAAQ,CAAA,CACxb;;CACM,CAAA;AAE3B"}

package/dist/index1007.js

@@ -0,0 +1,96 @@
+import { ButtonActionEnum as e } from "./index4.js";
+import t from "./index206.js";
+import { GridActionsCellItem as n } from "./index763.js";
+import { GridEditActionIcon as r } from "./index1003.js";
+import { GridDeleteActionIcon as i } from "./index1004.js";
+import { GridPrintActionIcon as a } from "./index1005.js";
+import { GridViewActionIcon as o } from "./index1006.js";
+import { useTranslation as s } from "react-i18next";
+import { useMemo as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/libs/shared/UI/dataGrid/dataGridController.tsx
+var u = (u) => {
+	let { showSerialNumber: d = !0 } = u, { t: f } = s(), { isMobile: p } = t(), m = {
+		field: "__serialNumber",
+		headerName: f("strSNo"),
+		sortable: !1,
+		filterable: !1,
+		disableColumnMenu: !0,
+		width: p ? 60 : 100,
+		renderCell: (e) => {
+			let t = e.api.getAllRowIds().indexOf(e.id) + 1, n = u.paginationModel;
+			return (n?.page || 0) * (n?.pageSize || 10) + t;
+		}
+	}, h = {
+		field: "actions",
+		headerName: f("strAction"),
+		type: "actions",
+		width: p ? 100 : 140,
+		sortable: !1,
+		filterable: !1,
+		disableColumnMenu: !0,
+		cellClassName: p ? "sticky-cell-action" : "",
+		headerClassName: p ? "sticky-header-action" : "",
+		getActions: (t) => {
+			if (!u.actions?.length) return [];
+			let s = [];
+			for (let c of u.actions) if (!c.hidden) switch (c.type) {
+				case e.VIEW:
+					s.push(/* @__PURE__ */ l(n, {
+						disabled: c.disabled,
+						icon: /* @__PURE__ */ l(o, { isDisabled: c.disabled }),
+						label: f("strView"),
+						onClick: () => c.onClick(t)
+					}, "view"));
+					break;
+				case e.EDIT:
+					s.push(/* @__PURE__ */ l(n, {
+						disabled: c.disabled,
+						icon: /* @__PURE__ */ l(r, { isDisabled: c.disabled }),
+						label: f("strEdit"),
+						onClick: () => c.onClick(t)
+					}, "edit"));
+					break;
+				case e.DELETE:
+					s.push(/* @__PURE__ */ l(n, {
+						disabled: c.disabled,
+						icon: /* @__PURE__ */ l(i, { isDisabled: c.disabled }),
+						label: f("strDelete"),
+						onClick: () => c.onClick(t)
+					}, "delete"));
+					break;
+				case e.PRINT: s.push(/* @__PURE__ */ l(n, {
+					icon: /* @__PURE__ */ l(a, {}),
+					label: f("strPrint"),
+					onClick: () => c.onClick(t)
+				}, "print"));
+			}
+			return s;
+		}
+	};
+	return {
+		t: f,
+		finalColumns: c(() => {
+			let e = u.columns.map((e) => ({
+				...e,
+				headerName: f(e.headerName),
+				minWidth: e.minWidth || (p ? 120 : 180),
+				...p ? { flex: void 0 } : { flex: e.flex || 1 }
+			})), t = u.actions?.some((e) => !e.hidden);
+			return [
+				...(d || !1) === !1 ? [] : [m],
+				...e,
+				...t ? [h] : []
+			];
+		}, [
+			u.columns,
+			u.actions,
+			p
+		]),
+		isMobile: p
+	};
+};
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=index1007.js.map

package/dist/index1007.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1007.js","names":[],"sources":["../src/libs/shared/UI/dataGrid/dataGridController.tsx"],"sourcesContent":["import { type DataGridProps, GridActionsCellItem, type GridActionsColDef, type GridColDef, type GridPaginationModel, type GridRowParams } from \"@mui/x-data-grid\";\r\nimport { GridDeleteActionIcon } from \"assets/icons/grid-delete-icon\";\r\nimport { GridEditActionIcon } from \"assets/icons/grid-edit-icon\";\r\nimport { GridPrintActionIcon } from \"assets/icons/grid-print-icon\";\r\nimport { GridViewActionIcon } from \"assets/icons/grid-view-icon\";\r\nimport useDevice from \"hooks/useDevice\";\r\nimport { ButtonActionEnum } from \"libs/shared/enums/common-enums\";\r\nimport type { GridRowData } from \"libs/shared/types/common-types\";\r\nimport { useMemo } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport interface GridViewProps<T extends GridRowData> extends DataGridProps {\r\n  data: T[];\r\n  pageSize?: number;\r\n  columns: GridColDef[];\r\n  actions?: GridAction[];\r\n  showSerialNumber?: boolean;\r\n}\r\n\r\nexport interface GridAction {\r\n  type: ButtonActionEnum;\r\n  onClick: (params: GridRowParams) => void;\r\n  hidden?: boolean;\r\n  disabled?: boolean;\r\n}\r\n\r\nconst useGridView = <T extends GridRowData>(props: GridViewProps<T>) => {\r\n\r\n  const {showSerialNumber = true} = props\r\n\r\n  const { t } = useTranslation();\r\n\r\n  const { isMobile } = useDevice();\r\n\r\n  const serialNumberColumn: GridColDef = {\r\n    field: \"__serialNumber\",\r\n    headerName: t(\"strSNo\"),\r\n    sortable: false,\r\n    filterable: false,\r\n    disableColumnMenu: true,\r\n    width: isMobile ? 60 : 100,\r\n    renderCell: (params) => {\r\n\r\n      const index =\r\n        params.api\r\n          .getAllRowIds()\r\n          .indexOf(params.id) + 1;\r\n\r\n      const paginationModel =\r\n        props.paginationModel;\r\n\r\n      const previousPage =\r\n        ((paginationModel as GridPaginationModel)?.page || 0) *\r\n        ((paginationModel as GridPaginationModel)?.pageSize || 10);\r\n\r\n      return previousPage + index;\r\n    },\r\n  };\r\n\r\n  const actionColumn: GridActionsColDef = {\r\n    field: \"actions\",\r\n    headerName: t(\"strAction\"),\r\n    type: \"actions\",\r\n    width: isMobile ? 100 : 140,\r\n    sortable: false,\r\n    filterable: false,\r\n    disableColumnMenu: true,\r\n    cellClassName: isMobile\r\n      ? \"sticky-cell-action\"\r\n      : \"\",\r\n\r\n    headerClassName: isMobile\r\n      ? \"sticky-header-action\"\r\n      : \"\",\r\n\r\n    getActions: (params: GridRowParams) => {\r\n\r\n      if (!props.actions?.length) {\r\n        return [];\r\n      }\r\n\r\n      const actionItems = [];\r\n\r\n      for (const action of props.actions) {\r\n\r\n        if (action.hidden) continue;\r\n\r\n        switch (action.type) {\r\n\r\n          case ButtonActionEnum.VIEW:\r\n            actionItems.push(\r\n              <GridActionsCellItem\r\n                disabled={action.disabled}\r\n                key=\"view\"\r\n                icon={<GridViewActionIcon isDisabled={action.disabled}/>}\r\n                label={t(\"strView\")}\r\n                onClick={() =>\r\n                  action.onClick(params)\r\n                }\r\n              />\r\n            );\r\n            break;\r\n\r\n          case ButtonActionEnum.EDIT:\r\n            actionItems.push(\r\n              <GridActionsCellItem\r\n              disabled={action.disabled}\r\n                key=\"edit\"\r\n                icon={<GridEditActionIcon isDisabled={action.disabled}/>}\r\n                label={t(\"strEdit\")}\r\n                onClick={() =>\r\n                  action.onClick(params)\r\n                }\r\n              />\r\n            );\r\n            break;\r\n\r\n          case ButtonActionEnum.DELETE:\r\n            actionItems.push(\r\n              <GridActionsCellItem\r\n              disabled={action.disabled}\r\n                key=\"delete\"\r\n                icon={<GridDeleteActionIcon isDisabled={action.disabled}/>}\r\n                label={t(\"strDelete\")}\r\n                onClick={() =>\r\n                  action.onClick(params)\r\n                }\r\n              />\r\n            );\r\n            break;\r\n          case ButtonActionEnum.PRINT:\r\n            actionItems.push(\r\n              <GridActionsCellItem\r\n                key=\"print\"\r\n                icon={<GridPrintActionIcon />}\r\n                label={t(\"strPrint\")}\r\n                onClick={() =>\r\n                  action.onClick(params)\r\n                }\r\n              />\r\n            );\r\n            break;\r\n        }\r\n      }\r\n\r\n      return actionItems;\r\n    },\r\n  };\r\nconst finalColumns = useMemo(() => {\r\n  const updatedColumns = props.columns.map((column) => ({\r\n    ...column,\r\n    headerName: t(column.headerName!),\r\n    minWidth:\r\n      column.minWidth ||\r\n      (isMobile ? 120 : 180),\r\n\r\n    ...(isMobile\r\n      ? {\r\n          flex: undefined,\r\n        }\r\n      : {\r\n          flex: column.flex || 1,\r\n        }),\r\n  }));\r\n\r\n  const hasVisibleActions = props.actions?.some(\r\n    (action) => !action.hidden\r\n  );\r\n\r\n  return [\r\n    ...((showSerialNumber || false) === false\r\n      ? []\r\n      : [serialNumberColumn]),\r\n\r\n    ...updatedColumns,\r\n\r\n    ...(hasVisibleActions\r\n      ? [actionColumn]\r\n      : []),\r\n  ];\r\n}, [\r\n  props.columns,\r\n  props.actions,\r\n  isMobile,\r\n]);\r\n\r\n  return {\r\n    t,\r\n    finalColumns,\r\n    isMobile\r\n  }\r\n}\r\n\r\nexport default useGridView;"],"mappings":";;;;;;;;;;;AA0BA,IAAM,KAAsC,MAA4B;CAEtE,IAAM,EAAC,sBAAmB,OAAQ,GAE5B,EAAE,SAAM,EAAe,GAEvB,EAAE,gBAAa,EAAU,GAEzB,IAAiC;EACrC,OAAO;EACP,YAAY,EAAE,QAAQ;EACtB,UAAU;EACV,YAAY;EACZ,mBAAmB;EACnB,OAAO,IAAW,KAAK;EACvB,aAAa,MAAW;GAEtB,IAAM,IACJ,EAAO,IACJ,aAAa,CAAC,CACd,QAAQ,EAAO,EAAE,IAAI,GAEpB,IACJ,EAAM;GAMR,QAHI,GAAyC,QAAQ,MACjD,GAAyC,YAAY,MAEnC;EACxB;CACF,GAEM,IAAkC;EACtC,OAAO;EACP,YAAY,EAAE,WAAW;EACzB,MAAM;EACN,OAAO,IAAW,MAAM;EACxB,UAAU;EACV,YAAY;EACZ,mBAAmB;EACnB,eAAe,IACX,uBACA;EAEJ,iBAAiB,IACb,yBACA;EAEJ,aAAa,MAA0B;GAErC,IAAI,CAAC,EAAM,SAAS,QAClB,OAAO,CAAC;GAGV,IAAM,IAAc,CAAC;GAErB,KAAK,IAAM,KAAU,EAAM,SAErB,OAAO,QAEX,QAAQ,EAAO,MAAf;IAEE,KAAK,EAAiB;KACpB,EAAY,KACV,kBAAC,GAAD;MACE,UAAU,EAAO;MAEjB,MAAM,kBAAC,GAAD,EAAoB,YAAY,EAAO,SAAU,CAAA;MACvD,OAAO,EAAE,SAAS;MAClB,eACE,EAAO,QAAQ,CAAM;KAExB,GANK,MAML,CACH;KACA;IAEF,KAAK,EAAiB;KACpB,EAAY,KACV,kBAAC,GAAD;MACA,UAAU,EAAO;MAEf,MAAM,kBAAC,GAAD,EAAoB,YAAY,EAAO,SAAU,CAAA;MACvD,OAAO,EAAE,SAAS;MAClB,eACE,EAAO,QAAQ,CAAM;KAExB,GANK,MAML,CACH;KACA;IAEF,KAAK,EAAiB;KACpB,EAAY,KACV,kBAAC,GAAD;MACA,UAAU,EAAO;MAEf,MAAM,kBAAC,GAAD,EAAsB,YAAY,EAAO,SAAU,CAAA;MACzD,OAAO,EAAE,WAAW;MACpB,eACE,EAAO,QAAQ,CAAM;KAExB,GANK,QAML,CACH;KACA;IACF,KAAK,EAAiB,OACpB,EAAY,KACV,kBAAC,GAAD;KAEE,MAAM,kBAAC,GAAD,CAAsB,CAAA;KAC5B,OAAO,EAAE,UAAU;KACnB,eACE,EAAO,QAAQ,CAAM;IAExB,GANK,OAML,CACH;GAEJ;GAGF,OAAO;EACT;CACF;CAuCA,OAAO;EACL;EACA,cAxCiB,QAAc;GACjC,IAAM,IAAiB,EAAM,QAAQ,KAAK,OAAY;IACpD,GAAG;IACH,YAAY,EAAE,EAAO,UAAW;IAChC,UACE,EAAO,aACN,IAAW,MAAM;IAEpB,GAAI,IACA,EACE,MAAM,KAAA,EACR,IACA,EACE,MAAM,EAAO,QAAQ,EACvB;GACN,EAAE,GAEI,IAAoB,EAAM,SAAS,MACtC,MAAW,CAAC,EAAO,MACtB;GAEA,OAAO;IACL,IAAK,KAAoB,QAAW,KAChC,CAAC,IACD,CAAC,CAAkB;IAEvB,GAAG;IAEH,GAAI,IACA,CAAC,CAAY,IACb,CAAC;GACP;EACF,GAAG;GACD,EAAM;GACN,EAAM;GACN;EACF,CAII;EACA;CACF;AACF"}

package/dist/index1008.js

@@ -0,0 +1,153 @@
+import e from "./index90.js";
+import { DataGrid as t } from "./index1001.js";
+import n from "./index1007.js";
+import r, { useMemo as i } from "react";
+import { Box as a } from "@mui/material";
+import { jsx as o } from "react/jsx-runtime";
+var s = r.memo((r) => {
+	let { data: s, rowCount: c, paginationMode: l = "server", rowHeight: u, ...d } = r, { t: f, isMobile: p, finalColumns: m } = n(r), h = e(), g = (e) => e * 16, _ = i(() => ({
+		noRowsLabel: f("grid.noRowsLabel"),
+		noResultsOverlayLabel: f("grid.noResultsOverlayLabel"),
+		toolbarColumns: f("grid.toolbarColumns"),
+		toolbarFilters: f("grid.toolbarFilters"),
+		toolbarExport: f("grid.toolbarExport"),
+		footerTotalRows: f("grid.footerTotalRows"),
+		footerRowSelected: (e) => f("grid.footerRowSelected", { count: e })
+	}), [f]), v = 3.2, y = {
+		border: `1px solid ${h.palette.datagrid.heading}`,
+		borderRadius: "8px",
+		overflow: "hidden",
+		"& .MuiDataGrid-columnHeaderTitle": {
+			fontWeight: 700,
+			whiteSpace: "nowrap",
+			overflow: "hidden",
+			textOverflow: "ellipsis"
+		},
+		"& .MuiDataGrid-cell": {
+			borderBottom: `1px solid ${h.palette.datagrid.heading}`,
+			whiteSpace: "nowrap",
+			overflow: "hidden",
+			textOverflow: "ellipsis"
+		},
+		"& .MuiDataGrid-row": {
+			backgroundColor: h.palette.datagrid.rowbg,
+			borderBottom: `1px solid ${h.palette.datagrid.heading}`,
+			transition: "all 0.2s ease"
+		},
+		"& .MuiDataGrid-row:hover": { backgroundColor: h.palette.datagrid.filter },
+		"& .MuiDataGrid-row.Mui-selected": { backgroundColor: h.palette.datagrid.filter },
+		"& .MuiDataGrid-row.Mui-selected:hover": { backgroundColor: h.palette.datagrid.filter },
+		"& .MuiCheckbox-root.Mui-checked": { color: h.palette.datagrid.filter },
+		"& .MuiCheckbox-indeterminate": { color: h.palette.datagrid.filter },
+		"& .MuiDataGrid-cell:focus, & .MuiDataGrid-columnHeader:focus, & .MuiDataGrid-cell:focus-within": { outline: `1px solid ${h.palette.datagrid.filter}` },
+		"& .MuiDataGrid-footerContainer": {
+			borderTop: `1px solid ${h.palette.datagrid.heading}`,
+			minHeight: "56px"
+		},
+		"& .MuiDataGrid-overlay": { minHeight: "150px" },
+		"& .MuiDataGrid-scrollbarFiller": { backgroundColor: h.palette.datagrid.heading },
+		"& .disabled-row .MuiDataGrid-checkboxInput": {
+			pointerEvents: "none",
+			opacity: .5
+		}
+	}, b = i(() => ({
+		...y,
+		"& .MuiDataGrid-columnHeaders": {
+			backgroundColor: h.palette.datagrid.heading,
+			borderBottom: `1px solid ${h.palette.datagrid.heading}`
+		},
+		"& .MuiDataGrid-columnHeader": {
+			backgroundColor: h.palette.datagrid.heading,
+			color: h.palette.text.primary,
+			fontWeight: 700,
+			fontSize: "0.9rem",
+			borderRight: `1px solid ${h.palette.datagrid.heading}`
+		}
+	}), [h]), x = i(() => ({
+		...y,
+		"& .MuiDataGrid-columnHeaders": { backgroundColor: h.palette.datagrid.heading },
+		"& .MuiDataGrid-columnHeader": {
+			backgroundColor: h.palette.datagrid.heading,
+			color: h.palette.text.primary,
+			fontWeight: 700,
+			minWidth: "6rem"
+		},
+		"& .MuiDataGrid-columnHeadersInner": { minWidth: "max-content" },
+		"& .MuiDataGrid-virtualScrollerContent": { minWidth: "max-content" },
+		"& .MuiDataGrid-row": { minWidth: "max-content" },
+		"& .sticky-cell-action": {
+			position: "sticky",
+			right: 0,
+			zIndex: 10,
+			backgroundColor: h.palette.datagrid.rowbg,
+			borderLeft: `1px solid ${h.palette.datagrid.heading}`
+		},
+		"& .sticky-header-action": {
+			position: "sticky",
+			right: 0,
+			zIndex: 11,
+			backgroundColor: h.palette.datagrid.heading,
+			borderLeft: `1px solid ${h.palette.datagrid.heading}`
+		},
+		"& .MuiDataGrid-columnSeparator": { display: "none" },
+		"& .MuiDataGrid-footerContainer": { flexWrap: "wrap" },
+		"& .MuiDataGrid-virtualScroller": {
+			overflowX: "auto !important",
+			overflowY: "auto !important"
+		},
+		"& .MuiDataGrid-scrollbar": { display: "block" }
+	}), [h]), S = s.length > 10 ? l === "server" ? "calc(80vh - 10rem)" : 400 : "auto";
+	return /* @__PURE__ */ o(a, {
+		sx: {
+			mt: 2,
+			mb: 2,
+			width: "100%",
+			maxWidth: "100%",
+			overflow: "hidden"
+		},
+		children: /* @__PURE__ */ o(a, {
+			sx: {
+				height: S,
+				width: "100%"
+			},
+			children: /* @__PURE__ */ o(t, {
+				...d,
+				rows: s,
+				columns: m,
+				rowCount: l === "server" && c || s.length,
+				paginationMode: l,
+				columnHeaderHeight: g(v),
+				rowHeight: u || g(3.7),
+				pageSizeOptions: [
+					10,
+					25,
+					50,
+					100
+				],
+				hideFooterSelectedRowCount: !0,
+				localeText: _,
+				sx: {
+					...p ? x : b,
+					width: "100%",
+					"& .MuiDataGrid-main": { overflow: "auto" },
+					"& .MuiDataGrid-columnHeaders": {
+						minHeight: `${g(v)}px !important`,
+						maxHeight: `${g(v)}px !important`
+					}
+				},
+				slotProps: { pagination: {
+					labelRowsPerPage: f("grid.rowsPerPage"),
+					labelDisplayedRows: ({ from: e, to: t, count: n }) => f("grid.displayedRows", {
+						from: e,
+						to: t,
+						count: n === -1 ? `more than ${t}` : n
+					})
+				} }
+			})
+		})
+	});
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=index1008.js.map

package/dist/index1008.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1008.js","names":[],"sources":["../src/libs/shared/UI/dataGrid/DataGrid.tsx"],"sourcesContent":["import { DataGrid, type GridLocaleText } from \"@mui/x-data-grid\";\r\nimport React, { useMemo } from \"react\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nimport useGridView, { type GridViewProps } from \"./dataGridController\";\r\nimport type { GridRowData } from \"libs/shared/types/common-types\";\r\nimport { useTheme } from \"@mui/system\";\r\nimport type { UnknownAction } from \"@reduxjs/toolkit\";\r\n\r\nconst CustomDataGrid = <T extends GridRowData>(\r\n  props: GridViewProps<T>\r\n) => {\r\n  const {\r\n    data,\r\n    rowCount,\r\n    paginationMode = \"server\",\r\n    rowHeight,\r\n    ...rest\r\n  } = props;\r\n\r\n  const { t, isMobile, finalColumns } = useGridView(props);\r\n  const theme = useTheme();\r\n\r\n  const remToPx = (rem: number): number => rem * 16;\r\n\r\n  const localeText: Partial<GridLocaleText> = useMemo(\r\n    () => ({\r\n      noRowsLabel: t(\"grid.noRowsLabel\"),\r\n      noResultsOverlayLabel: t(\"grid.noResultsOverlayLabel\"),\r\n      toolbarColumns: t(\"grid.toolbarColumns\"),\r\n      toolbarFilters: t(\"grid.toolbarFilters\"),\r\n      toolbarExport: t(\"grid.toolbarExport\"),\r\n      footerTotalRows: t(\"grid.footerTotalRows\"),\r\n      footerRowSelected: (count) =>\r\n        t(\"grid.footerRowSelected\", { count }),\r\n    }),\r\n    [t]\r\n  );\r\n\r\n  const HEADER_HEIGHT_REM = 3.2;\r\n  const ROW_HEIGHT_REM = 3.7;\r\n\r\n  const commonStyles = {\r\n    border: `1px solid ${theme.palette.datagrid.heading}`,\r\n    borderRadius: \"8px\",\r\n    overflow: \"hidden\",\r\n\r\n    \"& .MuiDataGrid-columnHeaderTitle\": {\r\n      fontWeight: 700,\r\n      whiteSpace: \"nowrap\",\r\n      overflow: \"hidden\",\r\n      textOverflow: \"ellipsis\",\r\n    },\r\n\r\n    \"& .MuiDataGrid-cell\": {\r\n      borderBottom: `1px solid ${theme.palette.datagrid.heading}`,\r\n      whiteSpace: \"nowrap\",\r\n      overflow: \"hidden\",\r\n      textOverflow: \"ellipsis\",\r\n    },\r\n\r\n    \"& .MuiDataGrid-row\": {\r\n      backgroundColor: theme.palette.datagrid.rowbg,\r\n      borderBottom: `1px solid ${theme.palette.datagrid.heading}`,\r\n      transition: \"all 0.2s ease\",\r\n    },\r\n\r\n    \"& .MuiDataGrid-row:hover\": {\r\n      backgroundColor: theme.palette.datagrid.filter,\r\n    },\r\n\r\n    \"& .MuiDataGrid-row.Mui-selected\": {\r\n      backgroundColor: theme.palette.datagrid.filter,\r\n    },\r\n\r\n    \"& .MuiDataGrid-row.Mui-selected:hover\": {\r\n      backgroundColor: theme.palette.datagrid.filter,\r\n    },\r\n\r\n    \"& .MuiCheckbox-root.Mui-checked\": {\r\n      color: theme.palette.datagrid.filter,\r\n    },\r\n\r\n    \"& .MuiCheckbox-indeterminate\": {\r\n      color: theme.palette.datagrid.filter,\r\n    },\r\n\r\n    \"& .MuiDataGrid-cell:focus, & .MuiDataGrid-columnHeader:focus, & .MuiDataGrid-cell:focus-within\":\r\n      {\r\n        outline: `1px solid ${theme.palette.datagrid.filter}`,\r\n      },\r\n\r\n    \"& .MuiDataGrid-footerContainer\": {\r\n      borderTop: `1px solid ${theme.palette.datagrid.heading}`,\r\n      minHeight: \"56px\",\r\n    },\r\n\r\n    \"& .MuiDataGrid-overlay\": {\r\n      minHeight: \"150px\",\r\n    },\r\n\r\n    \"& .MuiDataGrid-scrollbarFiller\": {\r\n      backgroundColor: theme.palette.datagrid.heading,\r\n    },\r\n\r\n    \"& .disabled-row .MuiDataGrid-checkboxInput\": {\r\n      pointerEvents: \"none\",\r\n      opacity: 0.5,\r\n    },\r\n  };\r\n\r\n  const gridStyles = useMemo(\r\n    () => ({\r\n      ...commonStyles,\r\n\r\n      \"& .MuiDataGrid-columnHeaders\": {\r\n        backgroundColor: theme.palette.datagrid.heading,\r\n        borderBottom: `1px solid ${theme.palette.datagrid.heading}`,\r\n      },\r\n\r\n      \"& .MuiDataGrid-columnHeader\": {\r\n        backgroundColor: theme.palette.datagrid.heading,\r\n        color: theme.palette.text.primary,\r\n        fontWeight: 700,\r\n        fontSize: \"0.9rem\",\r\n        borderRight: `1px solid ${theme.palette.datagrid.heading}`,\r\n      },\r\n    }),\r\n    [theme]\r\n  );\r\n\r\n  const mobileGridStyles = useMemo(\r\n    () => ({\r\n      ...commonStyles,\r\n\r\n      \"& .MuiDataGrid-columnHeaders\": {\r\n        backgroundColor: theme.palette.datagrid.heading,\r\n      },\r\n      \"& .MuiDataGrid-columnHeader\": {\r\n        backgroundColor: theme.palette.datagrid.heading,\r\n        color: theme.palette.text.primary,\r\n        fontWeight: 700,\r\n        minWidth: \"6rem\",\r\n      },\r\n      \"& .MuiDataGrid-columnHeadersInner\": {\r\n        minWidth: \"max-content\",\r\n      },\r\n      \"& .MuiDataGrid-virtualScrollerContent\": {\r\n        minWidth: \"max-content\",\r\n      },\r\n      \"& .MuiDataGrid-row\": {\r\n        minWidth: \"max-content\",\r\n      },\r\n      \"& .sticky-cell-action\": {\r\n        position: \"sticky\",\r\n        right: 0,\r\n        zIndex: 10,\r\n        backgroundColor: theme.palette.datagrid.rowbg,\r\n        borderLeft: `1px solid ${theme.palette.datagrid.heading}`,\r\n      },\r\n      \"& .sticky-header-action\": {\r\n        position: \"sticky\",\r\n        right: 0,\r\n        zIndex: 11,\r\n        backgroundColor: theme.palette.datagrid.heading,\r\n        borderLeft: `1px solid ${theme.palette.datagrid.heading}`,\r\n      },\r\n      \"& .MuiDataGrid-columnSeparator\": {\r\n        display: \"none\",\r\n      },\r\n      \"& .MuiDataGrid-footerContainer\": {\r\n        flexWrap: \"wrap\",\r\n      },\r\n      \"& .MuiDataGrid-virtualScroller\": {\r\n        overflowX: \"auto !important\",\r\n        overflowY: \"auto !important\",\r\n      },\r\n      \"& .MuiDataGrid-scrollbar\": {\r\n        display: \"block\",\r\n      },\r\n    }),\r\n    [theme]\r\n  );\r\n\r\n  const heightLogic =\r\n    data.length > 10\r\n      ? paginationMode === \"server\"\r\n        ? \"calc(80vh - 10rem)\"\r\n        : 400\r\n      : 'auto';\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        mt: 2,\r\n        mb: 2,\r\n        width: \"100%\",\r\n        maxWidth: \"100%\",\r\n        overflow: \"hidden\",\r\n      }}\r\n    >\r\n      <Box\r\n        sx={{\r\n          height: heightLogic,\r\n          width: \"100%\",\r\n        }}\r\n      >\r\n        <DataGrid\r\n          {...rest}\r\n          rows={data}\r\n          columns={finalColumns}\r\n          rowCount={\r\n            paginationMode === \"server\"\r\n              ? rowCount || data.length\r\n              : data.length\r\n          }\r\n          paginationMode={paginationMode}\r\n          columnHeaderHeight={remToPx(HEADER_HEIGHT_REM)}\r\n          rowHeight={rowHeight || remToPx(ROW_HEIGHT_REM)}\r\n          pageSizeOptions={[10, 25, 50, 100]}\r\n          hideFooterSelectedRowCount\r\n          localeText={localeText}\r\n          sx={{\r\n            ...(isMobile ? mobileGridStyles : gridStyles),\r\n            width: \"100%\",\r\n            \"& .MuiDataGrid-main\": {\r\n              overflow: \"auto\",\r\n            },\r\n            \"& .MuiDataGrid-columnHeaders\": {\r\n              minHeight: `${remToPx(\r\n                HEADER_HEIGHT_REM\r\n              )}px !important`,\r\n              maxHeight: `${remToPx(\r\n                HEADER_HEIGHT_REM\r\n              )}px !important`,\r\n            },\r\n          }}\r\n          slotProps={{\r\n            pagination: {\r\n              labelRowsPerPage: t(\"grid.rowsPerPage\"),\r\n              labelDisplayedRows: ({\r\n                from,\r\n                to,\r\n                count,\r\n              }: UnknownAction) =>\r\n                t(\"grid.displayedRows\", {\r\n                  from,\r\n                  to,\r\n                  count:\r\n                    count === -1\r\n                      ? `more than ${to}`\r\n                      : count,\r\n                }),\r\n            },\r\n          }}\r\n        />\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default React.memo(CustomDataGrid);"],"mappings":"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"}

package/dist/index1009.js

@@ -0,0 +1,13 @@
+import { Autocomplete as e } from "@mui/material";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/libs/shared/UI/dropdown/AutocompleteInputField.tsx
+function n(n) {
+	return /* @__PURE__ */ t(e, {
+		...n,
+		fullWidth: !0
+	});
+}
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=index1009.js.map

package/dist/index1009.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1009.js","names":[],"sources":["../src/libs/shared/UI/dropdown/AutocompleteInputField.tsx"],"sourcesContent":["import { Autocomplete, type AutocompleteProps } from \"@mui/material\";\r\nimport type { FieldObject } from \"libs/shared/types/common-types\";\r\n\r\ntype AutoCompleteBasePropTypes<T> = AutocompleteProps<T, boolean, boolean, boolean>\r\n\r\nexport default function AutoCompleteInputField<T extends FieldObject>(props: Readonly<AutoCompleteBasePropTypes<T>>) {\r\n  return <Autocomplete {...props} fullWidth />;\r\n}\r\n"],"mappings":";;;AAKA,SAAwB,EAA8C,GAA+C;CACnH,OAAO,kBAAC,GAAD;EAAc,GAAI;EAAO,WAAA;CAAW,CAAA;AAC7C"}