@comet/cms-admin 8.20.2 → 9.0.0-beta.1

package/lib/form/SyncFields.js

@@ -1,25 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SyncFields = SyncFields;
-var _admin = require("@comet/admin");
-var _reactFinalForm = require("react-final-form");
-var _jsxRuntime = require("react/jsx-runtime");
 // Inspired by https://gist.github.com/erikras/9607902abb1df1e7991c0bd83abdc4b4#file-whenfieldchanges-js
-
+import { OnChangeField } from "@comet/admin";
+import { Field } from "react-final-form";
+import { jsx as _jsx } from "react/jsx-runtime";
 function SyncFields(_ref) {
   var sourceField = _ref.sourceField,
     targetField = _ref.targetField,
     changeHandler = _ref.onChange;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
+  return /*#__PURE__*/_jsx(Field, {
     name: targetField,
     subscription: {},
     children: function children(// No subscription. We only use Field to get to the change function
     _ref2) {
       var onChange = _ref2.input.onChange;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.OnChangeField, {
+      return /*#__PURE__*/_jsx(OnChangeField, {
         name: sourceField,
         children: function children(value) {
           onChange(changeHandler(value));
@@ -27,4 +20,5 @@ function SyncFields(_ref) {
       });
     }
   });
-}
+}
+export { SyncFields };

package/lib/form/file/DamPathLazy.generated.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.namedOperations = void 0;
-var namedOperations = exports.namedOperations = {
+export var namedOperations = {
   Query: {
     DamPathLazy: 'DamPathLazy'
   }

package/lib/form/file/DamPathLazy.js

@@ -1,28 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DamPathLazy = void 0;
-var _client = require("@apollo/client");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var damPathLazyQuery = (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query DamPathLazy($id: ID!) {\n        damFile(id: $id) {\n            damPath\n        }\n    }\n"])));
-var DamPathLazy = exports.DamPathLazy = function DamPathLazy(_ref) {
+import { gql, useQuery } from "@apollo/client";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+var damPathLazyQuery = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query DamPathLazy($id: ID!) {\n        damFile(id: $id) {\n            damPath\n        }\n    }\n"])));
+export var DamPathLazy = function DamPathLazy(_ref) {
   var fileId = _ref.fileId;
-  var _useQuery = (0, _client.useQuery)(damPathLazyQuery, {
+  var _useQuery = useQuery(damPathLazyQuery, {
       variables: {
         id: fileId
       }
     }),
     data = _useQuery.data;
   if (!data) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    return /*#__PURE__*/_jsx(_Fragment, {
       children: " "
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  return /*#__PURE__*/_jsx(_Fragment, {
     children: data.damFile.damPath
   });
 };

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

@@ -1,2 +1,2 @@
-export declare const damFileFieldFileQuery: import("@apollo/client").DocumentNode;
+export declare const damFileFieldFileQuery: 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,uCAOjC,CAAC"}
+{"version":3,"file":"FileField.gql.d.ts","sourceRoot":"","sources":["../../../src/form/file/FileField.gql.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,qBAAqB,gCAOjC,CAAC"}

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

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.namedOperations = void 0;
-var namedOperations = exports.namedOperations = {
+export var namedOperations = {
   Query: {
     DamFileFieldFile: 'DamFileFieldFile'
   },

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

@@ -1,11 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.damFileFieldFileQuery = void 0;
-var _client = require("@apollo/client");
 var _templateObject, _templateObject2;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var damFileFieldFragment = (0, _client.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"])));
-var damFileFieldFileQuery = exports.damFileFieldFileQuery = (0, _client.gql)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query DamFileFieldFile($id: ID!) {\n        damFile(id: $id) {\n            ...DamFileFieldFile\n        }\n    }\n    ", "\n"])), damFileFieldFragment);
+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);

package/lib/form/file/FileField.js

@@ -1,23 +1,4 @@
-"use strict";
-
 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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileField = void 0;
-var _client = require("@apollo/client");
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _BlockAdminComponentButton = require("../../blocks/common/BlockAdminComponentButton");
-var _BlockAdminComponentPaper = require("../../blocks/common/BlockAdminComponentPaper");
-var _Provider = require("../../contentScope/Provider");
-var _dependenciesConfig = require("../../dependencies/dependenciesConfig");
-var _ChooseFileDialog = require("./chooseFile/ChooseFileDialog");
-var _DamPathLazy = require("./DamPathLazy");
-var _FileField = require("./FileField.gql");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["label", "icon"];
 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; }
@@ -36,24 +17,37 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _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; }
-var FileField = exports.FileField = function FileField(_ref) {
+import { useApolloClient } from "@apollo/client";
+import { Assets, Delete, MoreVertical, OpenNewTab } from "@comet/admin-icons";
+import { Box, Divider, Grid, IconButton, ListItemIcon, ListItemText, Menu, MenuItem, Typography } from "@mui/material";
+import { isValidElement, useState } from "react";
+import { FormattedMessage } from "react-intl";
+import { BlockAdminComponentButton } from "../../blocks/common/BlockAdminComponentButton";
+import { BlockAdminComponentPaper } from "../../blocks/common/BlockAdminComponentPaper";
+import { useContentScope } from "../../contentScope/Provider";
+import { useDependenciesConfig } from "../../dependencies/dependenciesConfig";
+import { ChooseFileDialog } from "./chooseFile/ChooseFileDialog";
+import { DamPathLazy } from "./DamPathLazy";
+import { damFileFieldFileQuery } from "./FileField.gql";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var FileField = function FileField(_ref) {
   var buttonText = _ref.buttonText,
     input = _ref.input,
     allowedMimetypes = _ref.allowedMimetypes,
     preview = _ref.preview,
     menuActions = _ref.menuActions;
-  var _useState = (0, _react.useState)(false),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     chooseFileDialogOpen = _useState2[0],
     setChooseFileDialogOpen = _useState2[1];
-  var client = (0, _client.useApolloClient)();
-  var _useState3 = (0, _react.useState)(null),
+  var client = useApolloClient();
+  var _useState3 = useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
     anchorEl = _useState4[0],
     setAnchorEl = _useState4[1];
-  var contentScope = (0, _Provider.useContentScope)();
-  var apolloClient = (0, _client.useApolloClient)();
-  var _useDependenciesConfi = (0, _dependenciesConfig.useDependenciesConfig)(),
+  var contentScope = useContentScope();
+  var apolloClient = useApolloClient();
+  var _useDependenciesConfi = useDependenciesConfig(),
     entityDependencyMap = _useDependenciesConfi.entityDependencyMap;
   var handleMenuClose = function handleMenuClose() {
     setAnchorEl(null);
@@ -61,31 +55,31 @@ var FileField = exports.FileField = function FileField(_ref) {
   var damFile = input.value;
   if (damFile) {
     var showMenu = Boolean(entityDependencyMap["DamFile"]) || menuActions !== undefined && menuActions.length > 0;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_BlockAdminComponentPaper.BlockAdminComponentPaper, {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(BlockAdminComponentPaper, {
         disablePadding: true,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        children: [/*#__PURE__*/_jsx(Box, {
           padding: 3,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+          children: /*#__PURE__*/_jsxs(Grid, {
             container: true,
             alignItems: "center",
             spacing: 3,
-            children: [preview && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+            children: [preview && /*#__PURE__*/_jsx(Grid, {
               children: preview
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+            }), /*#__PURE__*/_jsxs(Grid, {
               size: "grow",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+              children: [/*#__PURE__*/_jsx(Typography, {
                 variant: "subtitle1",
                 children: damFile.name
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+              }), /*#__PURE__*/_jsx(Typography, {
                 variant: "body1",
                 color: "textSecondary",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DamPathLazy.DamPathLazy, {
+                children: /*#__PURE__*/_jsx(DamPathLazy, {
                   fileId: damFile.id
                 })
               })]
-            }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
+            }), showMenu && /*#__PURE__*/_jsx(Grid, {
+              children: /*#__PURE__*/_jsx(IconButton, {
                 onMouseDown: function onMouseDown(event) {
                   return event.stopPropagation();
                 },
@@ -94,26 +88,26 @@ var FileField = exports.FileField = function FileField(_ref) {
                   setAnchorEl(event.currentTarget);
                 },
                 size: "large",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.MoreVertical, {})
+                children: /*#__PURE__*/_jsx(MoreVertical, {})
               })
             })]
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlockAdminComponentButton.BlockAdminComponentButton, {
-          startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Delete, {}),
+        }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(BlockAdminComponentButton, {
+          startIcon: /*#__PURE__*/_jsx(Delete, {}),
           onClick: function onClick() {
             return input.onChange(undefined);
           },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+          children: /*#__PURE__*/_jsx(FormattedMessage, {
             id: "comet.form.file.empty",
             defaultMessage: "Empty"
           })
         })]
-      }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Menu, {
+      }), showMenu && /*#__PURE__*/_jsxs(Menu, {
         anchorEl: anchorEl,
         keepMounted: true,
         open: Boolean(anchorEl),
         onClose: handleMenuClose,
-        children: [entityDependencyMap["DamFile"] && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
+        children: [entityDependencyMap["DamFile"] && /*#__PURE__*/_jsxs(MenuItem, {
           onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
             var path, url;
             return _regenerator().w(function (_context) {
@@ -133,27 +127,27 @@ var FileField = exports.FileField = function FileField(_ref) {
               }
             }, _callee);
           })),
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.OpenNewTab, {})
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
-            primary: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+          children: [/*#__PURE__*/_jsx(ListItemIcon, {
+            children: /*#__PURE__*/_jsx(OpenNewTab, {})
+          }), /*#__PURE__*/_jsx(ListItemText, {
+            primary: /*#__PURE__*/_jsx(FormattedMessage, {
               id: "comet.form.file.openInDam",
               defaultMessage: "Open in DAM"
             })
           })]
         }), menuActions && menuActions.map(function (item, index) {
           if (!item) return null;
-          if (/*#__PURE__*/(0, _react.isValidElement)(item)) {
+          if (/*#__PURE__*/isValidElement(item)) {
             return item;
           }
           var _ref3 = item,
             label = _ref3.label,
             icon = _ref3.icon,
             rest = _objectWithoutProperties(_ref3, _excluded);
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, _objectSpread(_objectSpread({}, rest), {}, {
-            children: [!!icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+          return /*#__PURE__*/_jsxs(MenuItem, _objectSpread(_objectSpread({}, rest), {}, {
+            children: [!!icon && /*#__PURE__*/_jsx(ListItemIcon, {
               children: icon
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
+            }), /*#__PURE__*/_jsx(ListItemText, {
               primary: label
             })]
           }), index);
@@ -161,18 +155,18 @@ var FileField = exports.FileField = function FileField(_ref) {
       })]
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BlockAdminComponentButton.BlockAdminComponentButton, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(BlockAdminComponentButton, {
       onClick: function onClick() {
         return setChooseFileDialogOpen(true);
       },
-      startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Assets, {}),
+      startIcon: /*#__PURE__*/_jsx(Assets, {}),
       size: "large",
-      children: buttonText !== null && buttonText !== void 0 ? buttonText : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+      children: buttonText !== null && buttonText !== void 0 ? buttonText : /*#__PURE__*/_jsx(FormattedMessage, {
         id: "comet.form.file.chooseFile",
         defaultMessage: "Choose file"
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChooseFileDialog.ChooseFileDialog, {
+    }), /*#__PURE__*/_jsx(ChooseFileDialog, {
       open: chooseFileDialogOpen,
       allowedMimetypes: allowedMimetypes,
       onClose: function onClose() {
@@ -187,7 +181,7 @@ var FileField = exports.FileField = function FileField(_ref) {
                 setChooseFileDialogOpen(false);
                 _context2.n = 1;
                 return client.query({
-                  query: _FileField.damFileFieldFileQuery,
+                  query: damFileFieldFileQuery,
                   variables: {
                     id: fileId
                   }
@@ -207,4 +201,5 @@ var FileField = exports.FileField = function FileField(_ref) {
       }())
     })]
   });
-};
+};
+export { FileField };

package/lib/form/file/FileUploadField.js

@@ -1,13 +1,4 @@
-"use strict";
-
 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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileUploadField = void 0;
-var _admin = require("@comet/admin");
-var _FinalFormFileUpload = require("./FinalFormFileUpload");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["name"];
 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; }
@@ -16,11 +7,14 @@ 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); }
 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; }
-var FileUploadField = exports.FileUploadField = function FileUploadField(_ref) {
+import { Field } from "@comet/admin";
+import { FinalFormFileUpload } from "./FinalFormFileUpload";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var FileUploadField = function FileUploadField(_ref) {
   var name = _ref.name,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Field, _objectSpread({
-    component: _FinalFormFileUpload.FinalFormFileUpload,
+  return /*#__PURE__*/_jsx(Field, _objectSpread({
+    component: FinalFormFileUpload,
     name: name
   }, restProps));
 };

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

@@ -1,8 +1,8 @@
 import { type FileSelectProps } from "@comet/admin";
 import { type FieldRenderProps } from "react-final-form";
 import { type GQLFinalFormFileUploadDownloadableFragment, type GQLFinalFormFileUploadFragment } from "./FinalFormFileUpload.generated";
-export declare const finalFormFileUploadFragment: import("@apollo/client").DocumentNode;
-export declare const finalFormFileUploadDownloadableFragment: import("@apollo/client").DocumentNode;
+export declare const finalFormFileUploadFragment: import("graphql").DocumentNode;
+export declare const finalFormFileUploadDownloadableFragment: import("graphql").DocumentNode;
 type FinalFormFileUploadSingleFileProps = {
     multiple?: false;
     maxFiles?: 1;

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

@@ -1 +1 @@
-{"version":3,"file":"FinalFormFileUpload.d.ts","sourceRoot":"","sources":["../../../src/form/file/FinalFormFileUpload.tsx"],"names":[],"mappings":"AACA,OAAO,EAIH,KAAK,eAAe,EAGvB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIzD,OAAO,EAAE,KAAK,0CAA0C,EAAE,KAAK,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AAEvI,eAAO,MAAM,2BAA2B,uCAMvC,CAAC;AAEF,eAAO,MAAM,uCAAuC,uCAQnD,CAAC;AAmBF,KAAK,kCAAkC,GAAG;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,CAAC;CAChB,CAAC;AAEF,KAAK,2CAA2C,GAAG,gBAAgB,CAC/D,8BAA8B,GAAG,0CAA0C,EAC3E,gBAAgB,CACnB,CAAC;AAEF,KAAK,qCAAqC,GAAG;IACzC,QAAQ,EAAE,IAAI,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,6CAA6C,GAAG,gBAAgB,CACjE,KAAK,CAAC,8BAA8B,GAAG,0CAA0C,CAAC,EAClF,gBAAgB,CACnB,CAAC;AAEF,KAAK,gCAAgC,CAAC,QAAQ,SAAS,OAAO,GAAG,SAAS,IAAI,QAAQ,SAAS,IAAI,GAC7F,6CAA6C,GAC7C,2CAA2C,CAAC;AAElD,MAAM,MAAM,wBAAwB,CAAC,QAAQ,SAAS,OAAO,GAAG,SAAS,IAAI,CAAC,QAAQ,SAAS,IAAI,GAC7F,qCAAqC,GACrC,kCAAkC,CAAC,GACrC,OAAO,CAAC,eAAe,CAAC,8BAA8B,GAAG,0CAA0C,CAAC,CAAC,GAAG;IACpG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEN,eAAO,MAAM,mBAAmB,GAAI,QAAQ,SAAS,OAAO,GAAG,SAAS,EAAE,yGAMvE,wBAAwB,CAAC,QAAQ,CAAC,GAAG,gCAAgC,CAAC,QAAQ,CAAC,4CA0IjF,CAAC"}
+{"version":3,"file":"FinalFormFileUpload.d.ts","sourceRoot":"","sources":["../../../src/form/file/FinalFormFileUpload.tsx"],"names":[],"mappings":"AACA,OAAO,EAIH,KAAK,eAAe,EAGvB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIzD,OAAO,EAAE,KAAK,0CAA0C,EAAE,KAAK,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AAEvI,eAAO,MAAM,2BAA2B,gCAMvC,CAAC;AAEF,eAAO,MAAM,uCAAuC,gCAQnD,CAAC;AAmBF,KAAK,kCAAkC,GAAG;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,CAAC;CAChB,CAAC;AAEF,KAAK,2CAA2C,GAAG,gBAAgB,CAC/D,8BAA8B,GAAG,0CAA0C,EAC3E,gBAAgB,CACnB,CAAC;AAEF,KAAK,qCAAqC,GAAG;IACzC,QAAQ,EAAE,IAAI,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,6CAA6C,GAAG,gBAAgB,CACjE,KAAK,CAAC,8BAA8B,GAAG,0CAA0C,CAAC,EAClF,gBAAgB,CACnB,CAAC;AAEF,KAAK,gCAAgC,CAAC,QAAQ,SAAS,OAAO,GAAG,SAAS,IAAI,QAAQ,SAAS,IAAI,GAC7F,6CAA6C,GAC7C,2CAA2C,CAAC;AAElD,MAAM,MAAM,wBAAwB,CAAC,QAAQ,SAAS,OAAO,GAAG,SAAS,IAAI,CAAC,QAAQ,SAAS,IAAI,GAC7F,qCAAqC,GACrC,kCAAkC,CAAC,GACrC,OAAO,CAAC,eAAe,CAAC,8BAA8B,GAAG,0CAA0C,CAAC,CAAC,GAAG;IACpG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEN,eAAO,MAAM,mBAAmB,GAAI,QAAQ,SAAS,OAAO,GAAG,SAAS,EAAE,yGAMvE,wBAAwB,CAAC,QAAQ,CAAC,GAAG,gCAAgC,CAAC,QAAQ,CAAC,4CA0IjF,CAAC"}

package/lib/form/file/FinalFormFileUpload.generated.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.namedOperations = void 0;
-var namedOperations = exports.namedOperations = {
+export var namedOperations = {
   Fragment: {
     FinalFormFileUpload: 'FinalFormFileUpload',
     FinalFormFileUploadDownloadable: 'FinalFormFileUploadDownloadable'

package/lib/form/file/FinalFormFileUpload.js

@@ -1,16 +1,4 @@
-"use strict";
-
 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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.finalFormFileUploadFragment = exports.finalFormFileUploadDownloadableFragment = exports.FinalFormFileUpload = void 0;
-var _client = require("@apollo/client");
-var _admin = require("@comet/admin");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _CometConfigContext = require("../../config/CometConfigContext");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["input", "expiresIn", "maxFiles", "uploadEndpoint"];
 var _templateObject, _templateObject2;
 function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
@@ -37,9 +25,15 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var finalFormFileUploadFragment = exports.finalFormFileUploadFragment = (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    fragment FinalFormFileUpload on FileUpload {\n        id\n        name\n        size\n    }\n"])));
-var finalFormFileUploadDownloadableFragment = exports.finalFormFileUploadDownloadableFragment = (0, _client.gql)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    fragment FinalFormFileUploadDownloadable on FileUpload {\n        id\n        name\n        size\n        downloadUrl\n        imageUrl(resizeWidth: 640)\n    }\n"])));
-var FinalFormFileUpload = exports.FinalFormFileUpload = function FinalFormFileUpload(_ref) {
+import { gql } from "@apollo/client";
+import { commonFileErrorMessages, FileSelect } from "@comet/admin";
+import { useMemo, useState } from "react";
+import { FormattedMessage } from "react-intl";
+import { useCometConfig } from "../../config/CometConfigContext";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var finalFormFileUploadFragment = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    fragment FinalFormFileUpload on FileUpload {\n        id\n        name\n        size\n    }\n"])));
+export var finalFormFileUploadDownloadableFragment = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    fragment FinalFormFileUploadDownloadable on FileUpload {\n        id\n        name\n        size\n        downloadUrl\n        imageUrl(resizeWidth: 640)\n    }\n"])));
+export var FinalFormFileUpload = function FinalFormFileUpload(_ref) {
   var _ref$input = _ref.input,
     onChange = _ref$input.onChange,
     fieldValue = _ref$input.value,
@@ -48,22 +42,22 @@ var FinalFormFileUpload = exports.FinalFormFileUpload = function FinalFormFileUp
     maxFiles = _ref.maxFiles,
     uploadEndpoint = _ref.uploadEndpoint,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)(false),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     tooManyFilesSelected = _useState2[0],
     setTooManyFilesSelected = _useState2[1];
-  var _useState3 = (0, _react.useState)([]),
+  var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     uploadingFiles = _useState4[0],
     setUploadingFiles = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),
+  var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
     failedUploads = _useState6[0],
     setFailedUploads = _useState6[1];
-  var _useCometConfig = (0, _CometConfigContext.useCometConfig)(),
+  var _useCometConfig = useCometConfig(),
     apiUrl = _useCometConfig.apiUrl;
   var singleFile = !multiple && typeof maxFiles === "undefined" || maxFiles === 1;
-  var inputValue = (0, _react.useMemo)(function () {
+  var inputValue = useMemo(function () {
     var files = Array.isArray(fieldValue) ? fieldValue : fieldValue ? [fieldValue] : [];
     return files.map(function (file) {
       var previewUrl = undefined;
@@ -81,7 +75,7 @@ var FinalFormFileUpload = exports.FinalFormFileUpload = function FinalFormFileUp
     });
   }, [fieldValue, apiUrl]);
   var files = [].concat(_toConsumableArray(inputValue), _toConsumableArray(failedUploads), _toConsumableArray(uploadingFiles));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.FileSelect, _objectSpread({
+  return /*#__PURE__*/_jsx(FileSelect, _objectSpread({
     onDrop: (/*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(acceptedFiles, rejectedFiles) {
         var tooManyFilesWereDropped, successfullyUploadedFiles, _iterator, _step, _loop, _t;
@@ -109,12 +103,12 @@ var FinalFormFileUpload = exports.FinalFormFileUpload = function FinalFormFileUp
                 if (rejection.errors.some(function (error) {
                   return error.code === "file-too-large";
                 })) {
-                  failedFile.error = _admin.commonFileErrorMessages.fileTooLarge;
+                  failedFile.error = commonFileErrorMessages.fileTooLarge;
                 }
                 if (rejection.errors.some(function (error) {
                   return error.code === "file-invalid-type";
                 })) {
-                  failedFile.error = _admin.commonFileErrorMessages.invalidFileType;
+                  failedFile.error = commonFileErrorMessages.invalidFileType;
                 }
                 setFailedUploads(function (existing) {
                   return [].concat(_toConsumableArray(existing), [failedFile]);
@@ -176,12 +170,12 @@ var FinalFormFileUpload = exports.FinalFormFileUpload = function FinalFormFileUp
                           onChange([].concat(_toConsumableArray(inputValue), successfullyUploadedFiles));
                         }
                       } else {
-                        errorMessage = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+                        errorMessage = /*#__PURE__*/_jsx(FormattedMessage, {
                           id: "comet.finalFormFileUpload.uploadFailed",
                           defaultMessage: "Upload failed."
                         });
                         if (jsonResponse.message === "Unsupported mime type") {
-                          errorMessage = _admin.commonFileErrorMessages.invalidFileType;
+                          errorMessage = commonFileErrorMessages.invalidFileType;
                         }
                         setUploadingFiles(function (existing) {
                           return existing.filter(function (loadingFile) {
@@ -251,7 +245,7 @@ var FinalFormFileUpload = exports.FinalFormFileUpload = function FinalFormFileUp
     files: files,
     multiple: multiple,
     maxFiles: maxFiles,
-    error: tooManyFilesSelected ? _admin.commonFileErrorMessages.tooManyFiles(maxFiles ? maxFiles : 1) : undefined,
+    error: tooManyFilesSelected ? commonFileErrorMessages.tooManyFiles(maxFiles ? maxFiles : 1) : undefined,
     getDownloadUrl: function getDownloadUrl(file) {
       return isDownloadableFile(file) && file.downloadUrl ? "".concat(apiUrl).concat(file.downloadUrl) : undefined;
     }