@atlaskit/status 3.0.21 → 3.0.23

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 +13 -0
  2. package/afm-products/tsconfig.json +51 -0
  3. package/dist/cjs/components/analytics.js +1 -1
  4. package/dist/cjs/components/internal/color-palette.js +3 -3
  5. package/dist/es2019/components/analytics.js +1 -1
  6. package/dist/es2019/components/internal/color-palette.js +3 -3
  7. package/dist/esm/components/analytics.js +1 -1
  8. package/dist/esm/components/internal/color-palette.js +3 -3
  9. package/package.json +3 -3
  10. package/afm-dev-agents/tsconfig.json +0 -51
  11. package/afm-passionfruit/tsconfig.json +0 -51
  12. package/afm-rovo-extension/tsconfig.json +0 -51
  13. package/afm-volt/tsconfig.json +0 -51
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/status
2
2
 
3
+ ## 3.0.23
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 3.0.22
10
+
11
+ ### Patch Changes
12
+
13
+ - [`a5252d864001d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a5252d864001d) -
14
+ Fix fg call from module scope to component scope
15
+
3
16
  ## 3.0.21
4
17
 
5
18
  ### Patch Changes
package/afm-products/tsconfig.json ADDED
@@ -0,0 +1,51 @@
1
+ {
2
+ "extends": "../../../../tsconfig.entry-points.products.json",
3
+ "compilerOptions": {
4
+ "declaration": true,
5
+ "target": "es5",
6
+ "outDir": "../../../../../tsDist/@atlaskit__status/app",
7
+ "rootDir": "../",
8
+ "composite": true
9
+ },
10
+ "include": [
11
+ "../src/**/*.ts",
12
+ "../src/**/*.tsx"
13
+ ],
14
+ "exclude": [
15
+ "../src/**/__tests__/*",
16
+ "../src/**/*.test.*",
17
+ "../src/**/test.*",
18
+ "../src/**/examples.*",
19
+ "../src/**/examples/*",
20
+ "../src/**/examples/**/*",
21
+ "../src/**/*.stories.*",
22
+ "../src/**/stories/*",
23
+ "../src/**/stories/**/*"
24
+ ],
25
+ "references": [
26
+ {
27
+ "path": "../../../analytics/analytics-next/afm-products/tsconfig.json"
28
+ },
29
+ {
30
+ "path": "../../../design-system/icon/afm-products/tsconfig.json"
31
+ },
32
+ {
33
+ "path": "../../../design-system/lozenge/afm-products/tsconfig.json"
34
+ },
35
+ {
36
+ "path": "../../../platform/feature-flags/afm-products/tsconfig.json"
37
+ },
38
+ {
39
+ "path": "../../../platform/feature-flags-react/afm-products/tsconfig.json"
40
+ },
41
+ {
42
+ "path": "../../../design-system/primitives/afm-products/tsconfig.json"
43
+ },
44
+ {
45
+ "path": "../../../design-system/textfield/afm-products/tsconfig.json"
46
+ },
47
+ {
48
+ "path": "../../../design-system/tokens/afm-products/tsconfig.json"
49
+ }
50
+ ]
51
+ }
package/dist/cjs/components/analytics.js CHANGED
@@ -10,7 +10,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
10
10
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
11
11
  var ELEMENTS_CHANNEL = exports.ELEMENTS_CHANNEL = 'fabric-elements';
12
12
  var packageName = "@atlaskit/status";
13
- var packageVersion = "3.0.20";
13
+ var packageVersion = "3.0.22";
14
14
  var createStatusAnalyticsAndFire = exports.createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
15
15
  return function (payload) {
16
16
  var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
package/dist/cjs/components/internal/color-palette.js CHANGED
@@ -19,7 +19,6 @@ var paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler, #D
19
19
  var getPalette = function getPalette() {
20
20
  return (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
21
21
  };
22
- var palette = getPalette();
23
22
 
24
23
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
25
24
  var colorPaletteWrapperStyles = null;
@@ -35,6 +34,7 @@ var _default = exports.default = function _default(_ref) {
35
34
  selectedColor = _ref.selectedColor,
36
35
  className = _ref.className,
37
36
  onHover = _ref.onHover;
37
+ var palette = getPalette();
38
38
  var colorRefs = (0, _react.useRef)([]);
39
39
  var _useState = (0, _react.useState)(0),
40
40
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -42,7 +42,7 @@ var _default = exports.default = function _default(_ref) {
42
42
  setCurrentFocusedColor = _useState2[1];
43
43
  (0, _react.useEffect)(function () {
44
44
  colorRefs.current = colorRefs.current.slice(0, palette.length);
45
- }, []);
45
+ }, [palette.length]);
46
46
  var memoizedHandleKeyDown = (0, _react.useCallback)(function (e) {
47
47
  var newColorIndex = null;
48
48
  var nextColor = function nextColor() {
@@ -90,7 +90,7 @@ var _default = exports.default = function _default(_ref) {
90
90
  setCurrentFocusedColor(newColorIndex);
91
91
  var newRef = colorRefs.current[newColorIndex];
92
92
  newRef === null || newRef === void 0 || newRef.focus();
93
- }, [currentFocusedColor, setCurrentFocusedColor, colorRefs]);
93
+ }, [currentFocusedColor, setCurrentFocusedColor, colorRefs, palette.length]);
94
94
  return /*#__PURE__*/_react.default.createElement("ul", {
95
95
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
96
96
  className: (0, _runtime.ax)(["_19bvidpf _19pku2gc _2hwxu2gc _otyridpf _18u0u2gc _1e0c1txw _1n261g80", className]),
package/dist/es2019/components/analytics.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export const ELEMENTS_CHANNEL = 'fabric-elements';
2
2
  const packageName = "@atlaskit/status";
3
- const packageVersion = "3.0.20";
3
+ const packageVersion = "3.0.22";
4
4
  export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
5
5
  const statusPayload = {
6
6
  ...payload,
package/dist/es2019/components/internal/color-palette.js CHANGED
@@ -7,7 +7,6 @@ import { fg } from '@atlaskit/platform-feature-flags';
7
7
  const paletteLegacy = [['neutral', "var(--ds-background-neutral, #091E420F)", "var(--ds-border-bold, #758195)", "var(--ds-icon, #44546F)"], ['purple', "var(--ds-background-discovery, #F3F0FF)", "var(--ds-border-discovery, #8270DB)", "var(--ds-icon-discovery, #8270DB)"], ['blue', "var(--ds-background-information, #E9F2FF)", "var(--ds-border-information, #1D7AFC)", "var(--ds-icon-information, #1D7AFC)"], ['red', "var(--ds-background-danger, #FFECEB)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon-danger, #C9372C)"], ['yellow', "var(--ds-background-warning, #FFF7D6)", "var(--ds-border-warning, #E56910)", "var(--ds-icon-warning, #E56910)"], ['green', "var(--ds-background-success, #DCFFF1)", "var(--ds-border-success, #22A06B)", "var(--ds-icon-success, #22A06B)"]];
8
8
  const paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler, #DCDFE4)", "var(--ds-border-bold, #758195)", "var(--ds-icon, #44546F)"], ['blue', "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-border-information, #1D7AFC)", "var(--ds-icon, #44546F)"], ['green', "var(--ds-background-success-pressed, #7EE2B8)", "var(--ds-border-success, #22A06B)", "var(--ds-icon, #44546F)"], ['yellow', "var(--ds-background-warning-pressed, #F5CD47)", "var(--ds-border-warning, #E56910)", "var(--ds-icon, #44546F)"], ['red', "var(--ds-background-danger-pressed, #FD9891)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon, #44546F)"], ['purple', "var(--ds-background-discovery-pressed, #B8ACF6)", "var(--ds-border-discovery, #8270DB)", "var(--ds-icon, #44546F)"]];
9
9
  const getPalette = () => fg('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
10
- const palette = getPalette();
11
10
 
12
11
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
13
12
  const colorPaletteWrapperStyles = null;
@@ -23,11 +22,12 @@ export default (({
23
22
  className,
24
23
  onHover
25
24
  }) => {
25
+ const palette = getPalette();
26
26
  const colorRefs = useRef([]);
27
27
  const [currentFocusedColor, setCurrentFocusedColor] = useState(0);
28
28
  useEffect(() => {
29
29
  colorRefs.current = colorRefs.current.slice(0, palette.length);
30
- }, []);
30
+ }, [palette.length]);
31
31
  const memoizedHandleKeyDown = useCallback(e => {
32
32
  let newColorIndex = null;
33
33
  const nextColor = () => currentFocusedColor + 1 > palette.length - 1 ? 0 : currentFocusedColor + 1;
@@ -71,7 +71,7 @@ export default (({
71
71
  setCurrentFocusedColor(newColorIndex);
72
72
  const newRef = colorRefs.current[newColorIndex];
73
73
  newRef === null || newRef === void 0 ? void 0 : newRef.focus();
74
- }, [currentFocusedColor, setCurrentFocusedColor, colorRefs]);
74
+ }, [currentFocusedColor, setCurrentFocusedColor, colorRefs, palette.length]);
75
75
  return /*#__PURE__*/React.createElement("ul", {
76
76
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
77
77
  className: ax(["_19bvidpf _19pku2gc _2hwxu2gc _otyridpf _18u0u2gc _1e0c1txw _1n261g80", className]),
package/dist/esm/components/analytics.js CHANGED
@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
3
3
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
4
  export var ELEMENTS_CHANNEL = 'fabric-elements';
5
5
  var packageName = "@atlaskit/status";
6
- var packageVersion = "3.0.20";
6
+ var packageVersion = "3.0.22";
7
7
  export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
8
8
  return function (payload) {
9
9
  var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
package/dist/esm/components/internal/color-palette.js CHANGED
@@ -10,7 +10,6 @@ var paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler, #D
10
10
  var getPalette = function getPalette() {
11
11
  return fg('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
12
12
  };
13
- var palette = getPalette();
14
13
 
15
14
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
16
15
  var colorPaletteWrapperStyles = null;
@@ -26,6 +25,7 @@ export default (function (_ref) {
26
25
  selectedColor = _ref.selectedColor,
27
26
  className = _ref.className,
28
27
  onHover = _ref.onHover;
28
+ var palette = getPalette();
29
29
  var colorRefs = useRef([]);
30
30
  var _useState = useState(0),
31
31
  _useState2 = _slicedToArray(_useState, 2),
@@ -33,7 +33,7 @@ export default (function (_ref) {
33
33
  setCurrentFocusedColor = _useState2[1];
34
34
  useEffect(function () {
35
35
  colorRefs.current = colorRefs.current.slice(0, palette.length);
36
- }, []);
36
+ }, [palette.length]);
37
37
  var memoizedHandleKeyDown = useCallback(function (e) {
38
38
  var newColorIndex = null;
39
39
  var nextColor = function nextColor() {
@@ -81,7 +81,7 @@ export default (function (_ref) {
81
81
  setCurrentFocusedColor(newColorIndex);
82
82
  var newRef = colorRefs.current[newColorIndex];
83
83
  newRef === null || newRef === void 0 || newRef.focus();
84
- }, [currentFocusedColor, setCurrentFocusedColor, colorRefs]);
84
+ }, [currentFocusedColor, setCurrentFocusedColor, colorRefs, palette.length]);
85
85
  return /*#__PURE__*/React.createElement("ul", {
86
86
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
87
87
  className: ax(["_19bvidpf _19pku2gc _2hwxu2gc _otyridpf _18u0u2gc _1e0c1txw _1n261g80", className]),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/status",
3
- "version": "3.0.21",
3
+ "version": "3.0.23",
4
4
  "description": "Fabric Status React Components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
31
31
  "@atlaskit/icon": "^28.5.0",
32
32
  "@atlaskit/lozenge": "^13.0.0",
33
33
  "@atlaskit/platform-feature-flags": "^1.1.0",
34
- "@atlaskit/platform-feature-flags-react": "^0.3.0",
34
+ "@atlaskit/platform-feature-flags-react": "^0.4.0",
35
35
  "@atlaskit/primitives": "^16.0.0",
36
36
  "@atlaskit/textfield": "^8.0.0",
37
37
  "@atlaskit/tokens": "^7.0.0",
@@ -45,7 +45,7 @@
45
45
  "devDependencies": {
46
46
  "@af/visual-regression": "workspace:^",
47
47
  "@atlaskit/elements-test-helpers": "workspace:^",
48
- "@atlassian/feature-flags-test-utils": "^0.3.0",
48
+ "@atlassian/feature-flags-test-utils": "^1.0.0",
49
49
  "@testing-library/jest-dom": "^6.4.5",
50
50
  "@testing-library/react": "^13.4.0",
51
51
  "enzyme": "^3.10.0",
package/afm-dev-agents/tsconfig.json DELETED
@@ -1,51 +0,0 @@
1
- {
2
- "extends": "../../../../tsconfig.entry-points.dev-agents.json",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "outDir": "../../../../../dev-agents/tsDist/@atlaskit__status/app",
7
- "rootDir": "../",
8
- "composite": true
9
- },
10
- "include": [
11
- "../src/**/*.ts",
12
- "../src/**/*.tsx"
13
- ],
14
- "exclude": [
15
- "../src/**/__tests__/*",
16
- "../src/**/*.test.*",
17
- "../src/**/test.*",
18
- "../src/**/examples.*",
19
- "../src/**/examples/*",
20
- "../src/**/examples/**/*",
21
- "../src/**/*.stories.*",
22
- "../src/**/stories/*",
23
- "../src/**/stories/**/*"
24
- ],
25
- "references": [
26
- {
27
- "path": "../../../analytics/analytics-next/afm-dev-agents/tsconfig.json"
28
- },
29
- {
30
- "path": "../../../design-system/icon/afm-dev-agents/tsconfig.json"
31
- },
32
- {
33
- "path": "../../../design-system/lozenge/afm-dev-agents/tsconfig.json"
34
- },
35
- {
36
- "path": "../../../platform/feature-flags/afm-dev-agents/tsconfig.json"
37
- },
38
- {
39
- "path": "../../../platform/feature-flags-react/afm-dev-agents/tsconfig.json"
40
- },
41
- {
42
- "path": "../../../design-system/primitives/afm-dev-agents/tsconfig.json"
43
- },
44
- {
45
- "path": "../../../design-system/textfield/afm-dev-agents/tsconfig.json"
46
- },
47
- {
48
- "path": "../../../design-system/tokens/afm-dev-agents/tsconfig.json"
49
- }
50
- ]
51
- }
package/afm-passionfruit/tsconfig.json DELETED
@@ -1,51 +0,0 @@
1
- {
2
- "extends": "../../../../tsconfig.entry-points.passionfruit.json",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "outDir": "../../../../../passionfruit/tsDist/@atlaskit__status/app",
7
- "rootDir": "../",
8
- "composite": true
9
- },
10
- "include": [
11
- "../src/**/*.ts",
12
- "../src/**/*.tsx"
13
- ],
14
- "exclude": [
15
- "../src/**/__tests__/*",
16
- "../src/**/*.test.*",
17
- "../src/**/test.*",
18
- "../src/**/examples.*",
19
- "../src/**/examples/*",
20
- "../src/**/examples/**/*",
21
- "../src/**/*.stories.*",
22
- "../src/**/stories/*",
23
- "../src/**/stories/**/*"
24
- ],
25
- "references": [
26
- {
27
- "path": "../../../analytics/analytics-next/afm-passionfruit/tsconfig.json"
28
- },
29
- {
30
- "path": "../../../design-system/icon/afm-passionfruit/tsconfig.json"
31
- },
32
- {
33
- "path": "../../../design-system/lozenge/afm-passionfruit/tsconfig.json"
34
- },
35
- {
36
- "path": "../../../platform/feature-flags/afm-passionfruit/tsconfig.json"
37
- },
38
- {
39
- "path": "../../../platform/feature-flags-react/afm-passionfruit/tsconfig.json"
40
- },
41
- {
42
- "path": "../../../design-system/primitives/afm-passionfruit/tsconfig.json"
43
- },
44
- {
45
- "path": "../../../design-system/textfield/afm-passionfruit/tsconfig.json"
46
- },
47
- {
48
- "path": "../../../design-system/tokens/afm-passionfruit/tsconfig.json"
49
- }
50
- ]
51
- }
package/afm-rovo-extension/tsconfig.json DELETED
@@ -1,51 +0,0 @@
1
- {
2
- "extends": "../../../../tsconfig.entry-points.rovo-extension.json",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "outDir": "../../../../../rovo-extension/tsDist/@atlaskit__status/app",
7
- "rootDir": "../",
8
- "composite": true
9
- },
10
- "include": [
11
- "../src/**/*.ts",
12
- "../src/**/*.tsx"
13
- ],
14
- "exclude": [
15
- "../src/**/__tests__/*",
16
- "../src/**/*.test.*",
17
- "../src/**/test.*",
18
- "../src/**/examples.*",
19
- "../src/**/examples/*",
20
- "../src/**/examples/**/*",
21
- "../src/**/*.stories.*",
22
- "../src/**/stories/*",
23
- "../src/**/stories/**/*"
24
- ],
25
- "references": [
26
- {
27
- "path": "../../../analytics/analytics-next/afm-rovo-extension/tsconfig.json"
28
- },
29
- {
30
- "path": "../../../design-system/icon/afm-rovo-extension/tsconfig.json"
31
- },
32
- {
33
- "path": "../../../design-system/lozenge/afm-rovo-extension/tsconfig.json"
34
- },
35
- {
36
- "path": "../../../platform/feature-flags/afm-rovo-extension/tsconfig.json"
37
- },
38
- {
39
- "path": "../../../platform/feature-flags-react/afm-rovo-extension/tsconfig.json"
40
- },
41
- {
42
- "path": "../../../design-system/primitives/afm-rovo-extension/tsconfig.json"
43
- },
44
- {
45
- "path": "../../../design-system/textfield/afm-rovo-extension/tsconfig.json"
46
- },
47
- {
48
- "path": "../../../design-system/tokens/afm-rovo-extension/tsconfig.json"
49
- }
50
- ]
51
- }
package/afm-volt/tsconfig.json DELETED
@@ -1,51 +0,0 @@
1
- {
2
- "extends": "../../../../tsconfig.entry-points.volt.json",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "outDir": "../../../../../volt/tsDist/@atlaskit__status/app",
7
- "rootDir": "../",
8
- "composite": true
9
- },
10
- "include": [
11
- "../src/**/*.ts",
12
- "../src/**/*.tsx"
13
- ],
14
- "exclude": [
15
- "../src/**/__tests__/*",
16
- "../src/**/*.test.*",
17
- "../src/**/test.*",
18
- "../src/**/examples.*",
19
- "../src/**/examples/*",
20
- "../src/**/examples/**/*",
21
- "../src/**/*.stories.*",
22
- "../src/**/stories/*",
23
- "../src/**/stories/**/*"
24
- ],
25
- "references": [
26
- {
27
- "path": "../../../analytics/analytics-next/afm-volt/tsconfig.json"
28
- },
29
- {
30
- "path": "../../../design-system/icon/afm-volt/tsconfig.json"
31
- },
32
- {
33
- "path": "../../../design-system/lozenge/afm-volt/tsconfig.json"
34
- },
35
- {
36
- "path": "../../../platform/feature-flags/afm-volt/tsconfig.json"
37
- },
38
- {
39
- "path": "../../../platform/feature-flags-react/afm-volt/tsconfig.json"
40
- },
41
- {
42
- "path": "../../../design-system/primitives/afm-volt/tsconfig.json"
43
- },
44
- {
45
- "path": "../../../design-system/textfield/afm-volt/tsconfig.json"
46
- },
47
- {
48
- "path": "../../../design-system/tokens/afm-volt/tsconfig.json"
49
- }
50
- ]
51
- }