@atlaskit/media-test-helpers 30.1.2 → 31.0.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/media-test-helpers
 
+## 31.0.0
+
+### Major Changes
+
+- [`b37723f2cfa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b37723f2cfa) - FeatureFlagsWrapper no longer filters feature flags. All Media flags will be listed.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 30.1.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 30.1.2
 
 ### Patch Changes

package/dist/cjs/featureFlagsWrapper/dropdown.js

@@ -74,9 +74,8 @@ var TextFieldItem = function TextFieldItem(_ref3) {
   }));
 };
 var FeatureFlagItems = function FeatureFlagItems(_ref4) {
-  var onUpdate = _ref4.onUpdate,
-    filterFlags = _ref4.filterFlags;
-  var flagItems = Object.entries((0, _helpers.getMediaFeatureFlags)(filterFlags));
+  var onUpdate = _ref4.onUpdate;
+  var flagItems = Object.entries((0, _helpers.getMediaFeatureFlags)());
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       maxHeight: '200px',
@@ -110,8 +109,7 @@ var FeatureFlagItems = function FeatureFlagItems(_ref4) {
   }) : /*#__PURE__*/_react.default.createElement(ItemWrapper, null, "No flags available"));
 };
 var MediaFeatureFlagsDropdown = function MediaFeatureFlagsDropdown(_ref7) {
-  var onFlagChanged = _ref7.onFlagChanged,
-    filterFlags = _ref7.filterFlags;
+  var onFlagChanged = _ref7.onFlagChanged;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isOpen = _useState2[0],
@@ -124,8 +122,7 @@ var MediaFeatureFlagsDropdown = function MediaFeatureFlagsDropdown(_ref7) {
     placement: "bottom-start",
     content: function content() {
       return /*#__PURE__*/_react.default.createElement(FeatureFlagItems, {
-        onUpdate: onFlagChanged,
-        filterFlags: filterFlags
+        onUpdate: onFlagChanged
       });
     },
     trigger: function trigger(triggerProps) {
@@ -135,7 +132,7 @@ var MediaFeatureFlagsDropdown = function MediaFeatureFlagsDropdown(_ref7) {
           return setIsOpen(!isOpen);
         },
         iconAfter: /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
-          label: "Star icon",
+          label: "",
           size: "small"
         })
       }), "Media Feature Flags");

package/dist/cjs/featureFlagsWrapper/helpers.js

@@ -26,10 +26,8 @@ var clearAllLocalFeatureFlags = function clearAllLocalFeatureFlags() {
   mediaFeatureFlagsKeys.forEach(clearLocalFeatureFlag);
 };
 exports.clearAllLocalFeatureFlags = clearAllLocalFeatureFlags;
-var getMediaFeatureFlags = function getMediaFeatureFlags(filter) {
-  return mediaFeatureFlagsKeys.filter(function (flagKey) {
-    return filter ? filter.includes(flagKey) : true;
-  }).reduce(function (result, flagName) {
+var getMediaFeatureFlags = function getMediaFeatureFlags() {
+  return mediaFeatureFlagsKeys.reduce(function (result, flagName) {
     return _objectSpread(_objectSpread({}, result), {}, (0, _defineProperty2.default)({}, flagName, (0, _mediaCommon.getMediaFeatureFlag)(flagName)));
   }, {});
 };

package/dist/cjs/featureFlagsWrapper/index.js

@@ -22,8 +22,7 @@ var isLocalStorageSupported = function isLocalStorageSupported() {
   return false;
 };
 var FeatureFlagsWrapper = function FeatureFlagsWrapper(_ref) {
-  var children = _ref.children,
-    filterFlags = _ref.filterFlags;
+  var children = _ref.children;
   var _useState = (0, _react.useState)(0),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     childrenKey = _useState2[0],
@@ -33,8 +32,7 @@ var FeatureFlagsWrapper = function FeatureFlagsWrapper(_ref) {
     setChildrenKey(childrenKey + 1);
   };
   return isLocalStorageSupported() ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_dropdown.default, {
-    onFlagChanged: onFlagChanged,
-    filterFlags: filterFlags
+    onFlagChanged: onFlagChanged
   }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
     key: childrenKey
   }, children)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-test-helpers",
-	"version": "30.1.2"
+	"version": "31.0.0"
 }

package/dist/es2019/featureFlagsWrapper/dropdown.js

@@ -61,10 +61,9 @@ const TextFieldItem = ({
   }));
 };
 const FeatureFlagItems = ({
-  onUpdate,
-  filterFlags
+  onUpdate
 }) => {
-  const flagItems = Object.entries(getMediaFeatureFlags(filterFlags));
+  const flagItems = Object.entries(getMediaFeatureFlags());
   return /*#__PURE__*/React.createElement("div", {
     style: {
       maxHeight: '200px',
@@ -95,8 +94,7 @@ const FeatureFlagItems = ({
   }) : /*#__PURE__*/React.createElement(ItemWrapper, null, "No flags available"));
 };
 const MediaFeatureFlagsDropdown = ({
-  onFlagChanged,
-  filterFlags
+  onFlagChanged
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Popup, {
@@ -104,14 +102,13 @@ const MediaFeatureFlagsDropdown = ({
     onClose: () => setIsOpen(false),
     placement: "bottom-start",
     content: () => /*#__PURE__*/React.createElement(FeatureFlagItems, {
-      onUpdate: onFlagChanged,
-      filterFlags: filterFlags
+      onUpdate: onFlagChanged
     }),
     trigger: triggerProps => /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
       isSelected: isOpen,
       onClick: () => setIsOpen(!isOpen),
       iconAfter: /*#__PURE__*/React.createElement(HipchatChevronDownIcon, {
-        label: "Star icon",
+        label: "",
         size: "small"
       })
     }), "Media Feature Flags")

package/dist/es2019/featureFlagsWrapper/helpers.js

@@ -13,7 +13,7 @@ export const clearLocalFeatureFlag = key => {
 export const clearAllLocalFeatureFlags = () => {
   mediaFeatureFlagsKeys.forEach(clearLocalFeatureFlag);
 };
-export const getMediaFeatureFlags = filter => mediaFeatureFlagsKeys.filter(flagKey => filter ? filter.includes(flagKey) : true).reduce((result, flagName) => ({
+export const getMediaFeatureFlags = () => mediaFeatureFlagsKeys.reduce((result, flagName) => ({
   ...result,
   [flagName]: getMediaFeatureFlag(flagName)
 }), {});

package/dist/es2019/featureFlagsWrapper/index.js

@@ -11,8 +11,7 @@ const isLocalStorageSupported = () => {
   return false;
 };
 const FeatureFlagsWrapper = ({
-  children,
-  filterFlags
+  children
 }) => {
   const [childrenKey, setChildrenKey] = useState(0);
   // This is a trick to force a re-render on the component's children to see the new FF values taking effect
@@ -20,8 +19,7 @@ const FeatureFlagsWrapper = ({
     setChildrenKey(childrenKey + 1);
   };
   return isLocalStorageSupported() ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FeatureFlagsDropdown, {
-    onFlagChanged: onFlagChanged,
-    filterFlags: filterFlags
+    onFlagChanged: onFlagChanged
   }), /*#__PURE__*/React.createElement(React.Fragment, {
     key: childrenKey
   }, children)) : /*#__PURE__*/React.createElement(React.Fragment, null, children);

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-test-helpers",
-	"version": "30.1.2"
+	"version": "31.0.0"
 }

package/dist/esm/featureFlagsWrapper/dropdown.js

@@ -64,9 +64,8 @@ var TextFieldItem = function TextFieldItem(_ref3) {
   }));
 };
 var FeatureFlagItems = function FeatureFlagItems(_ref4) {
-  var onUpdate = _ref4.onUpdate,
-    filterFlags = _ref4.filterFlags;
-  var flagItems = Object.entries(getMediaFeatureFlags(filterFlags));
+  var onUpdate = _ref4.onUpdate;
+  var flagItems = Object.entries(getMediaFeatureFlags());
   return /*#__PURE__*/React.createElement("div", {
     style: {
       maxHeight: '200px',
@@ -100,8 +99,7 @@ var FeatureFlagItems = function FeatureFlagItems(_ref4) {
   }) : /*#__PURE__*/React.createElement(ItemWrapper, null, "No flags available"));
 };
 var MediaFeatureFlagsDropdown = function MediaFeatureFlagsDropdown(_ref7) {
-  var onFlagChanged = _ref7.onFlagChanged,
-    filterFlags = _ref7.filterFlags;
+  var onFlagChanged = _ref7.onFlagChanged;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -114,8 +112,7 @@ var MediaFeatureFlagsDropdown = function MediaFeatureFlagsDropdown(_ref7) {
     placement: "bottom-start",
     content: function content() {
       return /*#__PURE__*/React.createElement(FeatureFlagItems, {
-        onUpdate: onFlagChanged,
-        filterFlags: filterFlags
+        onUpdate: onFlagChanged
       });
     },
     trigger: function trigger(triggerProps) {
@@ -125,7 +122,7 @@ var MediaFeatureFlagsDropdown = function MediaFeatureFlagsDropdown(_ref7) {
           return setIsOpen(!isOpen);
         },
         iconAfter: /*#__PURE__*/React.createElement(HipchatChevronDownIcon, {
-          label: "Star icon",
+          label: "",
           size: "small"
         })
       }), "Media Feature Flags");

package/dist/esm/featureFlagsWrapper/helpers.js

@@ -16,10 +16,8 @@ export var clearLocalFeatureFlag = function clearLocalFeatureFlag(key) {
 export var clearAllLocalFeatureFlags = function clearAllLocalFeatureFlags() {
   mediaFeatureFlagsKeys.forEach(clearLocalFeatureFlag);
 };
-export var getMediaFeatureFlags = function getMediaFeatureFlags(filter) {
-  return mediaFeatureFlagsKeys.filter(function (flagKey) {
-    return filter ? filter.includes(flagKey) : true;
-  }).reduce(function (result, flagName) {
+export var getMediaFeatureFlags = function getMediaFeatureFlags() {
+  return mediaFeatureFlagsKeys.reduce(function (result, flagName) {
     return _objectSpread(_objectSpread({}, result), {}, _defineProperty({}, flagName, getMediaFeatureFlag(flagName)));
   }, {});
 };

package/dist/esm/featureFlagsWrapper/index.js

@@ -12,8 +12,7 @@ var isLocalStorageSupported = function isLocalStorageSupported() {
   return false;
 };
 var FeatureFlagsWrapper = function FeatureFlagsWrapper(_ref) {
-  var children = _ref.children,
-    filterFlags = _ref.filterFlags;
+  var children = _ref.children;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     childrenKey = _useState2[0],
@@ -23,8 +22,7 @@ var FeatureFlagsWrapper = function FeatureFlagsWrapper(_ref) {
     setChildrenKey(childrenKey + 1);
   };
   return isLocalStorageSupported() ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FeatureFlagsDropdown, {
-    onFlagChanged: onFlagChanged,
-    filterFlags: filterFlags
+    onFlagChanged: onFlagChanged
   }), /*#__PURE__*/React.createElement(React.Fragment, {
     key: childrenKey
   }, children)) : /*#__PURE__*/React.createElement(React.Fragment, null, children);

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/media-test-helpers",
-	"version": "30.1.2"
+	"version": "31.0.0"
 }

package/dist/types/featureFlagsWrapper/dropdown.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="react" />
-import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
 export declare type MediaFeatureFlagsDropdownProps = {
     onFlagChanged: () => void;
-    filterFlags?: Array<keyof MediaFeatureFlags>;
 };
-declare const MediaFeatureFlagsDropdown: ({ onFlagChanged, filterFlags, }: MediaFeatureFlagsDropdownProps) => JSX.Element;
+declare const MediaFeatureFlagsDropdown: ({ onFlagChanged, }: MediaFeatureFlagsDropdownProps) => JSX.Element;
 export default MediaFeatureFlagsDropdown;

package/dist/types/featureFlagsWrapper/helpers.d.ts

@@ -2,4 +2,4 @@ import { MediaFeatureFlags } from '@atlaskit/media-common';
 export declare const setLocalFeatureFlag: (key: keyof MediaFeatureFlags, value: number | boolean | string | Object) => void;
 export declare const clearLocalFeatureFlag: (key: keyof MediaFeatureFlags) => void;
 export declare const clearAllLocalFeatureFlags: () => void;
-export declare const getMediaFeatureFlags: (filter?: (keyof MediaFeatureFlags)[] | undefined) => MediaFeatureFlags;
+export declare const getMediaFeatureFlags: () => MediaFeatureFlags;

package/dist/types/featureFlagsWrapper/index.d.ts

@@ -1,7 +1,5 @@
-import { FC } from 'react';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
-export declare type FeatureFlagsWrapperProps = {
-    filterFlags?: Array<keyof MediaFeatureFlags>;
-};
-declare const FeatureFlagsWrapper: FC<FeatureFlagsWrapperProps>;
+import React from 'react';
+declare const FeatureFlagsWrapper: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
 export default FeatureFlagsWrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-test-helpers",
-  "version": "30.1.2",
+  "version": "31.0.0",
   "description": "Collection of test helpers used in media component stories and specs",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -19,19 +19,19 @@
     "releaseModel": "scheduled"
   },
   "dependencies": {
-    "@atlaskit/button": "^16.5.0",
+    "@atlaskit/button": "^16.6.0",
     "@atlaskit/checkbox": "^12.4.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/locale": "^2.1.0",
-    "@atlaskit/media-client": "^20.0.0",
-    "@atlaskit/media-common": "^2.19.0",
+    "@atlaskit/media-client": "^20.2.0",
+    "@atlaskit/media-common": "^4.0.0",
     "@atlaskit/media-core": "^34.0.0",
     "@atlaskit/media-ui": "^22.3.0",
     "@atlaskit/popup": "^1.5.0",
     "@atlaskit/tabs": "^13.3.0",
     "@atlaskit/textfield": "^5.3.0",
-    "@atlaskit/tokens": "^1.0.0",
-    "@atlaskit/tooltip": "^17.6.0",
+    "@atlaskit/tokens": "^1.2.0",
+    "@atlaskit/tooltip": "^17.7.0",
     "@atlaskit/ufo": "^0.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
@@ -73,7 +73,9 @@
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
   "techstack": {
     "@repo/internal": {
-      "theming": "tokens"
+      "design-tokens": [
+        "color"
+      ]
     }
   }
 }

package/report.api.md

@@ -26,7 +26,6 @@ import { Component } from 'react';
 import { CustomData } from '@atlaskit/ufo';
 import { DetailedHTMLProps } from 'react';
 import { ExternalImageIdentifier } from '@atlaskit/media-client';
-import { FC } from 'react';
 import { FileDetails } from '@atlaskit/media-client';
 import { FileIdentifier } from '@atlaskit/media-client';
 import { FileState } from '@atlaskit/media-client';
@@ -337,12 +336,11 @@ export const fakeIntl: any;
 export const fakeMediaClient: (config?: MediaClientConfig) => MediaClient;
 
 // @public (undocumented)
-export const FeatureFlagsWrapper: FC<FeatureFlagsWrapperProps>;
-
-// @public (undocumented)
-type FeatureFlagsWrapperProps = {
-  filterFlags?: Array<keyof MediaFeatureFlags>;
-};
+export const FeatureFlagsWrapper: ({
+  children,
+}: {
+  children: React_2.ReactNode;
+}) => JSX.Element;
 
 // @public (undocumented)
 export const fileCollectionName: string;