@atlaskit/status 5.8.24 → 5.8.26
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 +12 -0
- package/dist/cjs/components/Status.js +3 -3
- package/dist/cjs/components/StatusPicker.js +2 -2
- package/dist/cjs/components/analytics.js +1 -1
- package/dist/cjs/components/internal/color-palette.js +3 -3
- package/dist/es2019/components/Status.js +2 -2
- package/dist/es2019/components/StatusPicker.js +1 -1
- package/dist/es2019/components/analytics.js +1 -1
- package/dist/es2019/components/internal/color-palette.js +1 -1
- package/dist/esm/components/Status.js +2 -2
- package/dist/esm/components/StatusPicker.js +1 -1
- package/dist/esm/components/analytics.js +1 -1
- package/dist/esm/components/internal/color-palette.js +1 -1
- package/dist/types/components/Status.d.ts +1 -1
- package/dist/types/components/analytics.d.ts +2 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -17,8 +17,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
17
17
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
18
18
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
19
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
20
|
-
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
21
|
-
var
|
|
20
|
+
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge/lozenge"));
|
|
21
|
+
var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
|
|
22
22
|
var _analytics = require("./analytics");
|
|
23
23
|
var _constants = require("./constants");
|
|
24
24
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -129,7 +129,7 @@ var StatusInternal = /*#__PURE__*/function (_PureComponent) {
|
|
|
129
129
|
}]);
|
|
130
130
|
}(_react.PureComponent);
|
|
131
131
|
(0, _defineProperty2.default)(StatusInternal, "displayName", 'StatusInternal');
|
|
132
|
-
var Status = exports.Status = (0,
|
|
132
|
+
var Status = exports.Status = (0, _withAnalyticsEvents.default)({
|
|
133
133
|
onClick: function onClick(createEvent, props) {
|
|
134
134
|
var localId = props.localId;
|
|
135
135
|
return (0, _analytics.createStatusAnalyticsAndFire)(createEvent)({
|
|
@@ -15,7 +15,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
15
15
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
16
16
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
18
|
-
var
|
|
18
|
+
var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
|
|
19
19
|
var _react = _interopRequireWildcard(require("react"));
|
|
20
20
|
var _reactIntl = require("react-intl");
|
|
21
21
|
var _colorPalette = _interopRequireDefault(require("./internal/color-palette"));
|
|
@@ -77,7 +77,7 @@ var Picker = /*#__PURE__*/function (_PureComponent) {
|
|
|
77
77
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
78
78
|
key: this.fieldTextWrapperKey,
|
|
79
79
|
className: (0, _runtime.ax)(["_19pkidpf _otyridpf _2hwxu2gc _18u0u2gc _n6341ihb"])
|
|
80
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
80
|
+
}, /*#__PURE__*/_react.default.createElement(_textField.default, {
|
|
81
81
|
value: text,
|
|
82
82
|
isCompact: true,
|
|
83
83
|
ref: this.handleInputRef,
|
|
@@ -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 = "5.8.
|
|
13
|
+
var packageVersion = "5.8.25";
|
|
14
14
|
var createStatusAnalyticsAndFire = exports.createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
|
|
15
15
|
return function (payload) {
|
|
16
16
|
var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
|
|
@@ -11,7 +11,7 @@ require("./color-palette.compiled.css");
|
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
|
-
var
|
|
14
|
+
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
15
15
|
var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
|
|
16
16
|
var _color = _interopRequireDefault(require("./color"));
|
|
17
17
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -19,7 +19,7 @@ var paletteLegacy = [['neutral', "var(--ds-background-neutral, #0515240F)", "var
|
|
|
19
19
|
var paletteRefreshed = [['neutral', "var(--ds-background-accent-gray-subtler, #DDDEE1)", "var(--ds-border-bold, #7D818A)", "var(--ds-icon, #292A2E)"], ['blue', "var(--ds-background-information-pressed, #ADCBFB)", "var(--ds-border-information, #357DE8)", "var(--ds-icon, #292A2E)"], ['green', "var(--ds-background-success-pressed, #BDE97C)", "var(--ds-border-success, #6A9A23)", "var(--ds-icon, #292A2E)"], ['yellow', "var(--ds-background-warning-pressed, #FBD779)", "var(--ds-border-warning, #E06C00)", "var(--ds-icon, #292A2E)"], ['red', "var(--ds-background-danger-pressed, #FFB8B2)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon, #292A2E)"], ['purple', "var(--ds-background-discovery-pressed, #E3BDFA)", "var(--ds-border-discovery, #AF59E1)", "var(--ds-icon, #292A2E)"]];
|
|
20
20
|
var paletteTeam26 = [['neutral', "var(--ds-background-neutral, #0515240F)", '#CACBCF', '#63666B', "var(--ds-icon, #292A2E)"], ['blue', "var(--ds-background-information-subtler, #CFE1FD)", '#8FB8F6', '#1558BC', "var(--ds-icon, #292A2E)"], ['green', "var(--ds-background-success-subtler, #D3F1A7)", '#B3DF72', '#4C6B1F', "var(--ds-icon, #292A2E)"], ['yellow', "var(--ds-background-warning-subtler, #FCE4A6)", '#FBC828', '#9E4C00', "var(--ds-icon, #292A2E)"], ['red', "var(--ds-background-danger-subtler, #FFD5D2)", '#FD9891', '#AE2E24', "var(--ds-icon, #292A2E)"], ['purple', "var(--ds-background-discovery-subtler, #EED7FC)", '#D8A0F7', '#803FA5', "var(--ds-icon, #292A2E)"]];
|
|
21
21
|
var getPalette = function getPalette(colorMode) {
|
|
22
|
-
if ((0,
|
|
22
|
+
if ((0, _fg.fg)('platform-dst-lozenge-tag-badge-visual-uplifts')) {
|
|
23
23
|
var isDark = colorMode === 'dark';
|
|
24
24
|
return paletteTeam26.map(function (_ref) {
|
|
25
25
|
var _ref2 = (0, _slicedToArray2.default)(_ref, 5),
|
|
@@ -31,7 +31,7 @@ var getPalette = function getPalette(colorMode) {
|
|
|
31
31
|
return [colorValue, backgroundColor, isDark ? darkBorderColor : lightBorderColor, iconColor];
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
|
-
return (0,
|
|
34
|
+
return (0, _fg.fg)('platform-component-visual-refresh') ? paletteRefreshed : paletteLegacy;
|
|
35
35
|
};
|
|
36
36
|
|
|
37
37
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
|
|
@@ -4,8 +4,8 @@ import "./Status.compiled.css";
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { ax, ix } from "@compiled/react/runtime";
|
|
6
6
|
import { PureComponent } from 'react';
|
|
7
|
-
import Lozenge from '@atlaskit/lozenge';
|
|
8
|
-
import
|
|
7
|
+
import Lozenge from '@atlaskit/lozenge/lozenge';
|
|
8
|
+
import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
9
9
|
import { createStatusAnalyticsAndFire } from './analytics';
|
|
10
10
|
import { ANALYTICS_HOVER_DELAY } from './constants';
|
|
11
11
|
const colorToLozengeAppearanceMap = {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import "./StatusPicker.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import TextField from '@atlaskit/textfield';
|
|
5
|
+
import TextField from '@atlaskit/textfield/text-field';
|
|
6
6
|
import React, { PureComponent } from 'react';
|
|
7
7
|
import { injectIntl } from 'react-intl';
|
|
8
8
|
import ColorPalette from './internal/color-palette';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const ELEMENTS_CHANNEL = 'fabric-elements';
|
|
2
2
|
const packageName = "@atlaskit/status";
|
|
3
|
-
const packageVersion = "5.8.
|
|
3
|
+
const packageVersion = "5.8.25";
|
|
4
4
|
export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
|
|
5
5
|
const statusPayload = {
|
|
6
6
|
...payload,
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import "./color-palette.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useEffect, useRef, useCallback } from 'react';
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
6
6
|
import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
|
|
7
7
|
import Color from './color';
|
|
8
8
|
const paletteLegacy = [['neutral', "var(--ds-background-neutral, #0515240F)", "var(--ds-border-bold, #7D818A)", "var(--ds-icon, #292A2E)"], ['purple', "var(--ds-background-discovery, #F8EEFE)", "var(--ds-border-discovery, #AF59E1)", "var(--ds-icon-discovery, #AF59E1)"], ['blue', "var(--ds-background-information, #E9F2FE)", "var(--ds-border-information, #357DE8)", "var(--ds-icon-information, #357DE8)"], ['red', "var(--ds-background-danger, #FFECEB)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon-danger, #C9372C)"], ['yellow', "var(--ds-background-warning, #FFF5DB)", "var(--ds-border-warning, #E06C00)", "var(--ds-icon-warning, #E06C00)"], ['green', "var(--ds-background-success, #EFFFD6)", "var(--ds-border-success, #6A9A23)", "var(--ds-icon-success, #6A9A23)"]];
|
|
@@ -11,8 +11,8 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
11
11
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
12
12
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
13
13
|
import { PureComponent } from 'react';
|
|
14
|
-
import Lozenge from '@atlaskit/lozenge';
|
|
15
|
-
import
|
|
14
|
+
import Lozenge from '@atlaskit/lozenge/lozenge';
|
|
15
|
+
import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
16
16
|
import { createStatusAnalyticsAndFire } from './analytics';
|
|
17
17
|
import { ANALYTICS_HOVER_DELAY } from './constants';
|
|
18
18
|
var colorToLozengeAppearanceMap = {
|
|
@@ -9,7 +9,7 @@ import "./StatusPicker.compiled.css";
|
|
|
9
9
|
import { ax, ix } from "@compiled/react/runtime";
|
|
10
10
|
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
11
11
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12
|
-
import TextField from '@atlaskit/textfield';
|
|
12
|
+
import TextField from '@atlaskit/textfield/text-field';
|
|
13
13
|
import React, { PureComponent } from 'react';
|
|
14
14
|
import { injectIntl } from 'react-intl';
|
|
15
15
|
import ColorPalette from './internal/color-palette';
|
|
@@ -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 = "5.8.
|
|
6
|
+
var packageVersion = "5.8.25";
|
|
7
7
|
export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
|
|
8
8
|
return function (payload) {
|
|
9
9
|
var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
|
|
@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
3
3
|
import "./color-palette.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React, { useEffect, useRef, useCallback } from 'react';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
7
7
|
import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
|
|
8
8
|
import Color from './color';
|
|
9
9
|
var paletteLegacy = [['neutral', "var(--ds-background-neutral, #0515240F)", "var(--ds-border-bold, #7D818A)", "var(--ds-icon, #292A2E)"], ['purple', "var(--ds-background-discovery, #F8EEFE)", "var(--ds-border-discovery, #AF59E1)", "var(--ds-icon-discovery, #AF59E1)"], ['blue', "var(--ds-background-information, #E9F2FE)", "var(--ds-border-information, #357DE8)", "var(--ds-icon-information, #357DE8)"], ['red', "var(--ds-background-danger, #FFECEB)", "var(--ds-border-danger, #E2483D)", "var(--ds-icon-danger, #C9372C)"], ['yellow', "var(--ds-background-warning, #FFF5DB)", "var(--ds-border-warning, #E06C00)", "var(--ds-icon-warning, #E06C00)"], ['green', "var(--ds-background-success, #EFFFD6)", "var(--ds-border-success, #6A9A23)", "var(--ds-icon-success, #6A9A23)"]];
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* @jsx jsx
|
|
4
4
|
*/
|
|
5
5
|
import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
|
|
6
|
-
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
6
|
+
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
7
7
|
export type Color = 'neutral' | 'purple' | 'blue' | 'red' | 'yellow' | 'green';
|
|
8
8
|
export type StatusStyle = 'bold' | 'subtle';
|
|
9
9
|
export interface OwnProps {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
|
|
2
|
+
import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
|
|
2
3
|
export declare const ELEMENTS_CHANNEL = "fabric-elements";
|
|
3
4
|
type EventPayload = {
|
|
4
5
|
action: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/status",
|
|
3
|
-
"version": "5.8.
|
|
3
|
+
"version": "5.8.26",
|
|
4
4
|
"description": "Fabric Status React Components",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"@atlaskit/primitives": "^22.4.0",
|
|
52
52
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
53
53
|
"@atlaskit/textfield": "^10.1.0",
|
|
54
|
-
"@atlaskit/tmp-editor-statsig": "^
|
|
54
|
+
"@atlaskit/tmp-editor-statsig": "^160.0.0",
|
|
55
55
|
"@atlaskit/tokens": "^16.8.0",
|
|
56
56
|
"@babel/runtime": "^7.0.0",
|
|
57
57
|
"@compiled/react": "^1.0.2"
|