@atlaskit/editor-common 76.22.3 → 76.22.4

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-common
 
+## 76.22.4
+
+### Patch Changes
+
+- [#43434](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/43434) [`3164f6d83de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3164f6d83de) - ED-20979 and ED-20878 scaffolding for inline image component
+- Updated dependencies
+
 ## 76.22.3
 
 ### Patch Changes

package/dist/cjs/media-inline/MediaInlineImageCard.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaInlineImageCard = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+/** @jsx jsx */
+
+var MediaInlineImageCard = exports.MediaInlineImageCard = function MediaInlineImageCard(_ref) {
+  var mediaClient = _ref.mediaClient,
+    identifier = _ref.identifier;
+  var _useState = (0, _react.useState)(),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    fileState = _useState2[0],
+    setFileState = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    subscribeError = _useState4[0],
+    setSubscribeError = _useState4[1];
+  (0, _react.useEffect)(function () {
+    var subscription = mediaClient.file.getFileState(identifier.id, {
+      collectionName: identifier.collectionName
+    }).subscribe({
+      next: function next(fileState) {
+        setFileState(fileState);
+        setSubscribeError(undefined);
+      },
+      error: function error(e) {
+        setSubscribeError(e);
+      }
+    });
+    return function () {
+      subscription.unsubscribe();
+    };
+  }, [identifier.collectionName, identifier.id, mediaClient.file]);
+  if (subscribeError) {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard subscribe error view");
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error') {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard error view");
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing') {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard failed-processing view");
+  }
+  // Empty file handling
+  if (fileState && !fileState.name) {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard empty file name error view");
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading') {
+    throw new Error("not yet implemented: MediaInlineImageCard uploading view");
+  }
+  if (!fileState) {
+    throw new Error("not yet implemented: MediaInlineImageCard loading view");
+  }
+
+  // TODO
+  // use Card from `@atlaskit/media-card` with an inline block wrapper
+  // with:
+  // selection state and `mediaOptions.allowLazyLoading`
+  throw new Error("not yet implemented: MediaInlineImageCard loading view");
+};

package/dist/cjs/media-inline/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MediaInlineImageCard", {
+  enumerable: true,
+  get: function get() {
+    return _MediaInlineImageCard.MediaInlineImageCard;
+  }
+});
+Object.defineProperty(exports, "shouldShowInlineImage", {
+  enumerable: true,
+  get: function get() {
+    return _shouldShowInlineImage.shouldShowInlineImage;
+  }
+});
+var _MediaInlineImageCard = require("./MediaInlineImageCard");
+var _shouldShowInlineImage = require("./shouldShowInlineImage");

package/dist/cjs/media-inline/shouldShowInlineImage.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldShowInlineImage = void 0;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var shouldShowInlineImage = exports.shouldShowInlineImage = function shouldShowInlineImage(mediaType) {
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.inline-image.base-support')) {
+    return mediaType === 'image';
+  }
+  return false;
+};

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.22.3";
+var packageVersion = "76.22.4";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.22.3";
+var packageVersion = "76.22.4";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/media-inline/MediaInlineImageCard.js

@@ -0,0 +1,63 @@
+/** @jsx jsx */
+
+import { useEffect, useState } from 'react';
+export const MediaInlineImageCard = ({
+  mediaClient,
+  identifier
+}) => {
+  const [fileState, setFileState] = useState();
+  const [subscribeError, setSubscribeError] = useState();
+  useEffect(() => {
+    const subscription = mediaClient.file.getFileState(identifier.id, {
+      collectionName: identifier.collectionName
+    }).subscribe({
+      next: fileState => {
+        setFileState(fileState);
+        setSubscribeError(undefined);
+      },
+      error: e => {
+        setSubscribeError(e);
+      }
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [identifier.collectionName, identifier.id, mediaClient.file]);
+  if (subscribeError) {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error(`not yet implemented: MediaInlineImageCard subscribe error view`);
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error') {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error(`not yet implemented: MediaInlineImageCard error view`);
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing') {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error(`not yet implemented: MediaInlineImageCard failed-processing view`);
+  }
+  // Empty file handling
+  if (fileState && !fileState.name) {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error(`not yet implemented: MediaInlineImageCard empty file name error view`);
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading') {
+    throw new Error(`not yet implemented: MediaInlineImageCard uploading view`);
+  }
+  if (!fileState) {
+    throw new Error(`not yet implemented: MediaInlineImageCard loading view`);
+  }
+
+  // TODO
+  // use Card from `@atlaskit/media-card` with an inline block wrapper
+  // with:
+  // selection state and `mediaOptions.allowLazyLoading`
+  throw new Error(`not yet implemented: MediaInlineImageCard loading view`);
+};

package/dist/es2019/media-inline/index.js

@@ -0,0 +1,2 @@
+export { MediaInlineImageCard } from './MediaInlineImageCard';
+export { shouldShowInlineImage } from './shouldShowInlineImage';

package/dist/es2019/media-inline/shouldShowInlineImage.js

@@ -0,0 +1,7 @@
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+export const shouldShowInlineImage = mediaType => {
+  if (getBooleanFF('platform.editor.media.inline-image.base-support')) {
+    return mediaType === 'image';
+  }
+  return false;
+};

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "76.22.3";
+const packageVersion = "76.22.4";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -9,7 +9,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "76.22.3";
+const packageVersion = "76.22.4";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/media-inline/MediaInlineImageCard.js

@@ -0,0 +1,69 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/** @jsx jsx */
+
+import { useEffect, useState } from 'react';
+export var MediaInlineImageCard = function MediaInlineImageCard(_ref) {
+  var mediaClient = _ref.mediaClient,
+    identifier = _ref.identifier;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileState = _useState2[0],
+    setFileState = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    subscribeError = _useState4[0],
+    setSubscribeError = _useState4[1];
+  useEffect(function () {
+    var subscription = mediaClient.file.getFileState(identifier.id, {
+      collectionName: identifier.collectionName
+    }).subscribe({
+      next: function next(fileState) {
+        setFileState(fileState);
+        setSubscribeError(undefined);
+      },
+      error: function error(e) {
+        setSubscribeError(e);
+      }
+    });
+    return function () {
+      subscription.unsubscribe();
+    };
+  }, [identifier.collectionName, identifier.id, mediaClient.file]);
+  if (subscribeError) {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard subscribe error view");
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error') {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard error view");
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'failed-processing') {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard failed-processing view");
+  }
+  // Empty file handling
+  if (fileState && !fileState.name) {
+    // TODO:
+    // referring to packages/media/media-card/src/inline/mediaInlineCard.tsx
+    // for error message and analytics
+    throw new Error("not yet implemented: MediaInlineImageCard empty file name error view");
+  }
+  if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading') {
+    throw new Error("not yet implemented: MediaInlineImageCard uploading view");
+  }
+  if (!fileState) {
+    throw new Error("not yet implemented: MediaInlineImageCard loading view");
+  }
+
+  // TODO
+  // use Card from `@atlaskit/media-card` with an inline block wrapper
+  // with:
+  // selection state and `mediaOptions.allowLazyLoading`
+  throw new Error("not yet implemented: MediaInlineImageCard loading view");
+};

package/dist/esm/media-inline/index.js

@@ -0,0 +1,2 @@
+export { MediaInlineImageCard } from './MediaInlineImageCard';
+export { shouldShowInlineImage } from './shouldShowInlineImage';

package/dist/esm/media-inline/shouldShowInlineImage.js

@@ -0,0 +1,7 @@
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+export var shouldShowInlineImage = function shouldShowInlineImage(mediaType) {
+  if (getBooleanFF('platform.editor.media.inline-image.base-support')) {
+    return mediaType === 'image';
+  }
+  return false;
+};

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "76.22.3";
+var packageVersion = "76.22.4";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -19,7 +19,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "76.22.3";
+var packageVersion = "76.22.4";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/media-inline/MediaInlineImageCard.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import type { FC } from 'react';
+import type { FileIdentifier, MediaClient } from '@atlaskit/media-client';
+export interface MediaInlineImageCardProps {
+    identifier: FileIdentifier;
+    mediaClient: MediaClient;
+    isSelected?: boolean;
+}
+export declare const MediaInlineImageCard: FC<MediaInlineImageCardProps>;

package/dist/types/media-inline/index.d.ts

@@ -0,0 +1,2 @@
+export { MediaInlineImageCard } from './MediaInlineImageCard';
+export { shouldShowInlineImage } from './shouldShowInlineImage';

package/dist/types/media-inline/shouldShowInlineImage.d.ts

@@ -0,0 +1 @@
+export declare const shouldShowInlineImage: (mediaType: string) => boolean;

package/dist/types-ts4.5/media-inline/MediaInlineImageCard.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import type { FC } from 'react';
+import type { FileIdentifier, MediaClient } from '@atlaskit/media-client';
+export interface MediaInlineImageCardProps {
+    identifier: FileIdentifier;
+    mediaClient: MediaClient;
+    isSelected?: boolean;
+}
+export declare const MediaInlineImageCard: FC<MediaInlineImageCardProps>;

package/dist/types-ts4.5/media-inline/index.d.ts

@@ -0,0 +1,2 @@
+export { MediaInlineImageCard } from './MediaInlineImageCard';
+export { shouldShowInlineImage } from './shouldShowInlineImage';

package/dist/types-ts4.5/media-inline/shouldShowInlineImage.d.ts

@@ -0,0 +1 @@
+export declare const shouldShowInlineImage: (mediaType: string) => boolean;

package/media-inline/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-common/media-inline",
+  "main": "../dist/cjs/media-inline/index.js",
+  "module": "../dist/esm/media-inline/index.js",
+  "module:es2019": "../dist/es2019/media-inline/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/media-inline/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "../dist/types-ts4.5/media-inline/index.d.ts"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "76.22.3",
+  "version": "76.22.4",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -66,6 +66,7 @@
     "./selection": "./src/selection/index.ts",
     "./preset": "./src/preset/index.ts",
     "./hooks": "./src/hooks/index.ts",
+    "./media-inline": "./src/media-inline/index.ts",
     "./media-single": "./src/media-single/index.ts",
     "./monitoring": "./src/monitoring/index.ts",
     "./paste": "./src/paste/index.ts",
@@ -119,7 +120,7 @@
     "@atlaskit/smart-user-picker": "^6.3.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/task-decision": "^17.9.0",
-    "@atlaskit/textfield": "^5.6.0",
+    "@atlaskit/textfield": "^6.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.28.0",
     "@atlaskit/tooltip": "^18.0.0",
@@ -203,6 +204,9 @@
     "platform.editor.media.extended-resize-experience": {
       "type": "boolean"
     },
+    "platform.editor.media.inline-image.base-support": {
+      "type": "boolean"
+    },
     "platform.linking-platform.datasource-assets_objects": {
       "type": "boolean"
     },