@atlaskit/color-picker 3.0.7 → 3.0.8

package/dist/cjs/styled/ColorCard.js

@@ -1,31 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ColorCardOption = exports.ColorCardContentCheckMark = exports.ColorCardContent = exports.ColorCardButton = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _theme = require("@atlaskit/theme");
-
 var _constants = require("../constants");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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 buttonFocusedBorder = "border-color: ".concat("var(--ds-border-focused, ".concat(_theme.colors.B100, ")"), ";");
 var sharedColorContainerStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n  position: relative;\n  width: ", "px;\n  height: ", "px;\n  border: 2px solid transparent;\n  box-sizing: border-box;\n  border-radius: ", "px;\n  transition: border-color 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38);\n  background-color: transparent;\n  border-color: transparent;\n  padding: 0;\n  cursor: pointer;\n  outline: none;\n"])), _constants.COLOR_CARD_SIZE, _constants.COLOR_CARD_SIZE, (0, _theme.borderRadius)() * 2);
-
 var ColorCardOption = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n\n  ", "\n\n  ", ";\n"])), sharedColorContainerStyles, function (props) {
   if (props.isTabbing === undefined || props.isTabbing) {
     return "&:hover,\n      &:focus {\n        border-color: ".concat("var(--ds-border-focused, ".concat(_theme.colors.B75, ")"), ";\n      }");
@@ -35,24 +24,17 @@ var ColorCardOption = _styledComponents.default.div(_templateObject2 || (_templa
     return "border-color: ".concat("var(--ds-border-focused, ".concat(_theme.colors.B75, ")"));
   }
 });
-
 exports.ColorCardOption = ColorCardOption;
-
 var ColorCardButton = _styledComponents.default.button(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  &:hover {\n    border-color: transparent;\n  }\n  &:not(:focus):hover,\n  &:focus {\n    ", ";\n  }\n\n  ", ";\n"])), sharedColorContainerStyles, buttonFocusedBorder, function (props) {
   if (props.focused) {
     return buttonFocusedBorder;
   }
 });
-
 exports.ColorCardButton = ColorCardButton;
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var ColorCardContent = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 24px;\n  height: 24px;\n  border-radius: ", "px;\n  background: ", ";\n  box-shadow: inset 0px 0px 0px 1px\n    ", ";\n"])), (0, _theme.borderRadius)(), function (props) {
   return props.color;
 }, "var(--ds-background-inverse-subtle, ".concat(_theme.colors.DN600A, ")"));
-
 exports.ColorCardContent = ColorCardContent;
-
 var ColorCardContentCheckMark = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 1px;\n"])));
-
 exports.ColorCardContentCheckMark = ColorCardContentCheckMark;

package/dist/cjs/styled/ColorPalette.js

@@ -1,38 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ColorPaletteMenu = exports.ColorPaletteContainer = exports.ColorCardWrapper = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _theme = require("@atlaskit/theme");
-
 var _utils = require("../utils");
-
 var _types = require("../types");
-
 var _templateObject, _templateObject2, _templateObject3;
-
 var ColorCardWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin: ", "px;\n"])), (0, _theme.gridSize)() / 4);
-
 exports.ColorCardWrapper = ColorCardWrapper;
-
 var ColorPaletteContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-wrap: wrap;\n  padding: ", ";\n"])), function (props) {
   return props.mode === _types.Mode.Compact ? "0" : "".concat((0, _theme.gridSize)() / 2, "px");
 });
-
 exports.ColorPaletteContainer = ColorPaletteContainer;
-
 var ColorPaletteMenu = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  margin: 0;\n  background-color: ", ";\n  width: ", "px;\n  ", "\n"])), "var(--ds-surface-overlay, ".concat(_theme.colors.N0, ")"), function (props) {
   return (0, _utils.getWidth)(props.cols);
 }, function (props) {
   return props.mode && props.mode === _types.Mode.Standard && "\n    box-radius: ".concat(_theme.borderRadius, "px;\n    box-shadow: ", "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_theme.colors.N40, ", 0 0 8px ").concat(_theme.colors.N40), ")"), ";\n    width: ").concat((0, _utils.getWidth)(props.cols) + (0, _theme.gridSize)(), "px;\n  ");
 });
-
 exports.ColorPaletteMenu = ColorPaletteMenu;

package/dist/cjs/styled/ColorPicker.js

@@ -1,18 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ColorCardWrapper = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _templateObject;
-
 var ColorCardWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n"])));
-
 exports.ColorCardWrapper = ColorCardWrapper;

package/dist/cjs/types.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.Mode = void 0;
 var Mode;
 exports.Mode = Mode;
-
 (function (Mode) {
   Mode[Mode["Compact"] = 0] = "Compact";
   Mode[Mode["Standard"] = 1] = "Standard";

package/dist/cjs/utils.js

@@ -1,24 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getWidth = exports.getOptions = void 0;
-
 var _theme = require("@atlaskit/theme");
-
 var _constants = require("./constants");
-
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
-
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
+
 var getWidth = function getWidth(cols) {
   return cols * (_constants.COLOR_CARD_SIZE + (0, _theme.gridSize)() / 2);
 };
-
 exports.getWidth = getWidth;
 var getOptions = (0, _memoizeOne.default)(function (palette, selectedColor) {
   var focusedItemIndex = 0;
@@ -27,7 +22,6 @@ var getOptions = (0, _memoizeOne.default)(function (palette, selectedColor) {
       focusedItemIndex = index;
       return true;
     }
-
     return false;
   }) || palette[0];
   return {

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/color-picker",
-	"version": "3.0.7"
+	"version": "3.0.8"
 }

package/dist/es2019/components/ColorCard.js

@@ -1,32 +1,28 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { PureComponent } from 'react';
-import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done'; // AFP-2532 TODO: Fix automatic suppressions below
+import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
+// AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
 import { colors } from '@atlaskit/theme';
 import { ColorCardOption, ColorCardContent, ColorCardContentCheckMark } from '../styled/ColorCard';
 import { KEY_SPACE, KEY_ENTER } from '../constants';
 export default class ColorCard extends PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "onMouseDown", event => {
       event.preventDefault();
     });
-
     _defineProperty(this, "onClick", event => {
       const {
         onClick,
         value
       } = this.props;
-
       if (onClick) {
         event.preventDefault();
         onClick(value);
       }
     });
-
     _defineProperty(this, "onKeyDown", event => {
       const {
         key
@@ -36,21 +32,16 @@ export default class ColorCard extends PureComponent {
         value,
         isTabbing
       } = this.props;
-
       if ((isTabbing === undefined || isTabbing) && onKeyDown && (key === KEY_ENTER || key === KEY_SPACE)) {
         event.preventDefault();
-
         if (isTabbing) {
           event.stopPropagation();
         }
-
         onKeyDown(value);
       }
     });
-
     _defineProperty(this, "ref", /*#__PURE__*/React.createRef());
   }
-
   render() {
     const {
       value,
@@ -76,5 +67,4 @@ export default class ColorCard extends PureComponent {
       label: ""
     }))));
   }
-
 }

package/dist/es2019/components/ColorPaletteMenu.js

@@ -9,14 +9,11 @@ import { getOptions } from '../utils';
 export class ColorPaletteMenuWithoutAnalytics extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "createAndFireEventOnAtlaskit", createAndFireEvent('atlaskit'));
-
     _defineProperty(this, "changeAnalyticsCaller", () => {
       const {
         createAnalyticsEvent
       } = this.props;
-
       if (createAnalyticsEvent) {
         return this.createAndFireEventOnAtlaskit({
           action: 'clicked',
@@ -28,15 +25,12 @@ export class ColorPaletteMenuWithoutAnalytics extends React.Component {
           }
         })(createAnalyticsEvent);
       }
-
       return undefined;
     });
-
     _defineProperty(this, "onChange", value => {
       this.props.onChange(value, this.changeAnalyticsCaller());
     });
   }
-
   render() {
     const {
       palette,
@@ -72,14 +66,11 @@ export class ColorPaletteMenuWithoutAnalytics extends React.Component {
       onKeyDown: this.onChange
     })))));
   }
-
 }
-
 _defineProperty(ColorPaletteMenuWithoutAnalytics, "defaultProps", {
   cols: 6,
   mode: Mode.Standard
 });
-
 export default withAnalyticsContext({
   componentName: 'color-picker',
   packageName,

package/dist/es2019/components/ColorPicker.js

@@ -19,22 +19,18 @@ const defaultPopperProps = {
   placement: 'bottom-start'
 };
 const packageName = "@atlaskit/color-picker";
-const packageVersion = "3.0.7";
+const packageVersion = "3.0.8";
 export class ColorPickerWithoutAnalytics extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "createAndFireEventOnAtlaskit", createAndFireEvent('atlaskit'));
-
     _defineProperty(this, "state", {
       isTabbing: false
     });
-
     _defineProperty(this, "changeAnalyticsCaller", () => {
       const {
         createAnalyticsEvent
       } = this.props;
-
       if (createAnalyticsEvent) {
         return this.createAndFireEventOnAtlaskit({
           action: 'clicked',
@@ -46,21 +42,16 @@ export class ColorPickerWithoutAnalytics extends React.Component {
           }
         })(createAnalyticsEvent);
       }
-
       return undefined;
     });
-
     _defineProperty(this, "onChangeSelect", option => {
       this.props.onChange(option.value, this.changeAnalyticsCaller());
     });
-
     _defineProperty(this, "onOptionKeyDown", value => {
       this.props.onChange(value, this.changeAnalyticsCaller());
     });
-
     _defineProperty(this, "onKeyDown", e => {
       const key = e.key;
-
       if (key === KEY_TAB) {
         this.setState({
           isTabbing: true
@@ -72,7 +63,6 @@ export class ColorPickerWithoutAnalytics extends React.Component {
       }
     });
   }
-
   render() {
     const {
       palette,
@@ -104,9 +94,11 @@ export class ColorPickerWithoutAnalytics extends React.Component {
       "aria-label": fullLabel,
       value: value,
       components: components,
-      onChange: this.onChangeSelect // never show search input
+      onChange: this.onChangeSelect
+      // never show search input
       ,
-      searchThreshold: Number.MAX_VALUE // palette props
+      searchThreshold: Number.MAX_VALUE
+      // palette props
       ,
       cols: cols,
       checkMarkColor: checkMarkColor,
@@ -115,7 +107,6 @@ export class ColorPickerWithoutAnalytics extends React.Component {
       onOptionKeyDown: this.onOptionKeyDown
     });
   }
-
 }
 export default withAnalyticsContext({
   componentName: 'color-picker',

package/dist/es2019/components/Trigger.js

@@ -4,24 +4,20 @@ import { ColorCardButton, ColorCardContent } from '../styled/ColorCard';
 export default class ColorCard extends React.PureComponent {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "onMouseDown", event => {
       event.preventDefault();
     });
-
     _defineProperty(this, "onClick", event => {
       const {
         onClick
       } = this.props;
       event.currentTarget.focus();
-
       if (onClick) {
         event.preventDefault();
         onClick();
       }
     });
   }
-
   render() {
     const {
       value,
@@ -41,5 +37,4 @@ export default class ColorCard extends React.PureComponent {
       color: value || 'transparent'
     }));
   }
-
 }

package/dist/es2019/styled/ColorCard.js

@@ -1,6 +1,6 @@
-import styled, { css } from 'styled-components'; // AFP-2532 TODO: Fix automatic suppressions below
+import styled, { css } from 'styled-components';
+// AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
 import { borderRadius, colors } from '@atlaskit/theme';
 import { COLOR_CARD_SIZE } from '../constants';
 const buttonFocusedBorder = `border-color: ${`var(--ds-border-focused, ${colors.B100})`};`;
@@ -53,7 +53,6 @@ export const ColorCardButton = styled.button`
   }
 }};
 `;
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 export const ColorCardContent = styled.div`
   position: absolute;

package/dist/es2019/styled/ColorPalette.js

@@ -1,6 +1,6 @@
-import styled from 'styled-components'; // AFP-2532 TODO: Fix automatic suppressions below
+import styled from 'styled-components';
+// AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
 import { gridSize, borderRadius, colors } from '@atlaskit/theme';
 import { getWidth } from '../utils';
 import { Mode } from '../types';

package/dist/es2019/types.js

@@ -1,5 +1,4 @@
 export let Mode;
-
 (function (Mode) {
   Mode[Mode["Compact"] = 0] = "Compact";
   Mode[Mode["Standard"] = 1] = "Standard";

package/dist/es2019/utils.js

@@ -11,7 +11,6 @@ export const getOptions = memoizeOne((palette, selectedColor) => {
       focusedItemIndex = index;
       return true;
     }
-
     return false;
   }) || palette[0];
   return {

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/color-picker",
-	"version": "3.0.7"
+	"version": "3.0.8"
 }

package/dist/esm/components/ColorCard.js

@@ -5,85 +5,66 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React from 'react';
 import { PureComponent } from 'react';
-import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done'; // AFP-2532 TODO: Fix automatic suppressions below
+import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
+// AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
 import { colors } from '@atlaskit/theme';
 import { ColorCardOption, ColorCardContent, ColorCardContentCheckMark } from '../styled/ColorCard';
 import { KEY_SPACE, KEY_ENTER } from '../constants';
-
 var ColorCard = /*#__PURE__*/function (_PureComponent) {
   _inherits(ColorCard, _PureComponent);
-
   var _super = _createSuper(ColorCard);
-
   function ColorCard() {
     var _this;
-
     _classCallCheck(this, ColorCard);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "onMouseDown", function (event) {
       event.preventDefault();
     });
-
     _defineProperty(_assertThisInitialized(_this), "onClick", function (event) {
       var _this$props = _this.props,
-          onClick = _this$props.onClick,
-          value = _this$props.value;
-
+        onClick = _this$props.onClick,
+        value = _this$props.value;
       if (onClick) {
         event.preventDefault();
         onClick(value);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (event) {
       var key = event.key;
       var _this$props2 = _this.props,
-          onKeyDown = _this$props2.onKeyDown,
-          value = _this$props2.value,
-          isTabbing = _this$props2.isTabbing;
-
+        onKeyDown = _this$props2.onKeyDown,
+        value = _this$props2.value,
+        isTabbing = _this$props2.isTabbing;
       if ((isTabbing === undefined || isTabbing) && onKeyDown && (key === KEY_ENTER || key === KEY_SPACE)) {
         event.preventDefault();
-
         if (isTabbing) {
           event.stopPropagation();
         }
-
         onKeyDown(value);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "ref", /*#__PURE__*/React.createRef());
-
     return _this;
   }
-
   _createClass(ColorCard, [{
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
-          value = _this$props3.value,
-          label = _this$props3.label,
-          selected = _this$props3.selected,
-          focused = _this$props3.focused,
-          _this$props3$checkMar = _this$props3.checkMarkColor,
-          checkMarkColor = _this$props3$checkMar === void 0 ? colors.N0 : _this$props3$checkMar,
-          isTabbing = _this$props3.isTabbing;
+        value = _this$props3.value,
+        label = _this$props3.label,
+        selected = _this$props3.selected,
+        focused = _this$props3.focused,
+        _this$props3$checkMar = _this$props3.checkMarkColor,
+        checkMarkColor = _this$props3$checkMar === void 0 ? colors.N0 : _this$props3$checkMar,
+        isTabbing = _this$props3.isTabbing;
       return /*#__PURE__*/React.createElement(ColorCardOption, {
         onClick: this.onClick,
         onMouseDown: this.onMouseDown,
@@ -100,8 +81,6 @@ var ColorCard = /*#__PURE__*/function (_PureComponent) {
       }))));
     }
   }]);
-
   return ColorCard;
 }(PureComponent);
-
 export { ColorCard as default };

package/dist/esm/components/ColorPaletteMenu.js

@@ -5,11 +5,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React from 'react';
 import { Mode } from '../types';
 import { name as packageName, version as packageVersion } from '../version.json';
@@ -19,25 +16,17 @@ import ColorCard from './ColorCard';
 import { getOptions } from '../utils';
 export var ColorPaletteMenuWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
   _inherits(ColorPaletteMenuWithoutAnalytics, _React$Component);
-
   var _super = _createSuper(ColorPaletteMenuWithoutAnalytics);
-
   function ColorPaletteMenuWithoutAnalytics() {
     var _this;
-
     _classCallCheck(this, ColorPaletteMenuWithoutAnalytics);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "createAndFireEventOnAtlaskit", createAndFireEvent('atlaskit'));
-
     _defineProperty(_assertThisInitialized(_this), "changeAnalyticsCaller", function () {
       var createAnalyticsEvent = _this.props.createAnalyticsEvent;
-
       if (createAnalyticsEvent) {
         return _this.createAndFireEventOnAtlaskit({
           action: 'clicked',
@@ -49,35 +38,28 @@ export var ColorPaletteMenuWithoutAnalytics = /*#__PURE__*/function (_React$Comp
           }
         })(createAnalyticsEvent);
       }
-
       return undefined;
     });
-
     _defineProperty(_assertThisInitialized(_this), "onChange", function (value) {
       _this.props.onChange(value, _this.changeAnalyticsCaller());
     });
-
     return _this;
   }
-
   _createClass(ColorPaletteMenuWithoutAnalytics, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          palette = _this$props.palette,
-          selectedColor = _this$props.selectedColor,
-          checkMarkColor = _this$props.checkMarkColor,
-          cols = _this$props.cols,
-          _this$props$label = _this$props.label,
-          label = _this$props$label === void 0 ? 'Color picker' : _this$props$label,
-          mode = _this$props.mode;
-
+        palette = _this$props.palette,
+        selectedColor = _this$props.selectedColor,
+        checkMarkColor = _this$props.checkMarkColor,
+        cols = _this$props.cols,
+        _this$props$label = _this$props.label,
+        label = _this$props$label === void 0 ? 'Color picker' : _this$props$label,
+        mode = _this$props.mode;
       var _getOptions = getOptions(palette, selectedColor),
-          options = _getOptions.options,
-          selectedValue = _getOptions.value;
-
+        options = _getOptions.options,
+        selectedValue = _getOptions.value;
       var fullLabel = "".concat(label, ", ").concat(selectedValue.label, " selected");
       return /*#__PURE__*/React.createElement(ColorPaletteMenu, {
         cols: cols,
@@ -87,7 +69,7 @@ export var ColorPaletteMenuWithoutAnalytics = /*#__PURE__*/function (_React$Comp
         mode: mode
       }, options.map(function (_ref) {
         var label = _ref.label,
-            value = _ref.value;
+          value = _ref.value;
         return /*#__PURE__*/React.createElement(ColorCardWrapper, {
           key: value
         }, /*#__PURE__*/React.createElement(ColorCard, {
@@ -102,15 +84,12 @@ export var ColorPaletteMenuWithoutAnalytics = /*#__PURE__*/function (_React$Comp
       })));
     }
   }]);
-
   return ColorPaletteMenuWithoutAnalytics;
 }(React.Component);
-
 _defineProperty(ColorPaletteMenuWithoutAnalytics, "defaultProps", {
   cols: 6,
   mode: Mode.Standard
 });
-
 export default withAnalyticsContext({
   componentName: 'color-picker',
   packageName: packageName,