@atlaskit/color-picker 3.0.2 → 3.0.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/color-picker
 
+## 3.0.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.0.2
 
 ### Patch Changes

package/codemods/__tests__/1.0.0-popper-props.ts

@@ -166,8 +166,7 @@ describe('Convert positionFixed:boolean to strategy:"fixed"|"absolute"', () => {
 
 describe('Warn use of the `modifiers` prop', () => {
   check({
-    it:
-      'should add warning comment when using the modifier prop in `popperProps`',
+    it: 'should add warning comment when using the modifier prop in `popperProps`',
     original: `
       import ColorPicker from '@atlaskit/color-picker';
 

package/dist/cjs/components/ColorPicker.js

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

package/dist/cjs/version.json

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

package/dist/es2019/components/ColorPicker.js

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

package/dist/es2019/version.json

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

package/dist/esm/components/ColorPicker.js

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

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/color-picker",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "Jira Color Picker Component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,13 +12,6 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.5": {
-      "*": [
-        "dist/types-ts4.0/*"
-      ]
-    }
-  },
   "atlaskit:src": "src/index.ts",
   "atlassian": {
     "team": "Jira Software: Roadmaps",
@@ -29,10 +22,10 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/icon": "^21.10.0",
+    "@atlaskit/icon": "^21.11.0",
     "@atlaskit/select": "^15.7.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.10.0",
+    "@atlaskit/tokens": "^0.11.0",
     "@babel/runtime": "^7.0.0",
     "memoize-one": "^6.0.0",
     "styled-components": "^3.2.6"

package/report.api.md

@@ -1,12 +1,17 @@
+<!-- API Report Version: 2.3 -->
+
 ## API Report File for "@atlaskit/color-picker"
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
+
+- [Main Entry Types](#main-entry-types)
 
-<!--
-	Generated API Report version: 2.0
--->
+### Main Entry Types
 
-[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+<!--SECTION START: Main Entry Types-->
 
 ```ts
 import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
@@ -31,7 +36,7 @@ export const ColorPaletteMenu: React_2.ForwardRefExoticComponent<
   Pick<
     Pick<
       Omit<ColorPaletteMenuProps, keyof WithAnalyticsEventsProps>,
-      'label' | 'onChange' | 'checkMarkColor' | 'palette' | 'selectedColor'
+      'checkMarkColor' | 'label' | 'onChange' | 'palette' | 'selectedColor'
     > &
       Partial<
         Pick<
@@ -50,15 +55,15 @@ export const ColorPaletteMenu: React_2.ForwardRefExoticComponent<
       > &
       React_2.RefAttributes<any> &
       WithContextProps,
-    | 'label'
-    | 'key'
-    | 'onChange'
+    | 'analyticsContext'
     | 'checkMarkColor'
     | 'cols'
+    | 'key'
+    | 'label'
     | 'mode'
+    | 'onChange'
     | 'palette'
     | 'selectedColor'
-    | 'analyticsContext'
   > &
     React_2.RefAttributes<any>
 >;
@@ -76,9 +81,7 @@ export interface ColorPaletteMenuProps {
 }
 
 // @public (undocumented)
-export class ColorPaletteMenuWithoutAnalytics extends React_2.Component<
-  ColorPaletteMenuProps
-> {
+export class ColorPaletteMenuWithoutAnalytics extends React_2.Component<ColorPaletteMenuProps> {
   // (undocumented)
   changeAnalyticsCaller: () => UIAnalyticsEvent | undefined;
   // (undocumented)
@@ -109,9 +112,7 @@ export interface ColorPickerProps {
 }
 
 // @public (undocumented)
-export class ColorPickerWithoutAnalytics extends React_2.Component<
-  ColorPickerProps
-> {
+export class ColorPickerWithoutAnalytics extends React_2.Component<ColorPickerProps> {
   // (undocumented)
   changeAnalyticsCaller: () => UIAnalyticsEvent | undefined;
   // (undocumented)
@@ -141,15 +142,15 @@ const _default: React_2.ForwardRefExoticComponent<
     Omit<ColorPickerProps, keyof WithAnalyticsEventsProps> &
       React_2.RefAttributes<any> &
       WithContextProps,
-    | 'label'
-    | 'key'
-    | 'onChange'
+    | 'analyticsContext'
     | 'checkMarkColor'
     | 'cols'
-    | 'popperProps'
+    | 'key'
+    | 'label'
+    | 'onChange'
     | 'palette'
+    | 'popperProps'
     | 'selectedColor'
-    | 'analyticsContext'
   > &
     React_2.RefAttributes<any>
 >;
@@ -171,3 +172,5 @@ export const Standard: Mode;
 
 // (No @packageDocumentation comment for this package)
 ```
+
+<!--SECTION END: Main Entry Types-->

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,114 @@
+## API Report File for "@atlaskit/color-picker"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
+import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { PopupSelectProps } from '@atlaskit/select';
+import { default as React_2 } from 'react';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { ValueType } from '@atlaskit/select';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { WithContextProps } from '@atlaskit/analytics-next';
+
+// @public (undocumented)
+interface Color {
+    // (undocumented)
+    label: string;
+    // (undocumented)
+    value: string;
+}
+
+// @public (undocumented)
+export const ColorPaletteMenu: React_2.ForwardRefExoticComponent<Pick<Pick<Omit<ColorPaletteMenuProps, keyof WithAnalyticsEventsProps>, "checkMarkColor" | "label" | "onChange" | "palette" | "selectedColor"> & Partial<Pick<Omit<ColorPaletteMenuProps, keyof WithAnalyticsEventsProps>, "cols" | "mode">> & Partial<Pick<{
+    cols: number;
+    mode: Mode;
+}, never>> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "checkMarkColor" | "cols" | "key" | "label" | "mode" | "onChange" | "palette" | "selectedColor"> & React_2.RefAttributes<any>>;
+
+// @public (undocumented)
+export interface ColorPaletteMenuProps {
+    checkMarkColor?: string;
+    cols: number;
+    createAnalyticsEvent?: any;
+    label?: string;
+    mode?: Mode;
+    onChange: (value: string, analyticsEvent?: object) => void;
+    palette: Palette;
+    selectedColor?: string;
+}
+
+// @public (undocumented)
+export class ColorPaletteMenuWithoutAnalytics extends React_2.Component<ColorPaletteMenuProps> {
+    // (undocumented)
+    changeAnalyticsCaller: () => UIAnalyticsEvent | undefined;
+    // (undocumented)
+    createAndFireEventOnAtlaskit: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
+    // (undocumented)
+    static defaultProps: {
+        cols: number;
+        mode: Mode;
+    };
+    // (undocumented)
+    onChange: (value: string) => void;
+    // (undocumented)
+    render(): JSX.Element;
+}
+
+// @public (undocumented)
+export interface ColorPickerProps {
+    checkMarkColor?: string;
+    cols?: number;
+    createAnalyticsEvent?: any;
+    label?: string;
+    onChange: (value: string, analyticsEvent?: object) => void;
+    palette: Palette;
+    popperProps?: PopupSelectProps['popperProps'];
+    selectedColor?: string;
+}
+
+// @public (undocumented)
+export class ColorPickerWithoutAnalytics extends React_2.Component<ColorPickerProps> {
+    // (undocumented)
+    changeAnalyticsCaller: () => UIAnalyticsEvent | undefined;
+    // (undocumented)
+    createAndFireEventOnAtlaskit: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
+    // (undocumented)
+    onChangeSelect: (option: ValueType<Color>) => void;
+    // (undocumented)
+    onKeyDown: (e: React_2.KeyboardEvent<HTMLElement>) => void;
+    // (undocumented)
+    onOptionKeyDown: (value: string) => void;
+    // (undocumented)
+    render(): JSX.Element;
+    // (undocumented)
+    state: {
+        isTabbing: boolean;
+    };
+}
+
+// @public (undocumented)
+export const Compact: Mode;
+
+// @public (undocumented)
+const _default: React_2.ForwardRefExoticComponent<Pick<Omit<ColorPickerProps, keyof WithAnalyticsEventsProps> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "checkMarkColor" | "cols" | "key" | "label" | "onChange" | "palette" | "popperProps" | "selectedColor"> & React_2.RefAttributes<any>>;
+export default _default;
+
+// @public (undocumented)
+enum Mode {
+    // (undocumented)
+    Compact = 0,
+    // (undocumented)
+    Standard = 1
+}
+
+// @public (undocumented)
+type Palette = Color[];
+
+// @public (undocumented)
+export const Standard: Mode;
+
+// (No @packageDocumentation comment for this package)
+
+```

package/dist/types-ts4.0/components/ColorCard.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { PureComponent } from 'react';
-export interface Props {
-    value: string;
-    label: string;
-    onClick?: (value: string) => void;
-    onKeyDown?: (value: string) => void;
-    checkMarkColor?: string;
-    selected?: boolean;
-    focused?: boolean;
-    isOption?: boolean;
-    isTabbing?: boolean;
-}
-export default class ColorCard extends PureComponent<Props> {
-    onMouseDown: (event: React.MouseEvent<HTMLDivElement>) => void;
-    onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
-    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
-    ref: React.RefObject<HTMLButtonElement>;
-    render(): JSX.Element;
-}

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

@@ -1,35 +0,0 @@
-import React from 'react';
-import { Palette, Mode } from '../types';
-export interface Props {
-    /** color picker button label */
-    label?: string;
-    /** list of available colors */
-    palette: Palette;
-    /** selected color */
-    selectedColor?: string;
-    /** maximum column length */
-    cols: number;
-    /** color of checkmark on selected color */
-    checkMarkColor?: string;
-    /** onChange handler */
-    onChange: (value: string, analyticsEvent?: object) => void;
-    /** You should not be accessing this prop under any circumstances. It is provided by @atlaskit/analytics-next. */
-    createAnalyticsEvent?: any;
-    /** style of the color-picker, either 'Compact' or 'Standard', default value is 'Standard' */
-    mode?: Mode;
-}
-export declare class ColorPaletteMenuWithoutAnalytics extends React.Component<Props> {
-    static defaultProps: {
-        cols: number;
-        mode: Mode;
-    };
-    createAndFireEventOnAtlaskit: (payload: import("@atlaskit/analytics-next").AnalyticsEventPayload) => (createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
-    changeAnalyticsCaller: () => import("@atlaskit/analytics-next").UIAnalyticsEvent | undefined;
-    onChange: (value: string) => void;
-    render(): JSX.Element;
-}
-declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Omit<Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "label" | "onChange" | "checkMarkColor" | "palette" | "selectedColor"> & Partial<Pick<Omit<Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "cols" | "mode">> & Partial<Pick<{
-    cols: number;
-    mode: Mode;
-}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "label" | "key" | "onChange" | "checkMarkColor" | "cols" | "mode" | "palette" | "selectedColor" | "analyticsContext"> & React.RefAttributes<any>>;
-export default _default;

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

@@ -1,34 +0,0 @@
-import React from 'react';
-import { ValueType, PopupSelectProps } from '@atlaskit/select';
-import { Palette, Color } from '../types';
-export interface Props {
-    /** color picker button label */
-    label?: string;
-    /** list of available colors */
-    palette: Palette;
-    /** selected color */
-    selectedColor?: string;
-    /** maximum column length */
-    cols?: number;
-    /** color of checkmark on selected color */
-    checkMarkColor?: string;
-    /** props for react-popper */
-    popperProps?: PopupSelectProps['popperProps'];
-    /** onChange handler */
-    onChange: (value: string, analyticsEvent?: object) => void;
-    /** You should not be accessing this prop under any circumstances. It is provided by @atlaskit/analytics-next. */
-    createAnalyticsEvent?: any;
-}
-export declare class ColorPickerWithoutAnalytics extends React.Component<Props> {
-    createAndFireEventOnAtlaskit: (payload: import("@atlaskit/analytics-next").AnalyticsEventPayload) => (createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
-    state: {
-        isTabbing: boolean;
-    };
-    changeAnalyticsCaller: () => import("@atlaskit/analytics-next").UIAnalyticsEvent | undefined;
-    onChangeSelect: (option: ValueType<Color>) => void;
-    onOptionKeyDown: (value: string) => void;
-    onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
-    render(): JSX.Element;
-}
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "label" | "key" | "onChange" | "checkMarkColor" | "cols" | "popperProps" | "palette" | "selectedColor" | "analyticsContext"> & React.RefAttributes<any>>;
-export default _default;

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

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface Props {
-    value: string;
-    label?: string;
-    onClick?: () => void;
-    expanded?: boolean;
-}
-export default class ColorCard extends React.PureComponent<Props> {
-    onMouseDown: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    render(): JSX.Element;
-}

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { MenuListComponentProps, OptionProps } from '@atlaskit/select';
-import { Color } from '../types';
-export declare const MenuList: (props: MenuListComponentProps<Color>) => JSX.Element;
-export declare const Option: (props: OptionProps<Color>) => JSX.Element;
-export declare const DropdownIndicator: () => null;
-export declare const Placeholder: () => null;

package/dist/types-ts4.0/constants.d.ts

@@ -1,6 +0,0 @@
-export declare const COLOR_CARD_SIZE = 30;
-export declare const KEY_SPACE = " ";
-export declare const KEY_ENTER = "Enter";
-export declare const KEY_ARROW_UP = "ArrowDown";
-export declare const KEY_ARROW_DOWN = "ArrowUp";
-export declare const KEY_TAB = "Tab";

package/dist/types-ts4.0/index.d.ts

@@ -1,10 +0,0 @@
-import ColorPicker from './components/ColorPicker';
-import { Mode } from './types';
-declare const Compact: Mode, Standard: Mode;
-export { ColorPickerWithoutAnalytics } from './components/ColorPicker';
-export type { Props as ColorPickerProps } from './components/ColorPicker';
-export { ColorPaletteMenuWithoutAnalytics } from './components/ColorPaletteMenu';
-export type { Props as ColorPaletteMenuProps } from './components/ColorPaletteMenu';
-export default ColorPicker;
-export { default as ColorPaletteMenu } from './components/ColorPaletteMenu';
-export { Standard, Compact };

package/dist/types-ts4.0/styled/ColorCard.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-declare type ColorCardProps = {
-    focused?: boolean;
-    isTabbing?: boolean;
-};
-export declare const ColorCardOption: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardProps>;
-export declare const ColorCardButton: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & ColorCardProps, any, import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & ColorCardProps>;
-declare type ColorCardContentProps = {
-    color: string;
-};
-export declare const ColorCardContent: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardContentProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardContentProps>;
-export declare const ColorCardContentCheckMark: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export {};

package/dist/types-ts4.0/styled/ColorPalette.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { Mode } from '../types';
-declare type Props = {
-    mode?: Mode;
-};
-declare type ColorPaletteMenuProps = {
-    cols: number;
-    mode?: Mode;
-};
-export declare const ColorCardWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ColorPaletteContainer: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Props, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Props>;
-export declare const ColorPaletteMenu: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorPaletteMenuProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorPaletteMenuProps>;
-export {};

package/dist/types-ts4.0/styled/ColorPicker.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ColorCardWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;

package/dist/types-ts4.0/types.d.ts

@@ -1,9 +0,0 @@
-export interface Color {
-    label: string;
-    value: string;
-}
-export declare type Palette = Color[];
-export declare enum Mode {
-    Compact = 0,
-    Standard = 1
-}

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

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