@dextinity/admin 2.0.0-canary-20260729062014

package/lib/dataGrid/GridToolbarQuickFilter.js

@@ -0,0 +1,97 @@
+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 _excluded = ["ref"];
+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 { Clear, Search } from "@dextinity/admin-icons";
+import { InputBase } from "@mui/material";
+import InputAdornment from "@mui/material/InputAdornment";
+import { styled } from "@mui/material/styles";
+import { QuickFilter, QuickFilterClear, QuickFilterControl } from "@mui/x-data-grid";
+import { useIntl } from "react-intl";
+import { messages } from "../messages";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 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 function GridToolbarQuickFilter(_ref) {
+  var placeholder = _ref.placeholder;
+  var intl = useIntl();
+  return /*#__PURE__*/_jsx(Root, {
+    expanded: true,
+    children: /*#__PURE__*/_jsx(QuickFilterControl, {
+      render: function render(_ref2) {
+        var ref = _ref2.ref,
+          other = _objectWithoutProperties(_ref2, _excluded);
+        return /*#__PURE__*/_jsx(InputBase, _objectSpread(_objectSpread({}, other), {}, {
+          inputRef: ref,
+          placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : intl.formatMessage({
+            id: "comet.dataGrid.quickFilter.placeholder",
+            defaultMessage: "Search..."
+          }),
+          size: "small",
+          slotProps: {
+            input: {
+              sx: {
+                paddingRight: 0,
+                // Removes unnecessary spacing to the clear button that already has enough spacing
+                textOverflow: "ellipsis"
+              }
+            }
+          },
+          startAdornment: /*#__PURE__*/_jsx(InputAdornment, {
+            position: "start",
+            children: /*#__PURE__*/_jsx(Search, {})
+          }),
+          endAdornment: /*#__PURE__*/_jsx(InputAdornment, {
+            position: "end",
+            children: other.value ? /*#__PURE__*/_jsx(ClearButton, {
+              edge: "end",
+              "aria-label": intl.formatMessage(messages.clear),
+              children: /*#__PURE__*/_jsx(Clear, {
+                fontSize: "inherit"
+              })
+            }) : null
+          })
+        }));
+      }
+    })
+  });
+}
+var Root = /*#__PURE__*/styled(QuickFilter, process.env.NODE_ENV === "production" ? {
+  target: "eyhcoar1"
+} : {
+  target: "eyhcoar1",
+  label: "Root"
+})(function (_ref3) {
+  var theme = _ref3.theme;
+  return _defineProperty(_defineProperty({
+    width: 120
+  }, theme.breakpoints.up("sm"), {
+    width: 150
+  }), theme.breakpoints.up("md"), {
+    width: "auto"
+  });
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kYXRhR3JpZC9HcmlkVG9vbGJhclF1aWNrRmlsdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRGEiLCJmaWxlIjoiLi4vLi4vc3JjL2RhdGFHcmlkL0dyaWRUb29sYmFyUXVpY2tGaWx0ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2xlYXIsIFNlYXJjaCB9IGZyb20gXCJAZGV4dGluaXR5L2FkbWluLWljb25zXCI7XG5pbXBvcnQgeyBJbnB1dEJhc2UgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IElucHV0QWRvcm5tZW50IGZyb20gXCJAbXVpL21hdGVyaWFsL0lucHV0QWRvcm5tZW50XCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB7IFF1aWNrRmlsdGVyLCBRdWlja0ZpbHRlckNsZWFyLCBRdWlja0ZpbHRlckNvbnRyb2wgfSBmcm9tIFwiQG11aS94LWRhdGEtZ3JpZFwiO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gXCJyZWFjdC1pbnRsXCI7XG5cbmltcG9ydCB7IG1lc3NhZ2VzIH0gZnJvbSBcIi4uL21lc3NhZ2VzXCI7XG5cbnR5cGUgR3JpZFRvb2xiYXJRdWlja0ZpbHRlclByb3BzID0ge1xuICAgIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xufTtcblxuLyoqXG4gKiBDdXN0b20gcXVpY2sgZmlsdGVyIGNvbXBvbmVudCB0byBzdXBwb3J0IGEgcGVyc2lzdGVudCBxdWljayBmaWx0ZXIuXG4gKiBBZGFwdGVkIGZyb20gaHR0cHM6Ly9tdWkuY29tL3gvcmVhY3QtZGF0YS1ncmlkL2NvbXBvbmVudHMvcXVpY2stZmlsdGVyLyNwZXJzaXN0ZW50LXF1aWNrLWZpbHRlci5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIEdyaWRUb29sYmFyUXVpY2tGaWx0ZXIoeyBwbGFjZWhvbGRlciB9OiBHcmlkVG9vbGJhclF1aWNrRmlsdGVyUHJvcHMpIHtcbiAgICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFJvb3QgZXhwYW5kZWQ+XG4gICAgICAgICAgICA8UXVpY2tGaWx0ZXJDb250cm9sXG4gICAgICAgICAgICAgICAgcmVuZGVyPXsoeyByZWYsIC4uLm90aGVyIH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgPElucHV0QmFzZVxuICAgICAgICAgICAgICAgICAgICAgICAgey4uLm90aGVyfVxuICAgICAgICAgICAgICAgICAgICAgICAgaW5wdXRSZWY9e3JlZn1cbiAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlciA/PyBpbnRsLmZvcm1hdE1lc3NhZ2UoeyBpZDogXCJjb21ldC5kYXRhR3JpZC5xdWlja0ZpbHRlci5wbGFjZWhvbGRlclwiLCBkZWZhdWx0TWVzc2FnZTogXCJTZWFyY2guLi5cIiB9KX1cbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBzbG90UHJvcHM9e3tcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbnB1dDoge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzeDoge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAwLCAvLyBSZW1vdmVzIHVubmVjZXNzYXJ5IHNwYWNpbmcgdG8gdGhlIGNsZWFyIGJ1dHRvbiB0aGF0IGFscmVhZHkgaGFzIGVub3VnaCBzcGFjaW5nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIHN0YXJ0QWRvcm5tZW50PXtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8SW5wdXRBZG9ybm1lbnQgcG9zaXRpb249XCJzdGFydFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8U2VhcmNoIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9JbnB1dEFkb3JubWVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGVuZEFkb3JubWVudD17XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0QWRvcm5tZW50IHBvc2l0aW9uPVwiZW5kXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtvdGhlci52YWx1ZSA/IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDbGVhckJ1dHRvbiBlZGdlPVwiZW5kXCIgYXJpYS1sYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNsZWFyKX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENsZWFyIGZvbnRTaXplPVwiaW5oZXJpdFwiIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NsZWFyQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0lucHV0QWRvcm5tZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAvPlxuICAgICAgICA8L1Jvb3Q+XG4gICAgKTtcbn1cblxuY29uc3QgUm9vdCA9IHN0eWxlZChRdWlja0ZpbHRlcikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgICB3aWR0aDogMTIwLFxuXG4gICAgW3RoZW1lLmJyZWFrcG9pbnRzLnVwKFwic21cIildOiB7XG4gICAgICAgIHdpZHRoOiAxNTAsXG4gICAgfSxcblxuICAgIFt0aGVtZS5icmVha3BvaW50cy51cChcIm1kXCIpXToge1xuICAgICAgICB3aWR0aDogXCJhdXRvXCIsXG4gICAgfSxcbn0pKTtcblxuY29uc3QgQ2xlYXJCdXR0b24gPSBzdHlsZWQoUXVpY2tGaWx0ZXJDbGVhcikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgICBhbGlnblNlbGY6IFwic3RyZXRjaFwiLFxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLmdyZXlbMjAwXSxcbiAgICBwYWRkaW5nTGVmdDogMTAsXG4gICAgcGFkZGluZ1JpZ2h0OiAxMCxcbiAgICBmb250U2l6ZTogMTIsXG4gICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNpbmcoLTIpLFxuICAgIGJvcmRlclJhZGl1czogMCxcbn0pKTtcbiJdfQ== */");
+var ClearButton = /*#__PURE__*/styled(QuickFilterClear, process.env.NODE_ENV === "production" ? {
+  target: "eyhcoar0"
+} : {
+  target: "eyhcoar0",
+  label: "ClearButton"
+})(function (_ref5) {
+  var theme = _ref5.theme;
+  return {
+    alignSelf: "stretch",
+    color: theme.palette.grey[200],
+    paddingLeft: 10,
+    paddingRight: 10,
+    fontSize: 12,
+    marginRight: theme.spacing(-2),
+    borderRadius: 0
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kYXRhR3JpZC9HcmlkVG9vbGJhclF1aWNrRmlsdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRW9CIiwiZmlsZSI6Ii4uLy4uL3NyYy9kYXRhR3JpZC9HcmlkVG9vbGJhclF1aWNrRmlsdGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENsZWFyLCBTZWFyY2ggfSBmcm9tIFwiQGRleHRpbml0eS9hZG1pbi1pY29uc1wiO1xuaW1wb3J0IHsgSW5wdXRCYXNlIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCBJbnB1dEFkb3JubWVudCBmcm9tIFwiQG11aS9tYXRlcmlhbC9JbnB1dEFkb3JubWVudFwiO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5pbXBvcnQgeyBRdWlja0ZpbHRlciwgUXVpY2tGaWx0ZXJDbGVhciwgUXVpY2tGaWx0ZXJDb250cm9sIH0gZnJvbSBcIkBtdWkveC1kYXRhLWdyaWRcIjtcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tIFwicmVhY3QtaW50bFwiO1xuXG5pbXBvcnQgeyBtZXNzYWdlcyB9IGZyb20gXCIuLi9tZXNzYWdlc1wiO1xuXG50eXBlIEdyaWRUb29sYmFyUXVpY2tGaWx0ZXJQcm9wcyA9IHtcbiAgICBwbGFjZWhvbGRlcj86IHN0cmluZztcbn07XG5cbi8qKlxuICogQ3VzdG9tIHF1aWNrIGZpbHRlciBjb21wb25lbnQgdG8gc3VwcG9ydCBhIHBlcnNpc3RlbnQgcXVpY2sgZmlsdGVyLlxuICogQWRhcHRlZCBmcm9tIGh0dHBzOi8vbXVpLmNvbS94L3JlYWN0LWRhdGEtZ3JpZC9jb21wb25lbnRzL3F1aWNrLWZpbHRlci8jcGVyc2lzdGVudC1xdWljay1maWx0ZXIuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBHcmlkVG9vbGJhclF1aWNrRmlsdGVyKHsgcGxhY2Vob2xkZXIgfTogR3JpZFRvb2xiYXJRdWlja0ZpbHRlclByb3BzKSB7XG4gICAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxSb290IGV4cGFuZGVkPlxuICAgICAgICAgICAgPFF1aWNrRmlsdGVyQ29udHJvbFxuICAgICAgICAgICAgICAgIHJlbmRlcj17KHsgcmVmLCAuLi5vdGhlciB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxJbnB1dEJhc2VcbiAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5vdGhlcn1cbiAgICAgICAgICAgICAgICAgICAgICAgIGlucHV0UmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXIgPz8gaW50bC5mb3JtYXRNZXNzYWdlKHsgaWQ6IFwiY29tZXQuZGF0YUdyaWQucXVpY2tGaWx0ZXIucGxhY2Vob2xkZXJcIiwgZGVmYXVsdE1lc3NhZ2U6IFwiU2VhcmNoLi4uXCIgfSl9XG4gICAgICAgICAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgc2xvdFByb3BzPXt7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5wdXQ6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3g6IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogMCwgLy8gUmVtb3ZlcyB1bm5lY2Vzc2FyeSBzcGFjaW5nIHRvIHRoZSBjbGVhciBidXR0b24gdGhhdCBhbHJlYWR5IGhhcyBlbm91Z2ggc3BhY2luZ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICBzdGFydEFkb3JubWVudD17XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0QWRvcm5tZW50IHBvc2l0aW9uPVwic3RhcnRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFNlYXJjaCAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvSW5wdXRBZG9ybm1lbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICBlbmRBZG9ybm1lbnQ9e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbnB1dEFkb3JubWVudCBwb3NpdGlvbj1cImVuZFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7b3RoZXIudmFsdWUgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q2xlYXJCdXR0b24gZWRnZT1cImVuZFwiIGFyaWEtbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5jbGVhcil9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDbGVhciBmb250U2l6ZT1cImluaGVyaXRcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9DbGVhckJ1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9JbnB1dEFkb3JubWVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgPC9Sb290PlxuICAgICk7XG59XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQoUXVpY2tGaWx0ZXIpKCh7IHRoZW1lIH0pID0+ICh7XG4gICAgd2lkdGg6IDEyMCxcblxuICAgIFt0aGVtZS5icmVha3BvaW50cy51cChcInNtXCIpXToge1xuICAgICAgICB3aWR0aDogMTUwLFxuICAgIH0sXG5cbiAgICBbdGhlbWUuYnJlYWtwb2ludHMudXAoXCJtZFwiKV06IHtcbiAgICAgICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgIH0sXG59KSk7XG5cbmNvbnN0IENsZWFyQnV0dG9uID0gc3R5bGVkKFF1aWNrRmlsdGVyQ2xlYXIpKCh7IHRoZW1lIH0pID0+ICh7XG4gICAgYWxpZ25TZWxmOiBcInN0cmV0Y2hcIixcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5ncmV5WzIwMF0sXG4gICAgcGFkZGluZ0xlZnQ6IDEwLFxuICAgIHBhZGRpbmdSaWdodDogMTAsXG4gICAgZm9udFNpemU6IDEyLFxuICAgIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjaW5nKC0yKSxcbiAgICBib3JkZXJSYWRpdXM6IDAsXG59KSk7XG4iXX0= */");

package/lib/dataGrid/columnsManagement/DataGridColumnsManagement.d.ts

@@ -0,0 +1,26 @@
+import { type ComponentsOverrides, type Divider as MuiDivider, type List as MuiList, type ListSubheader, type Theme } from "@mui/material";
+import type { ThemedComponentBaseProps } from "../../helpers/ThemedComponentBaseProps";
+export type DataGridColumnsManagementProps = ThemedComponentBaseProps<{
+    root: "div";
+    body: "div";
+    list: typeof MuiList;
+    listHeader: typeof ListSubheader;
+    divider: typeof MuiDivider;
+}>;
+export type DataGridColumnsManagementClassKey = "root" | "body" | "list" | "listHeader" | "divider";
+export declare const DataGridColumnsManagement: (inProps: DataGridColumnsManagementProps) => import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentsPropsList {
+        CometAdminDataGridColumnsManagement: DataGridColumnsManagementProps;
+    }
+    interface ComponentNameToClassKey {
+        CometAdminDataGridColumnsManagement: DataGridColumnsManagementClassKey;
+    }
+    interface Components {
+        CometAdminDataGridColumnsManagement?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminDataGridColumnsManagement"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminDataGridColumnsManagement"];
+        };
+    }
+}
+//# sourceMappingURL=DataGridColumnsManagement.d.ts.map

package/lib/dataGrid/columnsManagement/DataGridColumnsManagement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridColumnsManagement.d.ts","sourceRoot":"","sources":["../../../src/dataGrid/columnsManagement/DataGridColumnsManagement.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,KAAK,mBAAmB,EACxB,KAAK,OAAO,IAAI,UAAU,EAC1B,KAAK,IAAI,IAAI,OAAO,EACpB,KAAK,aAAa,EAClB,KAAK,KAAK,EAEb,MAAM,eAAe,CAAC;AAMvB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAIvF,MAAM,MAAM,8BAA8B,GAAG,wBAAwB,CAAC;IAClE,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE,OAAO,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,aAAa,CAAC;IACjC,OAAO,EAAE,OAAO,UAAU,CAAC;CAC9B,CAAC,CAAC;AAEH,MAAM,MAAM,iCAAiC,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC;AAEpG,eAAO,MAAM,yBAAyB,GAAI,SAAS,8BAA8B,4CAyIhF,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,mCAAmC,EAAE,8BAA8B,CAAC;KACvE;IAED,UAAU,uBAAuB;QAC7B,mCAAmC,EAAE,iCAAiC,CAAC;KAC1E;IAED,UAAU,UAAU;QAChB,mCAAmC,CAAC,EAAE;YAClC,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,qCAAqC,CAAC,CAAC,CAAC;YACnF,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,qCAAqC,CAAC,CAAC;SACtF,CAAC;KACL;CACJ"}

package/lib/dataGrid/columnsManagement/DataGridColumnsManagement.js

@@ -0,0 +1,135 @@
+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); }
+// MUI's implementation: https://github.com/mui/mui-x/blob/v7.x/packages/x-data-grid/src/components/columnsManagement/GridColumnsManagement.tsx
+import { useThemeProps } from "@mui/material";
+import { gridColumnVisibilityModelSelector, useGridApiContext, useGridSelector } from "@mui/x-data-grid";
+import { useMemo } from "react";
+import { FormattedMessage } from "react-intl";
+import { Body, Divider, List, ListHeader, Root } from "./DataGridColumnsManagement.sc";
+import { DataGridColumnsManagementListItem } from "./DataGridColumnsManagementListItem";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export var DataGridColumnsManagement = function DataGridColumnsManagement(inProps) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminDataGridColumnsManagement"
+    }),
+    sx = _useThemeProps.sx,
+    className = _useThemeProps.className,
+    _useThemeProps$slotPr = _useThemeProps.slotProps,
+    slotProps = _useThemeProps$slotPr === void 0 ? {} : _useThemeProps$slotPr;
+  var apiRef = useGridApiContext();
+  var columnVisibilityModel = useGridSelector(apiRef, gridColumnVisibilityModelSelector);
+  var columns = apiRef.current.getAllColumns();
+  var pinnedColumns = apiRef.current.getPinnedColumns();
+  var toggleColumn = function toggleColumn(event) {
+    var field = event.target.name;
+    var column = columns.find(function (value) {
+      return value.field === field;
+    });
+    if (column !== null && column !== void 0 && column.hideable) {
+      var isCurrentlyVisible = columnVisibilityModel[field] !== false;
+      var newVisibilityModel = _objectSpread(_objectSpread({}, columnVisibilityModel), {}, _defineProperty({}, field, !isCurrentlyVisible));
+      apiRef.current.setColumnVisibilityModel(newVisibilityModel);
+    }
+  };
+  var pinnedLeftColumns = useMemo(function () {
+    return columns.filter(function (column) {
+      var _pinnedColumns$left$i, _pinnedColumns$left;
+      return (_pinnedColumns$left$i = (_pinnedColumns$left = pinnedColumns.left) === null || _pinnedColumns$left === void 0 ? void 0 : _pinnedColumns$left.includes(column.field)) !== null && _pinnedColumns$left$i !== void 0 ? _pinnedColumns$left$i : false;
+    });
+  }, [columns, pinnedColumns.left]);
+  var nonPinnedColumns = useMemo(function () {
+    return columns.filter(function (column) {
+      var _pinnedColumns$left2, _pinnedColumns$right;
+      return !((_pinnedColumns$left2 = pinnedColumns.left) !== null && _pinnedColumns$left2 !== void 0 && _pinnedColumns$left2.includes(column.field)) && !((_pinnedColumns$right = pinnedColumns.right) !== null && _pinnedColumns$right !== void 0 && _pinnedColumns$right.includes(column.field));
+    });
+  }, [columns, pinnedColumns.left, pinnedColumns.right]);
+  var pinnedRightColumns = useMemo(function () {
+    return columns.filter(function (column) {
+      var _pinnedColumns$right$, _pinnedColumns$right2;
+      return (_pinnedColumns$right$ = (_pinnedColumns$right2 = pinnedColumns.right) === null || _pinnedColumns$right2 === void 0 ? void 0 : _pinnedColumns$right2.includes(column.field)) !== null && _pinnedColumns$right$ !== void 0 ? _pinnedColumns$right$ : false;
+    });
+  }, [columns, pinnedColumns.right]);
+  var handleOnPinColumn = function handleOnPinColumn(field, position) {
+    var column = columns.find(function (value) {
+      return value.field === field;
+    });
+    if (!column || !column.pinnable) {
+      return;
+    }
+    var currentPosition = apiRef.current.isColumnPinned(field);
+    var shouldPin = currentPosition === false || position !== currentPosition;
+    if (shouldPin) {
+      apiRef.current.pinColumn(field, position);
+    } else {
+      apiRef.current.unpinColumn(field);
+    }
+  };
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread({
+    sx: sx,
+    className: className
+  }, slotProps.root), {}, {
+    children: /*#__PURE__*/_jsxs(Body, _objectSpread(_objectSpread({}, slotProps.body), {}, {
+      children: [pinnedLeftColumns.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(List, _objectSpread(_objectSpread({
+          subheader: /*#__PURE__*/_jsx(ListHeader, _objectSpread(_objectSpread({}, slotProps.listHeader), {}, {
+            children: /*#__PURE__*/_jsx(FormattedMessage, {
+              id: "dataGridColumnsManagement.header.pinnedLeft",
+              defaultMessage: "Pinned left"
+            })
+          }))
+        }, slotProps.list), {}, {
+          children: pinnedLeftColumns.map(function (column, index) {
+            var _columnVisibilityMode;
+            return /*#__PURE__*/_jsx(DataGridColumnsManagementListItem, {
+              column: column,
+              checked: (_columnVisibilityMode = columnVisibilityModel === null || columnVisibilityModel === void 0 ? void 0 : columnVisibilityModel[column.field]) !== null && _columnVisibilityMode !== void 0 ? _columnVisibilityMode : true,
+              onPinColumnClick: handleOnPinColumn,
+              onToggleClicked: toggleColumn
+            }, column.field);
+          })
+        })), /*#__PURE__*/_jsx(Divider, _objectSpread({}, slotProps.divider))]
+      }), nonPinnedColumns.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(List, _objectSpread(_objectSpread({
+          subheader: /*#__PURE__*/_jsx(ListHeader, _objectSpread(_objectSpread({}, slotProps.listHeader), {}, {
+            children: /*#__PURE__*/_jsx(FormattedMessage, {
+              id: "dataGridColumnsManagement.header.scrolling",
+              defaultMessage: "Scrolling"
+            })
+          }))
+        }, slotProps.list), {}, {
+          children: nonPinnedColumns.map(function (column, index) {
+            var _columnVisibilityMode2;
+            return /*#__PURE__*/_jsx(DataGridColumnsManagementListItem, {
+              column: column,
+              checked: (_columnVisibilityMode2 = columnVisibilityModel === null || columnVisibilityModel === void 0 ? void 0 : columnVisibilityModel[column.field]) !== null && _columnVisibilityMode2 !== void 0 ? _columnVisibilityMode2 : true,
+              onPinColumnClick: handleOnPinColumn,
+              onToggleClicked: toggleColumn
+            }, column.field);
+          })
+        })), /*#__PURE__*/_jsx(Divider, _objectSpread({}, slotProps.divider))]
+      }), pinnedRightColumns.length > 0 && /*#__PURE__*/_jsx(List, _objectSpread(_objectSpread({
+        subheader: /*#__PURE__*/_jsx(ListHeader, _objectSpread(_objectSpread({}, slotProps.listHeader), {}, {
+          children: /*#__PURE__*/_jsx(FormattedMessage, {
+            id: "dataGridColumnsManagement.header.pinnedright",
+            defaultMessage: "Pinned right"
+          })
+        }))
+      }, slotProps.list), {}, {
+        children: pinnedRightColumns.map(function (column, index) {
+          var _columnVisibilityMode3;
+          return /*#__PURE__*/_jsx(DataGridColumnsManagementListItem, {
+            column: column,
+            checked: (_columnVisibilityMode3 = columnVisibilityModel === null || columnVisibilityModel === void 0 ? void 0 : columnVisibilityModel[column.field]) !== null && _columnVisibilityMode3 !== void 0 ? _columnVisibilityMode3 : true,
+            onPinColumnClick: handleOnPinColumn,
+            onToggleClicked: toggleColumn
+          }, column.field);
+        })
+      }))]
+    }))
+  }));
+};

package/lib/dataGrid/columnsManagement/DataGridColumnsManagement.sc.d.ts

@@ -0,0 +1,31 @@
+export declare const Root: import("react").ForwardRefExoticComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const List: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "style" | "className" | "children" | "dense" | "sx" | "classes" | "disablePadding" | "subheader">, "color" | "content" | "translate" | "slot" | "style" | "title" | "ref" | "className" | "suppressHydrationWarning" | "id" | "lang" | "nonce" | "part" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "dense" | "sx" | "classes" | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const ListHeader: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").ListSubheaderOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "color" | "inset" | "style" | "className" | "children" | "sx" | "classes" | "disableGutters" | "disableSticky">, "color" | "content" | "translate" | "inset" | "slot" | "style" | "title" | "ref" | "className" | "suppressHydrationWarning" | "id" | "lang" | "nonce" | "part" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "value" | "sx" | "classes" | "disableGutters" | "disableSticky"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Divider: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").DividerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "textAlign" | "style" | "className" | "orientation" | "children" | "light" | "absolute" | "sx" | "classes" | "variant" | "flexItem">, "color" | "content" | "textAlign" | "translate" | "slot" | "style" | "title" | "ref" | "className" | "suppressHydrationWarning" | "id" | "lang" | "nonce" | "part" | "role" | "tabIndex" | "orientation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "light" | "absolute" | "sx" | "classes" | "variant" | "flexItem"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Body: import("react").ForwardRefExoticComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+//# sourceMappingURL=DataGridColumnsManagement.sc.d.ts.map

package/lib/dataGrid/columnsManagement/DataGridColumnsManagement.sc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridColumnsManagement.sc.d.ts","sourceRoot":"","sources":["../../../src/dataGrid/columnsManagement/DataGridColumnsManagement.sc.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;;;;mDAGb,CAAC;AAEL,eAAO,MAAM,IAAI;;;;;mDAKf,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;mDAOtB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;mDAKlB,CAAC;AAEH,eAAO,MAAM,IAAI;;;;;mDAahB,CAAC"}

package/lib/dataGrid/columnsManagement/DataGridColumnsManagement.sc.js

@@ -0,0 +1,30 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { css, Divider as MuiDivider, List as MuiList, ListSubheader } from "@mui/material";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+export var Root = createComponentSlot("div")({
+  componentName: "DataGridColumnsManagement",
+  slotName: "root"
+})();
+export var List = createComponentSlot(MuiList)({
+  componentName: "DataGridColumnsManagement",
+  slotName: "list"
+})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: 100%;\n"]))));
+export var ListHeader = createComponentSlot(ListSubheader)({
+  componentName: "DataGridColumnsManagement",
+  slotName: "listHeader"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        padding-left: ", ";\n    "])), theme.spacing(2));
+});
+export var Divider = createComponentSlot(MuiDivider)({
+  componentName: "DataGridColumnsManagement",
+  slotName: "divider"
+})(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 100%;\n"]))));
+export var Body = createComponentSlot("div")({
+  componentName: "DataGridColumnsManagement",
+  slotName: "body"
+})(function (_ref2) {
+  var theme = _ref2.theme;
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        padding: ", ";\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n        flex: 1 1;\n        max-height: 400px;\n        align-items: flex-start;\n    "])), theme.spacing(2));
+});

package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.d.ts

@@ -0,0 +1,35 @@
+import { type ComponentsOverrides, type IconButton, type ListItem, type ListItemText, type Switch as MuiSwitch, type Theme } from "@mui/material";
+import { GridPinnedColumnPosition } from "@mui/x-data-grid";
+import type { GridStateColDef } from "@mui/x-data-grid/internals";
+import type { ChangeEvent, FunctionComponent } from "react";
+import type { ThemedComponentBaseProps } from "../../helpers/ThemedComponentBaseProps";
+export type DataGridColumnsManagementListItemClassKey = "root" | "switchTitleContainer" | "switch" | "listItemTitle" | "pinnedContainer" | "pinnedButton";
+export type DataGridColumnsManagementListItemProps = ThemedComponentBaseProps<{
+    root: typeof ListItem;
+    switchTitleContainer: "div";
+    switch: typeof MuiSwitch;
+    listItemTitle: typeof ListItemText;
+    pinnedContainer: "div";
+    pinnedButton: typeof IconButton;
+}> & {
+    column: GridStateColDef;
+    onPinColumnClick: (field: string, position: GridPinnedColumnPosition) => void;
+    onToggleClicked: (event: ChangeEvent<HTMLInputElement>) => void;
+    checked: boolean;
+};
+export declare const DataGridColumnsManagementListItem: FunctionComponent<DataGridColumnsManagementListItemProps>;
+declare module "@mui/material/styles" {
+    interface ComponentsPropsList {
+        CometAdminDataGridColumnsManagementListItem: DataGridColumnsManagementListItemProps;
+    }
+    interface ComponentNameToClassKey {
+        CometAdminDataGridColumnsManagementListItem: DataGridColumnsManagementListItemClassKey;
+    }
+    interface Components {
+        CometAdminDataGridColumnsManagementListItem?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminDataGridColumnsManagementListItem"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminDataGridColumnsManagementListItem"];
+        };
+    }
+}
+//# sourceMappingURL=DataGridColumnsManagementListItem.d.ts.map

package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridColumnsManagementListItem.d.ts","sourceRoot":"","sources":["../../../src/dataGrid/columnsManagement/DataGridColumnsManagementListItem.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,KAAK,mBAAmB,EACxB,KAAK,UAAU,EACf,KAAK,QAAQ,EACb,KAAK,YAAY,EACjB,KAAK,MAAM,IAAI,SAAS,EACxB,KAAK,KAAK,EAEb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,wBAAwB,EAAqB,MAAM,kBAAkB,CAAC;AAC/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAGvF,MAAM,MAAM,yCAAyC,GAC/C,MAAM,GACN,sBAAsB,GACtB,QAAQ,GACR,eAAe,GACf,iBAAiB,GACjB,cAAc,CAAC;AAErB,MAAM,MAAM,sCAAsC,GAAG,wBAAwB,CAAC;IAC1E,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB,oBAAoB,EAAE,KAAK,CAAC;IAC5B,MAAM,EAAE,OAAO,SAAS,CAAC;IACzB,aAAa,EAAE,OAAO,YAAY,CAAC;IACnC,eAAe,EAAE,KAAK,CAAC;IACvB,YAAY,EAAE,OAAO,UAAU,CAAC;CACnC,CAAC,GAAG;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC9E,eAAe,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,OAAO,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,iBAAiB,CAAC,sCAAsC,CA4DvG,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,2CAA2C,EAAE,sCAAsC,CAAC;KACvF;IAED,UAAU,uBAAuB;QAC7B,2CAA2C,EAAE,yCAAyC,CAAC;KAC1F;IAED,UAAU,UAAU;QAChB,2CAA2C,CAAC,EAAE;YAC1C,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,6CAA6C,CAAC,CAAC,CAAC;YAC3F,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,6CAA6C,CAAC,CAAC;SAC9F,CAAC;KACL;CACJ"}

package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.js

@@ -0,0 +1,76 @@
+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 _excluded = ["sx", "className", "slotProps", "column", "checked", "onToggleClicked", "onPinColumnClick"];
+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 { PinLeft, PinRight } from "@dextinity/admin-icons";
+import { useThemeProps } from "@mui/material";
+import { GridPinnedColumnPosition, useGridApiContext } from "@mui/x-data-grid";
+import { ListItemTitle, PinnedContainer, PinnedIconButton, Root, Switch, SwitchTitleContainer } from "./DataGridColumnsManagementListItem.styles";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var DataGridColumnsManagementListItem = function DataGridColumnsManagementListItem(inProps) {
+  var _column$pinnable;
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminDataGridColumnsManagementListItem"
+    }),
+    sx = _useThemeProps.sx,
+    className = _useThemeProps.className,
+    _useThemeProps$slotPr = _useThemeProps.slotProps,
+    slotProps = _useThemeProps$slotPr === void 0 ? {} : _useThemeProps$slotPr,
+    column = _useThemeProps.column,
+    checked = _useThemeProps.checked,
+    onToggleClicked = _useThemeProps.onToggleClicked,
+    onPinColumnClick = _useThemeProps.onPinColumnClick,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var apiRef = useGridApiContext();
+  var isPinnable = (_column$pinnable = column.pinnable) !== null && _column$pinnable !== void 0 ? _column$pinnable : false;
+  var pinPosition = apiRef.current.isColumnPinned(column.field);
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({
+    sx: sx,
+    className: className
+  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
+    children: [/*#__PURE__*/_jsxs(SwitchTitleContainer, {
+      children: [/*#__PURE__*/_jsx(Switch, _objectSpread({
+        name: column.field,
+        checked: checked,
+        onChange: onToggleClicked,
+        disabled: !column.hideable
+      }, slotProps["switch"])), /*#__PURE__*/_jsx(ListItemTitle, _objectSpread(_objectSpread({
+        slotProps: {
+          primary: {
+            variant: checked ? "subtitle2" : "body2"
+          }
+        }
+      }, slotProps.listItemTitle), {}, {
+        children: column.headerName || column.field
+      }))]
+    }), /*#__PURE__*/_jsxs(PinnedContainer, {
+      children: [/*#__PURE__*/_jsx(PinnedIconButton, _objectSpread(_objectSpread({
+        disabled: !isPinnable,
+        ownerState: {
+          active: pinPosition === GridPinnedColumnPosition.LEFT
+        },
+        onClick: function onClick() {
+          onPinColumnClick(column.field, GridPinnedColumnPosition.LEFT);
+        }
+      }, slotProps.pinnedButton), {}, {
+        children: /*#__PURE__*/_jsx(PinLeft, {})
+      })), /*#__PURE__*/_jsx(PinnedIconButton, _objectSpread(_objectSpread({
+        disabled: !isPinnable,
+        ownerState: {
+          active: pinPosition === GridPinnedColumnPosition.RIGHT
+        },
+        onClick: function onClick() {
+          onPinColumnClick(column.field, GridPinnedColumnPosition.RIGHT);
+        }
+      }, slotProps.pinnedButton), {}, {
+        children: /*#__PURE__*/_jsx(PinRight, {})
+      }))]
+    })]
+  }));
+};

package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.styles.d.ts

@@ -0,0 +1,41 @@
+export declare const Root: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "alignItems" | "style" | "className" | "children" | "dense" | "sx" | "classes" | "components" | "componentsProps" | "slots" | "slotProps" | "disablePadding" | "disableGutters" | "divider" | "ContainerComponent" | "ContainerProps" | "secondaryAction">, "alignItems" | "color" | "content" | "translate" | "slot" | "style" | "title" | "ref" | "className" | "suppressHydrationWarning" | "id" | "lang" | "nonce" | "part" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "value" | "dense" | "sx" | "classes" | "components" | "componentsProps" | "slots" | "slotProps" | "disablePadding" | "disableGutters" | "divider" | "ContainerComponent" | "ContainerProps" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const SwitchTitleContainer: import("react").ForwardRefExoticComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Switch: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").SwitchProps, keyof import("@mui/material").SwitchProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const ListItemTitle: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").ListItemTextProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>, import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>, keyof import("@mui/material").ListItemTextProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>, import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+type PinnedIconStyleProps = {
+    active: boolean;
+};
+export declare const PinnedContainer: import("react").ForwardRefExoticComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const PinnedIconButton: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "style" | "className" | "tabIndex" | "children" | "disabled" | "action" | "loading" | "size" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator">, "color" | "content" | "translate" | "form" | "slot" | "style" | "title" | "ref" | "className" | "name" | "suppressHydrationWarning" | "id" | "lang" | "nonce" | "part" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "action" | "loading" | "size" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState: PinnedIconStyleProps;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export {};
+//# sourceMappingURL=DataGridColumnsManagementListItem.styles.d.ts.map

package/lib/dataGrid/columnsManagement/DataGridColumnsManagementListItem.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridColumnsManagementListItem.styles.d.ts","sourceRoot":"","sources":["../../../src/dataGrid/columnsManagement/DataGridColumnsManagementListItem.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI;;;;;mDASf,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;mDAM/B,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;mDAGf,CAAC;AAEL,eAAO,MAAM,aAAa;;;;;mDAGtB,CAAC;AAEL,KAAK,oBAAoB,GAAG;IACxB,MAAM,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;mDAGxB,CAAC;AAEL,eAAO,MAAM,gBAAgB;;;;;mDAO5B,CAAC"}