@comet/cms-admin 9.0.0-beta.3 → 9.0.0-beta.5

package/lib/dashboard/widgets/LatestContentUpdatesDashboardWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LatestContentUpdatesDashboardWidget.d.ts","sourceRoot":"","sources":["../../../src/dashboard/widgets/LatestContentUpdatesDashboardWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMhE,KAAK,UAAU,GAAG;IACd,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wCAAwC,CAAC,GAAG,SAAS,UAAU,IAAI;IAC3E,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;CAChD,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,mCAAmC,GAAI,GAAG,SAAS,UAAU,EAAE,oBAGzE,wCAAwC,CAAC,GAAG,CAAC,4CA0C/C,CAAC"}
+{"version":3,"file":"LatestContentUpdatesDashboardWidget.d.ts","sourceRoot":"","sources":["../../../src/dashboard/widgets/LatestContentUpdatesDashboardWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD,KAAK,UAAU,GAAG;IACd,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wCAAwC,CAAC,GAAG,SAAS,UAAU,IAAI;IAC3E,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;CAChD,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,mCAAmC,GAAI,GAAG,SAAS,UAAU,EAAE,oBAGzE,wCAAwC,CAAC,GAAG,CAAC,4CA0C/C,CAAC"}

package/lib/dashboard/widgets/LatestContentUpdatesDashboardWidget.js

@@ -6,9 +6,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { ArrowRight, Reload } from "@comet/admin-icons";
 import { IconButton } from "@mui/material";
-import { DataGrid } from "@mui/x-data-grid";
 import { FormattedMessage, useIntl } from "react-intl";
 import { Link } from "react-router-dom";
+import { DataGrid } from "../../dataGrid/DataGrid";
 import { DashboardWidgetRoot } from "./DashboardWidgetRoot";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var LatestContentUpdatesDashboardWidget = function LatestContentUpdatesDashboardWidget(_ref) {

package/lib/dashboard/widgets/__stories__/DashboardWidgetRoot.stories.js

@@ -0,0 +1,82 @@
+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 { InfoFilled } from "@comet/admin-icons";
+import { Grid } from "@mui/material";
+import { DashboardWidgetRoot } from "../DashboardWidgetRoot";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var config = {
+  component: DashboardWidgetRoot,
+  title: "dashboard/widgets/DashboardWidgetRoot"
+};
+export default config;
+export var Default = {
+  args: {
+    header: "Widget Header",
+    children: /*#__PURE__*/_jsx("div", {
+      style: {
+        padding: "20px"
+      },
+      children: "Some content goes here"
+    })
+  }
+};
+export var WithIcon = {
+  args: {
+    header: "Widget Header",
+    icon: /*#__PURE__*/_jsx(InfoFilled, {}),
+    children: /*#__PURE__*/_jsx("div", {
+      style: {
+        padding: "20px"
+      },
+      children: "Some content goes here"
+    })
+  }
+};
+export var WidgetInGrid = {
+  args: {
+    header: "Widget Header",
+    children: /*#__PURE__*/_jsx("div", {
+      style: {
+        padding: "20px"
+      },
+      children: "Some content goes here"
+    })
+  },
+  render: function render(args, context) {
+    return /*#__PURE__*/_jsxs(Grid, {
+      container: true,
+      spacing: 4,
+      columns: {
+        xs: 1,
+        sm: 6,
+        lg: 12
+      },
+      children: [/*#__PURE__*/_jsx(Grid, {
+        size: 12,
+        children: /*#__PURE__*/_jsx(DashboardWidgetRoot, _objectSpread({}, args))
+      }), /*#__PURE__*/_jsx(Grid, {
+        size: 6,
+        children: /*#__PURE__*/_jsx(DashboardWidgetRoot, _objectSpread({}, args))
+      }), /*#__PURE__*/_jsx(Grid, {
+        size: 6,
+        children: /*#__PURE__*/_jsx(DashboardWidgetRoot, _objectSpread({}, args))
+      }), /*#__PURE__*/_jsx(Grid, {
+        size: 3,
+        children: /*#__PURE__*/_jsx(DashboardWidgetRoot, _objectSpread({}, args))
+      }), /*#__PURE__*/_jsx(Grid, {
+        size: 3,
+        children: /*#__PURE__*/_jsx(DashboardWidgetRoot, _objectSpread({}, args))
+      }), /*#__PURE__*/_jsx(Grid, {
+        size: 3,
+        children: /*#__PURE__*/_jsx(DashboardWidgetRoot, _objectSpread({}, args))
+      }), /*#__PURE__*/_jsx(Grid, {
+        size: 3,
+        children: /*#__PURE__*/_jsx(DashboardWidgetRoot, _objectSpread({}, args))
+      })]
+    });
+  }
+};

package/lib/dataGrid/DataGrid.d.ts

@@ -0,0 +1,3 @@
+import { type DataGridProps, type GridValidRowModel } from "@mui/x-data-grid";
+export declare function DataGrid<R extends GridValidRowModel = GridValidRowModel>(props: DataGridProps<R>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../src/dataGrid/DataGrid.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIvG,wBAAgB,QAAQ,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,2CAIhG"}

package/lib/dataGrid/DataGrid.js

@@ -0,0 +1,19 @@
+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); }
+// eslint-disable-next-line no-restricted-imports
+import { DataGrid as MuiDataGrid } from "@mui/x-data-grid";
+import { useCometConfig } from "../config/CometConfigContext";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function DataGrid(props) {
+  var _useCometConfig = useCometConfig(),
+    _useCometConfig$dataG = _useCometConfig.dataGrid,
+    _useCometConfig$dataG2 = _useCometConfig$dataG === void 0 ? {} : _useCometConfig$dataG,
+    _useCometConfig$dataG3 = _useCometConfig$dataG2.component,
+    ConfiguredDataGrid = _useCometConfig$dataG3 === void 0 ? MuiDataGrid : _useCometConfig$dataG3;
+  var TypedDataGrid = ConfiguredDataGrid;
+  return /*#__PURE__*/_jsx(TypedDataGrid, _objectSpread({}, props));
+}

package/lib/dependencies/DependenciesList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DependenciesList.d.ts","sourceRoot":"","sources":["../../src/dependencies/DependenciesList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,iBAAiB,EAA6B,MAAM,gBAAgB,CAAC;AACrG,OAAO,EAIH,KAAK,SAAS,EAWjB,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAU1D,KAAK,UAAU,GAAG,IAAI,CAClB,aAAa,EACb,yBAAyB,GAAG,UAAU,GAAG,gBAAgB,GAAG,UAAU,GAAG,MAAM,GAAG,sBAAsB,GAAG,SAAS,CACvH,CAAC;AAEF,UAAU,qBAAqB;IAC3B,IAAI,EAAE;QACF,EAAE,EAAE,MAAM,CAAC;QACX,YAAY,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAA;SAAE,CAAC;KAClE,CAAC;CACL;AAED,KAAK,cAAc,GAAG;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9D,CAAC;AAiCF,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,iBAAiB,CAAC,qBAAqB,EAAE,cAAc,CAAC,CAAC;IAChE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,gBAAgB,GAAI,sBAAsB,qBAAqB,4CAsK3E,CAAC"}
+{"version":3,"file":"DependenciesList.d.ts","sourceRoot":"","sources":["../../src/dependencies/DependenciesList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,iBAAiB,EAA6B,MAAM,gBAAgB,CAAC;AACrG,OAAO,EAIH,KAAK,SAAS,EAWjB,MAAM,cAAc,CAAC;AAUtB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAU1D,KAAK,UAAU,GAAG,IAAI,CAClB,aAAa,EACb,yBAAyB,GAAG,UAAU,GAAG,gBAAgB,GAAG,UAAU,GAAG,MAAM,GAAG,sBAAsB,GAAG,SAAS,CACvH,CAAC;AAEF,UAAU,qBAAqB;IAC3B,IAAI,EAAE;QACF,EAAE,EAAE,MAAM,CAAC;QACX,YAAY,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAA;SAAE,CAAC;KAClE,CAAC;CACL;AAED,KAAK,cAAc,GAAG;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9D,CAAC;AAiCF,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,iBAAiB,CAAC,qBAAqB,EAAE,cAAc,CAAC,CAAC;IAChE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,gBAAgB,GAAI,sBAAsB,qBAAqB,4CAsK3E,CAAC"}

package/lib/dependencies/DependenciesList.js

@@ -18,11 +18,11 @@ import { useApolloClient, useQuery } from "@apollo/client";
 import { Alert, DataGridToolbar, FillSpace, GridCellContent, GridFilterButton, messages, muiGridFilterToGql, muiGridSortToGql, Tooltip, useBufferedRowCount, useDataGridRemote, usePersistentColumnState } from "@comet/admin";
 import { ArrowRight, OpenNewTab, Reload, ThreeDotSaving } from "@comet/admin-icons";
 import { Box, Chip, IconButton } from "@mui/material";
-import { DataGrid } from "@mui/x-data-grid";
 import { useMemo, useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { useHistory } from "react-router";
 import { useContentScope } from "../contentScope/Provider";
+import { DataGrid } from "../dataGrid/DataGrid";
 import { useDependenciesConfig } from "./dependenciesConfig";
 import { getDisplayNameString } from "./getDisplayNameString";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";

package/lib/dependencies/DependentsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DependentsList.d.ts","sourceRoot":"","sources":["../../src/dependencies/DependentsList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,iBAAiB,EAA6B,MAAM,gBAAgB,CAAC;AACrG,OAAO,EAIH,KAAK,SAAS,EAWjB,MAAM,cAAc,CAAC;AAStB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAU1D,KAAK,SAAS,GAAG,IAAI,CACjB,aAAa,EACb,uBAAuB,GAAG,QAAQ,GAAG,gBAAgB,GAAG,UAAU,GAAG,MAAM,GAAG,sBAAsB,GAAG,SAAS,CACnH,CAAC;AAEF,UAAU,mBAAmB;IACzB,IAAI,EAAE;QACF,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;SAAE,CAAC;KAC/D,CAAC;CACL;AAED,KAAK,cAAc,GAAG;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9D,CAAC;AAiCF,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,iBAAiB,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC;IAC9D,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,cAAc,GAAI,sBAAsB,mBAAmB,4CAoKvE,CAAC"}
+{"version":3,"file":"DependentsList.d.ts","sourceRoot":"","sources":["../../src/dependencies/DependentsList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,iBAAiB,EAA6B,MAAM,gBAAgB,CAAC;AACrG,OAAO,EAIH,KAAK,SAAS,EAWjB,MAAM,cAAc,CAAC;AAUtB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAU1D,KAAK,SAAS,GAAG,IAAI,CACjB,aAAa,EACb,uBAAuB,GAAG,QAAQ,GAAG,gBAAgB,GAAG,UAAU,GAAG,MAAM,GAAG,sBAAsB,GAAG,SAAS,CACnH,CAAC;AAEF,UAAU,mBAAmB;IACzB,IAAI,EAAE;QACF,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE;YAAE,UAAU,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;SAAE,CAAC;KAC/D,CAAC;CACL;AAED,KAAK,cAAc,GAAG;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9D,CAAC;AAiCF,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,iBAAiB,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC;IAC9D,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,cAAc,GAAI,sBAAsB,mBAAmB,4CAoKvE,CAAC"}

package/lib/dependencies/DependentsList.js

@@ -18,11 +18,11 @@ import { useApolloClient, useQuery } from "@apollo/client";
 import { Alert, DataGridToolbar, FillSpace, GridCellContent, GridFilterButton, messages, muiGridFilterToGql, muiGridSortToGql, Tooltip, useBufferedRowCount, useDataGridRemote, usePersistentColumnState } from "@comet/admin";
 import { ArrowRight, OpenNewTab, Reload, ThreeDotSaving } from "@comet/admin-icons";
 import { Box, Chip, IconButton } from "@mui/material";
-import { DataGrid } from "@mui/x-data-grid";
 import { useMemo, useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import { useHistory } from "react-router";
 import { useContentScope } from "../contentScope/Provider";
+import { DataGrid } from "../dataGrid/DataGrid";
 import { useDependenciesConfig } from "./dependenciesConfig";
 import { getDisplayNameString } from "./getDisplayNameString";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";

package/lib/form/file/FileField.d.ts

@@ -1,18 +1,21 @@
-import { MenuItem } from "@mui/material";
-import { type ComponentProps, type ReactElement, type ReactNode } from "react";
+import { type ReactElement, type ReactNode } from "react";
 import type { FieldRenderProps } from "react-final-form";
 import type { GQLDamFileFieldFileFragment } from "./FileField.gql.generated";
+import { type ActionItem } from "./FileFieldMenu";
 export type { GQLDamFileFieldFileFragment } from "./FileField.gql.generated";
-interface ActionItem extends ComponentProps<typeof MenuItem> {
-    label: ReactNode;
-    icon?: ReactNode;
-}
-interface FileFieldProps extends FieldRenderProps<GQLDamFileFieldFileFragment | undefined, HTMLInputElement> {
-    buttonText?: string;
+type CommonProps = {
+    buttonText?: ReactNode;
     allowedMimetypes?: string[];
-    preview?: ReactNode;
     menuActions?: Array<ActionItem | ReactElement | null | undefined>;
-}
-declare const FileField: ({ buttonText, input, allowedMimetypes, preview, menuActions }: FileFieldProps) => import("react/jsx-runtime").JSX.Element;
-export { FileField };
+};
+type SingleFileFieldProps = FieldRenderProps<GQLDamFileFieldFileFragment | undefined, HTMLInputElement> & CommonProps & {
+    multiple?: false;
+    preview?: ReactNode;
+};
+type MultiFileFieldProps = FieldRenderProps<GQLDamFileFieldFileFragment[] | undefined, HTMLInputElement> & CommonProps & {
+    multiple: true;
+    preview?: (file: GQLDamFileFieldFileFragment) => ReactNode;
+};
+export declare function FileField(props: SingleFileFieldProps): ReactElement;
+export declare function FileField(props: MultiFileFieldProps): ReactElement;
 //# sourceMappingURL=FileField.d.ts.map

package/lib/form/file/FileField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileField.d.ts","sourceRoot":"","sources":["../../../src/form/file/FileField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoE,QAAQ,EAAc,MAAM,eAAe,CAAC;AACvH,OAAO,EAAE,KAAK,cAAc,EAAkB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AACzG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAUzD,OAAO,KAAK,EAAE,2BAA2B,EAA+D,MAAM,2BAA2B,CAAC;AAE1I,YAAY,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAE7E,UAAU,UAAW,SAAQ,cAAc,CAAC,OAAO,QAAQ,CAAC;IACxD,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,UAAU,cAAe,SAAQ,gBAAgB,CAAC,2BAA2B,GAAG,SAAS,EAAE,gBAAgB,CAAC;IACxG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CACrE;AAED,QAAA,MAAM,SAAS,GAAI,+DAA+D,cAAc,4CAsH/F,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"FileField.d.ts","sourceRoot":"","sources":["../../../src/form/file/FileField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAWzD,OAAO,KAAK,EACR,2BAA2B,EAK9B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,KAAK,UAAU,EAAsC,MAAM,iBAAiB,CAAC;AAGtF,YAAY,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAE7E,KAAK,WAAW,GAAG;IACf,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CACrE,CAAC;AAEF,KAAK,oBAAoB,GAAG,gBAAgB,CAAC,2BAA2B,GAAG,SAAS,EAAE,gBAAgB,CAAC,GACnG,WAAW,GAAG;IACV,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEN,KAAK,mBAAmB,GAAG,gBAAgB,CAAC,2BAA2B,EAAE,GAAG,SAAS,EAAE,gBAAgB,CAAC,GACpG,WAAW,GAAG;IACV,QAAQ,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,2BAA2B,KAAK,SAAS,CAAC;CAC9D,CAAC;AAEN,wBAAgB,SAAS,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAAC;AACrE,wBAAgB,SAAS,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,CAAC"}

package/lib/form/file/FileField.gql.d.ts

@@ -1,2 +1,4 @@
+export declare const damFileFieldFragment: import("graphql").DocumentNode;
 export declare const damFileFieldFileQuery: import("graphql").DocumentNode;
+export declare const damFileFieldFilesByIdsQuery: import("graphql").DocumentNode;
 //# sourceMappingURL=FileField.gql.d.ts.map

package/lib/form/file/FileField.gql.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileField.gql.d.ts","sourceRoot":"","sources":["../../../src/form/file/FileField.gql.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,qBAAqB,gCAOjC,CAAC"}
+{"version":3,"file":"FileField.gql.d.ts","sourceRoot":"","sources":["../../../src/form/file/FileField.gql.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,gCAkBhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,gCAOjC,CAAC;AAEF,eAAO,MAAM,2BAA2B,gCASvC,CAAC"}

package/lib/form/file/FileField.gql.generated.d.ts

@@ -2,6 +2,7 @@ import * as Types from '../../graphql.generated';
 export declare const namedOperations: {
     Query: {
         DamFileFieldFile: string;
+        DamFileFieldFilesByIds: string;
     };
     Fragment: {
         DamFileFieldFile: string;
@@ -22,6 +23,7 @@ export type GQLDamFileFieldFileFragment = {
         __typename?: 'DamFileImage';
         width: number;
         height: number;
+        thumbnailUrl: string | null;
         cropArea: {
             __typename?: 'ImageCropArea';
             focalPoint: Types.GQLFocalPoint;
@@ -52,6 +54,7 @@ export type GQLDamFileFieldFileQuery = {
             __typename?: 'DamFileImage';
             width: number;
             height: number;
+            thumbnailUrl: string | null;
             cropArea: {
                 __typename?: 'ImageCropArea';
                 focalPoint: Types.GQLFocalPoint;
@@ -63,4 +66,41 @@ export type GQLDamFileFieldFileQuery = {
         } | null;
     };
 };
+export type GQLDamFileFieldFilesByIdsQueryVariables = Types.Exact<{
+    ids: Array<Types.Scalars['ID']['input']> | Types.Scalars['ID']['input'];
+    limit: Types.Scalars['Int']['input'];
+    scope: Types.GQLDamScopeInput;
+}>;
+export type GQLDamFileFieldFilesByIdsQuery = {
+    __typename?: 'Query';
+    damFilesList: {
+        __typename?: 'PaginatedDamFiles';
+        nodes: Array<{
+            __typename?: 'DamFile';
+            id: string;
+            name: string;
+            size: number;
+            mimetype: string;
+            contentHash: string;
+            title: string | null;
+            altText: string | null;
+            archived: boolean;
+            fileUrl: string;
+            image: {
+                __typename?: 'DamFileImage';
+                width: number;
+                height: number;
+                thumbnailUrl: string | null;
+                cropArea: {
+                    __typename?: 'ImageCropArea';
+                    focalPoint: Types.GQLFocalPoint;
+                    width: number | null;
+                    height: number | null;
+                    x: number | null;
+                    y: number | null;
+                };
+            } | null;
+        }>;
+    };
+};
 //# sourceMappingURL=FileField.gql.generated.d.ts.map

package/lib/form/file/FileField.gql.generated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileField.gql.generated.d.ts","sourceRoot":"","sources":["../../../src/form/file/FileField.gql.generated.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,yBAAyB,CAAC;AAEjD,eAAO,MAAM,eAAe;;;;;;;CAO3B,CAAA;AACD,MAAM,MAAM,2BAA2B,GAAG;IAAE,UAAU,CAAC,EAAE,SAAS,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE;QAAE,UAAU,CAAC,EAAE,cAAc,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE;YAAE,UAAU,CAAC,EAAE,eAAe,CAAC;YAAC,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC;YAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;YAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;YAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;YAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;SAAE,CAAA;KAAE,GAAG,IAAI,CAAA;CAAE,CAAC;AAEld,MAAM,MAAM,iCAAiC,GAAG,KAAK,CAAC,KAAK,CAAC;IAC1D,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC,CAAC;AAGH,MAAM,MAAM,wBAAwB,GAAG;IAAE,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE;QAAE,UAAU,CAAC,EAAE,SAAS,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE;YAAE,UAAU,CAAC,EAAE,cAAc,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE;gBAAE,UAAU,CAAC,EAAE,eAAe,CAAC;gBAAC,UAAU,EAAE,KAAK,CAAC,aAAa,CAAC;gBAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;gBAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;gBAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;gBAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;aAAE,CAAA;SAAE,GAAG,IAAI,CAAA;KAAE,CAAA;CAAE,CAAC"}
+{"version":3,"file":"FileField.gql.generated.d.ts","sourceRoot":"","sources":["../../../src/form/file/FileField.gql.generated.ts"],"names":[],"mappings":"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"}

package/lib/form/file/FileField.gql.generated.js

@@ -1,6 +1,7 @@
 export var namedOperations = {
   Query: {
-    DamFileFieldFile: 'DamFileFieldFile'
+    DamFileFieldFile: 'DamFileFieldFile',
+    DamFileFieldFilesByIds: 'DamFileFieldFilesByIds'
   },
   Fragment: {
     DamFileFieldFile: 'DamFileFieldFile'

package/lib/form/file/FileField.gql.js

@@ -1,5 +1,8 @@
-var _templateObject, _templateObject2;
+var _templateObject, _templateObject2, _templateObject3;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import { gql } from "@apollo/client";
-var damFileFieldFragment = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    fragment DamFileFieldFile on DamFile {\n        id\n        name\n        size\n        mimetype\n        contentHash\n        title\n        altText\n        archived\n        image {\n            width\n            height\n            cropArea {\n                focalPoint\n                width\n                height\n                x\n                y\n            }\n        }\n        fileUrl\n    }\n"])));
-export var damFileFieldFileQuery = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query DamFileFieldFile($id: ID!) {\n        damFile(id: $id) {\n            ...DamFileFieldFile\n        }\n    }\n    ", "\n"])), damFileFieldFragment);
+import { pixelImageBlockFragment } from "../../blocks/PixelImageBlock.fragment";
+import { damFileThumbnailFragment } from "../../dam/DataGrid/thumbnail/DamThumbnail";
+export var damFileFieldFragment = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    fragment DamFileFieldFile on DamFile {\n        id\n        name\n        size\n        mimetype\n        contentHash\n        title\n        altText\n        archived\n        image {\n            ...DamFileThumbnail\n            ...PixelImageBlockImage\n        }\n        fileUrl\n    }\n    ", "\n    ", "\n"])), damFileThumbnailFragment, pixelImageBlockFragment);
+export var damFileFieldFileQuery = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query DamFileFieldFile($id: ID!) {\n        damFile(id: $id) {\n            ...DamFileFieldFile\n        }\n    }\n    ", "\n"])), damFileFieldFragment);
+export var damFileFieldFilesByIdsQuery = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    query DamFileFieldFilesByIds($ids: [ID!]!, $limit: Int!, $scope: DamScopeInput!) {\n        damFilesList(filter: { ids: $ids }, limit: $limit, includeArchived: true, scope: $scope) {\n            nodes {\n                ...DamFileFieldFile\n            }\n        }\n    }\n    ", "\n"])), damFileFieldFragment);