@dextinity/admin 2.0.0-canary-20260729062014

package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.styles.js

@@ -0,0 +1,32 @@
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { css, IconButton, ListItem as MuiListItem, ListItemText, Switch as MuiSwitch } from "@mui/material";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+export var Root = createComponentSlot(MuiListItem)({
+  componentName: "DataGridColumnsManagementListItem",
+  slotName: "root"
+})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 0;\n    justify-content: space-between;\n"]))));
+export var SwitchTitleContainer = createComponentSlot("div")({
+  componentName: "DataGridColumnsManagementListItem",
+  slotName: "switchTitleContainer"
+})(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n"]))));
+export var Switch = createComponentSlot(MuiSwitch)({
+  componentName: "DataGridColumnsManagementListItem",
+  slotName: "switch"
+})();
+export var ListItemTitle = createComponentSlot(ListItemText)({
+  componentName: "DataGridColumnsManagementListItem",
+  slotName: "listItemTitle"
+})();
+export var PinnedContainer = createComponentSlot("div")({
+  componentName: "DataGridColumnsManagementListItem",
+  slotName: "pinnedContainer"
+})();
+export var PinnedIconButton = createComponentSlot(IconButton)({
+  componentName: "DataGridColumnsManagementListItem",
+  slotName: "pinnedButton"
+})(function (_ref) {
+  var theme = _ref.theme,
+    ownerState = _ref.ownerState;
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        color: ", ";\n    "])), ownerState.active ? theme.palette.primary.main : theme.palette.grey["200"]);
+});

package/lib/dataGrid/excelExport/applyDefaultStyling.d.ts

@@ -0,0 +1,3 @@
+import type { Worksheet } from "exceljs";
+export declare function applyDefaultStyling(worksheet: Worksheet): void;
+//# sourceMappingURL=applyDefaultStyling.d.ts.map

package/lib/dataGrid/excelExport/applyDefaultStyling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyDefaultStyling.d.ts","sourceRoot":"","sources":["../../../src/dataGrid/excelExport/applyDefaultStyling.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,SAAS,QA0CvD"}

package/lib/dataGrid/excelExport/applyDefaultStyling.js

@@ -0,0 +1,46 @@
+export function applyDefaultStyling(worksheet) {
+  worksheet.eachRow(function (row, rowNumber) {
+    row.height = 30;
+    for (var i = 1; i <= row.cellCount; ++i) {
+      var cell = row.getCell(i);
+      cell.fill = {
+        type: "pattern",
+        pattern: "solid",
+        fgColor: {
+          argb: rowNumber % 2 === 1 ? "FFf5f5f5" : "ffffffff"
+        }
+      };
+      cell.font = {
+        color: {
+          argb: "FF707070"
+        }
+      };
+      if (rowNumber === 1) {
+        cell.fill = {
+          type: "pattern",
+          pattern: "solid",
+          fgColor: {
+            argb: "FFf5f5f5"
+          }
+        };
+        cell.font = {
+          bold: true
+        };
+      }
+      cell.border = {
+        right: {},
+        left: {},
+        top: {},
+        bottom: {
+          style: "thin",
+          color: {
+            argb: "FF707070"
+          }
+        }
+      };
+      cell.model.style.alignment = {
+        vertical: "middle"
+      };
+    }
+  });
+}

package/lib/dataGrid/excelExport/generateExcelFile.d.ts

@@ -0,0 +1,9 @@
+import type { GridValidRowModel } from "@mui/x-data-grid";
+import * as Excel from "exceljs";
+import type { GridColDef } from "../GridColDef";
+export interface ExcelGenerationOptions {
+    worksheetName: string;
+    styling?: (worksheet: Excel.Worksheet) => void;
+}
+export declare function generateExcelFile<Row extends GridValidRowModel>(columns: Array<GridColDef<Row>>, data: Row[], generateOptions: ExcelGenerationOptions): Excel.Workbook;
+//# sourceMappingURL=generateExcelFile.d.ts.map

package/lib/dataGrid/excelExport/generateExcelFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateExcelFile.d.ts","sourceRoot":"","sources":["../../../src/dataGrid/excelExport/generateExcelFile.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAEjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,MAAM,WAAW,sBAAsB;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;CAClD;AAwBD,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,iBAAiB,EAC3D,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,EAC/B,IAAI,EAAE,GAAG,EAAE,EACX,eAAe,EAAE,sBAAsB,kBAsE1C"}

package/lib/dataGrid/excelExport/generateExcelFile.js

@@ -0,0 +1,95 @@
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import * as Excel from "exceljs";
+import { applyDefaultStyling } from "./applyDefaultStyling";
+function resolveSingleSelectValueOptionLabel(column, row, value) {
+  if (column.type !== "singleSelect" || column.valueOptions == null) {
+    return value;
+  }
+  var valueOptions = typeof column.valueOptions === "function" ? column.valueOptions({
+    field: column.field,
+    id: row.id,
+    row: row
+  }) : column.valueOptions;
+  var matchingValueOption = valueOptions.find(function (valueOption) {
+    if (_typeof(valueOption) === "object") {
+      return valueOption.value === value;
+    }
+    return valueOption === value;
+  });
+  if (matchingValueOption == null || _typeof(matchingValueOption) !== "object") {
+    return matchingValueOption !== null && matchingValueOption !== void 0 ? matchingValueOption : value;
+  }
+  return matchingValueOption.label;
+}
+export function generateExcelFile(columns, data, generateOptions) {
+  var worksheetName = generateOptions.worksheetName,
+    styling = generateOptions.styling;
+  var workbook = new Excel.Workbook();
+  var worksheet = workbook.addWorksheet(worksheetName);
+  var excelColumns = [];
+  columns.forEach(function (column, columnIndex) {
+    var header = column.headerName;
+    if (!column.disableExport) {
+      excelColumns.push({
+        header: header,
+        key: column.field + columnIndex,
+        width: 20,
+        outlineLevel: 0,
+        style: {},
+        letter: columnIndex.toString(),
+        values: []
+      });
+    }
+  });
+  worksheet.columns = excelColumns;
+  var _iterator = _createForOfIteratorHelper(data),
+    _step;
+  try {
+    var _loop = function _loop() {
+      var row = _step.value;
+      var excelRow = {};
+      try {
+        columns.forEach(function (column, columnIndex) {
+          if (!column.disableExport) {
+            var value = row[column.field];
+            if (column.valueGetter) {
+              var _column$valueGetter;
+              // @ts-expect-error `valueGetter` requires more data but we don't have all that data available so we only pass in what we have and hope nothing breaks
+              value = (_column$valueGetter = column.valueGetter(value, row)) !== null && _column$valueGetter !== void 0 ? _column$valueGetter : "";
+            }
+            if (column.valueFormatter) {
+              var _column$valueFormatte;
+              // @ts-expect-error `valueFormatter` requires more data but we don't have all that data available so we only pass in what we have and hope nothing breaks
+              value = (_column$valueFormatte = column.valueFormatter(value, row)) !== null && _column$valueFormatte !== void 0 ? _column$valueFormatte : "";
+            } else {
+              value = resolveSingleSelectValueOptionLabel(column, row, value);
+            }
+            if (typeof value !== "string" && typeof value !== "boolean" && typeof value !== "number" && value !== null && !(value instanceof Date)) {
+              throw new Error("The type of the provided value \"".concat(_typeof(value), "\" is not supported for excel export."));
+            }
+            excelRow[column.field + columnIndex] = value;
+          }
+        });
+        worksheet.addRow(excelRow);
+      } catch (e) {
+        throw new Error(e);
+      }
+    };
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      _loop();
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  if (styling != null) {
+    styling(worksheet);
+  } else {
+    applyDefaultStyling(worksheet);
+  }
+  return workbook;
+}

package/lib/dataGrid/excelExport/useDataGridExcelExport.d.ts

@@ -0,0 +1,24 @@
+import { type DocumentNode, type OperationVariables } from "@apollo/client";
+import type { GridValidRowModel } from "@mui/x-data-grid";
+import type { GridColDef } from "../GridColDef";
+import { type ExcelGenerationOptions } from "./generateExcelFile";
+export interface ExportApi {
+    loading: boolean;
+    error?: unknown;
+    exportGrid: () => void;
+}
+type DataGridExcelExportOptions = Omit<ExcelGenerationOptions, "worksheetName"> & {
+    fileName?: string;
+    worksheetName?: string;
+};
+export declare function useDataGridExcelExport<Row extends GridValidRowModel, GQLQuery, GQLQueryVariables extends OperationVariables>(params: {
+    columns: Array<GridColDef<Row>>;
+    variables: GQLQueryVariables;
+    query: DocumentNode;
+    resolveQueryNodes: (queryData: GQLQuery) => Row[];
+    totalCount: number;
+    exportOptions?: DataGridExcelExportOptions;
+    hasPaging?: boolean;
+}): ExportApi;
+export {};
+//# sourceMappingURL=useDataGridExcelExport.d.ts.map

package/lib/dataGrid/excelExport/useDataGridExcelExport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGridExcelExport.d.ts","sourceRoot":"","sources":["../../../src/dataGrid/excelExport/useDataGridExcelExport.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,kBAAkB,EAAmB,MAAM,gBAAgB,CAAC;AAC7F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAK1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,KAAK,sBAAsB,EAAqB,MAAM,qBAAqB,CAAC;AAErF,MAAM,WAAW,SAAS;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,KAAK,0BAA0B,GAAG,IAAI,CAAC,sBAAsB,EAAE,eAAe,CAAC,GAAG;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,GAAG,SAAS,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,SAAS,kBAAkB,EAAE,MAAM,EAAE;IAClI,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;IAChC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,KAAK,EAAE,YAAY,CAAC;IACpB,iBAAiB,EAAE,CAAC,SAAS,EAAE,QAAQ,KAAK,GAAG,EAAE,CAAC;IAClD,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,0BAA0B,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,SAAS,CA+DZ"}

package/lib/dataGrid/excelExport/useDataGridExcelExport.js

@@ -0,0 +1,139 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { useApolloClient } from "@apollo/client";
+import { useCallback, useState } from "react";
+import { useIntl } from "react-intl";
+import { downloadFile } from "../../helpers/downloadFile";
+import { generateExcelFile } from "./generateExcelFile";
+export function useDataGridExcelExport(params) {
+  var columns = params.columns,
+    variables = params.variables,
+    query = params.query,
+    resolveQueryNodes = params.resolveQueryNodes,
+    totalCount = params.totalCount,
+    exportOptions = params.exportOptions,
+    _params$hasPaging = params.hasPaging,
+    hasPaging = _params$hasPaging === void 0 ? true : _params$hasPaging;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
+  var client = useApolloClient();
+  var intl = useIntl();
+  var createExcelExportDownload = useCallback(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(columns, data) {
+      var exportOptions,
+        _exportOptions$fileNa,
+        fileName,
+        _exportOptions$worksh,
+        worksheetName,
+        styling,
+        workbook,
+        _args = arguments;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            exportOptions = _args.length > 2 && _args[2] !== undefined ? _args[2] : {};
+            _exportOptions$fileNa = exportOptions.fileName, fileName = _exportOptions$fileNa === void 0 ? intl.formatMessage({
+              id: "comet.dataGrid.excelExport.defaultFileName",
+              defaultMessage: "ExcelExport"
+            }) : _exportOptions$fileNa, _exportOptions$worksh = exportOptions.worksheetName, worksheetName = _exportOptions$worksh === void 0 ? intl.formatMessage({
+              id: "comet.dataGrid.excelExport.defaultWorksheetName",
+              defaultMessage: "Table 1"
+            }) : _exportOptions$worksh, styling = exportOptions.styling;
+            workbook = generateExcelFile(columns, data, {
+              worksheetName: worksheetName,
+              styling: styling
+            });
+            workbook.xlsx.writeBuffer().then(function (buffer) {
+              downloadFile(new Blob([buffer]), safeFileNameWithExtension(fileName));
+            });
+          case 1:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    return function (_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [intl]);
+  var exportGrid = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+    var data, incrementAmount, offset, _yield$client$query, pageData, _t;
+    return _regenerator().w(function (_context2) {
+      while (1) switch (_context2.p = _context2.n) {
+        case 0:
+          setLoading(true);
+          _context2.p = 1;
+          data = [];
+          incrementAmount = 100;
+          offset = 0;
+        case 2:
+          _context2.n = 3;
+          return client.query({
+            query: query,
+            variables: _objectSpread(_objectSpread({}, variables), hasPaging ? {
+              offset: offset,
+              limit: incrementAmount
+            } : {})
+          });
+        case 3:
+          _yield$client$query = _context2.v;
+          pageData = _yield$client$query.data;
+          offset += incrementAmount;
+          data.push.apply(data, _toConsumableArray(resolveQueryNodes(pageData)));
+        case 4:
+          if (hasPaging && data.length < totalCount) {
+            _context2.n = 2;
+            break;
+          }
+        case 5:
+          if (data.length > 0) {
+            createExcelExportDownload(columns, data, exportOptions);
+          }
+          _context2.n = 7;
+          break;
+        case 6:
+          _context2.p = 6;
+          _t = _context2.v;
+          setError(_t);
+        case 7:
+          _context2.p = 7;
+          setLoading(false);
+          return _context2.f(7);
+        case 8:
+          return _context2.a(2);
+      }
+    }, _callee2, null, [[1, 6, 7, 8]]);
+  })), [client, columns, createExcelExportDownload, exportOptions, query, resolveQueryNodes, totalCount, variables, hasPaging]);
+  return {
+    loading: loading,
+    error: error,
+    exportGrid: exportGrid
+  };
+}
+var safeFileNameWithExtension = function safeFileNameWithExtension(fileName) {
+  var excelRegex = /^.*.xlsx?$/;
+  return fileName.match(excelRegex) ? fileName : "".concat(fileName, ".xlsx");
+};

package/lib/dataGrid/gridColumnTypes.d.ts

@@ -0,0 +1,11 @@
+import { type GridColTypeDef } from "@mui/x-data-grid";
+export declare const dataGridDateColumn: GridColTypeDef;
+export declare const dataGridDateTimeColumn: GridColTypeDef;
+/**
+ * Data Grid column definition for ID columns.
+ * Sets `filterOperators` to match the `IdFilter` GraphQL input type.
+ */
+export declare const dataGridIdColumn: GridColTypeDef;
+export declare const dataGridManyToManyColumn: GridColTypeDef;
+export declare const dataGridOneToManyColumn: GridColTypeDef;
+//# sourceMappingURL=gridColumnTypes.d.ts.map

package/lib/dataGrid/gridColumnTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gridColumnTypes.d.ts","sourceRoot":"","sources":["../../src/dataGrid/gridColumnTypes.tsx"],"names":[],"mappings":"AACA,OAAO,EAGH,KAAK,cAAc,EAGtB,MAAM,kBAAkB,CAAC;AA8C1B,eAAO,MAAM,kBAAkB,EAAE,cAehC,CAAC;AA2CF,eAAO,MAAM,sBAAsB,EAAE,cAepC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,cAE9B,CAAC;AAMF,eAAO,MAAM,wBAAwB,EAAE,cAUtC,CAAC;AAMF,eAAO,MAAM,uBAAuB,EAAE,cAUrC,CAAC"}

package/lib/dataGrid/gridColumnTypes.js

@@ -0,0 +1,190 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { inputLabelClasses } from "@mui/material";
+import { getGridDateOperators, getGridStringOperators, GridFilterInputValue } from "@mui/x-data-grid";
+import { format, parse } from "date-fns";
+import { useState } from "react";
+import { FormattedDate, FormattedMessage } from "react-intl";
+import { DatePicker } from "../dateTime/datePicker/DatePicker";
+import { DateTimePicker } from "../dateTime/dateTimePicker/DateTimePicker";
+import { jsx as _jsx } from "react/jsx-runtime";
+var dateFormat = "yyyy-MM-dd";
+var dateTimeFormat = "yyyy-MM-dd HH:mm:ss";
+var DatePickerFilter = function DatePickerFilter(_ref) {
+  var item = _ref.item,
+    applyValue = _ref.applyValue;
+  var _useState = useState(item.value),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  return /*#__PURE__*/_jsx(DatePicker, {
+    value: internalValue,
+    onChange: function onChange(newValue) {
+      setInternalValue(newValue);
+    },
+    onAccept: function onAccept(newValue) {
+      var stringValue = newValue ? format(newValue, dateFormat) : null;
+      applyValue(_objectSpread(_objectSpread({}, item), {}, {
+        value: stringValue
+      }));
+    },
+    slotProps: {
+      root: {
+        sx: _defineProperty({}, "& .".concat(inputLabelClasses.root), {
+          // Render the label normally as no `FieldContainer` is used here to be consistent with other inputs in the datagrid filters
+          display: "block"
+        }),
+        slotProps: {
+          textField: {
+            label: /*#__PURE__*/_jsx(FormattedMessage, {
+              id: "dataGrid.filterOperator.date.label",
+              defaultMessage: "Value"
+            }),
+            onBlur: function onBlur() {
+              applyValue(_objectSpread(_objectSpread({}, item), {}, {
+                value: internalValue
+              }));
+            }
+          }
+        }
+      }
+    }
+  });
+};
+export var dataGridDateColumn = {
+  type: "date",
+  valueGetter: function valueGetter(value) {
+    return value && new Date(value);
+  },
+  renderCell: function renderCell(_ref2) {
+    var value = _ref2.value;
+    return value && /*#__PURE__*/_jsx(FormattedDate, {
+      value: value,
+      dateStyle: "medium"
+    });
+  },
+  filterOperators: getGridDateOperators().map(function (operator) {
+    if (!operator.InputComponent) {
+      // Skip operators that do not have an InputComponent, e.g., "isEmpty" or "isNotEmpty"
+      return operator;
+    }
+    return _objectSpread(_objectSpread({}, operator), {}, {
+      InputComponent: DatePickerFilter
+    });
+  })
+};
+var DateTimePickerFilter = function DateTimePickerFilter(_ref3) {
+  var item = _ref3.item,
+    applyValue = _ref3.applyValue;
+  var dateValue = item.value ? parse(item.value, dateTimeFormat, new Date()) : undefined;
+  var _useState3 = useState(dateValue),
+    _useState4 = _slicedToArray(_useState3, 2),
+    internalValue = _useState4[0],
+    setInternalValue = _useState4[1];
+  var applyDateValue = function applyDateValue(newValue) {
+    var stringValue = newValue ? format(newValue, dateTimeFormat) : null;
+    applyValue(_objectSpread(_objectSpread({}, item), {}, {
+      value: stringValue
+    }));
+  };
+  return /*#__PURE__*/_jsx(DateTimePicker, {
+    value: internalValue,
+    label: /*#__PURE__*/_jsx(FormattedMessage, {
+      id: "dataGrid.filterOperator.dateTime.label",
+      defaultMessage: "Value"
+    }),
+    onChange: function onChange(newValue) {
+      setInternalValue(newValue);
+    },
+    onAccept: function onAccept(newValue) {
+      applyDateValue(newValue);
+    },
+    slotProps: {
+      root: {
+        sx: _defineProperty({}, "& .".concat(inputLabelClasses.root), {
+          // Render the label normally as no `FieldContainer` is used here to be consistent with other inputs in the datagrid filters
+          display: "block"
+        }),
+        slotProps: {
+          textField: {
+            fullWidth: true,
+            onBlur: function onBlur() {
+              applyDateValue(internalValue);
+            }
+          }
+        }
+      }
+    }
+  });
+};
+export var dataGridDateTimeColumn = {
+  type: "dateTime",
+  valueGetter: function valueGetter(value) {
+    return value && new Date(value);
+  },
+  renderCell: function renderCell(_ref4) {
+    var value = _ref4.value;
+    return value && /*#__PURE__*/_jsx(FormattedDate, {
+      value: value,
+      dateStyle: "medium",
+      timeStyle: "short"
+    });
+  },
+  filterOperators: getGridDateOperators().map(function (operator) {
+    if (!operator.InputComponent) {
+      // Skip operators that do not have an InputComponent, e.g., "isEmpty" or "isNotEmpty"
+      return operator;
+    }
+    return _objectSpread(_objectSpread({}, operator), {}, {
+      InputComponent: DateTimePickerFilter
+    });
+  })
+};
+
+/**
+ * Data Grid column definition for ID columns.
+ * Sets `filterOperators` to match the `IdFilter` GraphQL input type.
+ */
+export var dataGridIdColumn = {
+  filterOperators: getGridStringOperators().filter(function (operator) {
+    return ["isAnyOf", "equals", "doesNotEqual"].includes(operator.value);
+  })
+};
+
+/*
+ * Data Grid column definition for many-to-many columns.
+ * Sets `filterOperators` to match the `ManyToManyFilter` GraphQL input type.
+ */
+export var dataGridManyToManyColumn = {
+  filterOperators: [{
+    value: "search",
+    getApplyFilterFn: function getApplyFilterFn() {
+      throw new Error("not implemented, we filter server side");
+    },
+    InputComponent: GridFilterInputValue
+  }]
+};
+
+/*
+ * Data Grid column definition for one-to-many columns.
+ * Sets `filterOperators` to match the `OneToManyFilter` GraphQL input type.
+ */
+export var dataGridOneToManyColumn = {
+  filterOperators: [{
+    value: "search",
+    getApplyFilterFn: function getApplyFilterFn() {
+      throw new Error("not implemented, we filter server side");
+    },
+    InputComponent: GridFilterInputValue
+  }]
+};

package/lib/dataGrid/muiGridFilterToGql.d.ts

@@ -0,0 +1,32 @@
+import type { GridFilterModel } from "@mui/x-data-grid";
+import type { GridColDef } from "./GridColDef";
+interface GqlStringFilter {
+    contains?: string | null;
+    startsWith?: string | null;
+    endsWith?: string | null;
+    equal?: string | null;
+    notEqual?: string | null;
+}
+interface GqlNumberFilter {
+    equal?: number | null;
+    lowerThan?: number | null;
+    greaterThan?: number | null;
+    lowerThanEqual?: number | null;
+    greaterThanEqual?: number | null;
+    notEqual?: number | null;
+}
+interface GqlBooleanFilter {
+    equal?: boolean | null;
+}
+export type GqlFilter = {
+    [key: string]: GqlStringFilter | GqlNumberFilter | GqlBooleanFilter | undefined;
+} & {
+    and?: GqlFilter[] | null;
+    or?: GqlFilter[] | null;
+};
+export declare function muiGridFilterToGql(columns: GridColDef[], filterModel?: GridFilterModel): {
+    filter: GqlFilter;
+    search?: string;
+};
+export {};
+//# sourceMappingURL=muiGridFilterToGql.d.ts.map

package/lib/dataGrid/muiGridFilterToGql.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"muiGridFilterToGql.d.ts","sourceRoot":"","sources":["../../src/dataGrid/muiGridFilterToGql.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA0B/C,UAAU,eAAe;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AACD,UAAU,eAAe;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AACD,UAAU,gBAAgB;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC1B;AACD,MAAM,MAAM,SAAS,GAAG;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,eAAe,GAAG,eAAe,GAAG,gBAAgB,GAAG,SAAS,CAAC;CACnF,GAAG;IACA,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IACzB,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,WAAW,CAAC,EAAE,eAAe,GAAG;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CA+B/H"}