@atlaskit/editor-toolbar 2.8.36 → 2.8.37
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 +6 -0
- package/dist/cjs/ui/ColorPalette/index.js +4 -3
- package/dist/cjs/ui/ResponsiveContainer.js +3 -3
- package/dist/cjs/ui/ToolbarButton.js +2 -2
- package/dist/cjs/ui/ToolbarButtonGroup.js +2 -2
- package/dist/es2019/ui/ColorPalette/index.js +2 -1
- package/dist/es2019/ui/ResponsiveContainer.js +1 -1
- package/dist/es2019/ui/ToolbarButton.js +1 -1
- package/dist/es2019/ui/ToolbarButtonGroup.js +1 -1
- package/dist/esm/ui/ColorPalette/index.js +2 -1
- package/dist/esm/ui/ResponsiveContainer.js +1 -1
- package/dist/esm/ui/ToolbarButton.js +1 -1
- package/dist/esm/ui/ToolbarButtonGroup.js +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -10,7 +10,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _chromatism = _interopRequireDefault(require("chromatism"));
|
|
11
11
|
var _reactIntl = require("react-intl");
|
|
12
12
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
13
|
-
var
|
|
13
|
+
var _grid = require("@atlaskit/primitives/compiled/grid");
|
|
14
|
+
var _inline = require("@atlaskit/primitives/compiled/inline");
|
|
14
15
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
15
16
|
var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
|
|
16
17
|
var _Color = require("./Color");
|
|
@@ -258,12 +259,12 @@ var ColorPalette = function ColorPalette(_ref) {
|
|
|
258
259
|
}
|
|
259
260
|
}
|
|
260
261
|
}, [colorsPerRow, focusColorAt, onClick, onKeyDown]);
|
|
261
|
-
var paletteGrid = /*#__PURE__*/_react.default.createElement(
|
|
262
|
+
var paletteGrid = /*#__PURE__*/_react.default.createElement(_grid.Grid, {
|
|
262
263
|
gap: gap,
|
|
263
264
|
ref: paletteRef,
|
|
264
265
|
role: (0, _fg.fg)('platform_editor_a11y_color_palette_radiogroup') ? 'presentation' : 'group'
|
|
265
266
|
}, colorsPerRow.map(function (row, rowIndex) {
|
|
266
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
267
|
+
return /*#__PURE__*/_react.default.createElement(_inline.Inline, {
|
|
267
268
|
space: shouldUseInlineColorGap ? gap : undefined,
|
|
268
269
|
rowSpace: shouldUseInlineColorGap ? undefined : gap,
|
|
269
270
|
key: "row-first-color-".concat(row[0].value),
|
|
@@ -14,7 +14,7 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
14
14
|
var _react = _interopRequireDefault(require("react"));
|
|
15
15
|
var _css = require("@atlaskit/css");
|
|
16
16
|
var _unsafeExpValNoExposure = require("@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure");
|
|
17
|
-
var
|
|
17
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
18
18
|
var styles = {
|
|
19
19
|
responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
|
|
20
20
|
responsiveContainerFullPage: "_1bsb1ns9 _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
|
|
@@ -89,7 +89,7 @@ var ResponsiveContainer = exports.ResponsiveContainer = function ResponsiveConta
|
|
|
89
89
|
var children = _ref.children,
|
|
90
90
|
breakpointPreset = _ref.breakpointPreset;
|
|
91
91
|
var isUpdatedConfig = breakpointPreset === 'fullpage' && (0, _unsafeExpValNoExposure.UNSAFE_expValNoExposure)('platform_editor_ai_content_suggested_edits', 'isEnabled', false);
|
|
92
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
92
|
+
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
93
93
|
xcss: (0, _css.cx)(breakpointPreset === 'fullpage' ? styles.responsiveContainerFullPage : styles.responsiveContainer, isUpdatedConfig ? updatedPresetStyleMap[breakpointPreset] : presetStyleMap[breakpointPreset])
|
|
94
94
|
}, children);
|
|
95
95
|
};
|
|
@@ -99,7 +99,7 @@ var ResponsiveContainer = exports.ResponsiveContainer = function ResponsiveConta
|
|
|
99
99
|
*/
|
|
100
100
|
var ResponsiveWrapper = exports.ResponsiveWrapper = function ResponsiveWrapper(_ref2) {
|
|
101
101
|
var children = _ref2.children;
|
|
102
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
102
|
+
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
103
103
|
xcss: styles.responsiveRulesWrapper
|
|
104
104
|
}, children);
|
|
105
105
|
};
|
|
@@ -10,7 +10,7 @@ require("./ToolbarButton.compiled.css");
|
|
|
10
10
|
var _runtime = require("@compiled/react/runtime");
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _css = require("@atlaskit/css");
|
|
13
|
-
var
|
|
13
|
+
var _pressable = require("@atlaskit/primitives/compiled/pressable");
|
|
14
14
|
var _uiContext = require("../hooks/ui-context");
|
|
15
15
|
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); }
|
|
16
16
|
var styles = {
|
|
@@ -43,7 +43,7 @@ var ToolbarButton = exports.ToolbarButton = /*#__PURE__*/(0, _react.forwardRef)(
|
|
|
43
43
|
disabledWithoutInteractionLogic = _useToolbarUI.disabledWithoutInteractionLogic;
|
|
44
44
|
// When ignoreInteractionDisabled=true, only use the disabled state without the interaction check
|
|
45
45
|
var disabled = Boolean((ignoreInteractionDisabled ? disabledWithoutInteractionLogic : ctxDisabled) || isDisabled);
|
|
46
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
46
|
+
return /*#__PURE__*/_react.default.createElement(_pressable.Pressable, {
|
|
47
47
|
ref: ref,
|
|
48
48
|
xcss: (0, _css.cx)(styles.button, disabled ? styles.disabled : isSelected ? styles.selected : styles.enabled),
|
|
49
49
|
"aria-pressed": Boolean(ariaHasPopup) ? undefined // No aria-pressed for dropdown buttons
|
|
@@ -10,7 +10,7 @@ require("./ToolbarButtonGroup.compiled.css");
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var React = _react;
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var
|
|
13
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
14
14
|
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); }
|
|
15
15
|
var styles = {
|
|
16
16
|
container: "_zulpv77o _1e0c1txw _1gt41dpa",
|
|
@@ -25,7 +25,7 @@ var ToolbarButtonGroup = exports.ToolbarButtonGroup = function ToolbarButtonGrou
|
|
|
25
25
|
var firstChild = items[0];
|
|
26
26
|
var lastChild = items[items.length - 1];
|
|
27
27
|
var middleChildren = items.slice(1, -1);
|
|
28
|
-
return /*#__PURE__*/React.createElement(
|
|
28
|
+
return /*#__PURE__*/React.createElement(_box.Box, {
|
|
29
29
|
xcss: styles.container,
|
|
30
30
|
"data-toolbar-component": "button-group"
|
|
31
31
|
}, items.length <= 1 ? children : /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
@@ -2,7 +2,8 @@ import React, { useMemo, useCallback, useRef, useEffect } from 'react';
|
|
|
2
2
|
import chromatism from 'chromatism';
|
|
3
3
|
import { useIntl } from 'react-intl';
|
|
4
4
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
5
|
-
import { Grid
|
|
5
|
+
import { Grid } from '@atlaskit/primitives/compiled/grid';
|
|
6
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
6
7
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
7
8
|
import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
|
|
8
9
|
import { Color } from './Color';
|
|
@@ -7,7 +7,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { cx } from '@atlaskit/css';
|
|
9
9
|
import { UNSAFE_expValNoExposure } from '@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure';
|
|
10
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
10
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
11
11
|
const styles = {
|
|
12
12
|
responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
|
|
13
13
|
responsiveContainerFullPage: "_1bsb1ns9 _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
|
|
@@ -3,7 +3,7 @@ import "./ToolbarButton.compiled.css";
|
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { forwardRef } from 'react';
|
|
5
5
|
import { cx } from '@atlaskit/css';
|
|
6
|
-
import { Pressable } from '@atlaskit/primitives/compiled';
|
|
6
|
+
import { Pressable } from '@atlaskit/primitives/compiled/pressable';
|
|
7
7
|
import { useToolbarUI } from '../hooks/ui-context';
|
|
8
8
|
const styles = {
|
|
9
9
|
button: "_zulp12x7 _2rko12b0 _11c8fhey _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h _syazazsu _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
|
|
@@ -3,7 +3,7 @@ import "./ToolbarButtonGroup.compiled.css";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { Children, Fragment } from 'react';
|
|
6
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
6
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
7
7
|
const styles = {
|
|
8
8
|
container: "_zulpv77o _1e0c1txw _1gt41dpa",
|
|
9
9
|
firstChild: "_19pe12x7 _1qq0idpf _3nesidpf",
|
|
@@ -2,7 +2,8 @@ import React, { useMemo, useCallback, useRef, useEffect } from 'react';
|
|
|
2
2
|
import chromatism from 'chromatism';
|
|
3
3
|
import { useIntl } from 'react-intl';
|
|
4
4
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
5
|
-
import { Grid
|
|
5
|
+
import { Grid } from '@atlaskit/primitives/compiled/grid';
|
|
6
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
6
7
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
7
8
|
import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
|
|
8
9
|
import { Color } from './Color';
|
|
@@ -7,7 +7,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { cx } from '@atlaskit/css';
|
|
9
9
|
import { UNSAFE_expValNoExposure } from '@atlaskit/platform-feature-experiments/unsafe-exp-val-no-exposure';
|
|
10
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
10
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
11
11
|
var styles = {
|
|
12
12
|
responsiveContainer: "_1bsb1osq _7cca15wb _1f38ptqj _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
|
|
13
13
|
responsiveContainerFullPage: "_1bsb1ns9 _1bx91ule _1ehg1ule _1onx1ule _1xt01ule _zg9wglyw _1a2cglyw _sum2glyw _1vtcglyw _1ir3glyw _1vp2glyw _1eadglyw _a6zzglyw",
|
|
@@ -3,7 +3,7 @@ import "./ToolbarButton.compiled.css";
|
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { forwardRef } from 'react';
|
|
5
5
|
import { cx } from '@atlaskit/css';
|
|
6
|
-
import { Pressable } from '@atlaskit/primitives/compiled';
|
|
6
|
+
import { Pressable } from '@atlaskit/primitives/compiled/pressable';
|
|
7
7
|
import { useToolbarUI } from '../hooks/ui-context';
|
|
8
8
|
var styles = {
|
|
9
9
|
button: "_zulp12x7 _2rko12b0 _11c8fhey _1e0c1txw _bfhksm61 _o5721q9c _4cvr1h6o _1bah1h6o _1tke1f4h _syazazsu _19bvu2gc _u5f3u2gc _1ah3idpf _g0pbkb7n _oh03h2mm",
|
|
@@ -3,7 +3,7 @@ import "./ToolbarButtonGroup.compiled.css";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { Children, Fragment } from 'react';
|
|
6
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
6
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
7
7
|
var styles = {
|
|
8
8
|
container: "_zulpv77o _1e0c1txw _1gt41dpa",
|
|
9
9
|
firstChild: "_19pe12x7 _1qq0idpf _3nesidpf",
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"registry": "https://registry.npmjs.org/"
|
|
5
5
|
},
|
|
6
|
-
"version": "2.8.
|
|
6
|
+
"version": "2.8.37",
|
|
7
7
|
"description": "Common UI for Toolbars across the platform",
|
|
8
8
|
"atlassian": {
|
|
9
9
|
"website": {
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"@atlaskit/menu": "^11.0.0",
|
|
43
43
|
"@atlaskit/platform-feature-experiments": "^0.3.0",
|
|
44
44
|
"@atlaskit/platform-feature-flags": "^2.2.0",
|
|
45
|
-
"@atlaskit/popup": "^
|
|
45
|
+
"@atlaskit/popup": "^10.0.0",
|
|
46
46
|
"@atlaskit/primitives": "^22.6.0",
|
|
47
47
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
48
48
|
"@atlaskit/tmp-editor-statsig": "^240.0.0",
|