@atlaskit/editor-toolbar 0.8.7 → 0.9.1
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 +18 -0
- package/dist/cjs/hooks/ui-context.js +6 -3
- package/dist/cjs/ui/Toolbar.js +7 -2
- package/dist/cjs/ui/ToolbarDropdownMenu.js +1 -1
- package/dist/cjs/ui/ToolbarNestedDropdownMenu.js +6 -2
- package/dist/cjs/ui/ViewEventEmitter.js +33 -0
- package/dist/cjs/ui/icons/AIChatIcon.js +3 -1
- package/dist/es2019/hooks/ui-context.js +6 -3
- package/dist/es2019/ui/Toolbar.js +7 -2
- package/dist/es2019/ui/ToolbarDropdownMenu.js +1 -1
- package/dist/es2019/ui/ToolbarNestedDropdownMenu.js +6 -2
- package/dist/es2019/ui/ViewEventEmitter.js +29 -0
- package/dist/es2019/ui/icons/AIChatIcon.js +10 -1
- package/dist/esm/hooks/ui-context.js +6 -3
- package/dist/esm/ui/Toolbar.js +7 -2
- package/dist/esm/ui/ToolbarDropdownMenu.js +1 -1
- package/dist/esm/ui/ToolbarNestedDropdownMenu.js +6 -2
- package/dist/esm/ui/ViewEventEmitter.js +27 -0
- package/dist/esm/ui/icons/AIChatIcon.js +3 -1
- package/dist/types/hooks/ui-context.d.ts +9 -1
- package/dist/types/ui/Toolbar.d.ts +3 -2
- package/dist/types/ui/ToolbarDropdownMenu.d.ts +1 -1
- package/dist/types/ui/ToolbarNestedDropdownMenu.d.ts +2 -1
- package/dist/types/ui/ToolbarTooltip.d.ts +1 -1
- package/dist/types/ui/ViewEventEmitter.d.ts +12 -0
- package/dist/types-ts4.5/hooks/ui-context.d.ts +9 -1
- package/dist/types-ts4.5/ui/Toolbar.d.ts +3 -2
- package/dist/types-ts4.5/ui/ToolbarDropdownMenu.d.ts +1 -1
- package/dist/types-ts4.5/ui/ToolbarNestedDropdownMenu.d.ts +2 -1
- package/dist/types-ts4.5/ui/ToolbarTooltip.d.ts +1 -1
- package/dist/types-ts4.5/ui/ViewEventEmitter.d.ts +12 -0
- package/package.json +10 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/editor-toolbar
|
|
2
2
|
|
|
3
|
+
## 0.9.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`dc592a66e5d2a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dc592a66e5d2a) -
|
|
8
|
+
Updated the rovo icon to the latest svg graphic
|
|
9
|
+
|
|
10
|
+
## 0.9.0
|
|
11
|
+
|
|
12
|
+
### Minor Changes
|
|
13
|
+
|
|
14
|
+
- [`553afc302139b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/553afc302139b) -
|
|
15
|
+
Add analytic emitter component which fires an event when dropdowns are viewed
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 0.8.7
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -11,7 +11,8 @@ var ToolbarUIContext = /*#__PURE__*/(0, _react.createContext)({
|
|
|
11
11
|
onDropdownOpenChanged: function onDropdownOpenChanged() {},
|
|
12
12
|
preventDefaultOnMouseDown: false,
|
|
13
13
|
isDisabled: false,
|
|
14
|
-
popupsMountPoint: undefined
|
|
14
|
+
popupsMountPoint: undefined,
|
|
15
|
+
fireAnalyticsEvent: undefined
|
|
15
16
|
});
|
|
16
17
|
|
|
17
18
|
/**
|
|
@@ -31,7 +32,8 @@ var ToolbarUIProvider = exports.ToolbarUIProvider = function ToolbarUIProvider(_
|
|
|
31
32
|
isDisabled = _ref.isDisabled,
|
|
32
33
|
popupsMountPoint = _ref.popupsMountPoint,
|
|
33
34
|
popupsBoundariesElement = _ref.popupsBoundariesElement,
|
|
34
|
-
popupsScrollableElement = _ref.popupsScrollableElement
|
|
35
|
+
popupsScrollableElement = _ref.popupsScrollableElement,
|
|
36
|
+
fireAnalyticsEvent = _ref.fireAnalyticsEvent;
|
|
35
37
|
return /*#__PURE__*/_react.default.createElement(ToolbarUIContext.Provider, {
|
|
36
38
|
value: {
|
|
37
39
|
onDropdownOpenChanged: onDropdownOpenChanged,
|
|
@@ -39,7 +41,8 @@ var ToolbarUIProvider = exports.ToolbarUIProvider = function ToolbarUIProvider(_
|
|
|
39
41
|
isDisabled: isDisabled,
|
|
40
42
|
popupsMountPoint: popupsMountPoint,
|
|
41
43
|
popupsBoundariesElement: popupsBoundariesElement,
|
|
42
|
-
popupsScrollableElement: popupsScrollableElement
|
|
44
|
+
popupsScrollableElement: popupsScrollableElement,
|
|
45
|
+
fireAnalyticsEvent: fireAnalyticsEvent
|
|
43
46
|
}
|
|
44
47
|
}, children);
|
|
45
48
|
};
|
package/dist/cjs/ui/Toolbar.js
CHANGED
|
@@ -15,6 +15,7 @@ var _css = require("@atlaskit/css");
|
|
|
15
15
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
16
16
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
17
17
|
var _ResponsiveContainer = require("./ResponsiveContainer");
|
|
18
|
+
var _ViewEventEmitter = require("./ViewEventEmitter");
|
|
18
19
|
var styles = {
|
|
19
20
|
toolbarBase: "_2rko1qi0 _zulp1b66 _1e0c1txw _4cvr1h6o",
|
|
20
21
|
toolbar: "_bfhk1bhr _4t3i14no _u5f31b66 _19bv1b66 _16qs1cd0",
|
|
@@ -29,13 +30,17 @@ var styles = {
|
|
|
29
30
|
*/
|
|
30
31
|
var Toolbar = exports.Toolbar = function Toolbar(_ref) {
|
|
31
32
|
var children = _ref.children,
|
|
32
|
-
label = _ref.label
|
|
33
|
+
label = _ref.label,
|
|
34
|
+
actionSubjectId = _ref.actionSubjectId;
|
|
33
35
|
var isResponsiveEnabled = (0, _expValEquals.expValEquals)('platform_editor_aifc_selection_toolbar_responsive', 'isEnabled', true);
|
|
34
36
|
var toolbar = /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
35
37
|
xcss: (0, _css.cx)(styles.toolbarBase, styles.toolbar, isResponsiveEnabled && styles.toolbarResponsive, (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) && styles.hiddenSelectors),
|
|
36
38
|
role: "toolbar",
|
|
37
39
|
"aria-label": label
|
|
38
|
-
},
|
|
40
|
+
}, (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_toolbar_analytic', 'isEnabled', true) ? /*#__PURE__*/_react.default.createElement(_ViewEventEmitter.ViewEventEmitter, {
|
|
41
|
+
actionSubject: _ViewEventEmitter.ACTION_SUBJECT.TOOLBAR,
|
|
42
|
+
actionSubjectId: actionSubjectId
|
|
43
|
+
}) : null, children);
|
|
39
44
|
if (isResponsiveEnabled) {
|
|
40
45
|
return /*#__PURE__*/_react.default.createElement(_ResponsiveContainer.ResponsiveWrapper, null, toolbar);
|
|
41
46
|
} else {
|
|
@@ -56,9 +56,9 @@ var ToolbarDropdownMenuContent = function ToolbarDropdownMenuContent(_ref) {
|
|
|
56
56
|
"aria-controls": triggerProps['aria-controls'],
|
|
57
57
|
onBlur: triggerProps.onBlur,
|
|
58
58
|
onClick: function onClick(e) {
|
|
59
|
+
_onClick && _onClick(e, !(menuContext !== null && menuContext !== void 0 && menuContext.isOpen));
|
|
59
60
|
handleClick();
|
|
60
61
|
triggerProps.onClick && triggerProps.onClick(e);
|
|
61
|
-
_onClick && _onClick(e);
|
|
62
62
|
},
|
|
63
63
|
onFocus: triggerProps.onFocus,
|
|
64
64
|
testId: testId,
|
|
@@ -27,7 +27,8 @@ var ToolbarNestedDropdownMenu = exports.ToolbarNestedDropdownMenu = function Too
|
|
|
27
27
|
isDisabled = _ref.isDisabled,
|
|
28
28
|
testId = _ref.testId,
|
|
29
29
|
_ref$enableMaxHeight = _ref.enableMaxHeight,
|
|
30
|
-
enableMaxHeight = _ref$enableMaxHeight === void 0 ? false : _ref$enableMaxHeight
|
|
30
|
+
enableMaxHeight = _ref$enableMaxHeight === void 0 ? false : _ref$enableMaxHeight,
|
|
31
|
+
_onClick = _ref.onClick;
|
|
31
32
|
return /*#__PURE__*/React.createElement(_dropdownMenu.default, {
|
|
32
33
|
placement: "right-start",
|
|
33
34
|
trigger: function trigger(triggerProps) {
|
|
@@ -35,7 +36,10 @@ var ToolbarNestedDropdownMenu = exports.ToolbarNestedDropdownMenu = function Too
|
|
|
35
36
|
elemBefore: elemBefore,
|
|
36
37
|
elemAfter: elemAfter,
|
|
37
38
|
isSelected: triggerProps.isSelected,
|
|
38
|
-
onClick:
|
|
39
|
+
onClick: function onClick(e) {
|
|
40
|
+
_onClick && _onClick(e);
|
|
41
|
+
triggerProps.onClick && triggerProps.onClick(e);
|
|
42
|
+
},
|
|
39
43
|
testId: testId,
|
|
40
44
|
triggerRef: triggerProps.triggerRef,
|
|
41
45
|
hasNestedDropdownMenu: true,
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ViewEventEmitter = exports.ACTION_SUBJECT = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _uiContext = require("../hooks/ui-context");
|
|
9
|
+
var ACTION_SUBJECT = exports.ACTION_SUBJECT = {
|
|
10
|
+
TOOLBAR: 'toolbar',
|
|
11
|
+
TOOLBAR_DROPDOWN_MENU: 'toolbarDropdownMenu'
|
|
12
|
+
};
|
|
13
|
+
var ViewEventEmitter = exports.ViewEventEmitter = function ViewEventEmitter(_ref) {
|
|
14
|
+
var actionSubjectId = _ref.actionSubjectId,
|
|
15
|
+
actionSubject = _ref.actionSubject;
|
|
16
|
+
var isMountedRef = (0, _react.useRef)(false);
|
|
17
|
+
var _useToolbarUI = (0, _uiContext.useToolbarUI)(),
|
|
18
|
+
fireAnalyticsEvent = _useToolbarUI.fireAnalyticsEvent;
|
|
19
|
+
(0, _react.useEffect)(function () {
|
|
20
|
+
if (isMountedRef.current) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
isMountedRef.current = true;
|
|
24
|
+
var payload = {
|
|
25
|
+
action: 'viewed',
|
|
26
|
+
actionSubject: actionSubject,
|
|
27
|
+
actionSubjectId: actionSubjectId,
|
|
28
|
+
eventType: 'ui'
|
|
29
|
+
};
|
|
30
|
+
fireAnalyticsEvent && fireAnalyticsEvent(payload);
|
|
31
|
+
}, [actionSubjectId, actionSubject, fireAnalyticsEvent]);
|
|
32
|
+
return null;
|
|
33
|
+
};
|
|
@@ -9,10 +9,12 @@ exports.AIChatIcon = void 0;
|
|
|
9
9
|
require("./AIChatIcon.compiled.css");
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
12
13
|
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); }
|
|
13
14
|
var styles = {
|
|
14
15
|
container: "_1e0c1txw _4cvr1h6o _1bah1h6o _4t3i1crf _1bsb1crf"
|
|
15
16
|
};
|
|
17
|
+
var NEW_ROVO_SVG_PATH = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<path d=\"M5.38005 0.169224C5.79662 -0.0605531 6.30506 -0.0563318 6.71826 0.181888L9.96759 2.05659L10.7381 2.50115C11.1588 2.7437 11.4192 3.1937 11.4192 3.67848V8.31706C11.4192 8.80376 11.1604 9.25178 10.7385 9.4942L7.7167 11.2376C7.72331 11.219 7.72962 11.2003 7.73562 11.1815C7.79171 11.0077 7.82145 10.8241 7.82145 10.6363V5.99777C7.82145 5.36053 7.48227 4.77289 6.92906 4.455L6.37092 4.13312L4.67653 3.15598V1.35919C4.67653 1.21761 4.69843 1.0793 4.73988 0.94837C4.84178 0.631497 5.05851 0.357177 5.35502 0.185934L5.35592 0.185415C5.36442 0.180511 5.3725 0.175072 5.38005 0.169224Z\" fill=\"#BF63F3\"/>\n\t\t<path d=\"M4.35709 0.762414L1.33533 2.50581C0.91337 2.74824 0.654541 3.19625 0.654541 3.68296V8.32154C0.654541 8.80632 0.914896 9.25629 1.33561 9.49884L2.05206 9.91219L5.35553 11.8181C5.76872 12.0563 6.27718 12.0606 6.69374 11.8308C6.70128 11.8249 6.70931 11.8195 6.71781 11.8146C7.01464 11.6435 7.2317 11.3691 7.33377 11.0521C7.37531 10.921 7.39726 10.7826 7.39726 10.6408V8.84403L5.64872 7.83566L5.14486 7.54509C4.59175 7.22718 4.25234 6.63942 4.25234 6.00225V1.36366C4.25234 1.17621 4.28199 0.992813 4.33793 0.819233C4.344 0.800172 4.35039 0.781229 4.35709 0.762414Z\" fill=\"#BF63F3\"/>\n\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64872 7.83566L2.05206 9.91219L1.33561 9.49884C0.914896 9.25629 0.654541 8.80632 0.654541 8.32154V3.68296C0.654541 3.19625 0.91337 2.74824 1.33533 2.50581L4.35709 0.762414C4.35039 0.781229 4.344 0.800172 4.33793 0.819233C4.28199 0.992813 4.25234 1.17621 4.25234 1.36366V6.00225C4.25234 6.63942 4.59175 7.22718 5.14486 7.54509L5.64872 7.83566Z\" fill=\"#1868DB\"/>\n\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.37092 4.13312L4.67653 3.15598V1.35919C4.67653 1.21761 4.69843 1.0793 4.73988 0.94837C4.84178 0.631497 5.05851 0.357177 5.35502 0.185934L5.35592 0.185415C5.36442 0.180511 5.3725 0.175072 5.38005 0.169224C5.79662 -0.0605531 6.30506 -0.0563318 6.71826 0.181888L9.96759 2.05659L6.37092 4.13312Z\" fill=\"#BF63F3\"/>\n\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.7381 2.50115L9.96759 2.05659L6.37092 4.13312L6.92906 4.455C7.48227 4.77289 7.82145 5.36053 7.82145 5.99777V10.6363C7.82145 10.8241 7.79171 11.0077 7.73562 11.1815C7.72962 11.2003 7.72331 11.219 7.7167 11.2376L10.7385 9.4942C11.1604 9.25178 11.4192 8.80376 11.4192 8.31706V3.67848C11.4192 3.1937 11.1588 2.7437 10.7381 2.50115Z\" fill=\"#FCA700\"/>\n\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64872 7.83566L2.05206 9.91219L5.35553 11.8181C5.76872 12.0563 6.27718 12.0606 6.69374 11.8308C6.70128 11.8249 6.70931 11.8195 6.71781 11.8146C7.01464 11.6435 7.2317 11.3691 7.33377 11.0521C7.37531 10.921 7.39726 10.7826 7.39726 10.6408V8.84403L5.64872 7.83566Z\" fill=\"#82B536\"/>\n\t</svg>";
|
|
16
18
|
var ROVO_SVG_PATH = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<path d=\"M5.4905 0.135176C5.80591 -0.0450587 6.19311 -0.0450584 6.50852 0.135176L10.8688 2.62676C11.1885 2.80943 11.3857 3.14937 11.3857 3.51754V8.48246C11.3857 8.85063 11.1885 9.19057 10.8688 9.37324L6.50852 11.8648C6.19311 12.0451 5.80591 12.0451 5.4905 11.8648L1.13022 9.37324C0.810557 9.19057 0.613281 8.85063 0.613281 8.48246V3.51754C0.613281 3.14937 0.810557 2.80943 1.13022 2.62676L5.4905 0.135176Z\" fill=\"#BF63F3\"/>\n\t\t<mask id=\"mask0_7293_80230\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"12\" height=\"12\">\n\t\t\t<path d=\"M5.49147 0.135176C5.80688 -0.0450587 6.19409 -0.0450584 6.5095 0.135176L10.8698 2.62676C11.1894 2.80943 11.3867 3.14937 11.3867 3.51754V8.48246C11.3867 8.85063 11.1894 9.19057 10.8698 9.37324L6.5095 11.8648C6.19409 12.0451 5.80688 12.0451 5.49147 11.8648L1.13119 9.37324C0.811533 9.19057 0.614258 8.85063 0.614258 8.48246V3.51754C0.614258 3.14937 0.811533 2.80943 1.13119 2.62676L5.49147 0.135176Z\" fill=\"#BF63F3\"/>\n\t\t</mask>\n\t\t<g mask=\"url(#mask0_7293_80230)\">\n\t\t\t<path d=\"M1.16288 17.7949C1.88804 16.4071 2.9469 15.3192 4.34131 14.5785C5.73572 13.8378 7.35499 13.5206 8.99441 13.7092L0.174767 -2.55519C-1.28774 -2.29055 -2.70974 -1.80225 -4.07832 -1.07526C-5.44691 -0.348264 -6.62375 0.522036 -7.64571 1.5465L1.16656 17.7973L1.16288 17.7949Z\" fill=\"#82B536\"/>\n\t\t\t<path d=\"M6.2482 7.95377C3.81481 8.96062 1.95638 10.6236 1.88069 12.9253C1.88069 12.9253 1.88199 12.9371 1.88076 12.9428C1.87578 13.1139 1.87896 13.2868 1.89469 13.4633C1.89533 13.4648 1.89596 13.4663 1.89659 13.4678C1.91139 13.6465 1.93718 13.8294 1.97333 14.0151C1.98259 14.0588 1.99625 14.1041 2.00551 14.1478C2.03868 14.296 2.07186 14.4442 2.11979 14.5968C2.18327 14.7994 2.25711 15.0047 2.3457 15.2144C2.50959 15.6024 2.70185 15.9488 2.90932 16.2571C3.18552 16.6673 3.48842 17.0101 3.79015 17.2936C3.86597 17.3643 3.94053 17.432 4.01695 17.4954C4.37212 17.7357 4.89091 18.0543 5.7602 18.4584C6.328 18.7233 7.04924 19.025 7.97282 19.3662C8.7114 18.2422 10.0629 17.368 11.3277 16.3888C12.3263 15.6149 13.2681 14.7764 13.805 13.6971C14.2974 12.7085 14.3102 11.4765 13.7704 10.1986C12.4194 7.00012 9.42898 6.63591 6.2507 7.95097L6.2482 7.95377Z\" fill=\"#FCA700\"/>\n\t\t\t<path d=\"M11.6634 -7.61136L-2.81461 -5.02797C-2.81461 -5.02797 -1.3238 1.52224 -4.55981 7.48526C-4.11672 7.5189 -3.66847 7.5392 -3.21522 7.53288C5.12023 7.41664 11.7808 0.635945 11.6634 -7.61401L11.6634 -7.61136Z\" fill=\"#1868DB\"/>\n\t\t</g>\n\t\t<path d=\"M5.67239 2.71364C5.90711 2.58408 6.19359 2.58646 6.42641 2.72078L8.69144 4.02848C8.92849 4.16524 9.07522 4.41898 9.07522 4.69232V7.30776C9.07522 7.58218 8.92938 7.83479 8.69162 7.97148L6.98899 8.95449C6.99272 8.94401 6.99627 8.93347 6.99965 8.92286C7.03126 8.82487 7.04801 8.72132 7.04801 8.61548V6.00004C7.04801 5.64073 6.8569 5.3094 6.54519 5.13016L5.27598 4.39771V3.3846C5.27598 3.30477 5.28833 3.22678 5.31168 3.15296C5.3691 2.97429 5.49122 2.81962 5.65828 2.72306L5.65879 2.72277C5.66358 2.72001 5.66814 2.71694 5.67239 2.71364Z\" fill=\"white\"/>\n\t\t<path d=\"M5.09599 3.04811L3.39336 4.03112C3.1556 4.1678 3.00977 4.42042 3.00977 4.69484V7.31028C3.00977 7.58362 3.15646 7.83734 3.39352 7.9741L5.65857 9.28182C5.89139 9.41612 6.17789 9.41851 6.4126 9.28896C6.41685 9.28566 6.42137 9.28261 6.42616 9.27985C6.59341 9.18336 6.71572 9.02863 6.77323 8.84989C6.79663 8.77599 6.809 8.69792 6.809 8.618V7.60489L5.53987 6.87249C5.22822 6.69323 5.03697 6.36183 5.03697 6.00256V3.38712C5.03697 3.28142 5.05368 3.17802 5.0852 3.08015C5.08862 3.0694 5.09222 3.05872 5.09599 3.04811Z\" fill=\"white\"/>\n\t</svg>";
|
|
17
19
|
var RovoLogoSVG = function RovoLogoSVG(_ref) {
|
|
18
20
|
var label = _ref.label,
|
|
@@ -24,7 +26,7 @@ var RovoLogoSVG = function RovoLogoSVG(_ref) {
|
|
|
24
26
|
// eslint-disable-next-line react/no-danger
|
|
25
27
|
,
|
|
26
28
|
dangerouslySetInnerHTML: {
|
|
27
|
-
__html: ROVO_SVG_PATH
|
|
29
|
+
__html: (0, _platformFeatureFlags.fg)('platform_editor_ai_rovo_rebrand') ? NEW_ROVO_SVG_PATH : ROVO_SVG_PATH
|
|
28
30
|
},
|
|
29
31
|
className: (0, _runtime.ax)([styles.container])
|
|
30
32
|
});
|
|
@@ -3,7 +3,8 @@ const ToolbarUIContext = /*#__PURE__*/createContext({
|
|
|
3
3
|
onDropdownOpenChanged: () => {},
|
|
4
4
|
preventDefaultOnMouseDown: false,
|
|
5
5
|
isDisabled: false,
|
|
6
|
-
popupsMountPoint: undefined
|
|
6
|
+
popupsMountPoint: undefined,
|
|
7
|
+
fireAnalyticsEvent: undefined
|
|
7
8
|
});
|
|
8
9
|
|
|
9
10
|
/**
|
|
@@ -23,7 +24,8 @@ export const ToolbarUIProvider = ({
|
|
|
23
24
|
isDisabled,
|
|
24
25
|
popupsMountPoint,
|
|
25
26
|
popupsBoundariesElement,
|
|
26
|
-
popupsScrollableElement
|
|
27
|
+
popupsScrollableElement,
|
|
28
|
+
fireAnalyticsEvent
|
|
27
29
|
}) => {
|
|
28
30
|
return /*#__PURE__*/React.createElement(ToolbarUIContext.Provider, {
|
|
29
31
|
value: {
|
|
@@ -32,7 +34,8 @@ export const ToolbarUIProvider = ({
|
|
|
32
34
|
isDisabled,
|
|
33
35
|
popupsMountPoint,
|
|
34
36
|
popupsBoundariesElement,
|
|
35
|
-
popupsScrollableElement
|
|
37
|
+
popupsScrollableElement,
|
|
38
|
+
fireAnalyticsEvent
|
|
36
39
|
}
|
|
37
40
|
}, children);
|
|
38
41
|
};
|
|
@@ -8,6 +8,7 @@ import { cx } from '@atlaskit/css';
|
|
|
8
8
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
9
9
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
10
10
|
import { ResponsiveContainer, ResponsiveWrapper } from './ResponsiveContainer';
|
|
11
|
+
import { ACTION_SUBJECT, ViewEventEmitter } from './ViewEventEmitter';
|
|
11
12
|
const styles = {
|
|
12
13
|
toolbarBase: "_2rko1qi0 _zulp1b66 _1e0c1txw _4cvr1h6o",
|
|
13
14
|
toolbar: "_bfhk1bhr _4t3i14no _u5f31b66 _19bv1b66 _16qs1cd0",
|
|
@@ -22,14 +23,18 @@ const styles = {
|
|
|
22
23
|
*/
|
|
23
24
|
export const Toolbar = ({
|
|
24
25
|
children,
|
|
25
|
-
label
|
|
26
|
+
label,
|
|
27
|
+
actionSubjectId
|
|
26
28
|
}) => {
|
|
27
29
|
const isResponsiveEnabled = expValEquals('platform_editor_aifc_selection_toolbar_responsive', 'isEnabled', true);
|
|
28
30
|
const toolbar = /*#__PURE__*/React.createElement(Box, {
|
|
29
31
|
xcss: cx(styles.toolbarBase, styles.toolbar, isResponsiveEnabled && styles.toolbarResponsive, expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) && styles.hiddenSelectors),
|
|
30
32
|
role: "toolbar",
|
|
31
33
|
"aria-label": label
|
|
32
|
-
},
|
|
34
|
+
}, expValEquals('platform_editor_toolbar_aifc_toolbar_analytic', 'isEnabled', true) ? /*#__PURE__*/React.createElement(ViewEventEmitter, {
|
|
35
|
+
actionSubject: ACTION_SUBJECT.TOOLBAR,
|
|
36
|
+
actionSubjectId: actionSubjectId
|
|
37
|
+
}) : null, children);
|
|
33
38
|
if (isResponsiveEnabled) {
|
|
34
39
|
return /*#__PURE__*/React.createElement(ResponsiveWrapper, null, toolbar);
|
|
35
40
|
} else {
|
|
@@ -48,9 +48,9 @@ const ToolbarDropdownMenuContent = ({
|
|
|
48
48
|
"aria-controls": triggerProps['aria-controls'],
|
|
49
49
|
onBlur: triggerProps.onBlur,
|
|
50
50
|
onClick: e => {
|
|
51
|
+
onClick && onClick(e, !(menuContext !== null && menuContext !== void 0 && menuContext.isOpen));
|
|
51
52
|
handleClick();
|
|
52
53
|
triggerProps.onClick && triggerProps.onClick(e);
|
|
53
|
-
onClick && onClick(e);
|
|
54
54
|
},
|
|
55
55
|
onFocus: triggerProps.onFocus,
|
|
56
56
|
testId: testId,
|
|
@@ -17,7 +17,8 @@ export const ToolbarNestedDropdownMenu = ({
|
|
|
17
17
|
children,
|
|
18
18
|
isDisabled,
|
|
19
19
|
testId,
|
|
20
|
-
enableMaxHeight = false
|
|
20
|
+
enableMaxHeight = false,
|
|
21
|
+
onClick
|
|
21
22
|
}) => {
|
|
22
23
|
return /*#__PURE__*/React.createElement(DropdownMenu, {
|
|
23
24
|
placement: "right-start",
|
|
@@ -25,7 +26,10 @@ export const ToolbarNestedDropdownMenu = ({
|
|
|
25
26
|
elemBefore: elemBefore,
|
|
26
27
|
elemAfter: elemAfter,
|
|
27
28
|
isSelected: triggerProps.isSelected,
|
|
28
|
-
onClick:
|
|
29
|
+
onClick: e => {
|
|
30
|
+
onClick && onClick(e);
|
|
31
|
+
triggerProps.onClick && triggerProps.onClick(e);
|
|
32
|
+
},
|
|
29
33
|
testId: testId,
|
|
30
34
|
triggerRef: triggerProps.triggerRef,
|
|
31
35
|
hasNestedDropdownMenu: true,
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { useEffect, useRef } from 'react';
|
|
2
|
+
import { useToolbarUI } from '../hooks/ui-context';
|
|
3
|
+
export const ACTION_SUBJECT = {
|
|
4
|
+
TOOLBAR: 'toolbar',
|
|
5
|
+
TOOLBAR_DROPDOWN_MENU: 'toolbarDropdownMenu'
|
|
6
|
+
};
|
|
7
|
+
export const ViewEventEmitter = ({
|
|
8
|
+
actionSubjectId,
|
|
9
|
+
actionSubject
|
|
10
|
+
}) => {
|
|
11
|
+
const isMountedRef = useRef(false);
|
|
12
|
+
const {
|
|
13
|
+
fireAnalyticsEvent
|
|
14
|
+
} = useToolbarUI();
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
if (isMountedRef.current) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
isMountedRef.current = true;
|
|
20
|
+
const payload = {
|
|
21
|
+
action: 'viewed',
|
|
22
|
+
actionSubject,
|
|
23
|
+
actionSubjectId,
|
|
24
|
+
eventType: 'ui'
|
|
25
|
+
};
|
|
26
|
+
fireAnalyticsEvent && fireAnalyticsEvent(payload);
|
|
27
|
+
}, [actionSubjectId, actionSubject, fireAnalyticsEvent]);
|
|
28
|
+
return null;
|
|
29
|
+
};
|
|
@@ -2,9 +2,18 @@
|
|
|
2
2
|
import "./AIChatIcon.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
6
|
const styles = {
|
|
6
7
|
container: "_1e0c1txw _4cvr1h6o _1bah1h6o _4t3i1crf _1bsb1crf"
|
|
7
8
|
};
|
|
9
|
+
const NEW_ROVO_SVG_PATH = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
10
|
+
<path d="M5.38005 0.169224C5.79662 -0.0605531 6.30506 -0.0563318 6.71826 0.181888L9.96759 2.05659L10.7381 2.50115C11.1588 2.7437 11.4192 3.1937 11.4192 3.67848V8.31706C11.4192 8.80376 11.1604 9.25178 10.7385 9.4942L7.7167 11.2376C7.72331 11.219 7.72962 11.2003 7.73562 11.1815C7.79171 11.0077 7.82145 10.8241 7.82145 10.6363V5.99777C7.82145 5.36053 7.48227 4.77289 6.92906 4.455L6.37092 4.13312L4.67653 3.15598V1.35919C4.67653 1.21761 4.69843 1.0793 4.73988 0.94837C4.84178 0.631497 5.05851 0.357177 5.35502 0.185934L5.35592 0.185415C5.36442 0.180511 5.3725 0.175072 5.38005 0.169224Z" fill="#BF63F3"/>
|
|
11
|
+
<path d="M4.35709 0.762414L1.33533 2.50581C0.91337 2.74824 0.654541 3.19625 0.654541 3.68296V8.32154C0.654541 8.80632 0.914896 9.25629 1.33561 9.49884L2.05206 9.91219L5.35553 11.8181C5.76872 12.0563 6.27718 12.0606 6.69374 11.8308C6.70128 11.8249 6.70931 11.8195 6.71781 11.8146C7.01464 11.6435 7.2317 11.3691 7.33377 11.0521C7.37531 10.921 7.39726 10.7826 7.39726 10.6408V8.84403L5.64872 7.83566L5.14486 7.54509C4.59175 7.22718 4.25234 6.63942 4.25234 6.00225V1.36366C4.25234 1.17621 4.28199 0.992813 4.33793 0.819233C4.344 0.800172 4.35039 0.781229 4.35709 0.762414Z" fill="#BF63F3"/>
|
|
12
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.64872 7.83566L2.05206 9.91219L1.33561 9.49884C0.914896 9.25629 0.654541 8.80632 0.654541 8.32154V3.68296C0.654541 3.19625 0.91337 2.74824 1.33533 2.50581L4.35709 0.762414C4.35039 0.781229 4.344 0.800172 4.33793 0.819233C4.28199 0.992813 4.25234 1.17621 4.25234 1.36366V6.00225C4.25234 6.63942 4.59175 7.22718 5.14486 7.54509L5.64872 7.83566Z" fill="#1868DB"/>
|
|
13
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.37092 4.13312L4.67653 3.15598V1.35919C4.67653 1.21761 4.69843 1.0793 4.73988 0.94837C4.84178 0.631497 5.05851 0.357177 5.35502 0.185934L5.35592 0.185415C5.36442 0.180511 5.3725 0.175072 5.38005 0.169224C5.79662 -0.0605531 6.30506 -0.0563318 6.71826 0.181888L9.96759 2.05659L6.37092 4.13312Z" fill="#BF63F3"/>
|
|
14
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7381 2.50115L9.96759 2.05659L6.37092 4.13312L6.92906 4.455C7.48227 4.77289 7.82145 5.36053 7.82145 5.99777V10.6363C7.82145 10.8241 7.79171 11.0077 7.73562 11.1815C7.72962 11.2003 7.72331 11.219 7.7167 11.2376L10.7385 9.4942C11.1604 9.25178 11.4192 8.80376 11.4192 8.31706V3.67848C11.4192 3.1937 11.1588 2.7437 10.7381 2.50115Z" fill="#FCA700"/>
|
|
15
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.64872 7.83566L2.05206 9.91219L5.35553 11.8181C5.76872 12.0563 6.27718 12.0606 6.69374 11.8308C6.70128 11.8249 6.70931 11.8195 6.71781 11.8146C7.01464 11.6435 7.2317 11.3691 7.33377 11.0521C7.37531 10.921 7.39726 10.7826 7.39726 10.6408V8.84403L5.64872 7.83566Z" fill="#82B536"/>
|
|
16
|
+
</svg>`;
|
|
8
17
|
const ROVO_SVG_PATH = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
9
18
|
<path d="M5.4905 0.135176C5.80591 -0.0450587 6.19311 -0.0450584 6.50852 0.135176L10.8688 2.62676C11.1885 2.80943 11.3857 3.14937 11.3857 3.51754V8.48246C11.3857 8.85063 11.1885 9.19057 10.8688 9.37324L6.50852 11.8648C6.19311 12.0451 5.80591 12.0451 5.4905 11.8648L1.13022 9.37324C0.810557 9.19057 0.613281 8.85063 0.613281 8.48246V3.51754C0.613281 3.14937 0.810557 2.80943 1.13022 2.62676L5.4905 0.135176Z" fill="#BF63F3"/>
|
|
10
19
|
<mask id="mask0_7293_80230" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="12" height="12">
|
|
@@ -28,7 +37,7 @@ const RovoLogoSVG = ({
|
|
|
28
37
|
// eslint-disable-next-line react/no-danger
|
|
29
38
|
,
|
|
30
39
|
dangerouslySetInnerHTML: {
|
|
31
|
-
__html: ROVO_SVG_PATH
|
|
40
|
+
__html: fg('platform_editor_ai_rovo_rebrand') ? NEW_ROVO_SVG_PATH : ROVO_SVG_PATH
|
|
32
41
|
},
|
|
33
42
|
className: ax([styles.container])
|
|
34
43
|
});
|
|
@@ -3,7 +3,8 @@ var ToolbarUIContext = /*#__PURE__*/createContext({
|
|
|
3
3
|
onDropdownOpenChanged: function onDropdownOpenChanged() {},
|
|
4
4
|
preventDefaultOnMouseDown: false,
|
|
5
5
|
isDisabled: false,
|
|
6
|
-
popupsMountPoint: undefined
|
|
6
|
+
popupsMountPoint: undefined,
|
|
7
|
+
fireAnalyticsEvent: undefined
|
|
7
8
|
});
|
|
8
9
|
|
|
9
10
|
/**
|
|
@@ -23,7 +24,8 @@ export var ToolbarUIProvider = function ToolbarUIProvider(_ref) {
|
|
|
23
24
|
isDisabled = _ref.isDisabled,
|
|
24
25
|
popupsMountPoint = _ref.popupsMountPoint,
|
|
25
26
|
popupsBoundariesElement = _ref.popupsBoundariesElement,
|
|
26
|
-
popupsScrollableElement = _ref.popupsScrollableElement
|
|
27
|
+
popupsScrollableElement = _ref.popupsScrollableElement,
|
|
28
|
+
fireAnalyticsEvent = _ref.fireAnalyticsEvent;
|
|
27
29
|
return /*#__PURE__*/React.createElement(ToolbarUIContext.Provider, {
|
|
28
30
|
value: {
|
|
29
31
|
onDropdownOpenChanged: onDropdownOpenChanged,
|
|
@@ -31,7 +33,8 @@ export var ToolbarUIProvider = function ToolbarUIProvider(_ref) {
|
|
|
31
33
|
isDisabled: isDisabled,
|
|
32
34
|
popupsMountPoint: popupsMountPoint,
|
|
33
35
|
popupsBoundariesElement: popupsBoundariesElement,
|
|
34
|
-
popupsScrollableElement: popupsScrollableElement
|
|
36
|
+
popupsScrollableElement: popupsScrollableElement,
|
|
37
|
+
fireAnalyticsEvent: fireAnalyticsEvent
|
|
35
38
|
}
|
|
36
39
|
}, children);
|
|
37
40
|
};
|
package/dist/esm/ui/Toolbar.js
CHANGED
|
@@ -8,6 +8,7 @@ import { cx } from '@atlaskit/css';
|
|
|
8
8
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
9
9
|
import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
|
|
10
10
|
import { ResponsiveContainer, ResponsiveWrapper } from './ResponsiveContainer';
|
|
11
|
+
import { ACTION_SUBJECT, ViewEventEmitter } from './ViewEventEmitter';
|
|
11
12
|
var styles = {
|
|
12
13
|
toolbarBase: "_2rko1qi0 _zulp1b66 _1e0c1txw _4cvr1h6o",
|
|
13
14
|
toolbar: "_bfhk1bhr _4t3i14no _u5f31b66 _19bv1b66 _16qs1cd0",
|
|
@@ -22,13 +23,17 @@ var styles = {
|
|
|
22
23
|
*/
|
|
23
24
|
export var Toolbar = function Toolbar(_ref) {
|
|
24
25
|
var children = _ref.children,
|
|
25
|
-
label = _ref.label
|
|
26
|
+
label = _ref.label,
|
|
27
|
+
actionSubjectId = _ref.actionSubjectId;
|
|
26
28
|
var isResponsiveEnabled = expValEquals('platform_editor_aifc_selection_toolbar_responsive', 'isEnabled', true);
|
|
27
29
|
var toolbar = /*#__PURE__*/React.createElement(Box, {
|
|
28
30
|
xcss: cx(styles.toolbarBase, styles.toolbar, isResponsiveEnabled && styles.toolbarResponsive, expValEquals('platform_editor_toolbar_aifc_responsive', 'isEnabled', true) && styles.hiddenSelectors),
|
|
29
31
|
role: "toolbar",
|
|
30
32
|
"aria-label": label
|
|
31
|
-
},
|
|
33
|
+
}, expValEquals('platform_editor_toolbar_aifc_toolbar_analytic', 'isEnabled', true) ? /*#__PURE__*/React.createElement(ViewEventEmitter, {
|
|
34
|
+
actionSubject: ACTION_SUBJECT.TOOLBAR,
|
|
35
|
+
actionSubjectId: actionSubjectId
|
|
36
|
+
}) : null, children);
|
|
32
37
|
if (isResponsiveEnabled) {
|
|
33
38
|
return /*#__PURE__*/React.createElement(ResponsiveWrapper, null, toolbar);
|
|
34
39
|
} else {
|
|
@@ -47,9 +47,9 @@ var ToolbarDropdownMenuContent = function ToolbarDropdownMenuContent(_ref) {
|
|
|
47
47
|
"aria-controls": triggerProps['aria-controls'],
|
|
48
48
|
onBlur: triggerProps.onBlur,
|
|
49
49
|
onClick: function onClick(e) {
|
|
50
|
+
_onClick && _onClick(e, !(menuContext !== null && menuContext !== void 0 && menuContext.isOpen));
|
|
50
51
|
handleClick();
|
|
51
52
|
triggerProps.onClick && triggerProps.onClick(e);
|
|
52
|
-
_onClick && _onClick(e);
|
|
53
53
|
},
|
|
54
54
|
onFocus: triggerProps.onFocus,
|
|
55
55
|
testId: testId,
|
|
@@ -18,7 +18,8 @@ export var ToolbarNestedDropdownMenu = function ToolbarNestedDropdownMenu(_ref)
|
|
|
18
18
|
isDisabled = _ref.isDisabled,
|
|
19
19
|
testId = _ref.testId,
|
|
20
20
|
_ref$enableMaxHeight = _ref.enableMaxHeight,
|
|
21
|
-
enableMaxHeight = _ref$enableMaxHeight === void 0 ? false : _ref$enableMaxHeight
|
|
21
|
+
enableMaxHeight = _ref$enableMaxHeight === void 0 ? false : _ref$enableMaxHeight,
|
|
22
|
+
_onClick = _ref.onClick;
|
|
22
23
|
return /*#__PURE__*/React.createElement(DropdownMenu, {
|
|
23
24
|
placement: "right-start",
|
|
24
25
|
trigger: function trigger(triggerProps) {
|
|
@@ -26,7 +27,10 @@ export var ToolbarNestedDropdownMenu = function ToolbarNestedDropdownMenu(_ref)
|
|
|
26
27
|
elemBefore: elemBefore,
|
|
27
28
|
elemAfter: elemAfter,
|
|
28
29
|
isSelected: triggerProps.isSelected,
|
|
29
|
-
onClick:
|
|
30
|
+
onClick: function onClick(e) {
|
|
31
|
+
_onClick && _onClick(e);
|
|
32
|
+
triggerProps.onClick && triggerProps.onClick(e);
|
|
33
|
+
},
|
|
30
34
|
testId: testId,
|
|
31
35
|
triggerRef: triggerProps.triggerRef,
|
|
32
36
|
hasNestedDropdownMenu: true,
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { useEffect, useRef } from 'react';
|
|
2
|
+
import { useToolbarUI } from '../hooks/ui-context';
|
|
3
|
+
export var ACTION_SUBJECT = {
|
|
4
|
+
TOOLBAR: 'toolbar',
|
|
5
|
+
TOOLBAR_DROPDOWN_MENU: 'toolbarDropdownMenu'
|
|
6
|
+
};
|
|
7
|
+
export var ViewEventEmitter = function ViewEventEmitter(_ref) {
|
|
8
|
+
var actionSubjectId = _ref.actionSubjectId,
|
|
9
|
+
actionSubject = _ref.actionSubject;
|
|
10
|
+
var isMountedRef = useRef(false);
|
|
11
|
+
var _useToolbarUI = useToolbarUI(),
|
|
12
|
+
fireAnalyticsEvent = _useToolbarUI.fireAnalyticsEvent;
|
|
13
|
+
useEffect(function () {
|
|
14
|
+
if (isMountedRef.current) {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
isMountedRef.current = true;
|
|
18
|
+
var payload = {
|
|
19
|
+
action: 'viewed',
|
|
20
|
+
actionSubject: actionSubject,
|
|
21
|
+
actionSubjectId: actionSubjectId,
|
|
22
|
+
eventType: 'ui'
|
|
23
|
+
};
|
|
24
|
+
fireAnalyticsEvent && fireAnalyticsEvent(payload);
|
|
25
|
+
}, [actionSubjectId, actionSubject, fireAnalyticsEvent]);
|
|
26
|
+
return null;
|
|
27
|
+
};
|
|
@@ -2,9 +2,11 @@
|
|
|
2
2
|
import "./AIChatIcon.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
5
6
|
var styles = {
|
|
6
7
|
container: "_1e0c1txw _4cvr1h6o _1bah1h6o _4t3i1crf _1bsb1crf"
|
|
7
8
|
};
|
|
9
|
+
var NEW_ROVO_SVG_PATH = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<path d=\"M5.38005 0.169224C5.79662 -0.0605531 6.30506 -0.0563318 6.71826 0.181888L9.96759 2.05659L10.7381 2.50115C11.1588 2.7437 11.4192 3.1937 11.4192 3.67848V8.31706C11.4192 8.80376 11.1604 9.25178 10.7385 9.4942L7.7167 11.2376C7.72331 11.219 7.72962 11.2003 7.73562 11.1815C7.79171 11.0077 7.82145 10.8241 7.82145 10.6363V5.99777C7.82145 5.36053 7.48227 4.77289 6.92906 4.455L6.37092 4.13312L4.67653 3.15598V1.35919C4.67653 1.21761 4.69843 1.0793 4.73988 0.94837C4.84178 0.631497 5.05851 0.357177 5.35502 0.185934L5.35592 0.185415C5.36442 0.180511 5.3725 0.175072 5.38005 0.169224Z\" fill=\"#BF63F3\"/>\n\t\t<path d=\"M4.35709 0.762414L1.33533 2.50581C0.91337 2.74824 0.654541 3.19625 0.654541 3.68296V8.32154C0.654541 8.80632 0.914896 9.25629 1.33561 9.49884L2.05206 9.91219L5.35553 11.8181C5.76872 12.0563 6.27718 12.0606 6.69374 11.8308C6.70128 11.8249 6.70931 11.8195 6.71781 11.8146C7.01464 11.6435 7.2317 11.3691 7.33377 11.0521C7.37531 10.921 7.39726 10.7826 7.39726 10.6408V8.84403L5.64872 7.83566L5.14486 7.54509C4.59175 7.22718 4.25234 6.63942 4.25234 6.00225V1.36366C4.25234 1.17621 4.28199 0.992813 4.33793 0.819233C4.344 0.800172 4.35039 0.781229 4.35709 0.762414Z\" fill=\"#BF63F3\"/>\n\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64872 7.83566L2.05206 9.91219L1.33561 9.49884C0.914896 9.25629 0.654541 8.80632 0.654541 8.32154V3.68296C0.654541 3.19625 0.91337 2.74824 1.33533 2.50581L4.35709 0.762414C4.35039 0.781229 4.344 0.800172 4.33793 0.819233C4.28199 0.992813 4.25234 1.17621 4.25234 1.36366V6.00225C4.25234 6.63942 4.59175 7.22718 5.14486 7.54509L5.64872 7.83566Z\" fill=\"#1868DB\"/>\n\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.37092 4.13312L4.67653 3.15598V1.35919C4.67653 1.21761 4.69843 1.0793 4.73988 0.94837C4.84178 0.631497 5.05851 0.357177 5.35502 0.185934L5.35592 0.185415C5.36442 0.180511 5.3725 0.175072 5.38005 0.169224C5.79662 -0.0605531 6.30506 -0.0563318 6.71826 0.181888L9.96759 2.05659L6.37092 4.13312Z\" fill=\"#BF63F3\"/>\n\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.7381 2.50115L9.96759 2.05659L6.37092 4.13312L6.92906 4.455C7.48227 4.77289 7.82145 5.36053 7.82145 5.99777V10.6363C7.82145 10.8241 7.79171 11.0077 7.73562 11.1815C7.72962 11.2003 7.72331 11.219 7.7167 11.2376L10.7385 9.4942C11.1604 9.25178 11.4192 8.80376 11.4192 8.31706V3.67848C11.4192 3.1937 11.1588 2.7437 10.7381 2.50115Z\" fill=\"#FCA700\"/>\n\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.64872 7.83566L2.05206 9.91219L5.35553 11.8181C5.76872 12.0563 6.27718 12.0606 6.69374 11.8308C6.70128 11.8249 6.70931 11.8195 6.71781 11.8146C7.01464 11.6435 7.2317 11.3691 7.33377 11.0521C7.37531 10.921 7.39726 10.7826 7.39726 10.6408V8.84403L5.64872 7.83566Z\" fill=\"#82B536\"/>\n\t</svg>";
|
|
8
10
|
var ROVO_SVG_PATH = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<path d=\"M5.4905 0.135176C5.80591 -0.0450587 6.19311 -0.0450584 6.50852 0.135176L10.8688 2.62676C11.1885 2.80943 11.3857 3.14937 11.3857 3.51754V8.48246C11.3857 8.85063 11.1885 9.19057 10.8688 9.37324L6.50852 11.8648C6.19311 12.0451 5.80591 12.0451 5.4905 11.8648L1.13022 9.37324C0.810557 9.19057 0.613281 8.85063 0.613281 8.48246V3.51754C0.613281 3.14937 0.810557 2.80943 1.13022 2.62676L5.4905 0.135176Z\" fill=\"#BF63F3\"/>\n\t\t<mask id=\"mask0_7293_80230\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"12\" height=\"12\">\n\t\t\t<path d=\"M5.49147 0.135176C5.80688 -0.0450587 6.19409 -0.0450584 6.5095 0.135176L10.8698 2.62676C11.1894 2.80943 11.3867 3.14937 11.3867 3.51754V8.48246C11.3867 8.85063 11.1894 9.19057 10.8698 9.37324L6.5095 11.8648C6.19409 12.0451 5.80688 12.0451 5.49147 11.8648L1.13119 9.37324C0.811533 9.19057 0.614258 8.85063 0.614258 8.48246V3.51754C0.614258 3.14937 0.811533 2.80943 1.13119 2.62676L5.49147 0.135176Z\" fill=\"#BF63F3\"/>\n\t\t</mask>\n\t\t<g mask=\"url(#mask0_7293_80230)\">\n\t\t\t<path d=\"M1.16288 17.7949C1.88804 16.4071 2.9469 15.3192 4.34131 14.5785C5.73572 13.8378 7.35499 13.5206 8.99441 13.7092L0.174767 -2.55519C-1.28774 -2.29055 -2.70974 -1.80225 -4.07832 -1.07526C-5.44691 -0.348264 -6.62375 0.522036 -7.64571 1.5465L1.16656 17.7973L1.16288 17.7949Z\" fill=\"#82B536\"/>\n\t\t\t<path d=\"M6.2482 7.95377C3.81481 8.96062 1.95638 10.6236 1.88069 12.9253C1.88069 12.9253 1.88199 12.9371 1.88076 12.9428C1.87578 13.1139 1.87896 13.2868 1.89469 13.4633C1.89533 13.4648 1.89596 13.4663 1.89659 13.4678C1.91139 13.6465 1.93718 13.8294 1.97333 14.0151C1.98259 14.0588 1.99625 14.1041 2.00551 14.1478C2.03868 14.296 2.07186 14.4442 2.11979 14.5968C2.18327 14.7994 2.25711 15.0047 2.3457 15.2144C2.50959 15.6024 2.70185 15.9488 2.90932 16.2571C3.18552 16.6673 3.48842 17.0101 3.79015 17.2936C3.86597 17.3643 3.94053 17.432 4.01695 17.4954C4.37212 17.7357 4.89091 18.0543 5.7602 18.4584C6.328 18.7233 7.04924 19.025 7.97282 19.3662C8.7114 18.2422 10.0629 17.368 11.3277 16.3888C12.3263 15.6149 13.2681 14.7764 13.805 13.6971C14.2974 12.7085 14.3102 11.4765 13.7704 10.1986C12.4194 7.00012 9.42898 6.63591 6.2507 7.95097L6.2482 7.95377Z\" fill=\"#FCA700\"/>\n\t\t\t<path d=\"M11.6634 -7.61136L-2.81461 -5.02797C-2.81461 -5.02797 -1.3238 1.52224 -4.55981 7.48526C-4.11672 7.5189 -3.66847 7.5392 -3.21522 7.53288C5.12023 7.41664 11.7808 0.635945 11.6634 -7.61401L11.6634 -7.61136Z\" fill=\"#1868DB\"/>\n\t\t</g>\n\t\t<path d=\"M5.67239 2.71364C5.90711 2.58408 6.19359 2.58646 6.42641 2.72078L8.69144 4.02848C8.92849 4.16524 9.07522 4.41898 9.07522 4.69232V7.30776C9.07522 7.58218 8.92938 7.83479 8.69162 7.97148L6.98899 8.95449C6.99272 8.94401 6.99627 8.93347 6.99965 8.92286C7.03126 8.82487 7.04801 8.72132 7.04801 8.61548V6.00004C7.04801 5.64073 6.8569 5.3094 6.54519 5.13016L5.27598 4.39771V3.3846C5.27598 3.30477 5.28833 3.22678 5.31168 3.15296C5.3691 2.97429 5.49122 2.81962 5.65828 2.72306L5.65879 2.72277C5.66358 2.72001 5.66814 2.71694 5.67239 2.71364Z\" fill=\"white\"/>\n\t\t<path d=\"M5.09599 3.04811L3.39336 4.03112C3.1556 4.1678 3.00977 4.42042 3.00977 4.69484V7.31028C3.00977 7.58362 3.15646 7.83734 3.39352 7.9741L5.65857 9.28182C5.89139 9.41612 6.17789 9.41851 6.4126 9.28896C6.41685 9.28566 6.42137 9.28261 6.42616 9.27985C6.59341 9.18336 6.71572 9.02863 6.77323 8.84989C6.79663 8.77599 6.809 8.69792 6.809 8.618V7.60489L5.53987 6.87249C5.22822 6.69323 5.03697 6.36183 5.03697 6.00256V3.38712C5.03697 3.28142 5.05368 3.17802 5.0852 3.08015C5.08862 3.0694 5.09222 3.05872 5.09599 3.04811Z\" fill=\"white\"/>\n\t</svg>";
|
|
9
11
|
var RovoLogoSVG = function RovoLogoSVG(_ref) {
|
|
10
12
|
var label = _ref.label,
|
|
@@ -16,7 +18,7 @@ var RovoLogoSVG = function RovoLogoSVG(_ref) {
|
|
|
16
18
|
// eslint-disable-next-line react/no-danger
|
|
17
19
|
,
|
|
18
20
|
dangerouslySetInnerHTML: {
|
|
19
|
-
__html: ROVO_SVG_PATH
|
|
21
|
+
__html: fg('platform_editor_ai_rovo_rebrand') ? NEW_ROVO_SVG_PATH : ROVO_SVG_PATH
|
|
20
22
|
},
|
|
21
23
|
className: ax([styles.container])
|
|
22
24
|
});
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { OnOpenChangeArgs } from '@atlaskit/dropdown-menu';
|
|
3
|
+
type AnalyticsEventPayload = {
|
|
4
|
+
action: string;
|
|
5
|
+
actionSubject?: string;
|
|
6
|
+
actionSubjectId?: string;
|
|
7
|
+
eventType: string;
|
|
8
|
+
};
|
|
9
|
+
type FireAnalyticsEvent = (payload: AnalyticsEventPayload) => void | undefined;
|
|
3
10
|
export type ToolbarUIContextType = {
|
|
11
|
+
fireAnalyticsEvent?: FireAnalyticsEvent;
|
|
4
12
|
/**
|
|
5
13
|
* Indicates whether the toolbar is disabled when the editor is offline.
|
|
6
14
|
*/
|
|
@@ -26,5 +34,5 @@ export declare const useToolbarUI: () => ToolbarUIContextType;
|
|
|
26
34
|
type ToolbarUIProviderProps = {
|
|
27
35
|
children: React.ReactNode;
|
|
28
36
|
} & ToolbarUIContextType;
|
|
29
|
-
export declare const ToolbarUIProvider: ({ children, onDropdownOpenChanged, preventDefaultOnMouseDown, isDisabled, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, }: ToolbarUIProviderProps) => React.JSX.Element;
|
|
37
|
+
export declare const ToolbarUIProvider: ({ children, onDropdownOpenChanged, preventDefaultOnMouseDown, isDisabled, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, fireAnalyticsEvent, }: ToolbarUIProviderProps) => React.JSX.Element;
|
|
30
38
|
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { type ReactNode } from 'react';
|
|
2
2
|
import type { ResponsiveContainerProps } from './ResponsiveContainer';
|
|
3
|
+
import { type ViewEventEmitterProps } from './ViewEventEmitter';
|
|
3
4
|
type ToolbarProps = {
|
|
4
5
|
children?: ReactNode;
|
|
5
6
|
/**
|
|
@@ -8,13 +9,13 @@ type ToolbarProps = {
|
|
|
8
9
|
* use case: query select the toolbar to position floating toolbar
|
|
9
10
|
*/
|
|
10
11
|
label: string;
|
|
11
|
-
};
|
|
12
|
+
} & ViewEventEmitterProps;
|
|
12
13
|
/**
|
|
13
14
|
* A simple component representing a toolbar with box shadows - used to represent a secondary/floating toolbar
|
|
14
15
|
*
|
|
15
16
|
* @note: Responsiveness support replies on container query with container editor-area and media query
|
|
16
17
|
*/
|
|
17
|
-
export declare const Toolbar: ({ children, label }: ToolbarProps) => React.JSX.Element;
|
|
18
|
+
export declare const Toolbar: ({ children, label, actionSubjectId }: ToolbarProps) => React.JSX.Element;
|
|
18
19
|
type PrimaryToolbarProps = ToolbarProps & ResponsiveContainerProps;
|
|
19
20
|
/**
|
|
20
21
|
* A simple component representing a toolbar without box shadows - used to represent a primary toolbar
|
|
@@ -16,7 +16,7 @@ type ToolbarDropdownMenuProps = {
|
|
|
16
16
|
iconBefore: React.ReactNode;
|
|
17
17
|
isDisabled?: boolean;
|
|
18
18
|
label?: string;
|
|
19
|
-
onClick?: (event: React.MouseEvent<HTMLButtonElement
|
|
19
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>, isOpen: boolean) => void;
|
|
20
20
|
testId?: string;
|
|
21
21
|
};
|
|
22
22
|
export declare const ToolbarDropdownMenu: ({ iconBefore, children, isDisabled, testId, label, hasSectionMargin, enableMaxHeight, onClick, }: ToolbarDropdownMenuProps) => JSX.Element;
|
|
@@ -12,8 +12,9 @@ type ToolbarNestedDropdownMenuProps = {
|
|
|
12
12
|
*/
|
|
13
13
|
enableMaxHeight?: boolean;
|
|
14
14
|
isDisabled?: boolean;
|
|
15
|
+
onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
|
|
15
16
|
testId?: string;
|
|
16
17
|
text?: string;
|
|
17
18
|
};
|
|
18
|
-
export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, enableMaxHeight, }: ToolbarNestedDropdownMenuProps) => JSX.Element;
|
|
19
|
+
export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, enableMaxHeight, onClick, }: ToolbarNestedDropdownMenuProps) => JSX.Element;
|
|
19
20
|
export {};
|
|
@@ -6,5 +6,5 @@ type ToolbarTooltipProps = {
|
|
|
6
6
|
delay?: number;
|
|
7
7
|
position?: PositionType;
|
|
8
8
|
};
|
|
9
|
-
export declare const ToolbarTooltip: ({ content, children, position, delay }: ToolbarTooltipProps) => React.JSX.Element;
|
|
9
|
+
export declare const ToolbarTooltip: ({ content, children, position, delay, }: ToolbarTooltipProps) => React.JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const ACTION_SUBJECT: {
|
|
2
|
+
TOOLBAR: string;
|
|
3
|
+
TOOLBAR_DROPDOWN_MENU: string;
|
|
4
|
+
};
|
|
5
|
+
export type ViewEventEmitterProps = {
|
|
6
|
+
actionSubject?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Name of dropdown to identify in analytic events
|
|
9
|
+
*/
|
|
10
|
+
actionSubjectId?: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const ViewEventEmitter: ({ actionSubjectId, actionSubject }: ViewEventEmitterProps) => null;
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { OnOpenChangeArgs } from '@atlaskit/dropdown-menu';
|
|
3
|
+
type AnalyticsEventPayload = {
|
|
4
|
+
action: string;
|
|
5
|
+
actionSubject?: string;
|
|
6
|
+
actionSubjectId?: string;
|
|
7
|
+
eventType: string;
|
|
8
|
+
};
|
|
9
|
+
type FireAnalyticsEvent = (payload: AnalyticsEventPayload) => void | undefined;
|
|
3
10
|
export type ToolbarUIContextType = {
|
|
11
|
+
fireAnalyticsEvent?: FireAnalyticsEvent;
|
|
4
12
|
/**
|
|
5
13
|
* Indicates whether the toolbar is disabled when the editor is offline.
|
|
6
14
|
*/
|
|
@@ -26,5 +34,5 @@ export declare const useToolbarUI: () => ToolbarUIContextType;
|
|
|
26
34
|
type ToolbarUIProviderProps = {
|
|
27
35
|
children: React.ReactNode;
|
|
28
36
|
} & ToolbarUIContextType;
|
|
29
|
-
export declare const ToolbarUIProvider: ({ children, onDropdownOpenChanged, preventDefaultOnMouseDown, isDisabled, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, }: ToolbarUIProviderProps) => React.JSX.Element;
|
|
37
|
+
export declare const ToolbarUIProvider: ({ children, onDropdownOpenChanged, preventDefaultOnMouseDown, isDisabled, popupsMountPoint, popupsBoundariesElement, popupsScrollableElement, fireAnalyticsEvent, }: ToolbarUIProviderProps) => React.JSX.Element;
|
|
30
38
|
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { type ReactNode } from 'react';
|
|
2
2
|
import type { ResponsiveContainerProps } from './ResponsiveContainer';
|
|
3
|
+
import { type ViewEventEmitterProps } from './ViewEventEmitter';
|
|
3
4
|
type ToolbarProps = {
|
|
4
5
|
children?: ReactNode;
|
|
5
6
|
/**
|
|
@@ -8,13 +9,13 @@ type ToolbarProps = {
|
|
|
8
9
|
* use case: query select the toolbar to position floating toolbar
|
|
9
10
|
*/
|
|
10
11
|
label: string;
|
|
11
|
-
};
|
|
12
|
+
} & ViewEventEmitterProps;
|
|
12
13
|
/**
|
|
13
14
|
* A simple component representing a toolbar with box shadows - used to represent a secondary/floating toolbar
|
|
14
15
|
*
|
|
15
16
|
* @note: Responsiveness support replies on container query with container editor-area and media query
|
|
16
17
|
*/
|
|
17
|
-
export declare const Toolbar: ({ children, label }: ToolbarProps) => React.JSX.Element;
|
|
18
|
+
export declare const Toolbar: ({ children, label, actionSubjectId }: ToolbarProps) => React.JSX.Element;
|
|
18
19
|
type PrimaryToolbarProps = ToolbarProps & ResponsiveContainerProps;
|
|
19
20
|
/**
|
|
20
21
|
* A simple component representing a toolbar without box shadows - used to represent a primary toolbar
|
|
@@ -16,7 +16,7 @@ type ToolbarDropdownMenuProps = {
|
|
|
16
16
|
iconBefore: React.ReactNode;
|
|
17
17
|
isDisabled?: boolean;
|
|
18
18
|
label?: string;
|
|
19
|
-
onClick?: (event: React.MouseEvent<HTMLButtonElement
|
|
19
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>, isOpen: boolean) => void;
|
|
20
20
|
testId?: string;
|
|
21
21
|
};
|
|
22
22
|
export declare const ToolbarDropdownMenu: ({ iconBefore, children, isDisabled, testId, label, hasSectionMargin, enableMaxHeight, onClick, }: ToolbarDropdownMenuProps) => JSX.Element;
|
|
@@ -12,8 +12,9 @@ type ToolbarNestedDropdownMenuProps = {
|
|
|
12
12
|
*/
|
|
13
13
|
enableMaxHeight?: boolean;
|
|
14
14
|
isDisabled?: boolean;
|
|
15
|
+
onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
|
|
15
16
|
testId?: string;
|
|
16
17
|
text?: string;
|
|
17
18
|
};
|
|
18
|
-
export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, enableMaxHeight, }: ToolbarNestedDropdownMenuProps) => JSX.Element;
|
|
19
|
+
export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, enableMaxHeight, onClick, }: ToolbarNestedDropdownMenuProps) => JSX.Element;
|
|
19
20
|
export {};
|
|
@@ -6,5 +6,5 @@ type ToolbarTooltipProps = {
|
|
|
6
6
|
delay?: number;
|
|
7
7
|
position?: PositionType;
|
|
8
8
|
};
|
|
9
|
-
export declare const ToolbarTooltip: ({ content, children, position, delay }: ToolbarTooltipProps) => React.JSX.Element;
|
|
9
|
+
export declare const ToolbarTooltip: ({ content, children, position, delay, }: ToolbarTooltipProps) => React.JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const ACTION_SUBJECT: {
|
|
2
|
+
TOOLBAR: string;
|
|
3
|
+
TOOLBAR_DROPDOWN_MENU: string;
|
|
4
|
+
};
|
|
5
|
+
export type ViewEventEmitterProps = {
|
|
6
|
+
actionSubject?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Name of dropdown to identify in analytic events
|
|
9
|
+
*/
|
|
10
|
+
actionSubjectId?: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const ViewEventEmitter: ({ actionSubjectId, actionSubject }: ViewEventEmitterProps) => null;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"registry": "https://registry.npmjs.org/"
|
|
5
5
|
},
|
|
6
|
-
"version": "0.
|
|
6
|
+
"version": "0.9.1",
|
|
7
7
|
"description": "Common UI for Toolbars across the platform",
|
|
8
8
|
"atlassian": {
|
|
9
9
|
"team": "Editor: Jenga",
|
|
@@ -25,13 +25,14 @@
|
|
|
25
25
|
"@atlaskit/button": "^23.4.0",
|
|
26
26
|
"@atlaskit/css": "^0.14.0",
|
|
27
27
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
28
|
-
"@atlaskit/icon": "^28.
|
|
28
|
+
"@atlaskit/icon": "^28.2.0",
|
|
29
29
|
"@atlaskit/icon-lab": "^5.7.0",
|
|
30
30
|
"@atlaskit/logo": "^19.7.0",
|
|
31
|
+
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
31
32
|
"@atlaskit/platform-feature-flags-react": "^0.3.0",
|
|
32
|
-
"@atlaskit/popup": "^4.
|
|
33
|
+
"@atlaskit/popup": "^4.4.0",
|
|
33
34
|
"@atlaskit/primitives": "^14.14.0",
|
|
34
|
-
"@atlaskit/tmp-editor-statsig": "^12.
|
|
35
|
+
"@atlaskit/tmp-editor-statsig": "^12.22.0",
|
|
35
36
|
"@atlaskit/tokens": "^6.3.0",
|
|
36
37
|
"@atlaskit/tooltip": "^20.4.0",
|
|
37
38
|
"@babel/runtime": "^7.0.0",
|
|
@@ -83,5 +84,10 @@
|
|
|
83
84
|
"import-no-extraneous-disable-for-examples-and-docs"
|
|
84
85
|
]
|
|
85
86
|
}
|
|
87
|
+
},
|
|
88
|
+
"platform-feature-flags": {
|
|
89
|
+
"platform_editor_ai_rovo_rebrand": {
|
|
90
|
+
"type": "boolean"
|
|
91
|
+
}
|
|
86
92
|
}
|
|
87
93
|
}
|