@atlaskit/progress-indicator 9.0.5 → 9.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +40 -0
- package/codemods/{9.0.0-import-rename.ts → 9.0.0-import-rename.tsx} +0 -0
- package/codemods/__tests__/{9.0.0-import-rename.ts → 9.0.0-import-rename.tsx} +0 -0
- package/dist/cjs/components/appearances.js +54 -0
- package/dist/cjs/components/constants.js +22 -0
- package/dist/cjs/components/indicator.js +70 -0
- package/dist/cjs/components/progress-dots.js +164 -0
- package/dist/cjs/components/types.js +5 -0
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/types.js +5 -0
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/appearances.js +40 -0
- package/dist/es2019/components/constants.js +12 -0
- package/dist/es2019/components/indicator.js +51 -0
- package/dist/es2019/components/progress-dots.js +135 -0
- package/dist/es2019/components/types.js +1 -0
- package/dist/es2019/index.js +1 -1
- package/dist/es2019/types.js +1 -0
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/appearances.js +42 -0
- package/dist/esm/components/constants.js +12 -0
- package/dist/esm/components/indicator.js +53 -0
- package/dist/esm/components/progress-dots.js +140 -0
- package/dist/esm/components/types.js +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/types.js +1 -0
- package/dist/esm/version.json +1 -1
- package/dist/types/components/appearances.d.ts +2 -0
- package/dist/types/components/constants.d.ts +12 -0
- package/dist/types/components/indicator.d.ts +14 -0
- package/dist/types/components/progress-dots.d.ts +10 -0
- package/dist/types/components/types.d.ts +3 -0
- package/dist/types/index.d.ts +2 -1
- package/dist/types/types.d.ts +44 -0
- package/package.json +28 -10
- package/types/package.json +7 -0
- package/dist/cjs/components/Dots.js +0 -201
- package/dist/cjs/styled/Dots.js +0 -120
- package/dist/es2019/components/Dots.js +0 -145
- package/dist/es2019/styled/Dots.js +0 -122
- package/dist/esm/components/Dots.js +0 -178
- package/dist/esm/styled/Dots.js +0 -93
- package/dist/types/components/Dots.d.ts +0 -51
- package/dist/types/styled/Dots.d.ts +0 -12
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import React, { Component } from 'react';
|
|
2
|
-
import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
3
|
-
export declare type DotsAppearance = 'default' | 'help' | 'inverted' | 'primary';
|
|
4
|
-
export declare type Spacing = 'comfortable' | 'cozy' | 'compact';
|
|
5
|
-
export declare type Size = 'small' | 'default' | 'large';
|
|
6
|
-
interface Props extends WithAnalyticsEventsProps {
|
|
7
|
-
/** The color of the indicators */
|
|
8
|
-
appearance?: DotsAppearance;
|
|
9
|
-
/** The aria-controls text applied to each indicator, appended by the index */
|
|
10
|
-
ariaControls?: string;
|
|
11
|
-
/** The aria-label text applied to each indicator, appended by the index */
|
|
12
|
-
ariaLabel?: string;
|
|
13
|
-
/** Function called when an indicator is selected */
|
|
14
|
-
onSelect?: (eventData: {
|
|
15
|
-
event: React.MouseEvent<HTMLButtonElement>;
|
|
16
|
-
index: number;
|
|
17
|
-
}) => void;
|
|
18
|
-
/** Which indicator is currently selected */
|
|
19
|
-
selectedIndex: number;
|
|
20
|
-
/** Corresponds to the width & height of each indicator */
|
|
21
|
-
size?: Size;
|
|
22
|
-
/** How much of a gutter is desired between indicators */
|
|
23
|
-
spacing?: Spacing;
|
|
24
|
-
/** An array of values mapped over to create the indicators */
|
|
25
|
-
values: Array<any>;
|
|
26
|
-
}
|
|
27
|
-
declare class ProgressDots extends Component<Props, {}> {
|
|
28
|
-
tablist: {
|
|
29
|
-
children: HTMLElement[];
|
|
30
|
-
};
|
|
31
|
-
static defaultProps: {
|
|
32
|
-
appearance: string;
|
|
33
|
-
ariaControls: string;
|
|
34
|
-
ariaLabel: string;
|
|
35
|
-
size: string;
|
|
36
|
-
spacing: string;
|
|
37
|
-
};
|
|
38
|
-
componentDidMount(): void;
|
|
39
|
-
componentWillUnmount(): void;
|
|
40
|
-
handleKeyDown: (event: KeyboardEvent) => void;
|
|
41
|
-
render(): JSX.Element;
|
|
42
|
-
}
|
|
43
|
-
export { ProgressDots as ProgressDotsWithoutAnalytics };
|
|
44
|
-
declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Pick<Props, "size" | "appearance" | "ariaControls" | "ariaLabel" | "onSelect" | "selectedIndex" | "spacing" | "values">, "onSelect" | "selectedIndex" | "values"> & Partial<Pick<Pick<Props, "size" | "appearance" | "ariaControls" | "ariaLabel" | "onSelect" | "selectedIndex" | "spacing" | "values">, "size" | "appearance" | "ariaControls" | "ariaLabel" | "spacing">> & Partial<Pick<{
|
|
45
|
-
appearance: string;
|
|
46
|
-
ariaControls: string;
|
|
47
|
-
ariaLabel: string;
|
|
48
|
-
size: string;
|
|
49
|
-
spacing: string;
|
|
50
|
-
}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "appearance" | "ariaControls" | "ariaLabel" | "onSelect" | "selectedIndex" | "spacing" | "values" | "key" | "analyticsContext"> & React.RefAttributes<any>>;
|
|
51
|
-
export default _default;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { DotsAppearance, Size, Spacing } from '../components/Dots';
|
|
3
|
-
export declare const Container: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
4
|
-
interface IndicatorButtonProps {
|
|
5
|
-
selected: boolean;
|
|
6
|
-
appearance: DotsAppearance;
|
|
7
|
-
gutter: Spacing;
|
|
8
|
-
size: Size;
|
|
9
|
-
}
|
|
10
|
-
export declare const IndicatorButton: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & IndicatorButtonProps, any, import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & IndicatorButtonProps>;
|
|
11
|
-
export declare const IndicatorDiv: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & IndicatorButtonProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & IndicatorButtonProps>;
|
|
12
|
-
export {};
|