@atlaskit/progress-indicator 9.5.14 → 9.5.16

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.
Files changed (13) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/components/indicator.js +6 -9
  3. package/dist/cjs/components/progress-dots.js +6 -8
  4. package/dist/es2019/components/indicator.js +5 -8
  5. package/dist/es2019/components/progress-dots.js +4 -6
  6. package/dist/esm/components/indicator.js +6 -9
  7. package/dist/esm/components/progress-dots.js +4 -6
  8. package/dist/types/components/indicator.d.ts +3 -1
  9. package/dist/types-ts4.5/components/indicator.d.ts +3 -1
  10. package/package.json +6 -6
  11. package/dist/cjs/version.json +0 -5
  12. package/dist/es2019/version.json +0 -5
  13. package/dist/esm/version.json +0 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/progress-indicator
2
2
 
3
+ ## 9.5.16
4
+
5
+ ### Patch Changes
6
+
7
+ - [`1ce8020278e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ce8020278e) - Remove role presentation on div indicator
8
+
9
+ ## 9.5.15
10
+
11
+ ### Patch Changes
12
+
13
+ - [`4ce6b505282`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ce6b505282) - The internal composition of this component has changed. There is no expected change in behavior.
14
+ - [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
15
+ - Updated dependencies
16
+
3
17
  ## 9.5.14
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/components/indicator.js CHANGED
@@ -40,15 +40,12 @@ var buttonStyles = (0, _react.css)({
40
40
  *
41
41
  * A presentational indicator with no interactivity
42
42
  */
43
- var PresentationalIndicator = function PresentationalIndicator(props
44
- // TODO: Remove role="presentation", since div's have no semantics anyway
45
- // (DSP-11587)
46
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
47
- ) {
48
- return (0, _react.jsx)("div", (0, _extends2.default)({}, props, {
49
- css: commonStyles,
50
- role: "presentation"
51
- }));
43
+ var PresentationalIndicator = function PresentationalIndicator(props) {
44
+ return (0, _react.jsx)("div", {
45
+ style: props.style,
46
+ "data-testid": props.testId,
47
+ css: commonStyles
48
+ });
52
49
  };
53
50
 
54
51
  /**
package/dist/cjs/components/progress-dots.js CHANGED
@@ -12,9 +12,8 @@ var _react = _interopRequireWildcard(require("react"));
12
12
  var _react2 = require("@emotion/react");
13
13
  var _bindEventListener = require("bind-event-listener");
14
14
  var _analyticsNext = require("@atlaskit/analytics-next");
15
- var _box = _interopRequireDefault(require("@atlaskit/ds-explorations/box"));
16
15
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
17
- var _inline = _interopRequireDefault(require("@atlaskit/primitives/inline"));
16
+ var _primitives = require("@atlaskit/primitives");
18
17
  var _components = require("@atlaskit/theme/components");
19
18
  var _appearances = require("./appearances");
20
19
  var _constants = require("./constants");
@@ -24,7 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
24
23
  /** @jsx jsx */
25
24
 
26
25
  var packageName = "@atlaskit/progress-indicator";
27
- var packageVersion = "9.5.14";
26
+ var packageVersion = "9.5.16";
28
27
 
29
28
  /**
30
29
  * __ProgressDots__
@@ -105,11 +104,10 @@ var ProgressDots = function ProgressDots(_ref) {
105
104
  });
106
105
  }, [onSelect, handleKeyDown]);
107
106
  var theme = (0, _components.useGlobalTheme)();
108
- return (0, _react2.jsx)(_box.default, {
109
- UNSAFE_style: (_ref2 = {}, (0, _defineProperty2.default)(_ref2, _constants.varDotsSize, "".concat(_constants.sizes[size], "px")), (0, _defineProperty2.default)(_ref2, _constants.varDotsMargin, rawGapValue), _ref2),
110
- display: "block",
107
+ return (0, _react2.jsx)(_primitives.Box, {
108
+ style: (_ref2 = {}, (0, _defineProperty2.default)(_ref2, _constants.varDotsSize, "".concat(_constants.sizes[size], "px")), (0, _defineProperty2.default)(_ref2, _constants.varDotsMargin, rawGapValue), _ref2),
111
109
  role: "tablist"
112
- }, (0, _react2.jsx)(_inline.default, {
110
+ }, (0, _react2.jsx)(_primitives.Inline, {
113
111
  testId: testId,
114
112
  ref: function ref(r) {
115
113
  tablistRef.current = r;
@@ -141,7 +139,7 @@ var ProgressDots = function ProgressDots(_ref) {
141
139
  tabIndex: isSelected ? 0 : -1,
142
140
  "data-testid": testId && "".concat(testId, "-ind-").concat(index)
143
141
  }) : (0, _react2.jsx)(_indicator.PresentationalIndicator, {
144
- "data-testid": testId && "".concat(testId, "-ind-").concat(index),
142
+ testId: testId && "".concat(testId, "-ind-").concat(index),
145
143
  key: index,
146
144
  style: {
147
145
  backgroundColor: backgroundColor
package/dist/es2019/components/indicator.js CHANGED
@@ -33,14 +33,11 @@ const buttonStyles = css({
33
33
  *
34
34
  * A presentational indicator with no interactivity
35
35
  */
36
- export const PresentationalIndicator = (props
37
- // TODO: Remove role="presentation", since div's have no semantics anyway
38
- // (DSP-11587)
39
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
40
- ) => jsx("div", _extends({}, props, {
41
- css: commonStyles,
42
- role: "presentation"
43
- }));
36
+ export const PresentationalIndicator = props => jsx("div", {
37
+ style: props.style,
38
+ "data-testid": props.testId,
39
+ css: commonStyles
40
+ });
44
41
 
45
42
  /**
46
43
  * __Button indicator__
package/dist/es2019/components/progress-dots.js CHANGED
@@ -3,15 +3,14 @@ import React, { useCallback, useEffect, useRef } from 'react';
3
3
  import { jsx } from '@emotion/react';
4
4
  import { bind } from 'bind-event-listener';
5
5
  import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
6
- import Box from '@atlaskit/ds-explorations/box';
7
6
  import noop from '@atlaskit/ds-lib/noop';
8
- import Inline from '@atlaskit/primitives/inline';
7
+ import { Box, Inline } from '@atlaskit/primitives';
9
8
  import { useGlobalTheme } from '@atlaskit/theme/components';
10
9
  import { getBgColor } from './appearances';
11
10
  import { progressIndicatorGapMap, sizes, varDotsMargin, varDotsSize } from './constants';
12
11
  import { ButtonIndicator, PresentationalIndicator } from './indicator';
13
12
  const packageName = "@atlaskit/progress-indicator";
14
- const packageVersion = "9.5.14";
13
+ const packageVersion = "9.5.16";
15
14
 
16
15
  /**
17
16
  * __ProgressDots__
@@ -88,11 +87,10 @@ const ProgressDots = ({
88
87
  }, [onSelect, handleKeyDown]);
89
88
  const theme = useGlobalTheme();
90
89
  return jsx(Box, {
91
- UNSAFE_style: {
90
+ style: {
92
91
  [varDotsSize]: `${sizes[size]}px`,
93
92
  [varDotsMargin]: rawGapValue
94
93
  },
95
- display: "block",
96
94
  role: "tablist"
97
95
  }, jsx(Inline, {
98
96
  testId: testId,
@@ -124,7 +122,7 @@ const ProgressDots = ({
124
122
  tabIndex: isSelected ? 0 : -1,
125
123
  "data-testid": testId && `${testId}-ind-${index}`
126
124
  }) : jsx(PresentationalIndicator, {
127
- "data-testid": testId && `${testId}-ind-${index}`,
125
+ testId: testId && `${testId}-ind-${index}`,
128
126
  key: index,
129
127
  style: {
130
128
  backgroundColor
package/dist/esm/components/indicator.js CHANGED
@@ -33,15 +33,12 @@ var buttonStyles = css({
33
33
  *
34
34
  * A presentational indicator with no interactivity
35
35
  */
36
- export var PresentationalIndicator = function PresentationalIndicator(props
37
- // TODO: Remove role="presentation", since div's have no semantics anyway
38
- // (DSP-11587)
39
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
40
- ) {
41
- return jsx("div", _extends({}, props, {
42
- css: commonStyles,
43
- role: "presentation"
44
- }));
36
+ export var PresentationalIndicator = function PresentationalIndicator(props) {
37
+ return jsx("div", {
38
+ style: props.style,
39
+ "data-testid": props.testId,
40
+ css: commonStyles
41
+ });
45
42
  };
46
43
 
47
44
  /**
package/dist/esm/components/progress-dots.js CHANGED
@@ -5,15 +5,14 @@ import React, { useCallback, useEffect, useRef } from 'react';
5
5
  import { jsx } from '@emotion/react';
6
6
  import { bind } from 'bind-event-listener';
7
7
  import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
8
- import Box from '@atlaskit/ds-explorations/box';
9
8
  import noop from '@atlaskit/ds-lib/noop';
10
- import Inline from '@atlaskit/primitives/inline';
9
+ import { Box, Inline } from '@atlaskit/primitives';
11
10
  import { useGlobalTheme } from '@atlaskit/theme/components';
12
11
  import { getBgColor } from './appearances';
13
12
  import { progressIndicatorGapMap, sizes, varDotsMargin, varDotsSize } from './constants';
14
13
  import { ButtonIndicator, PresentationalIndicator } from './indicator';
15
14
  var packageName = "@atlaskit/progress-indicator";
16
- var packageVersion = "9.5.14";
15
+ var packageVersion = "9.5.16";
17
16
 
18
17
  /**
19
18
  * __ProgressDots__
@@ -95,8 +94,7 @@ var ProgressDots = function ProgressDots(_ref) {
95
94
  }, [onSelect, handleKeyDown]);
96
95
  var theme = useGlobalTheme();
97
96
  return jsx(Box, {
98
- UNSAFE_style: (_ref2 = {}, _defineProperty(_ref2, varDotsSize, "".concat(sizes[size], "px")), _defineProperty(_ref2, varDotsMargin, rawGapValue), _ref2),
99
- display: "block",
97
+ style: (_ref2 = {}, _defineProperty(_ref2, varDotsSize, "".concat(sizes[size], "px")), _defineProperty(_ref2, varDotsMargin, rawGapValue), _ref2),
100
98
  role: "tablist"
101
99
  }, jsx(Inline, {
102
100
  testId: testId,
@@ -130,7 +128,7 @@ var ProgressDots = function ProgressDots(_ref) {
130
128
  tabIndex: isSelected ? 0 : -1,
131
129
  "data-testid": testId && "".concat(testId, "-ind-").concat(index)
132
130
  }) : jsx(PresentationalIndicator, {
133
- "data-testid": testId && "".concat(testId, "-ind-").concat(index),
131
+ testId: testId && "".concat(testId, "-ind-").concat(index),
134
132
  key: index,
135
133
  style: {
136
134
  backgroundColor: backgroundColor
package/dist/types/components/indicator.d.ts CHANGED
@@ -6,7 +6,9 @@ import { jsx } from '@emotion/react';
6
6
  *
7
7
  * A presentational indicator with no interactivity
8
8
  */
9
- export declare const PresentationalIndicator: (props: HTMLAttributes<HTMLDivElement>) => jsx.JSX.Element;
9
+ export declare const PresentationalIndicator: (props: HTMLAttributes<HTMLDivElement> & {
10
+ testId?: string;
11
+ }) => jsx.JSX.Element;
10
12
  /**
11
13
  * __Button indicator__
12
14
  *
package/dist/types-ts4.5/components/indicator.d.ts CHANGED
@@ -6,7 +6,9 @@ import { jsx } from '@emotion/react';
6
6
  *
7
7
  * A presentational indicator with no interactivity
8
8
  */
9
- export declare const PresentationalIndicator: (props: HTMLAttributes<HTMLDivElement>) => jsx.JSX.Element;
9
+ export declare const PresentationalIndicator: (props: HTMLAttributes<HTMLDivElement> & {
10
+ testId?: string;
11
+ }) => jsx.JSX.Element;
10
12
  /**
11
13
  * __Button indicator__
12
14
  *
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/progress-indicator",
3
- "version": "9.5.14",
3
+ "version": "9.5.16",
4
4
  "description": "A progress indicator shows the user where they are along the steps of a journey.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,7 @@
15
15
  "sideEffects": false,
16
16
  "atlaskit:src": "src/index.tsx",
17
17
  "atlassian": {
18
- "team": "Design System Fundamentals",
18
+ "team": "Design System Team",
19
19
  "releaseModel": "continuous",
20
20
  "website": {
21
21
  "name": "Progress indicator",
@@ -24,12 +24,11 @@
24
24
  },
25
25
  "dependencies": {
26
26
  "@atlaskit/analytics-next": "^9.1.0",
27
- "@atlaskit/ds-explorations": "^2.2.0",
28
27
  "@atlaskit/ds-lib": "^2.2.0",
29
28
  "@atlaskit/focus-ring": "^1.3.0",
30
- "@atlaskit/primitives": "^1.0.6",
31
- "@atlaskit/theme": "^12.5.0",
32
- "@atlaskit/tokens": "^1.13.0",
29
+ "@atlaskit/primitives": "^1.6.0",
30
+ "@atlaskit/theme": "^12.6.0",
31
+ "@atlaskit/tokens": "^1.22.0",
33
32
  "@babel/runtime": "^7.0.0",
34
33
  "@emotion/react": "^11.7.1",
35
34
  "bind-event-listener": "^2.1.1"
@@ -40,6 +39,7 @@
40
39
  "devDependencies": {
41
40
  "@af/accessibility-testing": "*",
42
41
  "@af/visual-regression": "*",
42
+ "@atlaskit/ds-explorations": "^2.3.0",
43
43
  "@atlaskit/ssr": "*",
44
44
  "@atlaskit/visual-regression": "*",
45
45
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
package/dist/cjs/version.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/progress-indicator",
3
- "version": "9.5.14",
4
- "sideEffects": false
5
- }
package/dist/es2019/version.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/progress-indicator",
3
- "version": "9.5.14",
4
- "sideEffects": false
5
- }
package/dist/esm/version.json DELETED
@@ -1,5 +0,0 @@
1
- {
2
- "name": "@atlaskit/progress-indicator",
3
- "version": "9.5.14",
4
- "sideEffects": false
5
- }