@atlaskit/color-picker 5.1.2 → 5.1.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/color-picker
 
+## 5.1.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 5.1.3
+
+### Patch Changes
+
+- [#155681](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/155681)
+  [`679a437d9a866`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/679a437d9a866) -
+  Internal refactors to support a feature flag being cleaned up in `@atlaskit/select` and
+  `@atlaskit/react-select`.
+- Updated dependencies
+
 ## 5.1.2
 
 ### Patch Changes

package/dist/cjs/components/ColorCard.js

@@ -16,8 +16,7 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("../constants");
 var _colors = require("@atlaskit/theme/colors");
 var _useCallbackRef = require("use-callback-ref");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var ColorCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, componentRef) {
   var type = props.type,
     _props$autoFocus = props.autoFocus,

package/dist/cjs/components/ColorPaletteMenu.js

@@ -18,8 +18,7 @@ var _ColorCard = _interopRequireDefault(require("./ColorCard"));
 var _utils = require("../utils");
 var _constants = require("../constants");
 var _colors = require("@atlaskit/theme/colors");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAnalytics(_ref) {
   var _ref$autoFocus = _ref.autoFocus,
     autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
@@ -62,7 +61,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
         attributes: {
           componentName: 'color-picker',
           packageName: "@atlaskit/color-picker",
-          packageVersion: "5.1.2"
+          packageVersion: "5.1.4"
         }
       })(createAnalyticsEvent);
     }
@@ -147,7 +146,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
 var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
   componentName: 'color-picker',
   packageName: "@atlaskit/color-picker",
-  packageVersion: "5.1.2"
+  packageVersion: "5.1.4"
 })((0, _analyticsNext.withAnalyticsEvents)()(ColorPaletteMenuWithoutAnalytics));
 var colorCardWrapperStyles = null;
 var colorPaletteContainerStyles = null;

package/dist/cjs/components/ColorPicker.js

@@ -26,8 +26,7 @@ var _utils = require("../utils");
 var _reactIntlNext = require("react-intl-next");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = _interopRequireDefault(require("../messages"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var defaultPopperProps = {
@@ -41,7 +40,7 @@ var defaultPopperProps = {
   placement: 'bottom-start'
 };
 var packageName = "@atlaskit/color-picker";
-var packageVersion = "5.1.2";
+var packageVersion = "5.1.4";
 var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
   function ColorPickerWithoutAnalyticsBase() {
     var _this;

package/dist/cjs/components/Trigger.js

@@ -14,8 +14,7 @@ var _runtime = require("@compiled/react/runtime");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var ColorCard = function ColorCard(_ref) {
   var value = _ref.value,
     label = _ref.label,
@@ -31,18 +30,6 @@ var ColorCard = function ColorCard(_ref) {
     event.preventDefault();
   }, []);
   var handleClick = (0, _react.useCallback)(function (event) {
-    /**
-     * The 'platform_dst_layer_observer_select' feature flag updates `PopupSelect` to close itself when
-     * the internal Select's `onMenuClose` prop is called.
-     *
-     * By moving focus to the trigger element after the select menu is open, it causes the select
-     * menu to think it is being closed, and call its `onMenuClose` prop.
-     *
-     * This results in the PopupSelect instantly closing when the user clicks to open it.
-     */
-    if (!(0, _platformFeatureFlags.fg)('platform_dst_layer_observer_select')) {
-      event.currentTarget.focus();
-    }
     if (onClick) {
       event.preventDefault();
       onClick();

package/dist/cjs/components/components.js

@@ -16,8 +16,7 @@ var _utils = require("../utils");
 var _constants = require("../constants");
 var _reactIntlNext = require("react-intl-next");
 var _messages = _interopRequireDefault(require("../messages"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var MenuList = exports.MenuList = function MenuList(props) {
   var cols = props.selectProps.cols,
     innerRef = props.innerRef,

package/dist/cjs/index.js

@@ -26,8 +26,7 @@ exports.default = exports.Standard = exports.Compact = void 0;
 var _ColorPicker = _interopRequireWildcard(require("./components/ColorPicker"));
 var _types = require("./types");
 var _ColorPaletteMenu = _interopRequireWildcard(require("./components/ColorPaletteMenu"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var Compact = exports.Compact = _types.Mode.Compact,
   Standard = exports.Standard = _types.Mode.Standard;
 var _default = exports.default = _ColorPicker.default;

package/dist/es2019/components/ColorPaletteMenu.js

@@ -42,7 +42,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
         attributes: {
           componentName: 'color-picker',
           packageName: "@atlaskit/color-picker",
-          packageVersion: "5.1.2"
+          packageVersion: "5.1.4"
         }
       })(createAnalyticsEvent);
     }
@@ -120,7 +120,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
 export default withAnalyticsContext({
   componentName: 'color-picker',
   packageName: "@atlaskit/color-picker",
-  packageVersion: "5.1.2"
+  packageVersion: "5.1.4"
 })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
 const colorCardWrapperStyles = null;
 const colorPaletteContainerStyles = null;

package/dist/es2019/components/ColorPicker.js

@@ -24,7 +24,7 @@ const defaultPopperProps = {
   placement: 'bottom-start'
 };
 const packageName = "@atlaskit/color-picker";
-const packageVersion = "5.1.2";
+const packageVersion = "5.1.4";
 class ColorPickerWithoutAnalyticsBase extends React.Component {
   constructor(...args) {
     super(...args);

package/dist/es2019/components/Trigger.js

@@ -20,18 +20,6 @@ const ColorCard = ({
     event.preventDefault();
   }, []);
   const handleClick = useCallback(event => {
-    /**
-     * The 'platform_dst_layer_observer_select' feature flag updates `PopupSelect` to close itself when
-     * the internal Select's `onMenuClose` prop is called.
-     *
-     * By moving focus to the trigger element after the select menu is open, it causes the select
-     * menu to think it is being closed, and call its `onMenuClose` prop.
-     *
-     * This results in the PopupSelect instantly closing when the user clicks to open it.
-     */
-    if (!fg('platform_dst_layer_observer_select')) {
-      event.currentTarget.focus();
-    }
     if (onClick) {
       event.preventDefault();
       onClick();

package/dist/esm/components/ColorPaletteMenu.js

@@ -52,7 +52,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
         attributes: {
           componentName: 'color-picker',
           packageName: "@atlaskit/color-picker",
-          packageVersion: "5.1.2"
+          packageVersion: "5.1.4"
         }
       })(createAnalyticsEvent);
     }
@@ -137,7 +137,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
 export default withAnalyticsContext({
   componentName: 'color-picker',
   packageName: "@atlaskit/color-picker",
-  packageVersion: "5.1.2"
+  packageVersion: "5.1.4"
 })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
 var colorCardWrapperStyles = null;
 var colorPaletteContainerStyles = null;

package/dist/esm/components/ColorPicker.js

@@ -31,7 +31,7 @@ var defaultPopperProps = {
   placement: 'bottom-start'
 };
 var packageName = "@atlaskit/color-picker";
-var packageVersion = "5.1.2";
+var packageVersion = "5.1.4";
 var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
   function ColorPickerWithoutAnalyticsBase() {
     var _this;

package/dist/esm/components/Trigger.js

@@ -21,18 +21,6 @@ var ColorCard = function ColorCard(_ref) {
     event.preventDefault();
   }, []);
   var handleClick = useCallback(function (event) {
-    /**
-     * The 'platform_dst_layer_observer_select' feature flag updates `PopupSelect` to close itself when
-     * the internal Select's `onMenuClose` prop is called.
-     *
-     * By moving focus to the trigger element after the select menu is open, it causes the select
-     * menu to think it is being closed, and call its `onMenuClose` prop.
-     *
-     * This results in the PopupSelect instantly closing when the user clicks to open it.
-     */
-    if (!fg('platform_dst_layer_observer_select')) {
-      event.currentTarget.focus();
-    }
     if (onClick) {
       event.preventDefault();
       onClick();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/color-picker",
-	"version": "5.1.2",
+	"version": "5.1.4",
 	"description": "Jira Color Picker Component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,14 +29,14 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^11.0.0",
+		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/css": "^0.10.0",
-		"@atlaskit/icon": "^26.0.0",
+		"@atlaskit/icon": "^26.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/select": "^20.4.0",
+		"@atlaskit/select": "^20.6.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.8.0",
-		"@atlaskit/tooltip": "^20.0.0",
+		"@atlaskit/tokens": "^5.0.0",
+		"@atlaskit/tooltip": "^20.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
 		"memoize-one": "^6.0.0",
@@ -49,7 +49,7 @@
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/primitives": "^14.7.0",
+		"@atlaskit/primitives": "^14.8.0",
 		"@atlaskit/visual-regression": "workspace:^",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
@@ -82,9 +82,6 @@
 		},
 		"one_event_rules_them_all_fg": {
 			"type": "boolean"
-		},
-		"platform_dst_layer_observer_select": {
-			"type": "boolean"
 		}
 	},
 	"sideEffects": [