@dextinity/cms-admin 2.0.0-canary-20260729062014

package/lib/warnings/WarningsGrid.js

@@ -0,0 +1,286 @@
+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 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 _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { gql, useQuery } from "@apollo/client";
+import { dataGridDateTimeColumn, DataGridToolbar, GridCellContent, GridFilterButton, GridToolbarQuickFilter, MainContent, messages, muiGridFilterToGql, muiGridSortToGql, ToolbarItem, useBufferedRowCount, useDataGridRemote, usePersistentColumnState } from "@dextinity/admin";
+import { Chip } from "@mui/material";
+import { capitalCase } from "change-case";
+import isEqual from "lodash.isequal";
+import { FormattedMessage, useIntl } from "react-intl";
+import { useContentScope } from "../contentScope/Provider";
+import { DataGrid } from "../dataGrid/DataGrid";
+import { useDependenciesConfig } from "../dependencies/dependenciesConfig";
+import { getDisplayNameString } from "../dependencies/getDisplayNameString";
+import { WarningActions } from "./WarningActions";
+import { WarningMessage } from "./WarningMessage";
+import { useWarningsConfig } from "./warningsConfig";
+import { WarningSeverity } from "./WarningSeverity";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var warningsFragment = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    fragment WarningsList on Warning {\n        id\n        createdAt\n        updatedAt\n        message\n        severity\n        sourceInfo {\n            rootEntityName\n            rootColumnName\n            targetId\n            jsonPath\n        }\n        entityInfo {\n            name\n            secondaryInformation\n        }\n        scope\n    }\n"])));
+var warningsQuery = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query WarningsGrid($offset: Int, $limit: Int, $sort: [WarningSort!], $search: String, $filter: WarningFilter, $scopes: [JSONObject!]!) {\n        warnings(offset: $offset, limit: $limit, sort: $sort, search: $search, filter: $filter, scopes: $scopes) {\n            nodes {\n                ...WarningsList\n            }\n            totalCount\n        }\n    }\n    ", "\n"])), warningsFragment);
+function WarningsGridToolbar() {
+  return /*#__PURE__*/_jsxs(DataGridToolbar, {
+    children: [/*#__PURE__*/_jsx(ToolbarItem, {
+      children: /*#__PURE__*/_jsx(GridToolbarQuickFilter, {})
+    }), /*#__PURE__*/_jsx(ToolbarItem, {
+      children: /*#__PURE__*/_jsx(GridFilterButton, {})
+    })]
+  });
+}
+export function WarningsGrid() {
+  var _data$warnings$nodes;
+  var intl = useIntl();
+  var dataGridProps = _objectSpread(_objectSpread({}, useDataGridRemote({
+    initialFilter: {
+      items: [{
+        field: "status",
+        operator: "is",
+        value: "open"
+      }]
+    }
+  })), usePersistentColumnState("WarningsGrid"));
+  var _useWarningsConfig = useWarningsConfig(),
+    warningMessages = _useWarningsConfig.messages;
+  var _useDependenciesConfi = useDependenciesConfig(),
+    entityDependencyMap = _useDependenciesConfi.entityDependencyMap;
+  var _useContentScope = useContentScope(),
+    scopeValues = _useContentScope.values;
+  var scopes = scopeValues.map(function (item) {
+    return item.scope;
+  });
+  var scopeValueOptions = scopeValues.map(function (item) {
+    var label = [];
+    for (var _i = 0, _Object$entries = Object.entries(item.scope); _i < _Object$entries.length; _i++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+        key = _Object$entries$_i[0],
+        value = _Object$entries$_i[1];
+      if (item.label && item.label[key]) {
+        label.push(item.label[key]);
+      } else if (value) {
+        label.push(capitalCase(value));
+      }
+    }
+    return {
+      value: JSON.stringify(item.scope),
+      label: label.join(" / ")
+    };
+  });
+  var columns = [_objectSpread(_objectSpread({}, dataGridDateTimeColumn), {}, {
+    field: "createdAt",
+    headerName: intl.formatMessage({
+      id: "warning.dateTime",
+      defaultMessage: "Date / Time"
+    }),
+    width: 200
+  }), {
+    field: "severity",
+    headerName: intl.formatMessage({
+      id: "warning.severity",
+      defaultMessage: "Severity"
+    }),
+    type: "singleSelect",
+    valueOptions: [{
+      value: "high",
+      label: intl.formatMessage({
+        id: "warning.severity.high",
+        defaultMessage: "High"
+      })
+    }, {
+      value: "medium",
+      label: intl.formatMessage({
+        id: "warning.severity.medium",
+        defaultMessage: "Medium"
+      })
+    }, {
+      value: "low",
+      label: intl.formatMessage({
+        id: "warning.severity.low",
+        defaultMessage: "Low"
+      })
+    }],
+    width: 150,
+    renderCell: function renderCell(params) {
+      return /*#__PURE__*/_jsx(WarningSeverity, {
+        severity: params.value
+      });
+    }
+  }, {
+    field: "name",
+    headerName: intl.formatMessage({
+      id: "warning.name",
+      defaultMessage: "Name"
+    }),
+    width: 200,
+    renderCell: function renderCell(_ref) {
+      var _row$entityInfo$name, _row$entityInfo, _row$entityInfo2;
+      var row = _ref.row;
+      return /*#__PURE__*/_jsx(GridCellContent, {
+        primaryText: (_row$entityInfo$name = (_row$entityInfo = row.entityInfo) === null || _row$entityInfo === void 0 ? void 0 : _row$entityInfo.name) !== null && _row$entityInfo$name !== void 0 ? _row$entityInfo$name : /*#__PURE__*/_jsx(FormattedMessage, _objectSpread({}, messages.unknown)),
+        secondaryText: (_row$entityInfo2 = row.entityInfo) === null || _row$entityInfo2 === void 0 ? void 0 : _row$entityInfo2.secondaryInformation
+      });
+    }
+  }, {
+    field: "secondaryInformation",
+    headerName: intl.formatMessage({
+      id: "warning.info",
+      defaultMessage: "Info"
+    }),
+    sortable: false,
+    visible: false,
+    valueGetter: function valueGetter(params, row) {
+      var _row$entityInfo3;
+      return (_row$entityInfo3 = row.entityInfo) === null || _row$entityInfo3 === void 0 ? void 0 : _row$entityInfo3.secondaryInformation;
+    }
+  }, {
+    field: "type",
+    headerName: intl.formatMessage({
+      id: "warning.type",
+      defaultMessage: "Type"
+    }),
+    type: "singleSelect",
+    valueOptions: Object.entries(entityDependencyMap).map(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        value = _ref3[0],
+        dependency = _ref3[1];
+      return {
+        value: value,
+        label: getDisplayNameString(dependency.displayName, intl, value)
+      };
+    }),
+    width: 100,
+    valueGetter: function valueGetter(params, row) {
+      return row.sourceInfo.rootEntityName;
+    },
+    renderCell: function renderCell(_ref4) {
+      var _entityDependencyMap$, _entityDependencyMap$2;
+      var row = _ref4.row;
+      return /*#__PURE__*/_jsx(Chip, {
+        label: (_entityDependencyMap$ = (_entityDependencyMap$2 = entityDependencyMap[row.sourceInfo.rootEntityName]) === null || _entityDependencyMap$2 === void 0 ? void 0 : _entityDependencyMap$2.displayName) !== null && _entityDependencyMap$ !== void 0 ? _entityDependencyMap$ : row.sourceInfo.rootEntityName
+      });
+    }
+  }, {
+    field: "message",
+    headerName: intl.formatMessage({
+      id: "warning.message",
+      defaultMessage: "Message"
+    }),
+    flex: 1,
+    renderCell: function renderCell(params) {
+      return /*#__PURE__*/_jsx(WarningMessage, {
+        message: params.value,
+        warningMessages: warningMessages
+      });
+    }
+  }, {
+    field: "scope",
+    headerName: intl.formatMessage({
+      id: "warning.scope",
+      defaultMessage: "Scope"
+    }),
+    type: "singleSelect",
+    sortable: false,
+    valueOptions: scopeValueOptions,
+    valueFormatter: function valueFormatter(value) {
+      if (_typeof(value) === "object" && value !== null) {
+        // Check if there is a scope value in the options, if so, return the label
+        var scope = scopeValueOptions.find(function (scope) {
+          return isEqual(JSON.parse(scope.value), value);
+        });
+        if (scope) {
+          return scope.label;
+        }
+
+        // Otherwise if it's still an object, format it with capitalCase
+        // This might be the case if the scope is only partially defined (for a scope with domain/language, only domain is defined)
+        var objectValues = Object.values(value);
+        var formattedValues = objectValues.map(function (value) {
+          return typeof value === "string" ? capitalCase(value) : value;
+        }).join(" / ");
+        return formattedValues;
+      }
+      return intl.formatMessage(messages.globalContentScope);
+    }
+  }, {
+    field: "actions",
+    headerName: "",
+    filterable: false,
+    sortable: false,
+    renderCell: function renderCell(_ref5) {
+      var row = _ref5.row;
+      return /*#__PURE__*/_jsx(WarningActions, {
+        scope: row.scope,
+        sourceInfo: row.sourceInfo
+      });
+    }
+  }];
+  function gridFilterToGql(columns, filterModel) {
+    var _filterModel$items$ma;
+    // Create a custom filter model by transforming the filterModel's items
+    var customFilterModel = _objectSpread(_objectSpread({}, filterModel), {}, {
+      items: (_filterModel$items$ma = filterModel === null || filterModel === void 0 ? void 0 : filterModel.items.map(function (item) {
+        if (item.field === "scope") {
+          if (typeof item.value === "string") {
+            return _objectSpread(_objectSpread({}, item), {}, {
+              value: JSON.parse(item.value)
+            });
+          }
+          if (_typeof(item.value) === "object" && Array.isArray(item.value)) {
+            return _objectSpread(_objectSpread({}, item), {}, {
+              value: item.value.map(function (value) {
+                return JSON.parse(value);
+              })
+            });
+          }
+        }
+        return item;
+      })) !== null && _filterModel$items$ma !== void 0 ? _filterModel$items$ma : []
+    });
+    return muiGridFilterToGql(columns, customFilterModel);
+  }
+  var _gridFilterToGql = gridFilterToGql(columns, dataGridProps.filterModel),
+    gqlFilter = _gridFilterToGql.filter,
+    gqlSearch = _gridFilterToGql.search;
+  var _useQuery = useQuery(warningsQuery, {
+      variables: {
+        scopes: scopes,
+        filter: gqlFilter,
+        search: gqlSearch,
+        offset: dataGridProps.paginationModel.page * dataGridProps.paginationModel.pageSize,
+        limit: dataGridProps.paginationModel.pageSize,
+        sort: muiGridSortToGql(dataGridProps.sortModel, columns)
+      }
+    }),
+    data = _useQuery.data,
+    loading = _useQuery.loading,
+    error = _useQuery.error;
+  var rowCount = useBufferedRowCount(data === null || data === void 0 ? void 0 : data.warnings.totalCount);
+  if (error) {
+    throw error;
+  }
+  var rows = (_data$warnings$nodes = data === null || data === void 0 ? void 0 : data.warnings.nodes) !== null && _data$warnings$nodes !== void 0 ? _data$warnings$nodes : [];
+  return /*#__PURE__*/_jsx(MainContent, {
+    fullHeight: true,
+    children: /*#__PURE__*/_jsx(DataGrid, _objectSpread(_objectSpread({}, dataGridProps), {}, {
+      disableRowSelectionOnClick: true,
+      rows: rows,
+      rowCount: rowCount,
+      columns: columns,
+      loading: loading,
+      slots: {
+        toolbar: WarningsGridToolbar
+      },
+      showToolbar: true
+    }))
+  });
+}

package/lib/warnings/WarningsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function WarningsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WarningsPage.d.ts.map

package/lib/warnings/WarningsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningsPage.d.ts","sourceRoot":"","sources":["../../src/warnings/WarningsPage.tsx"],"names":[],"mappings":"AAMA,wBAAgB,YAAY,4CAQ3B"}

package/lib/warnings/WarningsPage.js

@@ -0,0 +1,19 @@
+import { Stack, StackToolbar } from "@dextinity/admin";
+import { useIntl } from "react-intl";
+import { ContentScopeIndicator } from "../contentScope/ContentScopeIndicator";
+import { WarningsGrid } from "./WarningsGrid";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function WarningsPage() {
+  var intl = useIntl();
+  return /*#__PURE__*/_jsxs(Stack, {
+    topLevelTitle: intl.formatMessage({
+      id: "warnings.warnings",
+      defaultMessage: "Warnings"
+    }),
+    children: [/*#__PURE__*/_jsx(StackToolbar, {
+      scopeIndicator: /*#__PURE__*/_jsx(ContentScopeIndicator, {
+        global: true
+      })
+    }), /*#__PURE__*/_jsx(WarningsGrid, {})]
+  });
+}

package/lib/warnings/warningMessages.d.ts

@@ -0,0 +1,10 @@
+export declare const warningMessages: {
+    missingSeoMetadata: import("react/jsx-runtime").JSX.Element;
+    fileLicenseSoonToExpire: import("react/jsx-runtime").JSX.Element;
+    fileLicenseExpired: import("react/jsx-runtime").JSX.Element;
+    fileLicenseRequired: import("react/jsx-runtime").JSX.Element;
+    missingAltText: import("react/jsx-runtime").JSX.Element;
+    invalidTarget: import("react/jsx-runtime").JSX.Element;
+    missingTarget: import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=warningMessages.d.ts.map

package/lib/warnings/warningMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"warningMessages.d.ts","sourceRoot":"","sources":["../../src/warnings/warningMessages.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;CAQ3B,CAAC"}

package/lib/warnings/warningMessages.js

@@ -0,0 +1,32 @@
+import { FormattedMessage } from "react-intl";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var warningMessages = {
+  missingSeoMetadata: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.warnings.missingSeoMetadata",
+    defaultMessage: "Missing SEO Meta Data"
+  }),
+  fileLicenseSoonToExpire: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.warnings.file.license.soonToExpire",
+    defaultMessage: "File license expires soon"
+  }),
+  fileLicenseExpired: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.warnings.file.license.expired",
+    defaultMessage: "File license has expired"
+  }),
+  fileLicenseRequired: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.warnings.file.license.required",
+    defaultMessage: "File license is missing"
+  }),
+  missingAltText: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.warnings.missingAltText",
+    defaultMessage: "Missing alt text"
+  }),
+  invalidTarget: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.warnings.invalidTarget",
+    defaultMessage: "Invalid Target"
+  }),
+  missingTarget: /*#__PURE__*/_jsx(FormattedMessage, {
+    id: "comet.warnings.missingTarget",
+    defaultMessage: "Missing Target"
+  })
+};

package/lib/warnings/warningsConfig.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+export interface WarningsConfig {
+    messages: Record<string, ReactNode>;
+}
+export declare function useWarningsConfig(): WarningsConfig;
+//# sourceMappingURL=warningsConfig.d.ts.map

package/lib/warnings/warningsConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"warningsConfig.d.ts","sourceRoot":"","sources":["../../src/warnings/warningsConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACvC;AAED,wBAAgB,iBAAiB,IAAI,cAAc,CAIlD"}

package/lib/warnings/warningsConfig.js

@@ -0,0 +1,15 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useCometConfig } from "../config/CometConfigContext";
+import { warningMessages as cometWarningMessages } from "./warningMessages";
+export function useWarningsConfig() {
+  var _cometConfig$warnings;
+  var cometConfig = useCometConfig();
+  return _objectSpread(_objectSpread({}, cometConfig.warnings), {}, {
+    messages: _objectSpread(_objectSpread({}, (_cometConfig$warnings = cometConfig.warnings) === null || _cometConfig$warnings === void 0 ? void 0 : _cometConfig$warnings.messages), cometWarningMessages)
+  });
+}

package/package.json

@@ -0,0 +1,185 @@
+{
+  "name": "@dextinity/cms-admin",
+  "version": "2.0.0-canary-20260729062014",
+  "description": "Comet CMS Admin package",
+  "repository": {
+    "directory": "packages/admin/cms-admin",
+    "type": "git",
+    "url": "https://github.com/vivid-planet/comet"
+  },
+  "license": "BSD-2-Clause",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./lib/index.js",
+      "types": "./lib/index.d.ts"
+    }
+  },
+  "files": [
+    "lib"
+  ],
+  "dependencies": {
+    "@tiptap/core": "^3.22.3",
+    "@tiptap/extension-heading": "^3.22.3",
+    "@tiptap/extension-paragraph": "^3.22.3",
+    "@tiptap/extension-subscript": "^3.22.3",
+    "@tiptap/extension-superscript": "^3.22.3",
+    "@tiptap/pm": "^3.22.3",
+    "@tiptap/react": "^3.22.3",
+    "@tiptap/starter-kit": "^3.22.3",
+    "change-case": "^4.1.2",
+    "class-validator": "^0.14.3",
+    "date-fns": "^4.4.0",
+    "final-form-arrays": "^3.1.0",
+    "final-form-set-field-touched": "^1.0.1",
+    "js-cookie": "^3.0.8",
+    "lodash.escaperegexp": "^4.1.2",
+    "lodash.isequal": "^4.5.0",
+    "mime-db": "^1.54.0",
+    "p-debounce": "^4.0.0",
+    "react-cool-dimensions": "^2.0.7",
+    "react-dropzone": "^14.3.8",
+    "react-final-form-arrays": "^3.1.4",
+    "react-hotkeys-hook": "^3.4.7",
+    "react-image-crop": "^11.0.10",
+    "react-split": "^2.0.14",
+    "react-virtualized-auto-sizer": "^1.0.26",
+    "react-window": "^1.8.11",
+    "rimraf": "^6.1.2",
+    "scroll-into-view-if-needed": "^3.1.0",
+    "slugify": "^1.6.9",
+    "use-debounce": "^10.0.6",
+    "uuid": "^11.1.1",
+    "zod": "^4.4.3",
+    "@dextinity/admin": "2.0.0-canary-20260729062014",
+    "@dextinity/admin-date-time": "2.0.0-canary-20260729062014",
+    "@dextinity/admin-icons": "2.0.0-canary-20260729062014",
+    "@dextinity/admin-rte": "2.0.0-canary-20260729062014"
+  },
+  "devDependencies": {
+    "@apollo/client": "^3.14.1",
+    "@babel/cli": "^7.29.7",
+    "@babel/core": "^7.29.7",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@graphql-codegen/cli": "^5.0.7",
+    "@graphql-codegen/named-operations-object": "^3.1.1",
+    "@graphql-codegen/near-operation-file-preset": "^3.1.0",
+    "@graphql-codegen/typescript": "^4.1.6",
+    "@graphql-codegen/typescript-operations": "^4.6.1",
+    "@mui/material": "^7.3.11",
+    "@mui/system": "^7.3.11",
+    "@mui/x-data-grid": "^8.28.7",
+    "@mui/x-data-grid-premium": "^8.28.7",
+    "@mui/x-data-grid-pro": "^8.28.7",
+    "@mui/x-date-pickers": "^8.28.7",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-vitest": "10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/draft-js": "^0.11.20",
+    "@types/final-form-set-field-touched": "^1.0.3",
+    "@types/history": "^4.7.11",
+    "@types/js-cookie": "^3.0.6",
+    "@types/lodash.escaperegexp": "^4.1.9",
+    "@types/lodash.isequal": "^4.5.8",
+    "@types/mime-db": "^1.43.6",
+    "@types/node": "^24.12.4",
+    "@types/react": "^19.2.15",
+    "@types/react-dom": "^19.2.3",
+    "@types/react-router": "^5.1.20",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/react-window": "^1.8.8",
+    "@vitest/browser": "4.1.8",
+    "@vitest/browser-playwright": "4.1.8",
+    "chokidar-cli": "^3.0.0",
+    "draft-js": "^0.11.7",
+    "eslint": "^9.39.4",
+    "eslint-plugin-storybook": "^10.3.5",
+    "final-form": "^4.20.10",
+    "graphql": "^16.14.2",
+    "history": "^4.10.1",
+    "jsdom": "^28.1.0",
+    "msw": "^2.14.6",
+    "npm-run-all2": "^8.0.4",
+    "playwright": "^1.49.1",
+    "prettier": "^3.6.2",
+    "react": "^19.2.6",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
+    "react-dom": "^19.2.6",
+    "react-final-form": "^6.5.9",
+    "react-intl": "^7.1.11",
+    "react-router": "^5.3.4",
+    "react-router-dom": "^5.3.4",
+    "storybook": "^10.3.5",
+    "storybook-addon-tag-badges": "^3.1.0",
+    "typescript": "5.9.3",
+    "vite": "^7.3.1",
+    "vite-tsconfig-paths": "^6.0.3",
+    "vitest": "^4.1.8",
+    "@dextinity/admin-babel-preset": "2.0.0-canary-20260729062014",
+    "@dextinity/cli": "2.0.0-canary-20260729062014",
+    "@dextinity/eslint-config": "2.0.0-canary-20260729062014"
+  },
+  "peerDependencies": {
+    "@apollo/client": "^3.7.0",
+    "@emotion/react": "^11.5.0",
+    "@emotion/styled": "^11.3.0",
+    "@mui/material": "^7.0.0",
+    "@mui/x-data-grid": "^8.0.0",
+    "@mui/x-data-grid-pro": "^8.0.0",
+    "final-form": "^4.0.0",
+    "graphql": "^15.0.0 || ^16.0.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dnd": "^16.0.0",
+    "react-dnd-html5-backend": "^16.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-final-form": "^6.0.0",
+    "react-intl": "^5.0.0 || ^6.0.0 || ^7.0.0",
+    "react-router": "^5.0.0",
+    "react-router-dom": "^5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@mui/x-data-grid-pro": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=22.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "scripts": {
+    "build": "pnpm run clean && run-p gql:types generate-block-types && run-p build:babel build:types",
+    "build-storybook": "storybook build --disable-telemetry",
+    "build:babel": "pnpm exec babel ./src -x \".ts,.tsx\" -d lib --config-file ./.babelrc.build.json",
+    "build:types": "tsc --project ./tsconfig.build.json --emitDeclarationOnly",
+    "clean": "rimraf lib 'src/**/*.generated.ts'",
+    "generate-block-types": "comet generate-block-types --inputs",
+    "generate-block-types:watch": "chokidar -s \"block-meta.json\" -c \"pnpm generate-block-types\"",
+    "gql:types": "graphql-codegen",
+    "gql:watch": "pnpm graphql-codegen --watch",
+    "lint": "run-p gql:types generate-block-types && run-p lint:prettier lint:eslint lint:tsc",
+    "lint:ci": "pnpm run lint",
+    "lint:eslint": "eslint --max-warnings 0 src/ '**/*.json' --no-warn-ignored",
+    "lint:fix": "run-p lint:fix:eslint lint:fix:prettier",
+    "lint:fix:eslint": "pnpm run lint:eslint --fix",
+    "lint:fix:prettier": "pnpm run lint:prettier --write",
+    "lint:prettier": "pnpm exec prettier --check '*.{ts,js,json,md,yml,yaml}'",
+    "lint:tsc": "tsc --noEmit",
+    "start": "run-p gql:types generate-block-types && run-p start:babel start:types",
+    "start:babel": "pnpm exec babel ./src -x \".ts,.tsx\" -d lib -w --config-file ./.babelrc.build.json",
+    "start:types": "tsc --project ./tsconfig.json --emitDeclarationOnly --watch --preserveWatchOutput",
+    "storybook": "storybook dev -p 26647 --no-open --disable-telemetry",
+    "test": "pnpm run test:unit && pnpm run test:storybook",
+    "test:storybook": "vitest --run --project storybook --outputFile.junit=./junit-storybook.xml",
+    "test:unit": "vitest --run --project unit --outputFile.junit=./junit-unit.xml",
+    "test:watch": "vitest --watch"
+  }
+}