@atlaskit/color-picker 3.0.7 → 3.0.8

package/dist/esm/components/ColorPicker.js

@@ -6,11 +6,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 { PopupSelect } from '@atlaskit/select';
 import Trigger from './Trigger';
@@ -30,32 +27,23 @@ var defaultPopperProps = {
   placement: 'bottom-start'
 };
 var packageName = "@atlaskit/color-picker";
-var packageVersion = "3.0.7";
+var packageVersion = "3.0.8";
 export var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
   _inherits(ColorPickerWithoutAnalytics, _React$Component);
-
   var _super = _createSuper(ColorPickerWithoutAnalytics);
-
   function ColorPickerWithoutAnalytics() {
     var _this;
-
     _classCallCheck(this, ColorPickerWithoutAnalytics);
-
     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), "state", {
       isTabbing: false
     });
-
     _defineProperty(_assertThisInitialized(_this), "changeAnalyticsCaller", function () {
       var createAnalyticsEvent = _this.props.createAnalyticsEvent;
-
       if (createAnalyticsEvent) {
         return _this.createAndFireEventOnAtlaskit({
           action: 'clicked',
@@ -67,21 +55,16 @@ export var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component
           }
         })(createAnalyticsEvent);
       }
-
       return undefined;
     });
-
     _defineProperty(_assertThisInitialized(_this), "onChangeSelect", function (option) {
       _this.props.onChange(option.value, _this.changeAnalyticsCaller());
     });
-
     _defineProperty(_assertThisInitialized(_this), "onOptionKeyDown", function (value) {
       _this.props.onChange(value, _this.changeAnalyticsCaller());
     });
-
     _defineProperty(_assertThisInitialized(_this), "onKeyDown", function (e) {
       var key = e.key;
-
       if (key === KEY_TAB) {
         _this.setState({
           isTabbing: true
@@ -92,32 +75,28 @@ export var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component
         });
       }
     });
-
     return _this;
   }
-
   _createClass(ColorPickerWithoutAnalytics, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          palette = _this$props.palette,
-          selectedColor = _this$props.selectedColor,
-          checkMarkColor = _this$props.checkMarkColor,
-          cols = _this$props.cols,
-          _this$props$popperPro = _this$props.popperProps,
-          popperProps = _this$props$popperPro === void 0 ? defaultPopperProps : _this$props$popperPro,
-          _this$props$label = _this$props.label,
-          label = _this$props$label === void 0 ? 'Color picker' : _this$props$label;
-
+        palette = _this$props.palette,
+        selectedColor = _this$props.selectedColor,
+        checkMarkColor = _this$props.checkMarkColor,
+        cols = _this$props.cols,
+        _this$props$popperPro = _this$props.popperProps,
+        popperProps = _this$props$popperPro === void 0 ? defaultPopperProps : _this$props$popperPro,
+        _this$props$label = _this$props.label,
+        label = _this$props$label === void 0 ? 'Color picker' : _this$props$label;
       var _getOptions = getOptions(palette, selectedColor),
-          options = _getOptions.options,
-          value = _getOptions.value;
-
+        options = _getOptions.options,
+        value = _getOptions.value;
       var fullLabel = "".concat(label, ", ").concat(value.label, " selected");
       return /*#__PURE__*/React.createElement(PopupSelect, {
         target: function target(_ref) {
           var ref = _ref.ref,
-              isOpen = _ref.isOpen;
+            isOpen = _ref.isOpen;
           return /*#__PURE__*/React.createElement(ColorCardWrapper, {
             innerRef: ref
           }, /*#__PURE__*/React.createElement(Trigger, _extends({}, value, {
@@ -132,9 +111,11 @@ export var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_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,
@@ -144,7 +125,6 @@ export var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component
       });
     }
   }]);
-
   return ColorPickerWithoutAnalytics;
 }(React.Component);
 export default withAnalyticsContext({

package/dist/esm/components/Trigger.js

@@ -5,54 +5,40 @@ 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 { ColorCardButton, ColorCardContent } from '../styled/ColorCard';
-
 var ColorCard = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(ColorCard, _React$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 onClick = _this.props.onClick;
       event.currentTarget.focus();
-
       if (onClick) {
         event.preventDefault();
         onClick();
       }
     });
-
     return _this;
   }
-
   _createClass(ColorCard, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          value = _this$props.value,
-          label = _this$props.label,
-          expanded = _this$props.expanded;
+        value = _this$props.value,
+        label = _this$props.label,
+        expanded = _this$props.expanded;
       return /*#__PURE__*/React.createElement(ColorCardButton, {
         title: label,
         onClick: this.onClick,
@@ -67,8 +53,6 @@ var ColorCard = /*#__PURE__*/function (_React$PureComponent) {
       }));
     }
   }]);
-
   return ColorCard;
 }(React.PureComponent);
-
 export { ColorCard as default };

package/dist/esm/components/components.js

@@ -7,10 +7,9 @@ import { getWidth } from '../utils';
 import { ColorPaletteContainer, ColorCardWrapper } from '../styled/ColorPalette';
 export var MenuList = function MenuList(props) {
   var cx = props.cx,
-      cols = props.selectProps.cols,
-      innerRef = props.innerRef,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    cols = props.selectProps.cols,
+    innerRef = props.innerRef,
+    rest = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement(ColorPaletteContainer, _extends({
     role: "grid",
     style: {
@@ -21,15 +20,15 @@ export var MenuList = function MenuList(props) {
 };
 export var Option = function Option(props) {
   var _props$data = props.data,
-      value = _props$data.value,
-      label = _props$data.label,
-      _props$selectProps = props.selectProps,
-      checkMarkColor = _props$selectProps.checkMarkColor,
-      onOptionKeyDown = _props$selectProps.onOptionKeyDown,
-      isTabbing = _props$selectProps.isTabbing,
-      isFocused = props.isFocused,
-      isSelected = props.isSelected,
-      innerProps = props.innerProps;
+    value = _props$data.value,
+    label = _props$data.label,
+    _props$selectProps = props.selectProps,
+    checkMarkColor = _props$selectProps.checkMarkColor,
+    onOptionKeyDown = _props$selectProps.onOptionKeyDown,
+    isTabbing = _props$selectProps.isTabbing,
+    isFocused = props.isFocused,
+    isSelected = props.isSelected,
+    innerProps = props.innerProps;
   return (
     /*#__PURE__*/
     // @ts-expect-error - known issue: https://github.com/mui/material-ui/issues/13921. TS treats styled components to be different from HTMLDivElement

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 import ColorPicker from './components/ColorPicker';
 import { Mode } from './types';
 var Compact = Mode.Compact,
-    Standard = Mode.Standard;
+  Standard = Mode.Standard;
 export { ColorPickerWithoutAnalytics } from './components/ColorPicker';
 export { ColorPaletteMenuWithoutAnalytics } from './components/ColorPaletteMenu';
 export default ColorPicker;

package/dist/esm/styled/ColorCard.js

@@ -1,10 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-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';
 var buttonFocusedBorder = "border-color: ".concat("var(--ds-border-focused, ".concat(colors.B100, ")"), ";");
@@ -23,7 +21,6 @@ export var ColorCardButton = styled.button(_templateObject3 || (_templateObject3
     return buttonFocusedBorder;
   }
 });
-
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 export var ColorCardContent = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\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"])), borderRadius(), function (props) {
   return props.color;

package/dist/esm/styled/ColorPalette.js

@@ -1,10 +1,8 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3;
-
-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/esm/styled/ColorPicker.js

@@ -1,6 +1,4 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import styled from 'styled-components';
 export var ColorCardWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n"])));

package/dist/esm/types.js

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

package/dist/esm/utils.js

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

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/color-picker",
-  "version": "3.0.7",
+  "version": "3.0.8",
   "description": "Jira Color Picker Component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/select": "^16.1.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@babel/runtime": "^7.0.0",
     "memoize-one": "^6.0.0",
     "styled-components": "^3.2.6"