@atlaskit/editor-common 78.11.3 → 78.11.5
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/.eslintrc.js +8 -0
- package/CHANGELOG.md +15 -0
- package/afm-cc/tsconfig.json +3 -0
- package/dist/cjs/__tests_external__/page-objects/Editor.js +1 -1
- package/dist/cjs/__tests_external__/page-objects/EditorSmartLink.js +1 -1
- package/dist/cjs/__tests_external__/page-objects/Renderer.js +1 -1
- package/dist/cjs/analytics/types/enums.js +1 -0
- package/dist/cjs/analytics/types/table-events.js +1 -0
- package/dist/cjs/annotation/index.js +1 -1
- package/dist/cjs/card/MediaAndEmbedsToolbar/index.js +2 -2
- package/dist/cjs/card/index.js +2 -2
- package/dist/cjs/clipboard/index.js +2 -2
- package/dist/cjs/collab/index.js +6 -3
- package/dist/cjs/element-browser/ElementBrowser.js +3 -3
- package/dist/cjs/element-browser/components/CategoryList.js +2 -2
- package/dist/cjs/element-browser/components/ElementBrowserLoader.js +2 -2
- package/dist/cjs/element-browser/components/ElementList/ElementList.js +92 -15
- package/dist/cjs/element-browser/components/ElementList/EmptyState.js +6 -5
- package/dist/cjs/element-browser/components/ElementSearch.js +5 -6
- package/dist/cjs/element-browser/components/StatelessElementBrowser.js +2 -2
- package/dist/cjs/element-browser/hooks/use-container-width.js +2 -2
- package/dist/cjs/extensibility/Extension/Extension/index.js +7 -3
- package/dist/cjs/extensibility/Extension/Extension/styles.js +36 -7
- package/dist/cjs/extensibility/Extension/InlineExtension/index.js +3 -10
- package/dist/cjs/extensibility/Extension/Lozenge.js +1 -1
- package/dist/cjs/extensibility/Extension/styles.js +1 -1
- package/dist/cjs/extensibility/Extension.js +3 -3
- package/dist/cjs/extensibility/ExtensionComponent.js +3 -4
- package/dist/cjs/extensibility/ExtensionNodeWrapper.js +2 -19
- package/dist/cjs/extensibility/MultiBodiedExtension/index.js +11 -5
- package/dist/cjs/extensibility/extensionNodeView.js +2 -3
- package/dist/cjs/extensibility/index.js +2 -2
- package/dist/cjs/icons/index.js +2 -2
- package/dist/cjs/keymaps/index.js +2 -2
- package/dist/cjs/link/LinkPicker/EditorLinkPicker/index.js +2 -2
- package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +4 -4
- package/dist/cjs/link/LinkSearch/LinkSearchList.js +15 -7
- package/dist/cjs/link/LinkSearch/LinkSearchListItem.js +4 -4
- package/dist/cjs/link/LinkSearch/ToolbarComponents.js +17 -6
- package/dist/cjs/link/LinkSearch/index.js +1 -2
- package/dist/cjs/link/LinkSearch/withActivityProvider.js +1 -1
- package/dist/cjs/link/index.js +2 -2
- package/dist/cjs/monitoring/error.js +3 -3
- package/dist/cjs/preset/editor-commands.js +1 -1
- package/dist/cjs/provider-factory/with-providers.js +1 -1
- package/dist/cjs/quick-insert/assets/index.js +2 -2
- package/dist/cjs/react-node-view/getInlineNodeViewProducer.js +1 -0
- package/dist/cjs/resizer/Resizer.js +8 -11
- package/dist/cjs/safe-plugin/index.js +1 -1
- package/dist/cjs/selection/gap-cursor/selection.js +1 -1
- package/dist/cjs/selection/gap-cursor/styles.js +1 -1
- package/dist/cjs/selection-based-node-view/SelectionBasedNodeView.js +1 -1
- package/dist/cjs/styles/shared/embedCard.js +19 -5
- package/dist/cjs/styles/shared/grid.js +28 -4
- package/dist/cjs/styles/shared/indentation.js +1 -0
- package/dist/cjs/styles/shared/panel.js +1 -1
- package/dist/cjs/styles/shared/resizer.js +3 -3
- package/dist/cjs/styles/shared/shadow.js +32 -3
- package/dist/cjs/ui/Announcer/announcer.js +4 -2
- package/dist/cjs/ui/BaseTheme/index.js +2 -2
- package/dist/cjs/ui/Caption/index.js +1 -1
- package/dist/cjs/ui/ContextPanel/context.js +1 -1
- package/dist/cjs/ui/DropList/index.js +2 -2
- package/dist/cjs/ui/Emoji/index.js +3 -3
- package/dist/cjs/ui/ErrorBoundary/index.js +1 -1
- package/dist/cjs/ui/Expand/index.js +3 -3
- package/dist/cjs/ui/IntlErrorBoundary/index.js +1 -1
- package/dist/cjs/ui/IntlProviderIfMissingWrapper/index.js +2 -2
- package/dist/cjs/ui/Layer/index.js +3 -4
- package/dist/cjs/ui/Mention/index.js +3 -3
- package/dist/cjs/ui/Mention/mention-with-profilecard.js +2 -2
- package/dist/cjs/ui/Mention/mention-with-providers.js +3 -3
- package/dist/cjs/ui/MultiBodiedExtension/index.js +14 -4
- package/dist/cjs/ui/OverflowShadow/index.js +1 -1
- package/dist/cjs/ui/PanelTextInput/index.js +1 -1
- package/dist/cjs/ui/Popup/index.js +1 -1
- package/dist/cjs/ui/PortalProvider/index.js +1 -1
- package/dist/cjs/ui/ResizerLegacy/index.js +1 -1
- package/dist/cjs/ui/UnsupportedBlock/index.js +3 -3
- package/dist/cjs/ui/UnsupportedInline/index.js +18 -5
- package/dist/cjs/ui/WidthProvider/index.js +2 -2
- package/dist/cjs/ui/WithCreateAnalyticsEvent/index.js +1 -1
- package/dist/cjs/ui/index.js +2 -2
- package/dist/cjs/ui/with-outer-listeners.js +3 -3
- package/dist/cjs/ui-color/ColorPalette/Color/index.js +3 -3
- package/dist/cjs/ui-color/ColorPalette/Color/styles.js +21 -5
- package/dist/cjs/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.js +2 -2
- package/dist/cjs/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js +2 -2
- package/dist/cjs/ui-menu/ColorPickerButton/index.js +35 -7
- package/dist/cjs/ui-menu/Dropdown/index.js +3 -3
- package/dist/cjs/ui-menu/DropdownContainer/index.js +2 -2
- package/dist/cjs/ui-menu/DropdownMenu/index.js +3 -4
- package/dist/cjs/ui-menu/ToolbarArrowKeyNavigationProvider/index.js +2 -2
- package/dist/cjs/ui-menu/ToolbarButton/index.js +2 -2
- package/dist/cjs/ui-menu/index.js +2 -2
- package/dist/cjs/ui-react/with-react-editor-view-outer-listeners.js +3 -3
- package/dist/cjs/utils/imageLoader.js +3 -3
- package/dist/cjs/with-plugin-state/index.js +1 -1
- package/dist/es2019/analytics/types/enums.js +1 -0
- package/dist/es2019/analytics/types/table-events.js +1 -0
- package/dist/es2019/card/MediaAndEmbedsToolbar/index.js +1 -0
- package/dist/es2019/collab/index.js +6 -1
- package/dist/es2019/element-browser/components/ElementList/ElementList.js +83 -94
- package/dist/es2019/element-browser/components/ElementList/EmptyState.js +6 -5
- package/dist/es2019/element-browser/components/ElementSearch.js +3 -4
- package/dist/es2019/extensibility/Extension/Extension/index.js +5 -1
- package/dist/es2019/extensibility/Extension/Extension/styles.js +34 -36
- package/dist/es2019/extensibility/Extension/InlineExtension/index.js +3 -7
- package/dist/es2019/extensibility/Extension/styles.js +1 -1
- package/dist/es2019/extensibility/ExtensionComponent.js +0 -1
- package/dist/es2019/extensibility/ExtensionNodeWrapper.js +2 -20
- package/dist/es2019/extensibility/MultiBodiedExtension/index.js +10 -4
- package/dist/es2019/extensibility/extensionNodeView.js +1 -2
- package/dist/es2019/extensions/types/field-definitions.js +1 -0
- package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +1 -1
- package/dist/es2019/link/LinkSearch/LinkSearchList.js +14 -14
- package/dist/es2019/link/LinkSearch/LinkSearchListItem.js +2 -1
- package/dist/es2019/link/LinkSearch/ToolbarComponents.js +17 -18
- package/dist/es2019/link/LinkSearch/index.js +0 -1
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/react-node-view/getInlineNodeViewProducer.js +1 -0
- package/dist/es2019/resizer/Resizer.js +2 -3
- package/dist/es2019/selection/gap-cursor/styles.js +2 -2
- package/dist/es2019/styles/shared/embedCard.js +17 -21
- package/dist/es2019/styles/shared/grid.js +27 -31
- package/dist/es2019/styles/shared/indentation.js +2 -0
- package/dist/es2019/styles/shared/panel.js +1 -1
- package/dist/es2019/styles/shared/resizer.js +6 -3
- package/dist/es2019/styles/shared/shadow.js +36 -65
- package/dist/es2019/ui/Announcer/announcer.js +2 -0
- package/dist/es2019/ui/ContextPanel/context.js +1 -0
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/Expand/index.js +3 -4
- package/dist/es2019/ui/Layer/index.js +0 -1
- package/dist/es2019/ui/MultiBodiedExtension/index.js +13 -4
- package/dist/es2019/ui/UnsupportedBlock/index.js +2 -2
- package/dist/es2019/ui/UnsupportedInline/index.js +15 -15
- package/dist/es2019/ui-color/ColorPalette/Color/styles.js +20 -24
- package/dist/es2019/ui-menu/ColorPickerButton/index.js +34 -35
- package/dist/es2019/ui-menu/DropdownMenu/index.js +0 -1
- package/dist/es2019/utils/dom.js +1 -0
- package/dist/es2019/with-plugin-state/index.js +1 -0
- package/dist/esm/__tests_external__/page-objects/Editor.js +1 -1
- package/dist/esm/__tests_external__/page-objects/EditorSmartLink.js +1 -1
- package/dist/esm/__tests_external__/page-objects/Renderer.js +1 -1
- package/dist/esm/analytics/types/enums.js +1 -0
- package/dist/esm/analytics/types/table-events.js +1 -0
- package/dist/esm/annotation/index.js +1 -1
- package/dist/esm/card/MediaAndEmbedsToolbar/index.js +1 -0
- package/dist/esm/collab/index.js +6 -1
- package/dist/esm/element-browser/ElementBrowser.js +1 -1
- package/dist/esm/element-browser/components/ElementList/ElementList.js +90 -13
- package/dist/esm/element-browser/components/ElementList/EmptyState.js +6 -5
- package/dist/esm/element-browser/components/ElementSearch.js +3 -4
- package/dist/esm/extensibility/Extension/Extension/index.js +5 -1
- package/dist/esm/extensibility/Extension/Extension/styles.js +37 -7
- package/dist/esm/extensibility/Extension/InlineExtension/index.js +3 -7
- package/dist/esm/extensibility/Extension/Lozenge.js +1 -1
- package/dist/esm/extensibility/Extension/styles.js +1 -1
- package/dist/esm/extensibility/Extension.js +1 -1
- package/dist/esm/extensibility/ExtensionComponent.js +1 -2
- package/dist/esm/extensibility/ExtensionNodeWrapper.js +2 -18
- package/dist/esm/extensibility/MultiBodiedExtension/index.js +10 -4
- package/dist/esm/extensibility/extensionNodeView.js +2 -3
- package/dist/esm/extensions/types/field-definitions.js +1 -0
- package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -2
- package/dist/esm/link/LinkSearch/LinkSearchList.js +15 -6
- package/dist/esm/link/LinkSearch/LinkSearchListItem.js +3 -2
- package/dist/esm/link/LinkSearch/ToolbarComponents.js +17 -5
- package/dist/esm/link/LinkSearch/index.js +1 -2
- package/dist/esm/link/LinkSearch/withActivityProvider.js +1 -1
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/preset/editor-commands.js +1 -1
- package/dist/esm/provider-factory/with-providers.js +1 -1
- package/dist/esm/react-node-view/getInlineNodeViewProducer.js +1 -0
- package/dist/esm/resizer/Resizer.js +2 -5
- package/dist/esm/safe-plugin/index.js +1 -1
- package/dist/esm/selection/gap-cursor/selection.js +1 -1
- package/dist/esm/selection/gap-cursor/styles.js +1 -1
- package/dist/esm/selection-based-node-view/SelectionBasedNodeView.js +1 -1
- package/dist/esm/styles/shared/embedCard.js +19 -4
- package/dist/esm/styles/shared/grid.js +28 -3
- package/dist/esm/styles/shared/indentation.js +2 -0
- package/dist/esm/styles/shared/panel.js +1 -1
- package/dist/esm/styles/shared/resizer.js +2 -2
- package/dist/esm/styles/shared/shadow.js +32 -3
- package/dist/esm/ui/Announcer/announcer.js +2 -0
- package/dist/esm/ui/Caption/index.js +1 -1
- package/dist/esm/ui/ContextPanel/context.js +2 -1
- package/dist/esm/ui/DropList/index.js +2 -2
- package/dist/esm/ui/Emoji/index.js +1 -1
- package/dist/esm/ui/ErrorBoundary/index.js +1 -1
- package/dist/esm/ui/Expand/index.js +2 -2
- package/dist/esm/ui/IntlErrorBoundary/index.js +1 -1
- package/dist/esm/ui/Layer/index.js +1 -2
- package/dist/esm/ui/Mention/index.js +1 -1
- package/dist/esm/ui/Mention/mention-with-providers.js +1 -1
- package/dist/esm/ui/MultiBodiedExtension/index.js +13 -4
- package/dist/esm/ui/OverflowShadow/index.js +1 -1
- package/dist/esm/ui/PanelTextInput/index.js +1 -1
- package/dist/esm/ui/Popup/index.js +1 -1
- package/dist/esm/ui/PortalProvider/index.js +1 -1
- package/dist/esm/ui/ResizerLegacy/index.js +1 -1
- package/dist/esm/ui/UnsupportedBlock/index.js +1 -1
- package/dist/esm/ui/UnsupportedInline/index.js +15 -3
- package/dist/esm/ui/WithCreateAnalyticsEvent/index.js +1 -1
- package/dist/esm/ui/with-outer-listeners.js +1 -1
- package/dist/esm/ui-color/ColorPalette/Color/index.js +1 -1
- package/dist/esm/ui-color/ColorPalette/Color/styles.js +21 -5
- package/dist/esm/ui-menu/ColorPickerButton/index.js +34 -7
- package/dist/esm/ui-menu/Dropdown/index.js +1 -1
- package/dist/esm/ui-menu/DropdownMenu/index.js +1 -2
- package/dist/esm/ui-react/with-react-editor-view-outer-listeners.js +1 -1
- package/dist/esm/utils/dom.js +1 -0
- package/dist/esm/utils/imageLoader.js +1 -1
- package/dist/esm/with-plugin-state/index.js +1 -1
- package/dist/types/analytics/types/enums.d.ts +2 -1
- package/dist/types/analytics/types/table-events.d.ts +10 -1
- package/dist/types/extensibility/ExtensionNodeWrapper.d.ts +1 -5
- package/dist/types/styles/shared/resizer.d.ts +1 -0
- package/dist/types/ui/MultiBodiedExtension/index.d.ts +1 -0
- package/dist/types/ui/UnsupportedInline/index.d.ts +3 -3
- package/dist/types-ts4.5/analytics/types/enums.d.ts +2 -1
- package/dist/types-ts4.5/analytics/types/table-events.d.ts +10 -1
- package/dist/types-ts4.5/extensibility/ExtensionNodeWrapper.d.ts +1 -5
- package/dist/types-ts4.5/styles/shared/resizer.d.ts +1 -0
- package/dist/types-ts4.5/ui/MultiBodiedExtension/index.d.ts +1 -0
- package/dist/types-ts4.5/ui/UnsupportedInline/index.d.ts +3 -3
- package/package.json +2 -1
|
@@ -13,8 +13,8 @@ var _react2 = require("@emotion/react");
|
|
|
13
13
|
var _types = require("../ArrowKeyNavigationProvider/types");
|
|
14
14
|
var _Dropdown = _interopRequireDefault(require("../Dropdown"));
|
|
15
15
|
var _ToolbarArrowKeyNavigationProvider = require("../ToolbarArrowKeyNavigationProvider");
|
|
16
|
-
function _getRequireWildcardCache(
|
|
17
|
-
function _interopRequireWildcard(
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
18
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
19
|
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; } /** @jsx jsx */
|
|
20
20
|
var DropdownContainer = exports.DropdownContainer = /*#__PURE__*/_react.default.memo(function DropdownContainer(props) {
|
|
@@ -36,12 +36,12 @@ var _types = require("../ArrowKeyNavigationProvider/types");
|
|
|
36
36
|
var _excluded = ["children"];
|
|
37
37
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
38
38
|
/** @jsx jsx */
|
|
39
|
-
function _getRequireWildcardCache(
|
|
40
|
-
function _interopRequireWildcard(
|
|
39
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
40
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
41
41
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
42
42
|
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; }
|
|
43
43
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
44
|
-
function _isNativeReflectConstruct() {
|
|
44
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
45
45
|
var wrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n /* tooltip in ToolbarButton is display:block */\n & > div > div {\n display: flex;\n }\n"])));
|
|
46
46
|
var focusedMenuItemStyle = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n box-shadow: inset 0px 0px 0px 2px ", ";\n outline: none;\n"])), "var(--ds-border-focused, ".concat(_colors.B100, ")"));
|
|
47
47
|
var buttonStyles = function buttonStyles(isActive, submenuActive) {
|
|
@@ -54,7 +54,6 @@ var buttonStyles = function buttonStyles(isActive, submenuActive) {
|
|
|
54
54
|
return (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n > span:hover[aria-disabled='false'] {\n color: ", ";\n background-color: ", ";\n }\n ", "\n > span[aria-disabled='true'] {\n color: ", ";\n }\n :focus > span[aria-disabled='false'] {\n ", ";\n }\n :focus-visible,\n :focus-visible > span[aria-disabled='false'] {\n outline: none;\n }\n "])), "var(--ds-text, ".concat(_colors.N900, ")"), "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))", !submenuActive && "\n > span:active[aria-disabled='false'] {\n background-color: ".concat("var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))", ";\n }"), "var(--ds-text-disabled, ".concat(_colors.N70, ")"), focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers
|
|
55
55
|
}
|
|
56
56
|
};
|
|
57
|
-
|
|
58
57
|
var DropListWithOutsideListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_DropList.default);
|
|
59
58
|
|
|
60
59
|
/**
|
|
@@ -14,8 +14,8 @@ var _ui = require("../../ui");
|
|
|
14
14
|
var _templateObject;
|
|
15
15
|
/** @jsx jsx */
|
|
16
16
|
/* eslint-disable no-console */
|
|
17
|
-
function _getRequireWildcardCache(
|
|
18
|
-
function _interopRequireWildcard(
|
|
17
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
19
|
/*
|
|
20
20
|
** The context is used to handle the keydown events of submenus.
|
|
21
21
|
** Because the keyboard navigation is explicitly managed for main toolbar items
|
|
@@ -18,8 +18,8 @@ var _templateObject; // This file is copied to `packages/editor/editor-plugin-ai
|
|
|
18
18
|
// If you make any change here, copy it to above file as well
|
|
19
19
|
// and notify about the change in #team-fc-editor-ai-dev channel.
|
|
20
20
|
/** @jsx jsx */
|
|
21
|
-
function _getRequireWildcardCache(
|
|
22
|
-
function _interopRequireWildcard(
|
|
21
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
22
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
23
23
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
24
24
|
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; }
|
|
25
25
|
var TOOLBAR_BUTTON = exports.TOOLBAR_BUTTON = _analytics.TOOLBAR_ACTION_SUBJECT_ID;
|
|
@@ -92,5 +92,5 @@ var _ColorPaletteArrowKeyNavigationProvider = require("./ArrowKeyNavigationProvi
|
|
|
92
92
|
var _Dropdown = _interopRequireDefault(require("./Dropdown"));
|
|
93
93
|
var _ColorPickerButton = _interopRequireDefault(require("./ColorPickerButton"));
|
|
94
94
|
var _DropdownContainer = require("./DropdownContainer");
|
|
95
|
-
function _getRequireWildcardCache(
|
|
96
|
-
function _interopRequireWildcard(
|
|
95
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
96
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -19,10 +19,10 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
19
19
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
20
20
|
var _ReactEditorViewContext = _interopRequireDefault(require("./ReactEditorViewContext"));
|
|
21
21
|
var _excluded = ["handleClickOutside", "handleEnterKeydown", "handleEscapeKeydown", "closeOnTab"];
|
|
22
|
-
function _getRequireWildcardCache(
|
|
23
|
-
function _interopRequireWildcard(
|
|
22
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
23
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
24
24
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
25
|
-
function _isNativeReflectConstruct() {
|
|
25
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
26
26
|
// This needs exporting to be used alongisde `withReactEditorViewOuterListeners`
|
|
27
27
|
var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
|
|
28
28
|
(0, _inherits2.default)(WithOutsideClick, _PureComponent);
|
|
@@ -15,10 +15,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
15
15
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
16
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
17
|
var _react = _interopRequireWildcard(require("react"));
|
|
18
|
-
function _getRequireWildcardCache(
|
|
19
|
-
function _interopRequireWildcard(
|
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
20
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
21
|
-
function _isNativeReflectConstruct() {
|
|
21
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
22
22
|
var withImageLoader = exports.withImageLoader = function withImageLoader(Wrapped) {
|
|
23
23
|
return /*#__PURE__*/function (_Component) {
|
|
24
24
|
(0, _inherits2.default)(WithImageLoader, _Component);
|
|
@@ -20,7 +20,7 @@ var _utils = require("../utils");
|
|
|
20
20
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
21
21
|
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; }
|
|
22
22
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
23
|
-
function _isNativeReflectConstruct() {
|
|
23
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
24
24
|
var DEFAULT_SAMPLING_RATE = 100;
|
|
25
25
|
var DEFAULT_SLOW_THRESHOLD = 4;
|
|
26
26
|
|
|
@@ -164,6 +164,7 @@ export let INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {
|
|
|
164
164
|
INPUT_METHOD["TYPEAHEAD"] = "typeAhead";
|
|
165
165
|
INPUT_METHOD["DATASOURCE"] = "datasource_config";
|
|
166
166
|
INPUT_METHOD["TABLE_CONTEXT_MENU"] = "tableContextMenu";
|
|
167
|
+
INPUT_METHOD["MOUSE"] = "mouse";
|
|
167
168
|
return INPUT_METHOD;
|
|
168
169
|
}({});
|
|
169
170
|
export let TRIGGER_METHOD = /*#__PURE__*/function (TRIGGER_METHOD) {
|
|
@@ -23,6 +23,7 @@ export let TABLE_ACTION = /*#__PURE__*/function (TABLE_ACTION) {
|
|
|
23
23
|
TABLE_ACTION["FIXED"] = "fixed";
|
|
24
24
|
TABLE_ACTION["RESIZED"] = "resized";
|
|
25
25
|
TABLE_ACTION["RESIZE_PERF_SAMPLING"] = "resizePerfSampling";
|
|
26
|
+
TABLE_ACTION["COLUMN_RESIZED"] = "columnResized";
|
|
26
27
|
TABLE_ACTION["OVERFLOW_CHANGED"] = "overflowChanged";
|
|
27
28
|
TABLE_ACTION["INITIAL_OVERFLOW_CAPTURED"] = "initialOverflowCaptured";
|
|
28
29
|
TABLE_ACTION["MOVED_ROW"] = "movedRow";
|
|
@@ -16,6 +16,7 @@ import { alignAttributes, isInLayoutColumn, nonWrappedLayouts } from '../../util
|
|
|
16
16
|
|
|
17
17
|
// Workaround as we don't want to import this package into `editor-common`
|
|
18
18
|
// We'll get type errors if this gets out of sync with `editor-plugin-width`.
|
|
19
|
+
|
|
19
20
|
export const alignmentIcons = [{
|
|
20
21
|
id: 'editor.media.alignLeft',
|
|
21
22
|
value: 'align-start',
|
|
@@ -5,8 +5,10 @@ import * as themeColors from '@atlaskit/theme/colors';
|
|
|
5
5
|
|
|
6
6
|
// Format of the payload returned by the callback function passed to the collab provider
|
|
7
7
|
// that gets called when syncing with the back-end service fails.
|
|
8
|
+
|
|
8
9
|
// Format of the document and its metadata returned from the collab provider
|
|
9
10
|
// after editing and for draft sync
|
|
11
|
+
|
|
10
12
|
// Provider Errors
|
|
11
13
|
// Emitted errors
|
|
12
14
|
export let PROVIDER_ERROR_CODE = /*#__PURE__*/function (PROVIDER_ERROR_CODE) {
|
|
@@ -141,6 +143,9 @@ const telepointerColorStyle = (color, index) => `
|
|
|
141
143
|
}
|
|
142
144
|
`;
|
|
143
145
|
export const TELEPOINTER_DIM_CLASS = 'telepointer-dim';
|
|
146
|
+
|
|
147
|
+
// Disable top: -14px since it is necessary to align to cursor
|
|
148
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
144
149
|
export const telepointerStyle = css`
|
|
145
150
|
.ProseMirror .telepointer {
|
|
146
151
|
position: relative;
|
|
@@ -160,7 +165,7 @@ export const telepointerStyle = css`
|
|
|
160
165
|
font-size: ${relativeFontSizeToBase16(9)};
|
|
161
166
|
padding: ${"var(--ds-space-025, 2px)"};
|
|
162
167
|
color: ${"var(--ds-text-inverse, white)"};
|
|
163
|
-
left:
|
|
168
|
+
left: 0px;
|
|
164
169
|
border-radius: 2px 2px 2px 0;
|
|
165
170
|
line-height: initial;
|
|
166
171
|
}
|
|
@@ -22,23 +22,21 @@ import EmptyState from './EmptyState';
|
|
|
22
22
|
import { getColumnCount, getScrollbarWidth } from './utils';
|
|
23
23
|
export const ICON_HEIGHT = 40;
|
|
24
24
|
export const ICON_WIDTH = 40;
|
|
25
|
-
export const itemIcon = css
|
|
26
|
-
width:
|
|
27
|
-
height:
|
|
28
|
-
overflow: hidden
|
|
29
|
-
border: 1px solid ${"var(--ds-border, rgba(223, 225, 229, 0.5))"}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
width: ${ICON_WIDTH}px;
|
|
39
|
-
height: ${ICON_HEIGHT}px;
|
|
25
|
+
export const itemIcon = css({
|
|
26
|
+
width: `${ICON_WIDTH}px`,
|
|
27
|
+
height: `${ICON_HEIGHT}px`,
|
|
28
|
+
overflow: 'hidden',
|
|
29
|
+
border: `1px solid ${"var(--ds-border, rgba(223, 225, 229, 0.5))"}`,
|
|
30
|
+
borderRadius: `${borderRadius()}px`,
|
|
31
|
+
boxSizing: 'border-box',
|
|
32
|
+
display: 'flex',
|
|
33
|
+
justifyContent: 'center',
|
|
34
|
+
alignItems: 'center',
|
|
35
|
+
div: {
|
|
36
|
+
width: `${ICON_WIDTH}px`,
|
|
37
|
+
height: `${ICON_HEIGHT}px`
|
|
40
38
|
}
|
|
41
|
-
|
|
39
|
+
});
|
|
42
40
|
function ElementList({
|
|
43
41
|
items,
|
|
44
42
|
mode,
|
|
@@ -230,95 +228,86 @@ const ItemContent = /*#__PURE__*/memo(({
|
|
|
230
228
|
}, keyshortcut))), description && jsx("p", {
|
|
231
229
|
css: itemDescription
|
|
232
230
|
}, description))));
|
|
233
|
-
const elementItemsWrapper = css
|
|
234
|
-
flex: 1
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
overflow: hidden
|
|
239
|
-
padding:
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
:focus {
|
|
246
|
-
box-shadow: 0 0 0 ${ELEMENT_LIST_PADDING}px
|
|
247
|
-
${`var(--ds-border-focused, ${B100})`};
|
|
231
|
+
const elementItemsWrapper = css({
|
|
232
|
+
flex: 1,
|
|
233
|
+
flexFlow: 'row wrap',
|
|
234
|
+
alignItems: 'flex-start',
|
|
235
|
+
justifyContent: 'flex-start',
|
|
236
|
+
overflow: 'hidden',
|
|
237
|
+
padding: "var(--ds-space-025, 2px)",
|
|
238
|
+
'.ReactVirtualized__Collection': {
|
|
239
|
+
borderRadius: '3px',
|
|
240
|
+
outline: 'none',
|
|
241
|
+
':focus': {
|
|
242
|
+
boxShadow: `0 0 0 ${ELEMENT_LIST_PADDING}px ${`var(--ds-border-focused, ${B100})`}`
|
|
248
243
|
}
|
|
249
|
-
}
|
|
250
|
-
.ReactVirtualized__Collection__innerScrollContainer {
|
|
251
|
-
div[class='element-item-wrapper']:last-child {
|
|
252
|
-
|
|
244
|
+
},
|
|
245
|
+
'.ReactVirtualized__Collection__innerScrollContainer': {
|
|
246
|
+
"div[class='element-item-wrapper']:last-child": {
|
|
247
|
+
paddingBottom: "var(--ds-space-050, 4px)"
|
|
253
248
|
}
|
|
254
249
|
}
|
|
255
|
-
|
|
256
|
-
const elementItemWrapper = css
|
|
257
|
-
div {
|
|
258
|
-
button {
|
|
259
|
-
height: 75px
|
|
260
|
-
|
|
261
|
-
padding:
|
|
250
|
+
});
|
|
251
|
+
const elementItemWrapper = css({
|
|
252
|
+
div: {
|
|
253
|
+
button: {
|
|
254
|
+
height: '75px',
|
|
255
|
+
alignItems: 'flex-start',
|
|
256
|
+
padding: "var(--ds-space-150, 12px)"
|
|
262
257
|
}
|
|
263
258
|
}
|
|
264
|
-
|
|
265
|
-
const itemBody = css
|
|
266
|
-
display: flex
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
width: 100
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
`;
|
|
259
|
+
});
|
|
260
|
+
const itemBody = css({
|
|
261
|
+
display: 'flex',
|
|
262
|
+
flexDirection: 'row',
|
|
263
|
+
flexWrap: 'nowrap',
|
|
264
|
+
justifyContent: 'space-between',
|
|
265
|
+
lineHeight: 1.4,
|
|
266
|
+
width: '100%',
|
|
267
|
+
marginTop: "var(--ds-space-negative-025, -2px)"
|
|
268
|
+
});
|
|
275
269
|
|
|
276
270
|
/*
|
|
277
271
|
* -webkit-line-clamp is also supported by firefox 🎉
|
|
278
272
|
* https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/68#CSS
|
|
279
273
|
*/
|
|
280
|
-
const multilineStyle = css
|
|
281
|
-
display: -webkit-box
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
const itemDescription = css
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
const itemIconStyle = css`
|
|
316
|
-
img {
|
|
317
|
-
height: 40px;
|
|
318
|
-
width: 40px;
|
|
319
|
-
object-fit: cover;
|
|
274
|
+
const multilineStyle = css({
|
|
275
|
+
display: '-webkit-box',
|
|
276
|
+
WebkitLineClamp: 2,
|
|
277
|
+
WebkitBoxOrient: 'vertical'
|
|
278
|
+
});
|
|
279
|
+
const itemDescription = css(multilineStyle, {
|
|
280
|
+
overflow: 'hidden',
|
|
281
|
+
fontSize: relativeFontSizeToBase16(11.67),
|
|
282
|
+
color: `var(--ds-text-subtle, ${N200})`,
|
|
283
|
+
marginTop: "var(--ds-space-025, 2px)"
|
|
284
|
+
});
|
|
285
|
+
const itemText = css({
|
|
286
|
+
width: 'inherit',
|
|
287
|
+
whiteSpace: 'initial'
|
|
288
|
+
});
|
|
289
|
+
const itemTitleWrapper = css({
|
|
290
|
+
display: 'flex',
|
|
291
|
+
justifyContent: 'space-between'
|
|
292
|
+
});
|
|
293
|
+
const itemTitle = css({
|
|
294
|
+
width: '100%',
|
|
295
|
+
overflow: 'hidden',
|
|
296
|
+
whiteSpace: 'nowrap',
|
|
297
|
+
textOverflow: 'ellipsis'
|
|
298
|
+
});
|
|
299
|
+
const itemAfter = css({
|
|
300
|
+
flex: '0 0 auto',
|
|
301
|
+
paddingTop: "var(--ds-space-025, 2px)",
|
|
302
|
+
marginBottom: "var(--ds-space-negative-025, -2px)"
|
|
303
|
+
});
|
|
304
|
+
const itemIconStyle = css({
|
|
305
|
+
img: {
|
|
306
|
+
height: '40px',
|
|
307
|
+
width: '40px',
|
|
308
|
+
objectFit: 'cover'
|
|
320
309
|
}
|
|
321
|
-
|
|
310
|
+
});
|
|
322
311
|
const MemoizedElementListWithAnalytics = /*#__PURE__*/memo(withAnalyticsContext({
|
|
323
312
|
component: 'ElementList'
|
|
324
313
|
})(ElementList));
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { css, jsx } from '@emotion/react';
|
|
3
3
|
import { FormattedMessage } from 'react-intl-next';
|
|
4
4
|
import Button from '@atlaskit/button';
|
|
5
|
+
import { Box, xcss } from '@atlaskit/primitives';
|
|
5
6
|
import NotFoundIllustration from './NotFoundIllustration';
|
|
6
7
|
export default function EmptyState({
|
|
7
8
|
onExternalLinkClick
|
|
@@ -21,8 +22,8 @@ export default function EmptyState({
|
|
|
21
22
|
id: "fabric.editor.elementbrowser.search.empty-state.sub-heading",
|
|
22
23
|
defaultMessage: "Try searching with a different term or discover new apps for Atlassian products.",
|
|
23
24
|
description: "Empty state sub-heading"
|
|
24
|
-
})), jsx(
|
|
25
|
-
|
|
25
|
+
})), jsx(Box, {
|
|
26
|
+
xcss: externalLinkWrapper
|
|
26
27
|
}, jsx(Button, {
|
|
27
28
|
appearance: "primary",
|
|
28
29
|
target: "_blank",
|
|
@@ -40,7 +41,7 @@ const emptyStateHeading = css({
|
|
|
40
41
|
color: "var(--ds-text, rgb(23, 43, 77))",
|
|
41
42
|
fontWeight: 500,
|
|
42
43
|
letterSpacing: '-0.008em',
|
|
43
|
-
marginTop:
|
|
44
|
+
marginTop: "var(--ds-space-300, 24px)"
|
|
44
45
|
});
|
|
45
46
|
const emptyStateSubHeading = css({
|
|
46
47
|
marginTop: "var(--ds-space-200, 16px)",
|
|
@@ -54,6 +55,6 @@ const emptyStateWrapper = css({
|
|
|
54
55
|
alignItems: 'center',
|
|
55
56
|
width: '100%'
|
|
56
57
|
});
|
|
57
|
-
const externalLinkWrapper =
|
|
58
|
-
marginTop:
|
|
58
|
+
const externalLinkWrapper = xcss({
|
|
59
|
+
marginTop: "var(--ds-space-150, 12px)"
|
|
59
60
|
});
|
|
@@ -114,8 +114,8 @@ function ElementSearch({
|
|
|
114
114
|
}, assistiveMessage));
|
|
115
115
|
}
|
|
116
116
|
const styledShortcut = css(shortcutStyle, {
|
|
117
|
-
padding: `${
|
|
118
|
-
width:
|
|
117
|
+
padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`,
|
|
118
|
+
width: "var(--ds-space-600, 48px)"
|
|
119
119
|
});
|
|
120
120
|
const wrapper = css({
|
|
121
121
|
'& > [data-ds--text-field--container]': {
|
|
@@ -124,9 +124,8 @@ const wrapper = css({
|
|
|
124
124
|
flex: '1 1 100%',
|
|
125
125
|
overflow: 'visible',
|
|
126
126
|
'& > [data-ds--text-field--input]': {
|
|
127
|
-
marginBottom: '3px',
|
|
128
127
|
fontSize: relativeFontSizeToBase16(14),
|
|
129
|
-
padding: `${
|
|
128
|
+
padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-075, 6px)"} ${"var(--ds-space-100, 8px)"} 0`
|
|
130
129
|
}
|
|
131
130
|
}
|
|
132
131
|
});
|
|
@@ -55,6 +55,9 @@ function ExtensionWithPluginState(props) {
|
|
|
55
55
|
'with-children': hasChildren,
|
|
56
56
|
'without-frame': removeBorder
|
|
57
57
|
});
|
|
58
|
+
const contentClassNames = classnames({
|
|
59
|
+
'remove-padding': showMacroInteractionDesignUpdates
|
|
60
|
+
});
|
|
58
61
|
let customContainerStyles = {
|
|
59
62
|
width: '100%'
|
|
60
63
|
};
|
|
@@ -102,7 +105,8 @@ function ExtensionWithPluginState(props) {
|
|
|
102
105
|
node: node,
|
|
103
106
|
showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
|
|
104
107
|
}), children), hasBody && jsx("div", {
|
|
105
|
-
css: newContentStyles
|
|
108
|
+
css: newContentStyles,
|
|
109
|
+
className: contentClassNames
|
|
106
110
|
}, jsx("div", {
|
|
107
111
|
css: content,
|
|
108
112
|
ref: handleContentDOMRef,
|
|
@@ -1,42 +1,40 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
import { N30 } from '@atlaskit/theme/colors';
|
|
3
|
-
import {
|
|
3
|
+
import { wrapperDefault } from '../styles';
|
|
4
4
|
export const widerLayoutClassName = 'wider-layout';
|
|
5
|
-
export const wrapperStyle = css
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
export const wrapperStyle = css(wrapperDefault, {
|
|
6
|
+
'&.without-frame': {
|
|
7
|
+
background: 'transparent'
|
|
8
|
+
},
|
|
9
|
+
cursor: 'pointer',
|
|
10
|
+
width: '100%',
|
|
11
|
+
'.extension-overflow-wrapper:not(.with-body)': {
|
|
12
|
+
overflowX: 'auto'
|
|
10
13
|
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
});
|
|
15
|
+
export const header = css({
|
|
16
|
+
padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0px`,
|
|
17
|
+
verticalAlign: 'middle',
|
|
18
|
+
'&.with-children:not(.without-frame)': {
|
|
19
|
+
padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"}`
|
|
20
|
+
},
|
|
21
|
+
'&.without-frame': {
|
|
22
|
+
padding: 0
|
|
16
23
|
}
|
|
17
|
-
|
|
18
|
-
export const
|
|
19
|
-
padding:
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
});
|
|
25
|
+
export const content = css({
|
|
26
|
+
padding: "var(--ds-space-100, 8px)",
|
|
27
|
+
background: "var(--ds-surface, white)",
|
|
28
|
+
border: `1px solid ${`var(--ds-border, ${N30})`}`,
|
|
29
|
+
borderRadius: "var(--ds-border-radius, 3px)",
|
|
30
|
+
cursor: 'initial',
|
|
31
|
+
width: '100%'
|
|
32
|
+
});
|
|
33
|
+
export const contentWrapper = css({
|
|
34
|
+
padding: `0 ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-100, 8px)"}`,
|
|
35
|
+
display: 'flex',
|
|
36
|
+
justifyContent: 'center',
|
|
37
|
+
'&.remove-padding': {
|
|
38
|
+
padding: 0
|
|
25
39
|
}
|
|
26
|
-
|
|
27
|
-
padding: 0;
|
|
28
|
-
}
|
|
29
|
-
`;
|
|
30
|
-
export const content = css`
|
|
31
|
-
padding: ${padding}px;
|
|
32
|
-
background: ${"var(--ds-surface, white)"};
|
|
33
|
-
border: 1px solid ${`var(--ds-border, ${N30})`};
|
|
34
|
-
border-radius: ${"var(--ds-border-radius, 3px)"};
|
|
35
|
-
cursor: initial;
|
|
36
|
-
width: 100%;
|
|
37
|
-
`;
|
|
38
|
-
export const contentWrapper = css`
|
|
39
|
-
padding: 0 ${padding}px ${padding}px;
|
|
40
|
-
display: flex;
|
|
41
|
-
justify-content: center;
|
|
42
|
-
`;
|
|
40
|
+
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
|
-
import React
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import { jsx } from '@emotion/react';
|
|
4
4
|
import { akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
|
|
5
5
|
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
@@ -23,11 +23,7 @@ const InlineExtension = props => {
|
|
|
23
23
|
const className = hasChildren ? 'with-overlay with-children' : 'with-overlay';
|
|
24
24
|
const rendererContainerWidth = widthState ? widthState.width - akEditorGutterPadding * 2 : 0;
|
|
25
25
|
const extendedInlineExtension = getBooleanFF('platform.editor.inline_extension.extended_lcqdn') || false;
|
|
26
|
-
const inlineExtensionInternal = jsx(
|
|
27
|
-
node: node,
|
|
28
|
-
isNodeSelected: isNodeSelected,
|
|
29
|
-
showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
|
|
30
|
-
}), jsx("div", {
|
|
26
|
+
const inlineExtensionInternal = jsx("div", {
|
|
31
27
|
css: [wrapperStyle, extendedInlineExtension && inlineWrapperStyels],
|
|
32
28
|
className: `extension-container inline ${className}`
|
|
33
29
|
}, jsx("div", {
|
|
@@ -37,7 +33,7 @@ const InlineExtension = props => {
|
|
|
37
33
|
node: node,
|
|
38
34
|
isNodeSelected: isNodeSelected,
|
|
39
35
|
showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
|
|
40
|
-
}))
|
|
36
|
+
}));
|
|
41
37
|
if (extendedInlineExtension) {
|
|
42
38
|
return jsx(WidthContext.Provider, {
|
|
43
39
|
value: createWidthContext(rendererContainerWidth)
|