@dextinity/admin 2.0.0-canary-20260729062014

package/lib/dataGrid/DataGridPanel.js

@@ -0,0 +1,284 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var _excluded = ["children", "open", "slotProps", "iconMapping", "onClose"];
+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 _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+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 _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 _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 _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 _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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+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); }
+import { Add, Check, Close, Reset } from "@dextinity/admin-icons";
+import { css,
+// eslint-disable-next-line no-restricted-imports
+Dialog, DialogContent, Divider, Typography, useMediaQuery, useTheme, useThemeProps } from "@mui/material";
+import { gridColumnVisibilityModelSelector, gridFilterableColumnDefinitionsSelector, gridFilterModelSelector, GridPanel, gridPreferencePanelStateSelector, GridPreferencePanelsValue, useGridApiContext, useGridRootProps, useGridSelector } from "@mui/x-data-grid";
+import { useCallback, useMemo } from "react";
+import { FormattedMessage } from "react-intl";
+import { Button } from "../common/buttons/Button";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var panelTypeTitle = _defineProperty(_defineProperty(_defineProperty({}, GridPreferencePanelsValue.filters, /*#__PURE__*/_jsx(FormattedMessage, {
+  id: "dataGrid.panel.filters",
+  defaultMessage: "Filters"
+})), GridPreferencePanelsValue.columns, /*#__PURE__*/_jsx(FormattedMessage, {
+  id: "dataGrid.panel.columns",
+  defaultMessage: "Columns"
+})), GridPreferencePanelsValue.aiAssistant, /*#__PURE__*/_jsx(FormattedMessage, {
+  id: "dataGrid.panel.aiAssistant",
+  defaultMessage: "AI Assistant"
+}));
+var addFilterText = /*#__PURE__*/_jsx(FormattedMessage, {
+  id: "dataGrid.panel.addFilter",
+  defaultMessage: "Add filter"
+});
+var lastAddedFilterItemId = 0;
+export var DataGridPanel = function DataGridPanel(inProps) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminDataGridPanel"
+    }),
+    children = _useThemeProps.children,
+    open = _useThemeProps.open,
+    slotProps = _useThemeProps.slotProps,
+    _useThemeProps$iconMa = _useThemeProps.iconMapping,
+    iconMapping = _useThemeProps$iconMa === void 0 ? {} : _useThemeProps$iconMa,
+    onClose = _useThemeProps.onClose,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var apiRef = useGridApiContext();
+  var filterModel = useGridSelector(apiRef, gridFilterModelSelector);
+  var filterableColumns = useGridSelector(apiRef, gridFilterableColumnDefinitionsSelector);
+  var _useGridSelector = useGridSelector(apiRef, gridPreferencePanelStateSelector),
+    openedPanelValue = _useGridSelector.openedPanelValue;
+  var initialColumnVisibilityModel = useMemo(function () {
+    return gridColumnVisibilityModelSelector(apiRef);
+  }, [apiRef]);
+  var rootProps = useGridRootProps();
+  var _iconMapping$closeDia = iconMapping.closeDialog,
+    closeDialogIcon = _iconMapping$closeDia === void 0 ? /*#__PURE__*/_jsx(Close, {}) : _iconMapping$closeDia,
+    _iconMapping$addFilte = iconMapping.addFilter,
+    addFilterIcon = _iconMapping$addFilte === void 0 ? /*#__PURE__*/_jsx(Add, {}) : _iconMapping$addFilte,
+    _iconMapping$resetFil = iconMapping.resetFilters,
+    resetFiltersIcon = _iconMapping$resetFil === void 0 ? /*#__PURE__*/_jsx(Reset, {}) : _iconMapping$resetFil,
+    _iconMapping$resetCol = iconMapping.resetColumns,
+    resetColumnsIcon = _iconMapping$resetCol === void 0 ? /*#__PURE__*/_jsx(Reset, {}) : _iconMapping$resetCol,
+    _iconMapping$apply = iconMapping.apply,
+    applyIcon = _iconMapping$apply === void 0 ? /*#__PURE__*/_jsx(Check, {}) : _iconMapping$apply;
+  var geNewFilterItem = useCallback(function () {
+    var _firstColumnWithOpera;
+    var firstColumnWithOperator = filterableColumns.find(function (colDef) {
+      var _colDef$filterOperato;
+      return (_colDef$filterOperato = colDef.filterOperators) === null || _colDef$filterOperato === void 0 ? void 0 : _colDef$filterOperato.length;
+    });
+    if (!(firstColumnWithOperator !== null && firstColumnWithOperator !== void 0 && (_firstColumnWithOpera = firstColumnWithOperator.filterOperators) !== null && _firstColumnWithOpera !== void 0 && _firstColumnWithOpera.length)) {
+      return null;
+    }
+    return {
+      field: firstColumnWithOperator.field,
+      operator: firstColumnWithOperator.filterOperators[0].value,
+      id: lastAddedFilterItemId++
+    };
+  }, [filterableColumns]);
+  var filterItems = useMemo(function () {
+    if (filterModel.items.length) {
+      return filterModel.items;
+    }
+    var newFilterItem = geNewFilterItem();
+    if (newFilterItem) {
+      return [newFilterItem];
+    }
+    return [];
+  }, [filterModel.items, geNewFilterItem]);
+  var addNewFilter = useCallback(function () {
+    var newFilterItem = geNewFilterItem();
+    if (newFilterItem) {
+      apiRef.current.upsertFilterItems([].concat(_toConsumableArray(filterItems), [newFilterItem]));
+    }
+  }, [apiRef, filterItems, geNewFilterItem]);
+  var resetFilters = useCallback(function () {
+    apiRef.current.setFilterModel({
+      items: []
+    });
+  }, [apiRef]);
+  var resetColumns = useCallback(function () {
+    apiRef.current.setColumnVisibilityModel(initialColumnVisibilityModel);
+  }, [apiRef, initialColumnVisibilityModel]);
+  var closeDialog = useCallback(function () {
+    onClose === null || onClose === void 0 || onClose();
+  }, [onClose]);
+  var theme = useTheme();
+  var renderFullScreen = useMediaQuery(theme.breakpoints.down("md"));
+  var resetFiltersButton = /*#__PURE__*/_jsx(ResetFiltersButton, _objectSpread(_objectSpread({
+    variant: "outlined",
+    startIcon: resetFiltersIcon,
+    onClick: resetFilters
+  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.resetFiltersButton), {}, {
+    children: /*#__PURE__*/_jsx(FormattedMessage, {
+      id: "dataGrid.panel.resetFilters",
+      defaultMessage: "Reset filters"
+    })
+  }));
+  var resetColumnsButton = /*#__PURE__*/_jsx(ResetColumnsButton, _objectSpread(_objectSpread({
+    variant: "outlined",
+    startIcon: resetColumnsIcon,
+    onClick: resetColumns
+  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.resetColumnsButton), {}, {
+    children: /*#__PURE__*/_jsx(FormattedMessage, {
+      id: "dataGrid.panel.resetColumns",
+      defaultMessage: "Reset columns"
+    })
+  }));
+  var applyButton = /*#__PURE__*/_jsx(ApplyButton, _objectSpread(_objectSpread({
+    startIcon: applyIcon,
+    onClick: closeDialog
+  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.applyButton), {}, {
+    children: /*#__PURE__*/_jsx(FormattedMessage, {
+      id: "dataGrid.panel.apply",
+      defaultMessage: "Apply"
+    })
+  }));
+  if (renderFullScreen) {
+    return /*#__PURE__*/_jsxs(MobileDialog, _objectSpread(_objectSpread({
+      open: open,
+      onClose: closeDialog,
+      fullScreen: true
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileDialog), {}, {
+      children: [/*#__PURE__*/_jsxs(MobileDialogHeader, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileDialogHeader), {}, {
+        children: [/*#__PURE__*/_jsx(MobileDialogTitle, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileDialogTitle), {}, {
+          children: !!openedPanelValue && panelTypeTitle[openedPanelValue]
+        })), /*#__PURE__*/_jsx(MobileDialogCloseButton, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileDialogCloseButton), {}, {
+          variant: "textDark",
+          onClick: closeDialog,
+          children: closeDialogIcon
+        }))]
+      })), /*#__PURE__*/_jsx(MobileDialogContent, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileDialogContent), {}, {
+        children: children
+      })), /*#__PURE__*/_jsxs(MobileDialogFooter, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileDialogFooter), {}, {
+        children: [openedPanelValue === GridPreferencePanelsValue.filters && !rootProps.disableMultipleColumnsFiltering && /*#__PURE__*/_jsx(MobileAddFilterButtonWrapper, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileAddFilterButtonWrapper), {}, {
+          children: /*#__PURE__*/_jsx(MobileAddFilterButton, _objectSpread(_objectSpread({
+            variant: "textDark",
+            startIcon: addFilterIcon,
+            onClick: addNewFilter
+          }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileAddFilterButton), {}, {
+            children: addFilterText
+          }))
+        })), /*#__PURE__*/_jsxs(MobileDialogFooterActions, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileDialogFooterActions), {}, {
+          children: [openedPanelValue === GridPreferencePanelsValue.filters && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [resetFiltersButton, applyButton]
+          }), openedPanelValue === GridPreferencePanelsValue.columns && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [resetColumnsButton, applyButton]
+          })]
+        }))]
+      }))]
+    }));
+  }
+  return /*#__PURE__*/_jsxs(DesktopGridPanel, _objectSpread(_objectSpread(_objectSpread({
+    ownerState: rootProps,
+    open: open,
+    onClose: onClose
+  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.desktopGridPanel), restProps), {}, {
+    children: [children, /*#__PURE__*/_jsx(DesktopPanelFooterDivider, _objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.desktopPanelFooterDivider)), /*#__PURE__*/_jsxs(DesktopPanelFooter, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.desktopPanelFooter), {}, {
+      children: [openedPanelValue === GridPreferencePanelsValue.filters && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("div", {
+          children: !rootProps.disableMultipleColumnsFiltering && /*#__PURE__*/_jsx(DesktopAddFilterButton, {
+            variant: "outlined",
+            startIcon: addFilterIcon,
+            onClick: addNewFilter,
+            children: addFilterText
+          })
+        }), resetFiltersButton]
+      }), openedPanelValue === GridPreferencePanelsValue.columns && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [resetColumnsButton, applyButton]
+      })]
+    }))]
+  }));
+};
+var DesktopGridPanel = createComponentSlot(GridPanel)({
+  componentName: "DataGridPanel",
+  slotName: "desktopGridPanel"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        .MuiDataGrid-panelHeader,\n        .MuiDataGrid-columnsManagementHeader,\n        .MuiDataGrid-panelFooter,\n        .MuiDataGrid-columnsManagementFooter {\n            // Hide MUIs header and footer so we can add our own with a better structure for styling\n            display: none;\n        }\n\n        .MuiDataGrid-paper {\n            border: 1px solid ", ";\n            box-shadow: ", ";\n            border-radius: 4px;\n            max-height: none;\n            flex-direction: column;\n            padding: 0;\n        }\n    "])), theme.palette.grey[100], theme.shadows[4]);
+});
+var DesktopPanelFooterDivider = createComponentSlot(Divider)({
+  componentName: "DataGridPanel",
+  slotName: "desktopPanelFooterDivider"
+})();
+var DesktopPanelFooter = createComponentSlot("div")({
+  componentName: "DataGridPanel",
+  slotName: "desktopPanelFooter"
+})(function (_ref2) {
+  var theme = _ref2.theme;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        display: flex;\n        justify-content: space-between;\n        padding: ", ";\n        gap: ", ";\n    "])), theme.spacing(4), theme.spacing(3));
+});
+var DesktopAddFilterButton = createComponentSlot(Button)({
+  componentName: "DataGridPanel",
+  slotName: "desktopAddFilterButton"
+})();
+var MobileDialog = createComponentSlot(Dialog)({
+  componentName: "DataGridPanel",
+  slotName: "mobileDialog"
+})(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    .MuiDataGrid-panelContent,\n    .MuiDataGrid-columnsManagement {\n        max-height: none;\n    }\n\n    .MuiDataGrid-panelHeader,\n    .MuiDataGrid-columnsManagementHeader,\n    .MuiDataGrid-panelFooter,\n    .MuiDataGrid-columnsManagementFooter {\n        // Hide MUIs header and footer so we can add our own with a better structure for styling\n        display: none;\n    }\n"]))));
+var MobileDialogHeader = createComponentSlot("div")({
+  componentName: "DataGridPanel",
+  slotName: "mobileDialogHeader"
+})(function (_ref3) {
+  var theme = _ref3.theme;
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: ", ";\n        padding-left: ", ";\n        box-shadow: ", ";\n    "])), theme.spacing(2), theme.spacing(4), theme.shadows[4]);
+});
+var MobileDialogTitle = createComponentSlot(Typography)({
+  componentName: "DataGridPanel",
+  slotName: "mobileDialogTitle"
+})();
+var MobileDialogCloseButton = createComponentSlot(Button)({
+  componentName: "DataGridPanel",
+  slotName: "mobileDialogCloseButton"
+})(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    min-width: 0; // TODO: Should this be done in the theme?\n"]))));
+var MobileDialogContent = createComponentSlot(DialogContent)({
+  componentName: "DataGridPanel",
+  slotName: "mobileDialogContent"
+})(function (_ref4) {
+  var theme = _ref4.theme;
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        padding: 0;\n        background-color: white;\n\n        ", " {\n            padding: 0;\n        }\n    "])), theme.breakpoints.up("sm"));
+});
+var MobileDialogFooter = createComponentSlot("div")({
+  componentName: "DataGridPanel",
+  slotName: "mobileDialogFooter"
+})();
+var MobileAddFilterButtonWrapper = createComponentSlot("div")({
+  componentName: "DataGridPanel",
+  slotName: "mobileAddFilterButtonWrapper"
+})(function (_ref5) {
+  var theme = _ref5.theme;
+  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        position: relative;\n        display: flex;\n        justify-content: center;\n        padding: ", " ", ";\n        box-shadow: ", ";\n        border-bottom: 1px solid ", ";\n    "])), theme.spacing(2), theme.spacing(4), theme.shadows[4], theme.palette.divider);
+});
+var MobileAddFilterButton = createComponentSlot(Button)({
+  componentName: "DataGridPanel",
+  slotName: "mobileAddFilterButton"
+})();
+var MobileDialogFooterActions = createComponentSlot("div")({
+  componentName: "DataGridPanel",
+  slotName: "mobileDialogFooterActions"
+})(function (_ref6) {
+  var theme = _ref6.theme;
+  return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        display: flex;\n        justify-content: space-between;\n        padding: ", ";\n        box-shadow: ", ";\n    "])), theme.spacing(4), theme.shadows[4]);
+});
+var ResetFiltersButton = createComponentSlot(Button)({
+  componentName: "DataGridPanel",
+  slotName: "resetFiltersButton"
+})();
+var ResetColumnsButton = createComponentSlot(Button)({
+  componentName: "DataGridPanel",
+  slotName: "resetColumnsButton"
+})();
+var ApplyButton = createComponentSlot(Button)({
+  componentName: "DataGridPanel",
+  slotName: "applyButton"
+})();

package/lib/dataGrid/GridCellContent.d.ts

@@ -0,0 +1,32 @@
+import { type ComponentsOverrides, type Theme, Typography } from "@mui/material";
+import type { ReactNode } from "react";
+import type { ThemedComponentBaseProps } from "../helpers/ThemedComponentBaseProps";
+export type GridCellContentClassKey = "root" | "hasSecondaryText" | "iconContainer" | "textContainer" | "primaryText" | "secondaryText";
+export interface GridCellContentProps extends ThemedComponentBaseProps<{
+    root: "div";
+    textContainer: "div";
+    iconContainer: "div";
+    primaryText: typeof Typography;
+    secondaryText: typeof Typography;
+}> {
+    primaryText?: ReactNode;
+    secondaryText?: ReactNode;
+    children?: ReactNode;
+    icon?: ReactNode;
+}
+export declare const GridCellContent: (inProps: GridCellContentProps) => import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentsPropsList {
+        CometAdminGridCellContent: GridCellContentProps;
+    }
+    interface ComponentNameToClassKey {
+        CometAdminGridCellContent: GridCellContentClassKey;
+    }
+    interface Components {
+        CometAdminGridCellContent?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminGridCellContent"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminGridCellContent"];
+        };
+    }
+}
+//# sourceMappingURL=GridCellContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridCellContent.d.ts","sourceRoot":"","sources":["../../src/dataGrid/GridCellContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAO,KAAK,KAAK,EAAE,UAAU,EAAiB,MAAM,eAAe,CAAC;AACrG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAEpF,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,kBAAkB,GAAG,eAAe,GAAG,eAAe,GAAG,aAAa,GAAG,eAAe,CAAC;AAExI,MAAM,WAAW,oBACb,SAAQ,wBAAwB,CAAC;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,aAAa,EAAE,KAAK,CAAC;IACrB,aAAa,EAAE,KAAK,CAAC;IACrB,WAAW,EAAE,OAAO,UAAU,CAAC;IAC/B,aAAa,EAAE,OAAO,UAAU,CAAC;CACpC,CAAC;IACF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAMD,eAAO,MAAM,eAAe,GAAI,SAAS,oBAAoB,4CAqB5D,CAAC;AA0EF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,yBAAyB,EAAE,oBAAoB,CAAC;KACnD;IAED,UAAU,uBAAuB;QAC7B,yBAAyB,EAAE,uBAAuB,CAAC;KACtD;IAED,UAAU,UAAU;QAChB,yBAAyB,CAAC,EAAE;YACxB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,2BAA2B,CAAC,CAAC,CAAC;YACzE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,2BAA2B,CAAC,CAAC;SAC5E,CAAC;KACL;CACJ"}

package/lib/dataGrid/GridCellContent.js

@@ -0,0 +1,78 @@
+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); }
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _excluded = ["children", "primaryText", "secondaryText", "slotProps", "icon"];
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { css, Typography, useThemeProps } from "@mui/material";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var GridCellContent = function GridCellContent(inProps) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminGridCellContent"
+    }),
+    children = _useThemeProps.children,
+    primaryText = _useThemeProps.primaryText,
+    secondaryText = _useThemeProps.secondaryText,
+    slotProps = _useThemeProps.slotProps,
+    icon = _useThemeProps.icon,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var ownerState = {
+    hasSecondaryText: Boolean(secondaryText)
+  };
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({
+    ownerState: ownerState
+  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
+    children: [icon && /*#__PURE__*/_jsx(IconContainer, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.iconContainer), {}, {
+      children: icon
+    })), /*#__PURE__*/_jsxs(TextContainer, {
+      children: [/*#__PURE__*/_jsx(PrimaryText, _objectSpread(_objectSpread({
+        ownerState: ownerState
+      }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.primaryText), {}, {
+        children: primaryText ? primaryText : children
+      })), ownerState.hasSecondaryText && /*#__PURE__*/_jsx(SecondaryText, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.secondaryText), {}, {
+        children: secondaryText
+      }))]
+    })]
+  }));
+};
+var Root = createComponentSlot("div")({
+  componentName: "GridCellContent",
+  slotName: "root",
+  classesResolver: function classesResolver(ownerState) {
+    return [ownerState.hasSecondaryText && "hasSecondaryText"];
+  }
+})(function (_ref) {
+  var theme = _ref.theme;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        gap: ", ";\n        overflow: hidden;\n        line-height: 0;\n        height: 100%;\n    "])), theme.spacing(2));
+});
+var TextContainer = createComponentSlot("div")({
+  componentName: "GridCellContent",
+  slotName: "textContainer"
+})(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    overflow: hidden;\n"]))));
+var IconContainer = createComponentSlot("div")({
+  componentName: "GridCellContent",
+  slotName: "iconContainer"
+})(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    flex-shrink: 0;\n"]))));
+var ellipsisStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n"])));
+var PrimaryText = createComponentSlot(Typography)({
+  componentName: "GridCellContent",
+  slotName: "primaryText"
+})(function (_ref2) {
+  var theme = _ref2.theme,
+    ownerState = _ref2.ownerState;
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        color: ", ";\n        font-size: 12px;\n        font-weight: ", ";\n        line-height: 16px;\n        ", "\n\n        ", " {\n            font-size: 14px;\n            line-height: 20px;\n        }\n    "])), theme.palette.grey[800], ownerState.hasSecondaryText ? 400 : 300, ellipsisStyles, theme.breakpoints.up("md"));
+});
+var SecondaryText = createComponentSlot(Typography)({
+  componentName: "GridCellContent",
+  slotName: "secondaryText"
+})(function (_ref3) {
+  var theme = _ref3.theme;
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        color: ", ";\n        font-size: 10px;\n        font-weight: 400;\n        line-height: 16px;\n        ", "\n\n        ", " {\n            font-size: 12px;\n        }\n    "])), theme.palette.grey[300], ellipsisStyles, theme.breakpoints.up("md"));
+});

package/lib/dataGrid/GridColDef.d.ts

@@ -0,0 +1,36 @@
+import type { GridActionsColDef as MuiGridActionsColDef, GridFilterItem, GridPinnedColumns, GridSingleSelectColDef as MuiGridSingleSelectColDef, GridValidRowModel, GridValueOptionsParams } from "@mui/x-data-grid";
+import type { GridBaseColDef as MuiGridBaseColDef } from "@mui/x-data-grid/internals";
+import type { ReactNode } from "react";
+import type { GqlFilter } from "./muiGridFilterToGql";
+type ValueOption = string | number | {
+    value: any;
+    label: string;
+    cellContent?: ReactNode;
+};
+type GridColDefExtension<R extends GridValidRowModel = any> = {
+    valueOptions?: Array<ValueOption> | ((params: GridValueOptionsParams<R>) => Array<ValueOption>);
+    /**
+     * Media query to define when the column is visible.
+     * Set to false to initially hide the column.
+     * Requires DataGridPro or DataGridPremium.
+     */
+    visible?: string | false;
+    /**
+     * Requires DataGridPro or DataGridPremium.
+     */
+    sortBy?: string | string[];
+    /**
+     * Requires DataGridPro or DataGridPremium.
+     */
+    pinned?: keyof GridPinnedColumns;
+    /**
+     * Callback to convert a filter item to a GQL filter.
+     */
+    toGqlFilter?: (filterItem: GridFilterItem) => GqlFilter;
+};
+export type GridBaseColDef<R extends GridValidRowModel = any, V = any, F = V> = MuiGridBaseColDef<R, V, F> & GridColDefExtension<R>;
+export type GridActionsColDef<R extends GridValidRowModel = any, V = any, F = V> = MuiGridActionsColDef<R, V, F> & GridColDefExtension<R>;
+export type GridSingleSelectColDef<R extends GridValidRowModel = any, V = any, F = V> = MuiGridSingleSelectColDef<R, V, F> & GridColDefExtension<R>;
+export type GridColDef<R extends GridValidRowModel = any, V = any, F = V> = GridBaseColDef<R, V, F> | GridActionsColDef<R, V, F> | GridSingleSelectColDef<R, V, F>;
+export {};
+//# sourceMappingURL=GridColDef.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridColDef.d.ts","sourceRoot":"","sources":["../../src/dataGrid/GridColDef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,iBAAiB,IAAI,oBAAoB,EACzC,cAAc,EACd,iBAAiB,EACjB,sBAAsB,IAAI,yBAAyB,EACnD,iBAAiB,EACjB,sBAAsB,EACzB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACtF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEtD,KAAK,WAAW,GACV,MAAM,GACN,MAAM,GACN;IACI,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B,CAAC;AAER,KAAK,mBAAmB,CAAC,CAAC,SAAS,iBAAiB,GAAG,GAAG,IAAI;IAC1D,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAChG;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,iBAAiB,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,KAAK,SAAS,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,iBAAiB,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC;AACpI,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,iBAAiB,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,oBAAoB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAC1I,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,iBAAiB,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,yBAAyB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC;AACpJ,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,iBAAiB,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,IAClE,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GACvB,iBAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAC1B,sBAAsB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC"}

package/lib/dataGrid/GridColDef.js

@@ -0,0 +1 @@
+export {};

package/lib/dataGrid/GridColumnsButton.d.ts

@@ -0,0 +1,3 @@
+import { type ButtonProps } from "../common/buttons/Button";
+export declare function GridColumnsButton(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GridColumnsButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridColumnsButton.d.ts","sourceRoot":"","sources":["../../src/dataGrid/GridColumnsButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGpE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,2CAYnD"}

package/lib/dataGrid/GridColumnsButton.js

@@ -0,0 +1,27 @@
+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); }
+import { Columns4 } from "@dextinity/admin-icons";
+import { GridPreferencePanelsValue, useGridApiContext } from "@mui/x-data-grid";
+import { useCallback } from "react";
+import { FormattedMessage } from "react-intl";
+import { Button } from "../common/buttons/Button";
+import { messages } from "../messages";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function GridColumnsButton(props) {
+  var apiRef = useGridApiContext();
+  var handleFilterClick = useCallback(function () {
+    apiRef.current.showPreferences(GridPreferencePanelsValue.columns);
+  }, [apiRef]);
+  return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+    responsive: true,
+    startIcon: /*#__PURE__*/_jsx(Columns4, {}),
+    variant: "outlined",
+    onClick: handleFilterClick
+  }, props), {}, {
+    children: /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.columns))
+  }));
+}

package/lib/dataGrid/GridFilterButton.d.ts

@@ -0,0 +1,3 @@
+import { type ButtonProps } from "../common/buttons/Button";
+export declare function GridFilterButton(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GridFilterButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridFilterButton.d.ts","sourceRoot":"","sources":["../../src/dataGrid/GridFilterButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGpE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,2CAsClD"}

package/lib/dataGrid/GridFilterButton.js

@@ -0,0 +1,48 @@
+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); }
+import { Filter } from "@dextinity/admin-icons";
+import { Chip } from "@mui/material";
+import { gridFilterModelSelector, GridPreferencePanelsValue, useGridApiContext, useGridSelector } from "@mui/x-data-grid";
+import { useCallback } from "react";
+import { FormattedMessage } from "react-intl";
+import { Button } from "../common/buttons/Button";
+import { messages } from "../messages";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function GridFilterButton(props) {
+  var apiRef = useGridApiContext();
+  var filterModel = useGridSelector(apiRef, gridFilterModelSelector);
+  var filterCount = filterModel.items.length;
+  var handleFilterClick = useCallback(function () {
+    if (apiRef.current.state.preferencePanel.open && apiRef.current.state.preferencePanel.openedPanelValue === GridPreferencePanelsValue.filters) {
+      apiRef.current.hideFilterPanel();
+    } else {
+      apiRef.current.showFilterPanel();
+    }
+  }, [apiRef]);
+  return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+    responsive: true,
+    startIcon: /*#__PURE__*/_jsx(Filter, {}),
+    variant: "outlined",
+    onPointerUp: function onPointerUp(event) {
+      // Necessary workaround to make toggling the filter panel work
+      // see https://github.com/mui/mui-x/issues/17130#issuecomment-2765832411
+      if (apiRef.current.state.preferencePanel.open) {
+        event.stopPropagation();
+      }
+    },
+    onClick: handleFilterClick,
+    endIcon: filterCount > 0 ? /*#__PURE__*/_jsx(Chip, {
+      label: "".concat(filterCount),
+      size: "small"
+    }) : null,
+    sx: {
+      maxHeight: "40px"
+    }
+  }, props), {}, {
+    children: /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.filter))
+  }));
+}

package/lib/dataGrid/GridToolbarQuickFilter.d.ts

@@ -0,0 +1,10 @@
+type GridToolbarQuickFilterProps = {
+    placeholder?: string;
+};
+/**
+ * Custom quick filter component to support a persistent quick filter.
+ * Adapted from https://mui.com/x/react-data-grid/components/quick-filter/#persistent-quick-filter.
+ */
+export declare function GridToolbarQuickFilter({ placeholder }: GridToolbarQuickFilterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GridToolbarQuickFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridToolbarQuickFilter.d.ts","sourceRoot":"","sources":["../../src/dataGrid/GridToolbarQuickFilter.tsx"],"names":[],"mappings":"AASA,KAAK,2BAA2B,GAAG;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,WAAW,EAAE,EAAE,2BAA2B,2CAuClF"}