@atlaskit/media-ui 28.6.15 → 28.7.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/media-ui
 
+## 28.7.1
+
+### Patch Changes
+
+- [`717cc94987686`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/717cc94987686) -
+  Internal changes to how borders are applied.
+
+## 28.7.0
+
+### Minor Changes
+
+- [`07a59b636b6b4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/07a59b636b6b4) -
+  [ux] Set CodeViewer as the default viewer for text/plain files, prevents rendering text files
+  using DocViewer
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 28.6.15
 
 ### Patch Changes

package/dist/cjs/codeViewer.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getExtension = getExtension;
 exports.getLanguageType = getLanguageType;
 exports.isCodeViewerItem = isCodeViewerItem;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  * Given an item, it grabs the file name of that item. For example, an item with the filename item.txt
  * would return the extension txt
@@ -174,6 +175,9 @@ function getLanguageType(name, mimetype) {
     case 'yml':
       return 'yaml';
     default:
+      if (mimetype === 'text/plain' && (0, _platformFeatureFlags.fg)('platform_media-default-code-viewer-for-plain-text')) {
+        return 'text';
+      }
       return null;
   }
 }

package/dist/cjs/customMediaPlayer/index.js

@@ -16,7 +16,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = function CustomMedia
   return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_indexCompiled.CustomMediaPlayerBase, props) : /*#__PURE__*/_react.default.createElement(_indexEmotion.CustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.6.14";
+var packageVersion = "0.0.0-development";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var CustomMediaPlayer = exports.CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/customMediaPlayer/mediaPlayer/mediaPlayer.js

@@ -15,7 +15,7 @@ var _useTextTracks2 = require("./useTextTracks");
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _excluded = ["onPlay"];
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.6.14";
+var packageVersion = "0.0.0-development";
 var MediaPlayerWihtoutContext = exports.MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
   var _onPlay = _ref.onPlay,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/customMediaPlayer/styled-compiled.compiled.css

@@ -1,7 +1,7 @@
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
 ._19itglyw{border:none}
-._1a37q36z{outline:var(--_k4vj5w)}
+._1a37gfip{outline:var(--_126n5k8)}
 ._2rko14y2{border-radius:5px}
 ._2rko1b66{border-radius:var(--ds-space-050,4px)}
 ._2rko1kw7{border-radius:inherit}

package/dist/cjs/customMediaPlayer/styled-compiled.js

@@ -82,9 +82,9 @@ var CurrentTimeLineThumb = exports.CurrentTimeLineThumb = /*#__PURE__*/(0, _reac
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     ref: ref
   }, props, {
-    className: (0, _runtime.ax)(["_19itglyw _2rko1rr0 _1a37q36z _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"]),
+    className: (0, _runtime.ax)(["_19itglyw _2rko1rr0 _1a37gfip _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"]),
     style: {
-      "--_k4vj5w": (0, _runtime.ix)("2px solid ".concat("var(--ds-border-focused, #85B8FF)"))
+      "--_126n5k8": (0, _runtime.ix)("var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #85B8FF)"))
     }
   }), children);
 });

package/dist/es2019/codeViewer.js

@@ -1,3 +1,5 @@
+import { fg } from '@atlaskit/platform-feature-flags';
+
 /**
  * Given an item, it grabs the file name of that item. For example, an item with the filename item.txt
  * would return the extension txt
@@ -163,6 +165,9 @@ export function getLanguageType(name, mimetype) {
     case 'yml':
       return 'yaml';
     default:
+      if (mimetype === 'text/plain' && fg('platform_media-default-code-viewer-for-plain-text')) {
+        return 'text';
+      }
       return null;
   }
 }

package/dist/es2019/customMediaPlayer/index.js

@@ -7,7 +7,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
 export const CustomMediaPlayerBase = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props) : /*#__PURE__*/React.createElement(EmotionCustomMediaPlayerBase, props);
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "28.6.14";
+const packageVersion = "0.0.0-development";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 export const CustomMediaPlayer = withMediaAnalyticsContext({

package/dist/es2019/customMediaPlayer/mediaPlayer/mediaPlayer.js

@@ -6,7 +6,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
 import { useTextTracks } from './useTextTracks';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "28.6.14";
+const packageVersion = "0.0.0-development";
 export const MediaPlayerWihtoutContext = ({
   onPlay,
   ...props

package/dist/es2019/customMediaPlayer/styled-compiled.compiled.css

@@ -1,7 +1,7 @@
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
 ._19itglyw{border:none}
-._1a371rek{outline:2px solid var(--ds-border-focused,#85b8ff)}
+._1a371kqe{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#85b8ff)}
 ._2rko14y2{border-radius:5px}
 ._2rko1b66{border-radius:var(--ds-space-050,4px)}
 ._2rko1kw7{border-radius:inherit}

package/dist/es2019/customMediaPlayer/styled-compiled.js

@@ -56,7 +56,7 @@ export const CurrentTimeLineThumb = /*#__PURE__*/forwardRef(({
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, props, {
-    className: ax(["_19itglyw _2rko1rr0 _1a371rek _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"])
+    className: ax(["_19itglyw _2rko1rr0 _1a371kqe _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"])
   }), children);
 });
 const bufferedTimeStyles = null;

package/dist/esm/codeViewer.js

@@ -1,3 +1,5 @@
+import { fg } from '@atlaskit/platform-feature-flags';
+
 /**
  * Given an item, it grabs the file name of that item. For example, an item with the filename item.txt
  * would return the extension txt
@@ -166,6 +168,9 @@ export function getLanguageType(name, mimetype) {
     case 'yml':
       return 'yaml';
     default:
+      if (mimetype === 'text/plain' && fg('platform_media-default-code-viewer-for-plain-text')) {
+        return 'text';
+      }
       return null;
   }
 }

package/dist/esm/customMediaPlayer/index.js

@@ -9,7 +9,7 @@ export var CustomMediaPlayerBase = function CustomMediaPlayerBase(props) {
   return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props) : /*#__PURE__*/React.createElement(EmotionCustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.6.14";
+var packageVersion = "0.0.0-development";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 export var CustomMediaPlayer = withMediaAnalyticsContext({

package/dist/esm/customMediaPlayer/mediaPlayer/mediaPlayer.js

@@ -8,7 +8,7 @@ import { MediaPlayerBase } from './mediaPlayerBase';
 import { useTextTracks } from './useTextTracks';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.6.14";
+var packageVersion = "0.0.0-development";
 export var MediaPlayerWihtoutContext = function MediaPlayerWihtoutContext(_ref) {
   var _onPlay = _ref.onPlay,
     props = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/customMediaPlayer/styled-compiled.compiled.css

@@ -1,7 +1,7 @@
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
 ._19itglyw{border:none}
-._1a37q36z{outline:var(--_k4vj5w)}
+._1a37gfip{outline:var(--_126n5k8)}
 ._2rko14y2{border-radius:5px}
 ._2rko1b66{border-radius:var(--ds-space-050,4px)}
 ._2rko1kw7{border-radius:inherit}

package/dist/esm/customMediaPlayer/styled-compiled.js

@@ -74,9 +74,9 @@ export var CurrentTimeLineThumb = /*#__PURE__*/forwardRef(function (_ref6, ref)
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref
   }, props, {
-    className: ax(["_19itglyw _2rko1rr0 _1a37q36z _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"]),
+    className: ax(["_19itglyw _2rko1rr0 _1a37gfip _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"]),
     style: {
-      "--_k4vj5w": ix("2px solid ".concat("var(--ds-border-focused, #85B8FF)"))
+      "--_126n5k8": ix("var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, #85B8FF)"))
     }
   }), children);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "28.6.15",
+	"version": "28.7.1",
 	"description": "Includes common components and utilities used by other media packages",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,8 +29,8 @@
 		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/flag": "^17.4.0",
-		"@atlaskit/form": "^12.5.0",
-		"@atlaskit/icon": "^28.1.0",
+		"@atlaskit/form": "^12.6.0",
+		"@atlaskit/icon": "^28.2.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
 		"@atlaskit/icon-lab": "^5.7.0",
 		"@atlaskit/legacy-custom-icons": "^0.22.0",
@@ -43,8 +43,8 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.14.0",
 		"@atlaskit/range": "^9.2.0",
-		"@atlaskit/react-ufo": "^4.6.0",
-		"@atlaskit/select": "^21.2.0",
+		"@atlaskit/react-ufo": "^4.7.0",
+		"@atlaskit/select": "^21.3.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^6.3.0",
@@ -101,6 +101,9 @@
 		},
 		"should-render-to-parent-should-be-true-media-exif": {
 			"type": "boolean"
+		},
+		"platform_media-default-code-viewer-for-plain-text": {
+			"type": "boolean"
 		}
 	},
 	"techstack": {
@@ -126,22 +129,5 @@
 				"dist/types-ts4.5/index.d.ts"
 			]
 		}
-	},
-	"af:exports": {
-		"./classNames": "./src/classNames.ts",
-		"./media-type-icon": "./src/media-type-icon.tsx",
-		"./mime-type-icon": "./src/mime-type-icon.tsx",
-		"./truncateText": "./src/truncateText.tsx",
-		"./messages": "./src/messages.ts",
-		"./modalSpinner": "./src/modalSpinner.tsx",
-		"./browser": "./src/browser.tsx",
-		"./codeViewer": "./src/codeViewer.ts",
-		"./util": "./src/util.ts",
-		"./errorIcon": "./src/errorIcon.tsx",
-		"./types": "./src/types.ts",
-		"./formatDate": "./src/formatDate.ts",
-		"./locales": "./src/locales.ts",
-		"./abuseModal": "./src/abuseModal/index.ts",
-		".": "./src/index.ts"
 	}
 }