@atlaskit/color-picker 1.2.2 → 1.2.6

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/color-picker
 
+## 1.2.6
+
+### Patch Changes
+
+- [`b85e7ce12cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b85e7ce12cd) - Internal upgrade of memoize-one to 6.0.0
+
+## 1.2.5
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.2.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.2.3
+
+### Patch Changes
+
+- [`a96040c6a39`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a96040c6a39) - Update imports to help tree-shake, greatly improving bundle size
+
 ## 1.2.2
 
 ### Patch Changes

package/build/tsconfig.json

@@ -9,5 +9,9 @@
     "../src/**/*.ts",
     "../src/**/*.tsx"
   ],
-  "exclude": ["../src/**/__tests__/*"]
-}
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*"
+  ]
+}

package/codemods/1.0.0-popper-props.ts

@@ -28,15 +28,15 @@ function updatePopperProps(
         j,
         element: path,
         attributeName: 'popperProps',
-      }).forEach(attribute => {
+      }).forEach((attribute) => {
         // convert positionFixed
         j(attribute)
           .find(j.JSXExpressionContainer)
           .find(j.ObjectExpression)
           .find(j.ObjectProperty)
           // @ts-ignore
-          .filter(property => property.node.key.name === 'positionFixed')
-          .forEach(property => {
+          .filter((property) => property.node.key.name === 'positionFixed')
+          .forEach((property) => {
             // @ts-ignore
             const strategy = property.node.value.value ? 'fixed' : 'absolute';
             property.replace(
@@ -53,7 +53,7 @@ function updatePopperProps(
           .find(j.ObjectExpression)
           .find(j.ObjectProperty)
           //@ts-ignore
-          .filter(property => property.node.key.name === 'modifiers')
+          .filter((property) => property.node.key.name === 'modifiers')
           .forEach(() => {
             addCommentToStartOfFile({
               j,

package/codemods/utils/helpers.ts

@@ -36,7 +36,7 @@ export function getDefaultSpecifierName({
 }): Nullable<string> {
   const specifiers = base
     .find(j.ImportDeclaration)
-    .filter(path => path.node.source.value === packageName)
+    .filter((path) => path.node.source.value === packageName)
     .find(j.ImportDefaultSpecifier);
 
   if (!specifiers.length) {
@@ -58,7 +58,7 @@ export function getSpecifierName({
 }): Nullable<string> {
   const specifiers = base
     .find(j.ImportDeclaration)
-    .filter(path => path.node.source.value === packageName)
+    .filter((path) => path.node.source.value === packageName)
     .find(j.ImportSpecifier);
 
   if (!specifiers.length) {
@@ -66,7 +66,7 @@ export function getSpecifierName({
   }
   const specifierNode = specifiers
     .nodes()
-    .find(node => node.imported.name === component);
+    .find((node) => node.imported.name === component);
   if (!specifierNode) {
     return null;
   }
@@ -86,10 +86,10 @@ export function getJSXAttributesByName({
   return j(element)
     .find(j.JSXOpeningElement)
     .find(j.JSXAttribute)
-    .filter(attribute => {
+    .filter((attribute) => {
       const matches = j(attribute)
         .find(j.JSXIdentifier)
-        .filter(identifier => identifier.value.name === attributeName);
+        .filter((identifier) => identifier.value.name === attributeName);
       return Boolean(matches.length);
     });
 }
@@ -125,7 +125,7 @@ export function isUsingSupportedSpread({
   return (
     j(element)
       .find(j.JSXSpreadAttribute)
-      .filter(spread => {
+      .filter((spread) => {
         const argument = spread.value.argument;
         // in place expression is supported
         if (argument.type === 'ObjectExpression') {
@@ -170,10 +170,10 @@ export function isUsingThroughSpread({
     j(element)
       .find(j.JSXSpreadAttribute)
       .find(j.ObjectExpression)
-      .filter(item => {
+      .filter((item) => {
         const match: boolean =
           item.value.properties.filter(
-            property =>
+            (property) =>
               property.type === 'ObjectProperty' &&
               property.key.type === 'Identifier' &&
               property.key.name === propName,
@@ -195,11 +195,11 @@ export function isUsingThroughSpread({
           base
             .find(j.VariableDeclarator)
             .filter(
-              declarator =>
+              (declarator) =>
                 declarator.value.id.type === 'Identifier' &&
                 declarator.value.id.name === identifier.value.name,
             )
-            .filter(declarator => {
+            .filter((declarator) => {
               const value = declarator.value;
               if (value.id.type !== 'Identifier') {
                 return false;
@@ -217,7 +217,7 @@ export function isUsingThroughSpread({
                 // @ts-ignore
                 value.init.properties.filter(
                   // @ts-ignore
-                  property =>
+                  (property) =>
                     property.type === 'ObjectProperty' &&
                     property.key.type === 'Identifier' &&
                     property.key.name === propName,
@@ -298,11 +298,11 @@ export function addCommentBefore({
   message: string;
 }) {
   const content: string = ` TODO: (from codemod) ${clean(message)} `;
-  target.forEach(path => {
+  target.forEach((path) => {
     path.value.comments = path.value.comments || [];
 
     const exists = path.value.comments.find(
-      comment => comment.value === content,
+      (comment) => comment.value === content,
     );
 
     // avoiding duplicates of the same comment
@@ -330,7 +330,7 @@ export function updateRenderProps(
         // @ts-ignore
         (path: ASTPath<ObjectProperty>) => path.value.key.name === oldProperty,
       )
-      .forEach(path => {
+      .forEach((path) => {
         j(path).replaceWith(
           j.property(
             'init',

package/dist/cjs/components/ColorPicker.js

@@ -58,7 +58,7 @@ var defaultPopperProps = {
   placement: 'bottom-start'
 };
 var packageName = "@atlaskit/color-picker";
-var packageVersion = "1.2.2";
+var packageVersion = "1.2.6";
 
 var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ColorPickerWithoutAnalytics, _React$Component);

package/dist/cjs/styled/ColorCard.js

@@ -17,7 +17,7 @@ var _theme = require("@atlaskit/theme");
 
 var _constants = require("../constants");
 
-var _polished = require("polished");
+var _darken = _interopRequireDefault(require("polished/lib/color/darken"));
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
@@ -47,7 +47,7 @@ exports.ColorCardButton = ColorCardButton;
 var ColorCardContent = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  width: 22px;\n  height: 22px;\n  border-radius: ", "px;\n  background: ", ";\n  border: solid 1px ", ";\n"])), (0, _theme.borderRadius)(), function (props) {
   return props.color;
 }, function (props) {
-  return (0, _polished.darken)(0.1, props.color);
+  return (0, _darken.default)(0.1, props.color);
 });
 
 exports.ColorCardContent = ColorCardContent;

package/dist/cjs/version.json

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

package/dist/es2019/components/ColorPicker.js

@@ -18,7 +18,7 @@ const defaultPopperProps = {
   placement: 'bottom-start'
 };
 const packageName = "@atlaskit/color-picker";
-const packageVersion = "1.2.2";
+const packageVersion = "1.2.6";
 export class ColorPickerWithoutAnalytics extends React.Component {
   constructor(...args) {
     super(...args);

package/dist/es2019/styled/ColorCard.js

@@ -2,8 +2,9 @@ import styled, { css } from 'styled-components'; // AFP-2532 TODO: Fix automatic
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 
 import { borderRadius, colors } from '@atlaskit/theme';
-import { COLOR_CARD_SIZE } from '../constants';
-import { darken } from 'polished';
+import { COLOR_CARD_SIZE } from '../constants'; // polished has problems tree-shaking https://github.com/styled-components/polished/issues/478
+
+import darken from 'polished/lib/color/darken';
 const buttonFocusedBorder = `border-color: ${colors.B100};`;
 const sharedColorContainerStyles = css`
   display: inline-block;

package/dist/es2019/version.json

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

package/dist/esm/components/ColorPicker.js

@@ -29,7 +29,7 @@ var defaultPopperProps = {
   placement: 'bottom-start'
 };
 var packageName = "@atlaskit/color-picker";
-var packageVersion = "1.2.2";
+var packageVersion = "1.2.6";
 export var ColorPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
   _inherits(ColorPickerWithoutAnalytics, _React$Component);
 

package/dist/esm/styled/ColorCard.js

@@ -6,8 +6,9 @@ import styled, { css } from 'styled-components'; // AFP-2532 TODO: Fix automatic
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 
 import { borderRadius, colors } from '@atlaskit/theme';
-import { COLOR_CARD_SIZE } from '../constants';
-import { darken } from 'polished';
+import { COLOR_CARD_SIZE } from '../constants'; // polished has problems tree-shaking https://github.com/styled-components/polished/issues/478
+
+import darken from 'polished/lib/color/darken';
 var buttonFocusedBorder = "border-color: ".concat(colors.B100, ";");
 var sharedColorContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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  &:hover,\n  &:focus {\n    border-color: ", ";\n  }\n"])), COLOR_CARD_SIZE, COLOR_CARD_SIZE, borderRadius() * 2, colors.B75);
 export var ColorCardOption = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n\n  ", ";\n"])), sharedColorContainerStyles, function (props) {

package/dist/esm/version.json

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

package/dist/types/utils.d.ts

@@ -1,7 +1,7 @@
 import { Palette } from './types';
 export declare const getWidth: (cols: number) => number;
-export declare const getOptions: (palette: Palette, selectedColor?: string | undefined) => {
+export declare const getOptions: import("memoize-one").MemoizedFn<(palette: Palette, selectedColor?: string | undefined) => {
     options: Palette;
     value: import("./types").Color;
     focusedItemIndex: number;
-};
+}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/color-picker",
-  "version": "1.2.2",
+  "version": "1.2.6",
   "description": "Jira Color Picker Component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -21,12 +21,12 @@
     }
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^8.0.0",
-    "@atlaskit/icon": "^21.6.0",
-    "@atlaskit/select": "^14.0.0",
-    "@atlaskit/theme": "^11.0.0",
+    "@atlaskit/analytics-next": "^8.2.0",
+    "@atlaskit/icon": "^21.9.0",
+    "@atlaskit/select": "^15.0.0",
+    "@atlaskit/theme": "^12.0.0",
     "@babel/runtime": "^7.0.0",
-    "memoize-one": "^5.1.0",
+    "memoize-one": "^6.0.0",
     "polished": "1.9.3",
     "styled-components": "^3.2.6"
   },
@@ -36,11 +36,11 @@
   "devDependencies": {
     "@atlaskit/docs": "*",
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "ast-types": "^0.13.3",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.15.1",
-    "jscodeshift": "^0.11.0",
+    "jscodeshift": "^0.13.0",
     "react": "^16.8.0",
     "typescript": "3.9.6"
   },
@@ -54,5 +54,5 @@
     "./ColorPaletteMenu": "./src/components/ColorPaletteMenu.tsx",
     ".": "./src/index.ts"
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }