@dextinity/admin 2.0.0-canary-20260729062014

package/lib/dataGrid/CrudMoreActionsMenu.d.ts

@@ -0,0 +1,50 @@
+import { Chip, type ComponentsOverrides, Divider, Menu, MenuItem, type MenuItemProps, type MenuListProps, type Theme, Typography } from "@mui/material";
+import type { Maybe } from "graphql/jsutils/Maybe";
+import { type ComponentProps, type PropsWithChildren, type ReactElement, type ReactNode } from "react";
+import { Button } from "../common/buttons/Button";
+import type { ThemedComponentBaseProps } from "../helpers/ThemedComponentBaseProps";
+export type CrudMoreActionsMenuClassKey = "root" | "group" | "divider" | "button" | "chip" | "menuItem";
+interface ActionItem extends ComponentProps<typeof MenuItem> {
+    label: ReactNode;
+    icon?: ReactNode;
+}
+export interface CrudMoreActionsMenuProps extends ThemedComponentBaseProps<{
+    menu: typeof Menu;
+    menuItem: typeof MenuItem;
+    button: typeof Button;
+    group: typeof CrudMoreActionsGroup;
+    divider: typeof Divider;
+    chip: typeof Chip;
+}> {
+    selectionSize?: number;
+    overallActions?: Maybe<ActionItem | ReactElement>[];
+    selectiveActions?: Maybe<ActionItem | ReactElement>[];
+}
+interface CrudMoreActionsGroupProps {
+    groupTitle?: ReactNode;
+    menuListProps?: MenuListProps;
+    typographyProps?: ComponentProps<typeof Typography>;
+}
+declare function CrudMoreActionsGroup({ groupTitle, children, menuListProps, typographyProps }: PropsWithChildren<CrudMoreActionsGroupProps>): import("react/jsx-runtime").JSX.Element;
+type CrudMoreActionsMenuContext = {
+    closeMenu: () => void;
+};
+export declare const CrudMoreActionsMenuContext: import("react").Context<CrudMoreActionsMenuContext>;
+export declare function CrudMoreActionsMenuItem({ onClick, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function CrudMoreActionsMenu({ slotProps, overallActions, selectiveActions, selectionSize }: CrudMoreActionsMenuProps): import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentsPropsList {
+        CometAdminCrudMoreActionsMenu: CrudMoreActionsMenuProps;
+    }
+    interface ComponentNameToClassKey {
+        CometAdminCrudMoreActionsMenu: CrudMoreActionsMenuClassKey;
+    }
+    interface Components {
+        CometAdminCrudMoreActionsMenu?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminCrudMoreActionsMenu"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminCrudMoreActionsMenu"];
+        };
+    }
+}
+export {};
+//# sourceMappingURL=CrudMoreActionsMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CrudMoreActionsMenu.d.ts","sourceRoot":"","sources":["../../src/dataGrid/CrudMoreActionsMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,IAAI,EACJ,KAAK,mBAAmB,EAExB,OAAO,EAGP,IAAI,EACJ,QAAQ,EACR,KAAK,aAAa,EAElB,KAAK,aAAa,EAClB,KAAK,KAAK,EACV,UAAU,EAEb,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EACH,KAAK,cAAc,EAInB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,SAAS,EAGjB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAEpF,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;AAExG,UAAU,UAAW,SAAQ,cAAc,CAAC,OAAO,QAAQ,CAAC;IACxD,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,wBACb,SAAQ,wBAAwB,CAAC;IAC7B,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,QAAQ,EAAE,OAAO,QAAQ,CAAC;IAC1B,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,KAAK,EAAE,OAAO,oBAAoB,CAAC;IACnC,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,IAAI,EAAE,OAAO,IAAI,CAAC;CACrB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,YAAY,CAAC,EAAE,CAAC;IACpD,gBAAgB,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,YAAY,CAAC,EAAE,CAAC;CACzD;AAED,UAAU,yBAAyB;IAC/B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACvD;AAED,iBAAS,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,iBAAiB,CAAC,yBAAyB,CAAC,2CAYnI;AA8BD,KAAK,0BAA0B,GAAG;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,0BAA0B,qDAIrC,CAAC;AAEH,wBAAgB,uBAAuB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAS3E;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,EAAE,wBAAwB,2CA0G3H;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,6BAA6B,EAAE,wBAAwB,CAAC;KAC3D;IAED,UAAU,uBAAuB;QAC7B,6BAA6B,EAAE,2BAA2B,CAAC;KAC9D;IAED,UAAU,UAAU;QAChB,6BAA6B,CAAC,EAAE;YAC5B,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,+BAA+B,CAAC,CAAC,CAAC;YAC7E,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,+BAA+B,CAAC,CAAC;SAChF,CAAC;KACL;CACJ"}

package/lib/dataGrid/CrudMoreActionsMenu.js

@@ -0,0 +1,208 @@
+var _excluded = ["onClick"],
+  _excluded2 = ["divider", "label", "icon"],
+  _excluded3 = ["divider", "label", "icon"];
+var _templateObject, _templateObject2;
+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 _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; }
+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 _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); }
+import { MoreVertical } from "@dextinity/admin-icons";
+import { Chip, css, Divider, ListItemIcon, ListItemText, Menu, MenuItem, MenuList, Typography, useTheme } from "@mui/material";
+import { createContext, isValidElement, useContext, useState } from "react";
+import { FormattedMessage } from "react-intl";
+import { Button } from "../common/buttons/Button";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function CrudMoreActionsGroup(_ref) {
+  var groupTitle = _ref.groupTitle,
+    children = _ref.children,
+    menuListProps = _ref.menuListProps,
+    typographyProps = _ref.typographyProps;
+  var _useTheme = useTheme(),
+    palette = _useTheme.palette;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [groupTitle && /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
+      variant: "overline",
+      color: palette.grey[500],
+      sx: {
+        padding: "20px 15px 0 15px"
+      }
+    }, typographyProps), {}, {
+      children: groupTitle
+    })), /*#__PURE__*/_jsx(MenuList, _objectSpread(_objectSpread({}, menuListProps), {}, {
+      children: children
+    }))]
+  });
+}
+var CrudMoreActionsDivider = createComponentSlot(Divider)({
+  componentName: "CrudMoreActions",
+  slotName: "divider"
+})();
+var MoreActionsSelectedItemsChip = createComponentSlot(Chip)({
+  componentName: "CrudMoreActions",
+  slotName: "chip"
+})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: 20px;\n    flex-shrink: 0;\n    border-radius: 20px;\n    margin-left: 6px;\n"]))));
+var MoreActionsButton = createComponentSlot(Button)({
+  componentName: "CrudMoreActions",
+  slotName: "button"
+})(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin: 0 10px;\n    min-height: 44px;\n"]))));
+var MoreActionsMenuItem = createComponentSlot(MenuItem)({
+  componentName: "CrudMoreActions",
+  slotName: "menuItem"
+})();
+export var CrudMoreActionsMenuContext = /*#__PURE__*/createContext({
+  closeMenu: function closeMenu() {
+    throw new Error("`CrudMoreActionsMenuContext` cannot be used outside of `CrudMoreActionsMenu`");
+  }
+});
+export function CrudMoreActionsMenuItem(_ref2) {
+  var onClick = _ref2.onClick,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var _useContext = useContext(CrudMoreActionsMenuContext),
+    closeMenu = _useContext.closeMenu;
+  var handleClick = function handleClick(event) {
+    onClick === null || onClick === void 0 || onClick(event);
+    closeMenu();
+  };
+  return /*#__PURE__*/_jsx(MoreActionsMenuItem, _objectSpread({
+    onClick: handleClick
+  }, props));
+}
+export function CrudMoreActionsMenu(_ref3) {
+  var slotProps = _ref3.slotProps,
+    overallActions = _ref3.overallActions,
+    selectiveActions = _ref3.selectiveActions,
+    selectionSize = _ref3.selectionSize;
+  var _ref4 = slotProps !== null && slotProps !== void 0 ? slotProps : {
+      menu: {},
+      button: {},
+      group: {},
+      divider: {},
+      chip: {}
+    },
+    menuProps = _ref4.menu,
+    buttonProps = _ref4.button,
+    groupProps = _ref4.group,
+    dividerProps = _ref4.divider,
+    chipProps = _ref4.chip;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    anchorEl = _useState2[0],
+    setAnchorEl = _useState2[1];
+  var handleClick = function handleClick(event) {
+    return setAnchorEl(event.currentTarget);
+  };
+  var handleClose = function handleClose() {
+    return setAnchorEl(null);
+  };
+  var hasOverallActions = !!(overallActions !== null && overallActions !== void 0 && overallActions.length);
+  var hasSelectiveActions = !!(selectiveActions !== null && selectiveActions !== void 0 && selectiveActions.length);
+  return /*#__PURE__*/_jsxs(CrudMoreActionsMenuContext.Provider, {
+    value: {
+      closeMenu: handleClose
+    },
+    children: [/*#__PURE__*/_jsxs(MoreActionsButton, _objectSpread(_objectSpread({
+      variant: "textDark",
+      endIcon: /*#__PURE__*/_jsx(MoreVertical, {})
+    }, buttonProps), {}, {
+      onClick: handleClick,
+      responsive: true,
+      children: [/*#__PURE__*/_jsx(FormattedMessage, {
+        id: "comet.crudMoreActions.title",
+        defaultMessage: "More"
+      }), !!selectionSize && /*#__PURE__*/_jsx(MoreActionsSelectedItemsChip, _objectSpread(_objectSpread({
+        size: "small",
+        color: "primary"
+      }, chipProps), {}, {
+        label: selectionSize
+      }))]
+    })), /*#__PURE__*/_jsxs(Menu, _objectSpread(_objectSpread({
+      keepMounted: false,
+      open: Boolean(anchorEl),
+      anchorEl: anchorEl
+    }, menuProps), {}, {
+      onClose: function onClose(event, reason) {
+        var _menuProps$onClose;
+        handleClose();
+        menuProps === null || menuProps === void 0 || (_menuProps$onClose = menuProps.onClose) === null || _menuProps$onClose === void 0 || _menuProps$onClose.call(menuProps, event, reason);
+      },
+      children: [hasOverallActions && /*#__PURE__*/_jsx(CrudMoreActionsGroup, _objectSpread(_objectSpread({
+        groupTitle: hasSelectiveActions ? /*#__PURE__*/_jsx(FormattedMessage, {
+          id: "comet.crudMoreActions.overallActions",
+          defaultMessage: "Overall actions"
+        }) : undefined
+      }, groupProps), {}, {
+        children: overallActions.map(function (item, index) {
+          if (!item) {
+            return null;
+          }
+          if (/*#__PURE__*/isValidElement(item)) {
+            return item;
+          }
+          var _ref5 = item,
+            divider = _ref5.divider,
+            label = _ref5.label,
+            icon = _ref5.icon,
+            rest = _objectWithoutProperties(_ref5, _excluded2);
+          return /*#__PURE__*/_jsxs("div", {
+            children: [/*#__PURE__*/_jsxs(CrudMoreActionsMenuItem, _objectSpread(_objectSpread({
+              disabled: !!selectionSize
+            }, rest), {}, {
+              children: [!!icon && /*#__PURE__*/_jsx(ListItemIcon, {
+                children: icon
+              }), /*#__PURE__*/_jsx(ListItemText, {
+                primary: label
+              })]
+            }), index), !!divider && /*#__PURE__*/_jsx(CrudMoreActionsDivider, _objectSpread({}, dividerProps))]
+          }, index);
+        })
+      })), hasOverallActions && hasSelectiveActions && /*#__PURE__*/_jsx(CrudMoreActionsDivider, _objectSpread({}, dividerProps)), hasSelectiveActions && /*#__PURE__*/_jsx(CrudMoreActionsGroup, _objectSpread(_objectSpread({
+        groupTitle: hasOverallActions ? /*#__PURE__*/_jsx(FormattedMessage, {
+          id: "comet.crudMoreActions.selectiveActions",
+          defaultMessage: "Selective actions"
+        }) : undefined
+      }, groupProps), {}, {
+        children: selectiveActions.map(function (item, index) {
+          if (!item) {
+            return;
+          }
+          if (/*#__PURE__*/isValidElement(item)) {
+            return item;
+          }
+          var _ref6 = item,
+            divider = _ref6.divider,
+            label = _ref6.label,
+            icon = _ref6.icon,
+            rest = _objectWithoutProperties(_ref6, _excluded3);
+          return /*#__PURE__*/_jsxs("div", {
+            children: [/*#__PURE__*/_jsxs(CrudMoreActionsMenuItem, _objectSpread(_objectSpread({
+              disabled: !selectionSize
+            }, rest), {}, {
+              children: [!!icon && /*#__PURE__*/_jsx(ListItemIcon, {
+                children: icon
+              }), /*#__PURE__*/_jsx(ListItemText, {
+                primary: label
+              }), !!selectionSize && /*#__PURE__*/_jsx(MoreActionsSelectedItemsChip, _objectSpread(_objectSpread({
+                size: "small",
+                color: "primary"
+              }, chipProps), {}, {
+                label: selectionSize
+              }))]
+            }), index), !!divider && /*#__PURE__*/_jsx(CrudMoreActionsDivider, _objectSpread({}, dividerProps))]
+          }, index);
+        })
+      }))]
+    }))]
+  });
+}

package/lib/dataGrid/CrudVisibility.d.ts

@@ -0,0 +1,6 @@
+export interface CrudVisibilityProps {
+    visibility: boolean;
+    onUpdateVisibility: (visibility: boolean) => Promise<void>;
+}
+export declare const CrudVisibility: ({ visibility, onUpdateVisibility }: CrudVisibilityProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CrudVisibility.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CrudVisibility.d.ts","sourceRoot":"","sources":["../../src/dataGrid/CrudVisibility.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,mBAAmB;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9D;AAED,eAAO,MAAM,cAAc,GAAI,oCAAoC,mBAAmB,4CA4DrF,CAAC"}

package/lib/dataGrid/CrudVisibility.js

@@ -0,0 +1,93 @@
+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 { ListItemIcon, Menu, MenuItem } from "@mui/material";
+import { useState } from "react";
+import { FormattedMessage } from "react-intl";
+import { Button } from "../common/buttons/Button";
+import { useSnackbarApi } from "../snackbar/SnackbarProvider";
+import { UndoSnackbar } from "../snackbar/UndoSnackbar";
+import { CrudVisibilityIcon } from "./CrudVisibilityIcon";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export var CrudVisibility = function CrudVisibility(_ref) {
+  var visibility = _ref.visibility,
+    onUpdateVisibility = _ref.onUpdateVisibility;
+  var snackbarApi = useSnackbarApi();
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    anchorEl = _useState2[0],
+    setAnchorEl = _useState2[1];
+  var handleMenuOpen = function handleMenuOpen(event) {
+    setAnchorEl(event.currentTarget);
+  };
+  var handleMenuClose = function handleMenuClose() {
+    setAnchorEl(null);
+  };
+  var handleVisibilityClick = function handleVisibilityClick(visibility) {
+    onUpdateVisibility(visibility);
+    handleMenuClose();
+    snackbarApi.showSnackbar(/*#__PURE__*/_jsx(UndoSnackbar, {
+      message: /*#__PURE__*/_jsx(FormattedMessage, {
+        id: "comet.common.visibilityChanged",
+        defaultMessage: "Changed visibility to {visibility, select, true {published} false {unpublished} other {unknown}}",
+        values: {
+          visibility: visibility
+        }
+      }),
+      onUndoClick: function onUndoClick() {
+        onUpdateVisibility(!visibility);
+      }
+    }));
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      size: "small",
+      onClick: handleMenuOpen,
+      startIcon: /*#__PURE__*/_jsx(CrudVisibilityIcon, {
+        visibility: visibility
+      }),
+      variant: "textDark",
+      children: /*#__PURE__*/_jsx(FormattedMessage, {
+        id: "comet.common.visibility",
+        defaultMessage: "{visibility, select, true {Published} false {Unpublished} other {unknown}}",
+        values: {
+          visibility: visibility
+        }
+      })
+    }), /*#__PURE__*/_jsxs(Menu, {
+      anchorEl: anchorEl,
+      open: Boolean(anchorEl),
+      onClose: handleMenuClose,
+      children: [/*#__PURE__*/_jsxs(MenuItem, {
+        onClick: function onClick() {
+          return handleVisibilityClick(true);
+        },
+        disabled: visibility == true,
+        children: [/*#__PURE__*/_jsx(ListItemIcon, {
+          children: /*#__PURE__*/_jsx(CrudVisibilityIcon, {
+            visibility: true
+          })
+        }), /*#__PURE__*/_jsx(FormattedMessage, {
+          id: "comet.common.visibility.published",
+          defaultMessage: "Published"
+        })]
+      }), /*#__PURE__*/_jsxs(MenuItem, {
+        onClick: function onClick() {
+          return handleVisibilityClick(false);
+        },
+        disabled: visibility == false,
+        children: [/*#__PURE__*/_jsx(ListItemIcon, {
+          children: /*#__PURE__*/_jsx(CrudVisibilityIcon, {
+            visibility: false
+          })
+        }), /*#__PURE__*/_jsx(FormattedMessage, {
+          id: "comet.common.visibility.unpublished",
+          defaultMessage: "Unpublished"
+        })]
+      })]
+    })]
+  });
+};

package/lib/dataGrid/CrudVisibilityIcon.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from "react";
+interface CrudVisibilityIconProps {
+    visibility: boolean;
+}
+export declare function CrudVisibilityIcon({ visibility }: CrudVisibilityIconProps): JSX.Element;
+export {};
+//# sourceMappingURL=CrudVisibilityIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CrudVisibilityIcon.d.ts","sourceRoot":"","sources":["../../src/dataGrid/CrudVisibilityIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,UAAU,uBAAuB;IAC7B,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,UAAU,EAAE,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAQvF"}

package/lib/dataGrid/CrudVisibilityIcon.js

@@ -0,0 +1,14 @@
+import { Disabled, Online } from "@dextinity/admin-icons";
+import { useTheme } from "@mui/material";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function CrudVisibilityIcon(_ref) {
+  var visibility = _ref.visibility;
+  var theme = useTheme();
+  if (visibility) {
+    return /*#__PURE__*/_jsx(Online, {
+      htmlColor: theme.palette.success.main
+    });
+  } else {
+    return /*#__PURE__*/_jsx(Disabled, {});
+  }
+}

package/lib/dataGrid/DataGridPanel.d.ts

@@ -0,0 +1,48 @@
+import { type ComponentsOverrides, Dialog, DialogContent, Divider, type Theme, Typography } from "@mui/material";
+import { GridPanel, type GridPanelProps } from "@mui/x-data-grid";
+import { type ReactNode } from "react";
+import { Button } from "../common/buttons/Button";
+import type { ThemedComponentBaseProps } from "../helpers/ThemedComponentBaseProps";
+export type DataGridPanelClassKey = "desktopGridPanel" | "desktopPanelFooterDivider" | "desktopPanelFooter" | "desktopAddFilterButton" | "mobileDialog" | "mobileDialogHeader" | "mobileDialogTitle" | "mobileDialogCloseButton" | "mobileDialogContent" | "mobileDialogFooter" | "mobileAddFilterButtonWrapper" | "mobileAddFilterButton" | "mobileDialogFooterActions" | "resetFiltersButton" | "resetColumnsButton" | "applyButton";
+export type DataGridPanelProps = GridPanelProps & Omit<ThemedComponentBaseProps<{
+    desktopGridPanel: typeof GridPanel;
+    desktopPanelFooterDivider: typeof Divider;
+    desktopPanelFooter: "div";
+    desktopAddFilterButton: typeof Button;
+    mobileDialog: typeof Dialog;
+    mobileDialogHeader: "div";
+    mobileDialogTitle: typeof Typography;
+    mobileDialogCloseButton: typeof Button;
+    mobileDialogContent: typeof DialogContent;
+    mobileDialogFooter: "div";
+    mobileAddFilterButtonWrapper: "div";
+    mobileAddFilterButton: typeof Button;
+    mobileDialogFooterActions: "div";
+    resetFiltersButton: typeof Button;
+    resetColumnsButton: typeof Button;
+    applyButton: typeof Button;
+}>, "sx"> & {
+    iconMapping?: {
+        closeDialog?: ReactNode;
+        addFilter?: ReactNode;
+        resetFilters?: ReactNode;
+        resetColumns?: ReactNode;
+        apply?: ReactNode;
+    };
+};
+export declare const DataGridPanel: (inProps: DataGridPanelProps) => import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentsPropsList {
+        CometAdminDataGridPanel: DataGridPanelProps;
+    }
+    interface ComponentNameToClassKey {
+        CometAdminDataGridPanel: DataGridPanelClassKey;
+    }
+    interface Components {
+        CometAdminDataGridPanel?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminDataGridPanel"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminDataGridPanel"];
+        };
+    }
+}
+//# sourceMappingURL=DataGridPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridPanel.d.ts","sourceRoot":"","sources":["../../src/dataGrid/DataGridPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,KAAK,mBAAmB,EAGxB,MAAM,EACN,aAAa,EACb,OAAO,EACP,KAAK,KAAK,EACV,UAAU,EAIb,MAAM,eAAe,CAAC;AACvB,OAAO,EAKH,SAAS,EACT,KAAK,cAAc,EAMtB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAQpF,MAAM,MAAM,qBAAqB,GAC3B,kBAAkB,GAClB,2BAA2B,GAC3B,oBAAoB,GACpB,wBAAwB,GACxB,cAAc,GACd,oBAAoB,GACpB,mBAAmB,GACnB,yBAAyB,GACzB,qBAAqB,GACrB,oBAAoB,GACpB,8BAA8B,GAC9B,uBAAuB,GACvB,2BAA2B,GAC3B,oBAAoB,GACpB,oBAAoB,GACpB,aAAa,CAAC;AAEpB,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAC3C,IAAI,CACA,wBAAwB,CAAC;IACrB,gBAAgB,EAAE,OAAO,SAAS,CAAC;IACnC,yBAAyB,EAAE,OAAO,OAAO,CAAC;IAC1C,kBAAkB,EAAE,KAAK,CAAC;IAC1B,sBAAsB,EAAE,OAAO,MAAM,CAAC;IACtC,YAAY,EAAE,OAAO,MAAM,CAAC;IAC5B,kBAAkB,EAAE,KAAK,CAAC;IAC1B,iBAAiB,EAAE,OAAO,UAAU,CAAC;IACrC,uBAAuB,EAAE,OAAO,MAAM,CAAC;IACvC,mBAAmB,EAAE,OAAO,aAAa,CAAC;IAC1C,kBAAkB,EAAE,KAAK,CAAC;IAC1B,4BAA4B,EAAE,KAAK,CAAC;IACpC,qBAAqB,EAAE,OAAO,MAAM,CAAC;IACrC,yBAAyB,EAAE,KAAK,CAAC;IACjC,kBAAkB,EAAE,OAAO,MAAM,CAAC;IAClC,kBAAkB,EAAE,OAAO,MAAM,CAAC;IAClC,WAAW,EAAE,OAAO,MAAM,CAAC;CAC9B,CAAC,EACF,IAAI,CACP,GAAG;IACA,WAAW,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,SAAS,CAAC;QACxB,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,YAAY,CAAC,EAAE,SAAS,CAAC;QACzB,YAAY,CAAC,EAAE,SAAS,CAAC;QACzB,KAAK,CAAC,EAAE,SAAS,CAAC;KACrB,CAAC;CACL,CAAC;AAMN,eAAO,MAAM,aAAa,GAAI,SAAS,kBAAkB,4CA0JxD,CAAC;AA8JF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,uBAAuB,EAAE,kBAAkB,CAAC;KAC/C;IAED,UAAU,uBAAuB;QAC7B,uBAAuB,EAAE,qBAAqB,CAAC;KAClD;IAED,UAAU,UAAU;QAChB,uBAAuB,CAAC,EAAE;YACtB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,yBAAyB,CAAC,CAAC,CAAC;YACvE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,yBAAyB,CAAC,CAAC;SAC1E,CAAC;KACL;CACJ"}