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

package/lib/form/file/__stories__/FileUploadField.stories.js

@@ -0,0 +1,351 @@
+import { Alert, FinalForm } from "@comet/admin";
+import { FileUploadField } from "../FileUploadField";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var config = {
+  component: FileUploadField,
+  title: "form/file/FileUploadField"
+};
+export default config;
+
+/**
+ * Example of a single file upload
+ *
+ */
+export var Default = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      children: function children(_ref) {
+        var values = _ref.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(FileUploadField, {
+            name: "value",
+            label: "File Upload Field",
+            fullWidth: true,
+            variant: "horizontal"
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};
+
+/**
+ * Example of a single file upload with an already initialized image.
+ *
+ * Note that in the formstate the file object is present right from the start, and only the internal id, name and size is available.
+ */
+export var DefaultWithInitializedImage = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      initialValues: {
+        value: {
+          size: 123456,
+          id: "mock-file-id-123",
+          name: "cactus-in-sun.jpg"
+        }
+      },
+      children: function children(_ref2) {
+        var values = _ref2.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(FileUploadField, {
+            name: "value",
+            label: "File Upload Field",
+            fullWidth: true,
+            variant: "horizontal"
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};
+
+/**
+ * Example of a multi file upload
+ *
+ * Its important to set `maxFiles` when using `multiple`, otherwise the user could upload an unlimited number of files.
+ */
+export var MultiFileUpload = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      children: function children(_ref3) {
+        var values = _ref3.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(FileUploadField, {
+            name: "value",
+            label: "File Upload Field",
+            fullWidth: true,
+            variant: "horizontal",
+            maxFiles: 5,
+            multiple: true
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};
+
+/**
+ * Example of a multi file upload with already initialized files.
+ */
+export var MultiFileUploadWithDefaultValues = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      initialValues: {
+        value: [{
+          size: 123456,
+          id: "mock-file-id-123",
+          name: "cactus-in-sun.jpg"
+        }, {
+          size: 54323,
+          id: "mock-file-id-360",
+          name: "red-flower.jpg"
+        }, {
+          size: 665343,
+          id: "mock-file-id-429",
+          name: "rasperry.jpg"
+        }]
+      },
+      children: function children(_ref4) {
+        var values = _ref4.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(FileUploadField, {
+            name: "value",
+            label: "File Upload Field",
+            fullWidth: true,
+            variant: "horizontal",
+            maxFiles: 5,
+            multiple: true
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};
+
+/**
+ * Example of a single file upload with file download enabled
+ *
+ * File download gets automatically enabled when downloadUrl is present on the uploaded file object
+ */
+export var WithDownload = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      initialValues: {
+        value: {
+          size: 123456,
+          id: "mock-file-id-123",
+          name: "cactus-in-sun.jpg",
+          imageUrl: "https://picsum.photos/id/35/200/300",
+          downloadUrl: "https://picsum.photos/id/35/2000/3000"
+        }
+      },
+      children: function children(_ref5) {
+        var values = _ref5.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(FileUploadField, {
+            name: "value",
+            label: "File Upload Field",
+            fullWidth: true,
+            variant: "horizontal"
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};
+
+/**
+ * Example of a file upload with grid layout and image preview
+ */
+export var WithPreview = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      children: function children(_ref6) {
+        var values = _ref6.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(FileUploadField, {
+            name: "value",
+            label: "File Upload Field",
+            fullWidth: true,
+            variant: "horizontal",
+            layout: "grid"
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};
+
+/**
+ * Example of a multi file upload with grid layout, image preview and file download enabled
+ *
+ * Note that the maxFiles of 3 is reached with the initialized files, so no more files can be uploaded until one is removed.
+ */
+export var WithPreviewAndMultiFileUploadInitialized = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      initialValues: {
+        value: [{
+          size: 123456,
+          id: "mock-file-id-123",
+          name: "cactus-in-sun.jpg",
+          imageUrl: "https://picsum.photos/id/35/200/300",
+          downloadUrl: "https://picsum.photos/id/35/2000/3000"
+        }, {
+          size: 54323,
+          id: "mock-file-id-123",
+          name: "cactus-in-sun.jpg",
+          imageUrl: "https://picsum.photos/id/360/200/300",
+          downloadUrl: "https://picsum.photos/id/360/2000/3000"
+        }, {
+          size: 665343,
+          id: "mock-file-id-123",
+          name: "cactus-in-sun.jpg",
+          imageUrl: "https://picsum.photos/id/429/200/300",
+          downloadUrl: "https://picsum.photos/id/429/2000/3000"
+        }]
+      },
+      children: function children(_ref7) {
+        var values = _ref7.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(FileUploadField, {
+            name: "value",
+            label: "File Upload Field",
+            fullWidth: true,
+            variant: "horizontal",
+            layout: "grid",
+            multiple: true,
+            maxFiles: 3
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};
+
+/**
+ * Example of a file upload with grid layout, image preview and file download enabled
+ */
+export var WithPreviewAndDownload = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(FinalForm, {
+      mode: "edit",
+      onSubmit: function onSubmit() {
+        // not handled
+      },
+      subscription: {
+        values: true
+      },
+      initialValues: {
+        value: {
+          size: 123456,
+          id: "mock-file-id-123",
+          name: "cactus-in-sun.jpg",
+          imageUrl: "https://picsum.photos/id/35/200/300",
+          downloadUrl: "https://picsum.photos/id/35/2000/3000"
+        }
+      },
+      children: function children(_ref8) {
+        var values = _ref8.values;
+        return /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(FileUploadField, {
+            name: "value",
+            label: "File Upload Field",
+            fullWidth: true,
+            variant: "horizontal",
+            layout: "grid"
+          }), /*#__PURE__*/_jsx(Alert, {
+            title: "FormState",
+            children: /*#__PURE__*/_jsx("pre", {
+              children: JSON.stringify(values, null, 2)
+            })
+          })]
+        });
+      }
+    });
+  }
+};

package/lib/form/file/chooseFile/BaseChooseDamFileDialog.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode, SyntheticEvent } from "react";
+import type { GQLDamFileTableFragment } from "../../../dam/DataGrid/FolderDataGrid";
+import type { RenderDamLabelOptions } from "../../../dam/DataGrid/label/DamItemLabelColumn";
+interface BaseChooseDamFileDialogProps {
+    open: boolean;
+    onClose: (event: SyntheticEvent, reason: "backdropClick" | "escapeKeyDown") => void;
+    title: ReactNode;
+    stateKey: string;
+    allowedMimetypes?: string[];
+    renderFileLabel: (file: GQLDamFileTableFragment, options: RenderDamLabelOptions) => ReactNode;
+    hideMultiselect: boolean;
+    disableFolderSelection?: boolean;
+    keepNonExistentRowsSelected?: boolean;
+    initialFileIds?: string[];
+    onFileIdsChange?: (ids: string[]) => void;
+    actions?: ReactNode;
+}
+export declare const BaseChooseDamFileDialog: ({ open, onClose, title, stateKey, allowedMimetypes, renderFileLabel, hideMultiselect, disableFolderSelection, keepNonExistentRowsSelected, initialFileIds, onFileIdsChange, actions, }: BaseChooseDamFileDialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BaseChooseDamFileDialog.d.ts.map

package/lib/form/file/chooseFile/BaseChooseDamFileDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseChooseDamFileDialog.d.ts","sourceRoot":"","sources":["../../../../src/form/file/chooseFile/BaseChooseDamFileDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAOvD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAEpF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAW5F,UAAU,4BAA4B;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,GAAG,eAAe,KAAK,IAAI,CAAC;IACpF,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,eAAe,EAAE,CAAC,IAAI,EAAE,uBAAuB,EAAE,OAAO,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAC9F,eAAe,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,uBAAuB,GAAI,wLAarC,4BAA4B,4CA2D9B,CAAC"}

package/lib/form/file/chooseFile/BaseChooseDamFileDialog.js

@@ -0,0 +1,106 @@
+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 { Dialog, StackLink, SubRoute } from "@comet/admin";
+import { styled } from "@mui/material/styles";
+import { MemoryRouter } from "react-router";
+import { useDamConfig } from "../../../dam/config/damConfig";
+import { DamScopeProvider } from "../../../dam/config/DamScopeProvider";
+import { useDamScope } from "../../../dam/config/useDamScope";
+import { DamTable } from "../../../dam/DamTable";
+import DamItemLabel from "../../../dam/DataGrid/label/DamItemLabel";
+import { isFile } from "../../../dam/helpers/isFile";
+import { RedirectToPersistedDamLocation } from "./RedirectToPersistedDamLocation";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var FolderStackLink = /*#__PURE__*/styled(StackLink, process.env.NODE_ENV === "production" ? {
+  target: "ehecsb00"
+} : {
+  target: "ehecsb00",
+  label: "FolderStackLink"
+})("width:100%;height:100%;text-decoration:none;color:", function (_ref) {
+  var theme = _ref.theme;
+  return theme.palette.grey[900];
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3JtL2ZpbGUvY2hvb3NlRmlsZS9CYXNlQ2hvb3NlRGFtRmlsZURpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXlDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9mb3JtL2ZpbGUvY2hvb3NlRmlsZS9CYXNlQ2hvb3NlRGFtRmlsZURpYWxvZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2csIFN0YWNrTGluaywgU3ViUm91dGUgfSBmcm9tIFwiQGNvbWV0L2FkbWluXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlLCBTeW50aGV0aWNFdmVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgTWVtb3J5Um91dGVyIH0gZnJvbSBcInJlYWN0LXJvdXRlclwiO1xuXG5pbXBvcnQgeyB1c2VEYW1Db25maWcgfSBmcm9tIFwiLi4vLi4vLi4vZGFtL2NvbmZpZy9kYW1Db25maWdcIjtcbmltcG9ydCB7IERhbVNjb3BlUHJvdmlkZXIgfSBmcm9tIFwiLi4vLi4vLi4vZGFtL2NvbmZpZy9EYW1TY29wZVByb3ZpZGVyXCI7XG5pbXBvcnQgeyB1c2VEYW1TY29wZSB9IGZyb20gXCIuLi8uLi8uLi9kYW0vY29uZmlnL3VzZURhbVNjb3BlXCI7XG5pbXBvcnQgeyBEYW1UYWJsZSB9IGZyb20gXCIuLi8uLi8uLi9kYW0vRGFtVGFibGVcIjtcbmltcG9ydCB0eXBlIHsgR1FMRGFtRmlsZVRhYmxlRnJhZ21lbnQgfSBmcm9tIFwiLi4vLi4vLi4vZGFtL0RhdGFHcmlkL0ZvbGRlckRhdGFHcmlkXCI7XG5pbXBvcnQgRGFtSXRlbUxhYmVsIGZyb20gXCIuLi8uLi8uLi9kYW0vRGF0YUdyaWQvbGFiZWwvRGFtSXRlbUxhYmVsXCI7XG5pbXBvcnQgdHlwZSB7IFJlbmRlckRhbUxhYmVsT3B0aW9ucyB9IGZyb20gXCIuLi8uLi8uLi9kYW0vRGF0YUdyaWQvbGFiZWwvRGFtSXRlbUxhYmVsQ29sdW1uXCI7XG5pbXBvcnQgeyBpc0ZpbGUgfSBmcm9tIFwiLi4vLi4vLi4vZGFtL2hlbHBlcnMvaXNGaWxlXCI7XG5pbXBvcnQgeyBSZWRpcmVjdFRvUGVyc2lzdGVkRGFtTG9jYXRpb24gfSBmcm9tIFwiLi9SZWRpcmVjdFRvUGVyc2lzdGVkRGFtTG9jYXRpb25cIjtcblxuY29uc3QgRm9sZGVyU3RhY2tMaW5rID0gc3R5bGVkKFN0YWNrTGluaylgXG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmdyZXlbOTAwXX07XG5gO1xuXG5pbnRlcmZhY2UgQmFzZUNob29zZURhbUZpbGVEaWFsb2dQcm9wcyB7XG4gICAgb3BlbjogYm9vbGVhbjtcbiAgICBvbkNsb3NlOiAoZXZlbnQ6IFN5bnRoZXRpY0V2ZW50LCByZWFzb246IFwiYmFja2Ryb3BDbGlja1wiIHwgXCJlc2NhcGVLZXlEb3duXCIpID0+IHZvaWQ7XG4gICAgdGl0bGU6IFJlYWN0Tm9kZTtcbiAgICBzdGF0ZUtleTogc3RyaW5nO1xuICAgIGFsbG93ZWRNaW1ldHlwZXM/OiBzdHJpbmdbXTtcbiAgICByZW5kZXJGaWxlTGFiZWw6IChmaWxlOiBHUUxEYW1GaWxlVGFibGVGcmFnbWVudCwgb3B0aW9uczogUmVuZGVyRGFtTGFiZWxPcHRpb25zKSA9PiBSZWFjdE5vZGU7XG4gICAgaGlkZU11bHRpc2VsZWN0OiBib29sZWFuO1xuICAgIGRpc2FibGVGb2xkZXJTZWxlY3Rpb24/OiBib29sZWFuO1xuICAgIGtlZXBOb25FeGlzdGVudFJvd3NTZWxlY3RlZD86IGJvb2xlYW47XG4gICAgaW5pdGlhbEZpbGVJZHM/OiBzdHJpbmdbXTtcbiAgICBvbkZpbGVJZHNDaGFuZ2U/OiAoaWRzOiBzdHJpbmdbXSkgPT4gdm9pZDtcbiAgICBhY3Rpb25zPzogUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgQmFzZUNob29zZURhbUZpbGVEaWFsb2cgPSAoe1xuICAgIG9wZW4sXG4gICAgb25DbG9zZSxcbiAgICB0aXRsZSxcbiAgICBzdGF0ZUtleSxcbiAgICBhbGxvd2VkTWltZXR5cGVzLFxuICAgIHJlbmRlckZpbGVMYWJlbCxcbiAgICBoaWRlTXVsdGlzZWxlY3QsXG4gICAgZGlzYWJsZUZvbGRlclNlbGVjdGlvbixcbiAgICBrZWVwTm9uRXhpc3RlbnRSb3dzU2VsZWN0ZWQsXG4gICAgaW5pdGlhbEZpbGVJZHMsXG4gICAgb25GaWxlSWRzQ2hhbmdlLFxuICAgIGFjdGlvbnMsXG59OiBCYXNlQ2hvb3NlRGFtRmlsZURpYWxvZ1Byb3BzKSA9PiB7XG4gICAgY29uc3QgeyBlbmFibGVMaWNlbnNlRmVhdHVyZSwgYWRkaXRpb25hbFRvb2xiYXJJdGVtcyB9ID0gdXNlRGFtQ29uZmlnKCk7XG4gICAgY29uc3Qgc2NvcGUgPSB1c2VEYW1TY29wZSgpO1xuXG4gICAgY29uc3Qgc2NvcGVkU3RhdGVLZXkgPSBPYmplY3Qua2V5cyhzY29wZSkubGVuZ3RoID4gMCA/IGAke09iamVjdC52YWx1ZXMoc2NvcGUpLmpvaW4oXCItXCIpfS0ke3N0YXRlS2V5fWAgOiBzdGF0ZUtleTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxEaWFsb2dcbiAgICAgICAgICAgIG9wZW49e29wZW59XG4gICAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgICBtYXhXaWR0aD1cInhsXCJcbiAgICAgICAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgICAgICAgIHNsb3RQcm9wcz17e1xuICAgICAgICAgICAgICAgIHJvb3Q6IHtcbiAgICAgICAgICAgICAgICAgICAgUGFwZXJQcm9wczoge1xuICAgICAgICAgICAgICAgICAgICAgICAgc3g6IHsgaGVpZ2h0OiBcIjEwMCVcIiB9LCAvLyBUaGUgZml4ZWQgaGVpZ2h0IHByZXZlbnRzIHRoZSBoZWlnaHQgb2YgdGhlIGRpYWxvZyBmcm9tIGNoYW5naW5nIHdoZW4gbmF2aWdhdGluZyBiZXR3ZWVuIGZvbGRlcnMgd2hpY2ggbWF5IGhhdmUgZGlmZmVyZW50IGhlaWdodHMgZGVwZW5kaW5nIG9uIHRoZSBudW1iZXIgb2YgaXRlbXMgaW4gdGhlIGZvbGRlclxuICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAgICA8RGFtU2NvcGVQcm92aWRlcj5cbiAgICAgICAgICAgICAgICA8TWVtb3J5Um91dGVyPlxuICAgICAgICAgICAgICAgICAgICA8U3ViUm91dGUgcGF0aD1cIlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFJlZGlyZWN0VG9QZXJzaXN0ZWREYW1Mb2NhdGlvbiBzdGF0ZUtleT17c2NvcGVkU3RhdGVLZXl9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8RGFtVGFibGVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZW5kZXJEYW1MYWJlbD17KHJvdywgb3B0aW9ucykgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZiAoaXNGaWxlKHJvdykpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiByZW5kZXJGaWxlTGFiZWwocm93LCB7IC4uLm9wdGlvbnMsIHNob3dMaWNlbnNlV2FybmluZ3M6IGVuYWJsZUxpY2Vuc2VGZWF0dXJlIH0pO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Rm9sZGVyU3RhY2tMaW5rXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFnZU5hbWU9XCJmb2xkZXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBheWxvYWQ9e3Jvdy5pZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wdGlvbnMuZmlsdGVyQXBpLmZvcm1BcGkuY2hhbmdlKFwic2VhcmNoVGV4dFwiLCB1bmRlZmluZWQpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPERhbUl0ZW1MYWJlbCBhc3NldD17cm93fSBtYXRjaGVzPXtvcHRpb25zLm1hdGNoZXN9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0ZvbGRlclN0YWNrTGluaz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFsbG93ZWRNaW1ldHlwZXM9e2FsbG93ZWRNaW1ldHlwZXN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaGlkZUNvbnRleHRNZW51PXt0cnVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhpZGVNdWx0aXNlbGVjdD17aGlkZU11bHRpc2VsZWN0fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhpZGVBcmNoaXZlRmlsdGVyPXt0cnVlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRvb2xiYXJPcHRpb25zPXt7IGhpZGVTZWxlY3RpdmVBY3Rpb25zOiB0cnVlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzYWJsZUZvbGRlclNlbGVjdGlvbj17ZGlzYWJsZUZvbGRlclNlbGVjdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZWVwTm9uRXhpc3RlbnRSb3dzU2VsZWN0ZWQ9e2tlZXBOb25FeGlzdGVudFJvd3NTZWxlY3RlZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbml0aWFsU2VsZWN0aW9uPXtpbml0aWFsRmlsZUlkcyA/IG5ldyBNYXAoaW5pdGlhbEZpbGVJZHMubWFwKChpZCkgPT4gW2lkLCBcImZpbGVcIl0pKSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvblNlbGVjdGlvbkNoYW5nZT17b25GaWxlSWRzQ2hhbmdlID8gKG1hcCkgPT4gb25GaWxlSWRzQ2hhbmdlKEFycmF5LmZyb20obWFwLmtleXMoKSkpIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFkZGl0aW9uYWxUb29sYmFySXRlbXM9e2FkZGl0aW9uYWxUb29sYmFySXRlbXN9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L1N1YlJvdXRlPlxuICAgICAgICAgICAgICAgIDwvTWVtb3J5Um91dGVyPlxuICAgICAgICAgICAgPC9EYW1TY29wZVByb3ZpZGVyPlxuICAgICAgICAgICAge2FjdGlvbnN9XG4gICAgICAgIDwvRGlhbG9nPlxuICAgICk7XG59O1xuIl19 */"));
+export var BaseChooseDamFileDialog = function BaseChooseDamFileDialog(_ref2) {
+  var open = _ref2.open,
+    onClose = _ref2.onClose,
+    title = _ref2.title,
+    stateKey = _ref2.stateKey,
+    allowedMimetypes = _ref2.allowedMimetypes,
+    renderFileLabel = _ref2.renderFileLabel,
+    hideMultiselect = _ref2.hideMultiselect,
+    disableFolderSelection = _ref2.disableFolderSelection,
+    keepNonExistentRowsSelected = _ref2.keepNonExistentRowsSelected,
+    initialFileIds = _ref2.initialFileIds,
+    onFileIdsChange = _ref2.onFileIdsChange,
+    actions = _ref2.actions;
+  var _useDamConfig = useDamConfig(),
+    enableLicenseFeature = _useDamConfig.enableLicenseFeature,
+    additionalToolbarItems = _useDamConfig.additionalToolbarItems;
+  var scope = useDamScope();
+  var scopedStateKey = Object.keys(scope).length > 0 ? "".concat(Object.values(scope).join("-"), "-").concat(stateKey) : stateKey;
+  return /*#__PURE__*/_jsxs(Dialog, {
+    open: open,
+    onClose: onClose,
+    fullWidth: true,
+    maxWidth: "xl",
+    title: title,
+    slotProps: {
+      root: {
+        PaperProps: {
+          sx: {
+            height: "100%"
+          } // The fixed height prevents the height of the dialog from changing when navigating between folders which may have different heights depending on the number of items in the folder
+        }
+      }
+    },
+    children: [/*#__PURE__*/_jsx(DamScopeProvider, {
+      children: /*#__PURE__*/_jsx(MemoryRouter, {
+        children: /*#__PURE__*/_jsxs(SubRoute, {
+          path: "",
+          children: [/*#__PURE__*/_jsx(RedirectToPersistedDamLocation, {
+            stateKey: scopedStateKey
+          }), /*#__PURE__*/_jsx(DamTable, {
+            renderDamLabel: function renderDamLabel(row, options) {
+              if (isFile(row)) {
+                return renderFileLabel(row, _objectSpread(_objectSpread({}, options), {}, {
+                  showLicenseWarnings: enableLicenseFeature
+                }));
+              }
+              return /*#__PURE__*/_jsx(FolderStackLink, {
+                pageName: "folder",
+                payload: row.id,
+                onClick: function onClick() {
+                  options.filterApi.formApi.change("searchText", undefined);
+                },
+                children: /*#__PURE__*/_jsx(DamItemLabel, {
+                  asset: row,
+                  matches: options.matches
+                })
+              });
+            },
+            allowedMimetypes: allowedMimetypes,
+            hideContextMenu: true,
+            hideMultiselect: hideMultiselect,
+            hideArchiveFilter: true,
+            toolbarOptions: {
+              hideSelectiveActions: true
+            },
+            disableFolderSelection: disableFolderSelection,
+            keepNonExistentRowsSelected: keepNonExistentRowsSelected,
+            initialSelection: initialFileIds ? new Map(initialFileIds.map(function (id) {
+              return [id, "file"];
+            })) : undefined,
+            onSelectionChange: onFileIdsChange ? function (map) {
+              return onFileIdsChange(Array.from(map.keys()));
+            } : undefined,
+            additionalToolbarItems: additionalToolbarItems
+          })]
+        })
+      })
+    }), actions]
+  });
+};

package/lib/form/file/chooseFile/ChooseDamFileDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChooseDamFileDialog.d.ts","sourceRoot":"","sources":["../../../../src/form/file/chooseFile/ChooseDamFileDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAqD5C,UAAU,qBAAqB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,GAAG,eAAe,KAAK,IAAI,CAAC;IACpF,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAED,eAAO,MAAM,mBAAmB,GAAI,mDAAmD,qBAAqB,4CA4C3G,CAAC"}
+{"version":3,"file":"ChooseDamFileDialog.d.ts","sourceRoot":"","sources":["../../../../src/form/file/chooseFile/ChooseDamFileDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAkB5C,UAAU,qBAAqB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,GAAG,eAAe,KAAK,IAAI,CAAC;IACpF,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAaD,eAAO,MAAM,mBAAmB,GAAI,mDAAmD,qBAAqB,4CAY3G,CAAC"}