@atlaskit/editor-plugin-media 8.9.0 → 8.10.0

package/dist/es2019/ui/ImageEditor/ModalWrapper.js

@@ -1,58 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { MediaClient } from '@atlaskit/media-client';
-import { isExternalMedia } from '../toolbar/utils';
-import { ImageEditor } from './index';
-export const RenderImageEditor = ({
-  mediaClientConfig,
-  onClose,
-  selectedNodeAttrs,
-  errorReporter,
-  // TODO: EDITOR-3779 - To implement saving image
-  // eslint-disable-next-line
-  onSave
-}) => {
-  const [imageUrl, setImageUrl] = useState('');
-  useEffect(() => {
-    const getImageUrl = () => {
-      if (isExternalMedia(selectedNodeAttrs)) {
-        // External image - use the URL directly
-        setImageUrl(selectedNodeAttrs.url || '');
-      } else {
-        // File media - use MediaClient to get the image URL
-        const {
-          id,
-          collection = ''
-        } = selectedNodeAttrs;
-        try {
-          const mediaClient = new MediaClient(mediaClientConfig);
-
-          // Subscribe to file state to get file information
-          const subscription = mediaClient.file.getFileState(id, {
-            collectionName: collection
-          }).subscribe(fileState => {
-            if (fileState.status === 'processed' || fileState.status === 'processing') {
-              // Get the image URL from the processed file
-              mediaClient.file.getFileBinaryURL(id, collection).then(url => {
-                setImageUrl(url);
-              });
-            }
-          });
-
-          // Cleanup subscription on unmount
-          return () => subscription.unsubscribe();
-        } catch (error) {
-          if (errorReporter) {
-            errorReporter.captureException(error instanceof Error ? error : new Error(String(error)));
-          }
-          setImageUrl('');
-        }
-      }
-    };
-    getImageUrl();
-  }, [selectedNodeAttrs, mediaClientConfig, errorReporter]);
-  return /*#__PURE__*/React.createElement(ImageEditor, {
-    isOpen: true,
-    onClose: onClose,
-    imageUrl: imageUrl
-  });
-};

package/dist/es2019/ui/ImageEditor/index.js

@@ -1,53 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import Button from '@atlaskit/button/new';
-import Modal, { ModalBody, ModalFooter, ModalTransition } from '@atlaskit/modal-dialog';
-const imageWrapper = css({
-  maxHeight: 'calc(100vh - 250px)',
-  width: '100%',
-  overflow: 'hidden',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-const imageStyle = css({
-  maxWidth: '100%',
-  maxHeight: 'calc(100vh - 250px)',
-  width: 'auto',
-  height: 'auto',
-  objectFit: 'contain'
-});
-export const ImageEditor = ({
-  isOpen,
-  onClose,
-  imageUrl
-}) => {
-  return jsx(ModalTransition, null, isOpen && jsx(Modal, {
-    onClose: onClose,
-    width: 1800
-  }, jsx("br", null), jsx(ModalBody, null, jsx("div", {
-    css: imageWrapper
-  }, imageUrl && jsx("img", {
-    src: imageUrl,
-    alt: "Edit preview",
-    css: imageStyle
-  }))), jsx(ModalFooter, null, jsx(Button, {
-    appearance: "subtle",
-    onClick: onClose
-  }, jsx(FormattedMessage, {
-    id: "editor.imageEditor.cancel",
-    defaultMessage: "Cancel"
-  })), jsx(Button, {
-    appearance: "primary",
-    onClick: onClose
-  }, jsx(FormattedMessage, {
-    id: "editor.imageEditor.done",
-    defaultMessage: "Done"
-  })))));
-};

package/dist/esm/ui/ImageEditor/ModalWrapper.js

@@ -1,60 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useState } from 'react';
-import { MediaClient } from '@atlaskit/media-client';
-import { isExternalMedia } from '../toolbar/utils';
-import { ImageEditor } from './index';
-export var RenderImageEditor = function RenderImageEditor(_ref) {
-  var mediaClientConfig = _ref.mediaClientConfig,
-    onClose = _ref.onClose,
-    selectedNodeAttrs = _ref.selectedNodeAttrs,
-    errorReporter = _ref.errorReporter,
-    onSave = _ref.onSave;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    imageUrl = _useState2[0],
-    setImageUrl = _useState2[1];
-  useEffect(function () {
-    var getImageUrl = function getImageUrl() {
-      if (isExternalMedia(selectedNodeAttrs)) {
-        // External image - use the URL directly
-        setImageUrl(selectedNodeAttrs.url || '');
-      } else {
-        // File media - use MediaClient to get the image URL
-        var id = selectedNodeAttrs.id,
-          _selectedNodeAttrs$co = selectedNodeAttrs.collection,
-          collection = _selectedNodeAttrs$co === void 0 ? '' : _selectedNodeAttrs$co;
-        try {
-          var mediaClient = new MediaClient(mediaClientConfig);
-
-          // Subscribe to file state to get file information
-          var subscription = mediaClient.file.getFileState(id, {
-            collectionName: collection
-          }).subscribe(function (fileState) {
-            if (fileState.status === 'processed' || fileState.status === 'processing') {
-              // Get the image URL from the processed file
-              mediaClient.file.getFileBinaryURL(id, collection).then(function (url) {
-                setImageUrl(url);
-              });
-            }
-          });
-
-          // Cleanup subscription on unmount
-          return function () {
-            return subscription.unsubscribe();
-          };
-        } catch (error) {
-          if (errorReporter) {
-            errorReporter.captureException(error instanceof Error ? error : new Error(String(error)));
-          }
-          setImageUrl('');
-        }
-      }
-    };
-    getImageUrl();
-  }, [selectedNodeAttrs, mediaClientConfig, errorReporter]);
-  return /*#__PURE__*/React.createElement(ImageEditor, {
-    isOpen: true,
-    onClose: onClose,
-    imageUrl: imageUrl
-  });
-};

package/dist/esm/ui/ImageEditor/index.js

@@ -1,52 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import Button from '@atlaskit/button/new';
-import Modal, { ModalBody, ModalFooter, ModalTransition } from '@atlaskit/modal-dialog';
-var imageWrapper = css({
-  maxHeight: 'calc(100vh - 250px)',
-  width: '100%',
-  overflow: 'hidden',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-var imageStyle = css({
-  maxWidth: '100%',
-  maxHeight: 'calc(100vh - 250px)',
-  width: 'auto',
-  height: 'auto',
-  objectFit: 'contain'
-});
-export var ImageEditor = function ImageEditor(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    imageUrl = _ref.imageUrl;
-  return jsx(ModalTransition, null, isOpen && jsx(Modal, {
-    onClose: onClose,
-    width: 1800
-  }, jsx("br", null), jsx(ModalBody, null, jsx("div", {
-    css: imageWrapper
-  }, imageUrl && jsx("img", {
-    src: imageUrl,
-    alt: "Edit preview",
-    css: imageStyle
-  }))), jsx(ModalFooter, null, jsx(Button, {
-    appearance: "subtle",
-    onClick: onClose
-  }, jsx(FormattedMessage, {
-    id: "editor.imageEditor.cancel",
-    defaultMessage: "Cancel"
-  })), jsx(Button, {
-    appearance: "primary",
-    onClick: onClose
-  }, jsx(FormattedMessage, {
-    id: "editor.imageEditor.done",
-    defaultMessage: "Done"
-  })))));
-};

package/dist/types/ui/ImageEditor/ModalWrapper.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { MediaADFAttrs } from '@atlaskit/adf-schema';
-import type { ErrorReporter } from '@atlaskit/editor-common/error-reporter';
-import type { MediaClientConfig } from '@atlaskit/media-client';
-interface RenderImageEditorProps {
-    errorReporter?: ErrorReporter;
-    mediaClientConfig: MediaClientConfig;
-    onClose: () => void;
-    onSave?: (updatedAttrs: MediaADFAttrs) => void;
-    selectedNodeAttrs: MediaADFAttrs;
-}
-export declare const RenderImageEditor: ({ mediaClientConfig, onClose, selectedNodeAttrs, errorReporter, onSave, }: RenderImageEditorProps) => React.JSX.Element;
-export {};

package/dist/types/ui/ImageEditor/index.d.ts

@@ -1,12 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-interface ImageEditModalProps {
-    imageUrl?: string;
-    isOpen: boolean;
-    onClose: () => void;
-}
-export declare const ImageEditor: ({ isOpen, onClose, imageUrl, }: ImageEditModalProps) => jsx.JSX.Element;
-export {};

package/dist/types-ts4.5/ui/ImageEditor/ModalWrapper.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { MediaADFAttrs } from '@atlaskit/adf-schema';
-import type { ErrorReporter } from '@atlaskit/editor-common/error-reporter';
-import type { MediaClientConfig } from '@atlaskit/media-client';
-interface RenderImageEditorProps {
-    errorReporter?: ErrorReporter;
-    mediaClientConfig: MediaClientConfig;
-    onClose: () => void;
-    onSave?: (updatedAttrs: MediaADFAttrs) => void;
-    selectedNodeAttrs: MediaADFAttrs;
-}
-export declare const RenderImageEditor: ({ mediaClientConfig, onClose, selectedNodeAttrs, errorReporter, onSave, }: RenderImageEditorProps) => React.JSX.Element;
-export {};

package/dist/types-ts4.5/ui/ImageEditor/index.d.ts

@@ -1,12 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-interface ImageEditModalProps {
-    imageUrl?: string;
-    isOpen: boolean;
-    onClose: () => void;
-}
-export declare const ImageEditor: ({ isOpen, onClose, imageUrl, }: ImageEditModalProps) => jsx.JSX.Element;
-export {};