@atlaskit/color-picker 3.2.12 → 3.2.14

package/afm-cc/tsconfig.json

@@ -0,0 +1,43 @@
+{
+    "extends": "../../../../tsconfig.entry-points.confluence.json",
+    "compilerOptions": {
+        "declaration": true,
+        "target": "es5",
+        "composite": true,
+        "outDir": "../dist",
+        "rootDir": "../",
+        "baseUrl": "../"
+    },
+    "include": [
+        "../src/**/*.ts",
+        "../src/**/*.tsx"
+    ],
+    "exclude": [
+        "../src/**/__tests__/*",
+        "../src/**/*.test.*",
+        "../src/**/test.*"
+    ],
+    "references": [
+        {
+            "path": "../../../analytics/analytics-next/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/icon/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/select/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/theme/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/tooltip/afm-cc/tsconfig.json"
+        }
+    ]
+}

package/codemods/1.0.0-popper-props.ts

@@ -6,8 +6,15 @@ import {
   isUsingProp,
 } from './utils/helpers';
 
-import core, { API, ASTPath, FileInfo, JSXElement, Options } from 'jscodeshift';
-import { Collection } from 'jscodeshift/src/Collection';
+import {
+  type API,
+  type default as core,
+  type ASTPath,
+  type FileInfo,
+  type JSXElement,
+  type Options,
+} from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
 
 function updatePopperProps(
   j: core.JSCodeshift,

package/codemods/utils/helpers.ts

@@ -1,12 +1,13 @@
-import { NodePath } from 'ast-types/lib/node-path';
-import core, {
-  ASTPath,
-  ImportDeclaration,
-  JSXAttribute,
-  JSXElement,
-  Node,
+import { type NodePath } from 'ast-types/lib/node-path';
+import {
+  type default as core,
+  type ASTPath,
+  type ImportDeclaration,
+  type JSXAttribute,
+  type JSXElement,
+  type Node,
 } from 'jscodeshift';
-import { Collection } from 'jscodeshift/src/Collection';
+import { type Collection } from 'jscodeshift/src/Collection';
 
 export type Nullable<T> = T | null;
 

package/dist/cjs/components/ColorCard.js

@@ -71,7 +71,10 @@ var ColorCard = function ColorCard(props) {
     onMouseDown: handleMouseDown,
     onKeyDown: handleKeyDown,
     role: "radio",
-    "aria-checked": selected,
+    "aria-checked": selected
+  }, !(0, _platformFeatureFlags.getBooleanFF)('platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i') && {
+    'aria-label': label
+  }, {
     tabIndex: 0
   }, (0, _platformFeatureFlags.getBooleanFF)('platform.color-picker-radio-button-functionality_6hkcy') && {
     ref: ref

package/dist/cjs/components/ColorPaletteMenu.js

@@ -34,7 +34,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
         attributes: {
           componentName: 'color-picker',
           packageName: "@atlaskit/color-picker",
-          packageVersion: "3.2.12"
+          packageVersion: "3.2.14"
         }
       })(createAnalyticsEvent);
     }
@@ -76,7 +76,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
 var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
   componentName: 'color-picker',
   packageName: "@atlaskit/color-picker",
-  packageVersion: "3.2.12"
+  packageVersion: "3.2.14"
 })((0, _analyticsNext.withAnalyticsEvents)()(ColorPaletteMenuWithoutAnalytics));
 var colorCardWrapperStyles = (0, _react.css)({
   display: 'flex',

package/dist/cjs/components/ColorPicker.js

@@ -40,7 +40,7 @@ var defaultPopperProps = {
   placement: 'bottom-start'
 };
 var packageName = "@atlaskit/color-picker";
-var packageVersion = "3.2.12";
+var packageVersion = "3.2.14";
 var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ColorPickerWithoutAnalyticsBase, _React$Component);
   var _super = _createSuper(ColorPickerWithoutAnalyticsBase);
@@ -91,20 +91,13 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getFullLabel", function (intl, value, label) {
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.jca11y-1480-inappropriate-label-for-color-picker_76tfe')) {
-        if (value && value.label) {
-          return intl.formatMessage(_messages.default.colorPickerAriaLabel, {
-            color: value.label,
-            message: label
-          });
-        } else {
-          return label;
-        }
-      } else {
-        return intl.formatMessage(_messages.default.colorPickerAriaLabelOldFormat, {
+      if (value && value.label) {
+        return intl.formatMessage(_messages.default.colorPickerAriaLabel, {
           color: value.label,
           message: label
         });
+      } else {
+        return label;
       }
     });
     return _this;

package/dist/cjs/messages.js

@@ -10,10 +10,5 @@ var _default = exports.default = (0, _reactIntlNext.defineMessages)({
     id: 'jira.color-picker.src.color-picker-aria-label',
     defaultMessage: '{color} selected, {message}',
     description: 'This text is used as aria-label text in color picker component'
-  },
-  colorPickerAriaLabelOldFormat: {
-    id: 'jira.color-picker.src.color-picker-aria-label-old-format',
-    defaultMessage: "{message}, {color} selected",
-    description: 'This text is used as aria-label text in color picker component'
   }
 });

package/dist/es2019/components/ColorCard.js

@@ -63,7 +63,10 @@ const ColorCard = props => {
     onMouseDown: handleMouseDown,
     onKeyDown: handleKeyDown,
     role: "radio",
-    "aria-checked": selected,
+    "aria-checked": selected
+  }, !getBooleanFF('platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i') && {
+    'aria-label': label
+  }, {
     tabIndex: 0
   }, getBooleanFF('platform.color-picker-radio-button-functionality_6hkcy') && {
     ref: ref

package/dist/es2019/components/ColorPaletteMenu.js

@@ -24,7 +24,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
         attributes: {
           componentName: 'color-picker',
           packageName: "@atlaskit/color-picker",
-          packageVersion: "3.2.12"
+          packageVersion: "3.2.14"
         }
       })(createAnalyticsEvent);
     }
@@ -66,7 +66,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
 export default withAnalyticsContext({
   componentName: 'color-picker',
   packageName: "@atlaskit/color-picker",
-  packageVersion: "3.2.12"
+  packageVersion: "3.2.14"
 })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
 const colorCardWrapperStyles = css({
   display: 'flex',

package/dist/es2019/components/ColorPicker.js

@@ -23,7 +23,7 @@ const defaultPopperProps = {
   placement: 'bottom-start'
 };
 const packageName = "@atlaskit/color-picker";
-const packageVersion = "3.2.12";
+const packageVersion = "3.2.14";
 class ColorPickerWithoutAnalyticsBase extends React.Component {
   constructor(...args) {
     super(...args);
@@ -69,20 +69,13 @@ class ColorPickerWithoutAnalyticsBase extends React.Component {
       }
     });
     _defineProperty(this, "getFullLabel", (intl, value, label) => {
-      if (getBooleanFF('platform.jca11y-1480-inappropriate-label-for-color-picker_76tfe')) {
-        if (value && value.label) {
-          return intl.formatMessage(messages.colorPickerAriaLabel, {
-            color: value.label,
-            message: label
-          });
-        } else {
-          return label;
-        }
-      } else {
-        return intl.formatMessage(messages.colorPickerAriaLabelOldFormat, {
+      if (value && value.label) {
+        return intl.formatMessage(messages.colorPickerAriaLabel, {
           color: value.label,
           message: label
         });
+      } else {
+        return label;
       }
     });
   }

package/dist/es2019/messages.js

@@ -4,10 +4,5 @@ export default defineMessages({
     id: 'jira.color-picker.src.color-picker-aria-label',
     defaultMessage: '{color} selected, {message}',
     description: 'This text is used as aria-label text in color picker component'
-  },
-  colorPickerAriaLabelOldFormat: {
-    id: 'jira.color-picker.src.color-picker-aria-label-old-format',
-    defaultMessage: `{message}, {color} selected`,
-    description: 'This text is used as aria-label text in color picker component'
   }
 });

package/dist/esm/components/ColorCard.js

@@ -60,7 +60,10 @@ var ColorCard = function ColorCard(props) {
     onMouseDown: handleMouseDown,
     onKeyDown: handleKeyDown,
     role: "radio",
-    "aria-checked": selected,
+    "aria-checked": selected
+  }, !getBooleanFF('platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i') && {
+    'aria-label': label
+  }, {
     tabIndex: 0
   }, getBooleanFF('platform.color-picker-radio-button-functionality_6hkcy') && {
     ref: ref

package/dist/esm/components/ColorPaletteMenu.js

@@ -26,7 +26,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
         attributes: {
           componentName: 'color-picker',
           packageName: "@atlaskit/color-picker",
-          packageVersion: "3.2.12"
+          packageVersion: "3.2.14"
         }
       })(createAnalyticsEvent);
     }
@@ -68,7 +68,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
 export default withAnalyticsContext({
   componentName: 'color-picker',
   packageName: "@atlaskit/color-picker",
-  packageVersion: "3.2.12"
+  packageVersion: "3.2.14"
 })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
 var colorCardWrapperStyles = css({
   display: 'flex',

package/dist/esm/components/ColorPicker.js

@@ -31,7 +31,7 @@ var defaultPopperProps = {
   placement: 'bottom-start'
 };
 var packageName = "@atlaskit/color-picker";
-var packageVersion = "3.2.12";
+var packageVersion = "3.2.14";
 var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
   _inherits(ColorPickerWithoutAnalyticsBase, _React$Component);
   var _super = _createSuper(ColorPickerWithoutAnalyticsBase);
@@ -82,20 +82,13 @@ var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
       }
     });
     _defineProperty(_assertThisInitialized(_this), "getFullLabel", function (intl, value, label) {
-      if (getBooleanFF('platform.jca11y-1480-inappropriate-label-for-color-picker_76tfe')) {
-        if (value && value.label) {
-          return intl.formatMessage(messages.colorPickerAriaLabel, {
-            color: value.label,
-            message: label
-          });
-        } else {
-          return label;
-        }
-      } else {
-        return intl.formatMessage(messages.colorPickerAriaLabelOldFormat, {
+      if (value && value.label) {
+        return intl.formatMessage(messages.colorPickerAriaLabel, {
           color: value.label,
           message: label
         });
+      } else {
+        return label;
       }
     });
     return _this;

package/dist/esm/messages.js

@@ -4,10 +4,5 @@ export default defineMessages({
     id: 'jira.color-picker.src.color-picker-aria-label',
     defaultMessage: '{color} selected, {message}',
     description: 'This text is used as aria-label text in color picker component'
-  },
-  colorPickerAriaLabelOldFormat: {
-    id: 'jira.color-picker.src.color-picker-aria-label-old-format',
-    defaultMessage: "{message}, {color} selected",
-    description: 'This text is used as aria-label text in color picker component'
   }
 });

package/dist/types/components/ColorPaletteMenu.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 /** @jsx jsx */
-import { Mode, Palette } from '../types';
+import { Mode, type Palette } from '../types';
 import { jsx } from '@emotion/react';
 export type Props = {
     /** color picker button label */

package/dist/types/components/ColorPicker.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
-import { PopupSelectProps } from '@atlaskit/select';
-import { Palette, SwatchSize } from '../types';
+import { type PopupSelectProps } from '@atlaskit/select';
+import { type Palette, type SwatchSize } from '../types';
 import type { WrappedComponentProps } from 'react-intl-next';
 export interface Props {
     /** color picker button label */
@@ -28,7 +28,7 @@ export interface Props {
     isDisabledSelectedSwatch?: boolean;
 }
 export declare const ColorPickerWithoutAnalytics: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>; /** maximum column length */
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
 };
 declare const _default: React.ForwardRefExoticComponent<Pick<Omit<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "label" | "analyticsContext" | "key" | "onChange" | "checkMarkColor" | "cols" | "popperProps" | "palette" | "selectedColor" | "selectedColourSwatchSize" | "showDefaultSwatchColor" | "isDisabledSelectedSwatch" | "forwardedRef"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/components/Trigger.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { SwatchSize } from '../types';
+import { type SwatchSize } from '../types';
 export interface Props {
     value: string;
     label?: string;

package/dist/types/components/components.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-import { MenuListComponentProps, OptionProps } from '@atlaskit/select';
-import { Color } from '../types';
+import { type MenuListComponentProps, type OptionProps } from '@atlaskit/select';
+import { type Color } from '../types';
 import { jsx } from '@emotion/react';
 export declare const MenuList: (props: MenuListComponentProps<Color>) => jsx.JSX.Element;
 export declare const Option: (props: OptionProps<Color>) => jsx.JSX.Element;

package/dist/types/messages.d.ts

@@ -4,10 +4,5 @@ declare const _default: {
         defaultMessage: string;
         description: string;
     };
-    colorPickerAriaLabelOldFormat: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
 };
 export default _default;

package/dist/types/utils.d.ts

@@ -1,4 +1,4 @@
-import { Mode, Palette } from './types';
+import { Mode, type Palette } from './types';
 export declare const getWidth: (cols: number, mode?: Mode) => number;
 export declare const getOptions: import("memoize-one").MemoizedFn<(palette: Palette, selectedColor?: string, showDefaultSwatchColor?: boolean) => {
     options: Palette;

package/dist/types-ts4.5/components/ColorPaletteMenu.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 /** @jsx jsx */
-import { Mode, Palette } from '../types';
+import { Mode, type Palette } from '../types';
 import { jsx } from '@emotion/react';
 export type Props = {
     /** color picker button label */

package/dist/types-ts4.5/components/ColorPicker.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
-import { PopupSelectProps } from '@atlaskit/select';
-import { Palette, SwatchSize } from '../types';
+import { type PopupSelectProps } from '@atlaskit/select';
+import { type Palette, type SwatchSize } from '../types';
 import type { WrappedComponentProps } from 'react-intl-next';
 export interface Props {
     /** color picker button label */
@@ -28,7 +28,7 @@ export interface Props {
     isDisabledSelectedSwatch?: boolean;
 }
 export declare const ColorPickerWithoutAnalytics: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>; /** maximum column length */
+    WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
 };
 declare const _default: React.ForwardRefExoticComponent<Pick<Omit<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "label" | "analyticsContext" | "key" | "onChange" | "checkMarkColor" | "cols" | "popperProps" | "palette" | "selectedColor" | "selectedColourSwatchSize" | "showDefaultSwatchColor" | "isDisabledSelectedSwatch" | "forwardedRef"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/components/Trigger.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { SwatchSize } from '../types';
+import { type SwatchSize } from '../types';
 export interface Props {
     value: string;
     label?: string;

package/dist/types-ts4.5/components/components.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
-import { MenuListComponentProps, OptionProps } from '@atlaskit/select';
-import { Color } from '../types';
+import { type MenuListComponentProps, type OptionProps } from '@atlaskit/select';
+import { type Color } from '../types';
 import { jsx } from '@emotion/react';
 export declare const MenuList: (props: MenuListComponentProps<Color>) => jsx.JSX.Element;
 export declare const Option: (props: OptionProps<Color>) => jsx.JSX.Element;

package/dist/types-ts4.5/messages.d.ts

@@ -4,10 +4,5 @@ declare const _default: {
         defaultMessage: string;
         description: string;
     };
-    colorPickerAriaLabelOldFormat: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
 };
 export default _default;

package/dist/types-ts4.5/utils.d.ts

@@ -1,4 +1,4 @@
-import { Mode, Palette } from './types';
+import { Mode, type Palette } from './types';
 export declare const getWidth: (cols: number, mode?: Mode) => number;
 export declare const getOptions: import("memoize-one").MemoizedFn<(palette: Palette, selectedColor?: string, showDefaultSwatchColor?: boolean) => {
     options: Palette;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/color-picker",
-  "version": "3.2.12",
+  "version": "3.2.14",
   "description": "Jira Color Picker Component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,12 +33,12 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/icon": "^22.1.0",
+    "@atlaskit/icon": "^22.3.0",
     "@atlaskit/platform-feature-flags": "^0.2.5",
-    "@atlaskit/select": "^17.9.0",
-    "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.45.0",
-    "@atlaskit/tooltip": "^18.3.0",
+    "@atlaskit/select": "^17.10.0",
+    "@atlaskit/theme": "^12.8.0",
+    "@atlaskit/tokens": "^1.49.0",
+    "@atlaskit/tooltip": "^18.4.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "memoize-one": "^6.0.0",
@@ -49,9 +49,8 @@
   },
   "devDependencies": {
     "@af/visual-regression": "*",
-    "@atlaskit/primitives": "^6.1.0",
+    "@atlaskit/primitives": "^6.5.0",
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.4.3",
     "ast-types": "^0.13.3",
@@ -77,12 +76,11 @@
       ]
     }
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
   "platform-feature-flags": {
     "platform.color-picker-radio-button-functionality_6hkcy": {
       "type": "boolean"
     },
-    "platform.jca11y-1480-inappropriate-label-for-color-picker_76tfe": {
+    "platform.jca11y-1559-dashboard-view-dashboard-remove-duplicate-aria-label_g5i3i": {
       "type": "boolean"
     }
   }