@atlaskit/editor-toolbar 0.3.1 → 0.3.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-toolbar
 
+## 0.3.3
+
+### Patch Changes
+
+- [`f78a34afab8d4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f78a34afab8d4) -
+  [ux] ED-28961 register undo redo and track changes buttons to new toolbar behind
+  platform_editor_toolbar_aifc. adds ai buttons into comment toolbar.
+
+## 0.3.2
+
+### Patch Changes
+
+- [`c3b98666f3840`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c3b98666f3840) -
+  [ux] ED-28740 register insert block items to new toolbar behind platform_editor_toolbar_aifc
+
 ## 0.3.1
 
 ### Patch Changes

package/dist/cjs/hooks/ui-context.js

@@ -9,7 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 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); }
 var ToolbarUIContext = /*#__PURE__*/(0, _react.createContext)({
   onDropdownOpenChanged: function onDropdownOpenChanged() {},
-  preventDefaultOnMouseDown: false
+  preventDefaultOnMouseDown: false,
+  isDisabled: false
 });
 
 /**
@@ -25,11 +26,13 @@ var useToolbarUI = exports.useToolbarUI = function useToolbarUI() {
 var ToolbarUIProvider = exports.ToolbarUIProvider = function ToolbarUIProvider(_ref) {
   var children = _ref.children,
     onDropdownOpenChanged = _ref.onDropdownOpenChanged,
-    preventDefaultOnMouseDown = _ref.preventDefaultOnMouseDown;
+    preventDefaultOnMouseDown = _ref.preventDefaultOnMouseDown,
+    isDisabled = _ref.isDisabled;
   return /*#__PURE__*/_react.default.createElement(ToolbarUIContext.Provider, {
     value: {
       onDropdownOpenChanged: onDropdownOpenChanged,
-      preventDefaultOnMouseDown: preventDefaultOnMouseDown
+      preventDefaultOnMouseDown: preventDefaultOnMouseDown,
+      isDisabled: isDisabled
     }
   }, children);
 };

package/dist/cjs/index.js

@@ -136,6 +136,12 @@ Object.defineProperty(exports, "CommentIcon", {
     return _CommentIcon.CommentIcon;
   }
 });
+Object.defineProperty(exports, "EmojiIcon", {
+  enumerable: true,
+  get: function get() {
+    return _EmojiIcon.EmojiIcon;
+  }
+});
 Object.defineProperty(exports, "HeadingFiveIcon", {
   enumerable: true,
   get: function get() {
@@ -172,6 +178,18 @@ Object.defineProperty(exports, "HeadingTwoIcon", {
     return _HeadingTwoIcon.HeadingTwoIcon;
   }
 });
+Object.defineProperty(exports, "HistoryIcon", {
+  enumerable: true,
+  get: function get() {
+    return _HistoryIcon.HistoryIcon;
+  }
+});
+Object.defineProperty(exports, "ImageIcon", {
+  enumerable: true,
+  get: function get() {
+    return _ImageIcon.ImageIcon;
+  }
+});
 Object.defineProperty(exports, "IndentIcon", {
   enumerable: true,
   get: function get() {
@@ -184,6 +202,12 @@ Object.defineProperty(exports, "ItalicIcon", {
     return _ItalicIcon.ItalicIcon;
   }
 });
+Object.defineProperty(exports, "LayoutIcon", {
+  enumerable: true,
+  get: function get() {
+    return _LayoutIcon.LayoutIcon;
+  }
+});
 Object.defineProperty(exports, "LinkIcon", {
   enumerable: true,
   get: function get() {
@@ -202,6 +226,12 @@ Object.defineProperty(exports, "ListNumberedIcon", {
     return _ListNumberedIcon.ListNumberedIcon;
   }
 });
+Object.defineProperty(exports, "MentionIcon", {
+  enumerable: true,
+  get: function get() {
+    return _MentionIcon.MentionIcon;
+  }
+});
 Object.defineProperty(exports, "MoreItemsIcon", {
   enumerable: true,
   get: function get() {
@@ -244,6 +274,12 @@ Object.defineProperty(exports, "QuoteIcon", {
     return _QuoteIcon.QuoteIcon;
   }
 });
+Object.defineProperty(exports, "RedoIcon", {
+  enumerable: true,
+  get: function get() {
+    return _RedoIcon.RedoIcon;
+  }
+});
 Object.defineProperty(exports, "ShowMoreHorizontalIcon", {
   enumerable: true,
   get: function get() {
@@ -268,6 +304,18 @@ Object.defineProperty(exports, "SuperscriptIcon", {
     return _SuperscriptIcon.SuperscriptIcon;
   }
 });
+Object.defineProperty(exports, "TableIcon", {
+  enumerable: true,
+  get: function get() {
+    return _TableIcon.TableIcon;
+  }
+});
+Object.defineProperty(exports, "TaskIcon", {
+  enumerable: true,
+  get: function get() {
+    return _TaskIcon.TaskIcon;
+  }
+});
 Object.defineProperty(exports, "TextColorIcon", {
   enumerable: true,
   get: function get() {
@@ -358,6 +406,12 @@ Object.defineProperty(exports, "UnderlineIcon", {
     return _UnderlineIcon.UnderlineIcon;
   }
 });
+Object.defineProperty(exports, "UndoIcon", {
+  enumerable: true,
+  get: function get() {
+    return _UndoIcon.UndoIcon;
+  }
+});
 Object.defineProperty(exports, "useToolbarDropdownMenu", {
   enumerable: true,
   get: function get() {
@@ -427,5 +481,14 @@ var _AlignTextCenterIcon = require("./ui/icons/AlignTextCenterIcon");
 var _AlignTextRightIcon = require("./ui/icons/AlignTextRightIcon");
 var _IndentIcon = require("./ui/icons/IndentIcon");
 var _OutdentIcon = require("./ui/icons/OutdentIcon");
+var _EmojiIcon = require("./ui/icons/EmojiIcon");
+var _LayoutIcon = require("./ui/icons/LayoutIcon");
+var _ImageIcon = require("./ui/icons/ImageIcon");
+var _MentionIcon = require("./ui/icons/MentionIcon");
+var _TableIcon = require("./ui/icons/TableIcon");
+var _TaskIcon = require("./ui/icons/TaskIcon");
+var _UndoIcon = require("./ui/icons/UndoIcon");
+var _RedoIcon = require("./ui/icons/RedoIcon");
+var _HistoryIcon = require("./ui/icons/HistoryIcon");
 var _ColorPalette = _interopRequireDefault(require("./ui/ColorPalette"));
 var _uiContext = require("./hooks/ui-context");

package/dist/cjs/ui/ToolbarButton.js

@@ -35,10 +35,12 @@ var ToolbarButton = exports.ToolbarButton = /*#__PURE__*/(0, _react.forwardRef)(
     ariaKeyshortcuts = _ref.ariaKeyshortcuts,
     label = _ref.label;
   var _useToolbarUI = (0, _uiContext.useToolbarUI)(),
-    preventDefaultOnMouseDown = _useToolbarUI.preventDefaultOnMouseDown;
+    preventDefaultOnMouseDown = _useToolbarUI.preventDefaultOnMouseDown,
+    ctxDisabled = _useToolbarUI.isDisabled;
+  var disabled = Boolean(ctxDisabled || isDisabled);
   return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
     ref: ref,
-    xcss: (0, _css.cx)(styles.button, isDisabled ? styles.disabled : isSelected ? styles.selected : styles.enabled),
+    xcss: (0, _css.cx)(styles.button, disabled ? styles.disabled : isSelected ? styles.selected : styles.enabled),
     "aria-pressed": isSelected,
     "aria-expanded": ariaExpanded,
     "aria-haspopup": ariaHasPopup,
@@ -50,7 +52,7 @@ var ToolbarButton = exports.ToolbarButton = /*#__PURE__*/(0, _react.forwardRef)(
     onBlur: onBlur,
     onFocus: onFocus,
     testId: testId,
-    isDisabled: isDisabled,
+    isDisabled: disabled,
     onMouseDown: function onMouseDown(event) {
       if (preventDefaultOnMouseDown) {
         event.preventDefault();

package/dist/cjs/ui/icons/EmojiIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EmojiIcon", {
+  enumerable: true,
+  get: function get() {
+    return _emoji.default;
+  }
+});
+var _emoji = _interopRequireDefault(require("@atlaskit/icon/core/emoji"));

package/dist/cjs/ui/icons/HistoryIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HistoryIcon", {
+  enumerable: true,
+  get: function get() {
+    return _history.default;
+  }
+});
+var _history = _interopRequireDefault(require("@atlaskit/icon-lab/core/history"));

package/dist/cjs/ui/icons/ImageIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ImageIcon", {
+  enumerable: true,
+  get: function get() {
+    return _image.default;
+  }
+});
+var _image = _interopRequireDefault(require("@atlaskit/icon/core/image"));

package/dist/cjs/ui/icons/LayoutIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LayoutIcon", {
+  enumerable: true,
+  get: function get() {
+    return _layoutTwoColumns.default;
+  }
+});
+var _layoutTwoColumns = _interopRequireDefault(require("@atlaskit/icon/core/layout-two-columns"));

package/dist/cjs/ui/icons/MentionIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MentionIcon", {
+  enumerable: true,
+  get: function get() {
+    return _mention.default;
+  }
+});
+var _mention = _interopRequireDefault(require("@atlaskit/icon/core/mention"));

package/dist/cjs/ui/icons/RedoIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "RedoIcon", {
+  enumerable: true,
+  get: function get() {
+    return _redo.default;
+  }
+});
+var _redo = _interopRequireDefault(require("@atlaskit/icon/core/redo"));

package/dist/cjs/ui/icons/TableIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TableIcon", {
+  enumerable: true,
+  get: function get() {
+    return _grid.default;
+  }
+});
+var _grid = _interopRequireDefault(require("@atlaskit/icon/core/grid"));

package/dist/cjs/ui/icons/TaskIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TaskIcon", {
+  enumerable: true,
+  get: function get() {
+    return _task.default;
+  }
+});
+var _task = _interopRequireDefault(require("@atlaskit/icon/core/task"));

package/dist/cjs/ui/icons/UndoIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "UndoIcon", {
+  enumerable: true,
+  get: function get() {
+    return _undo.default;
+  }
+});
+var _undo = _interopRequireDefault(require("@atlaskit/icon/core/undo"));

package/dist/es2019/hooks/ui-context.js

@@ -1,7 +1,8 @@
 import React, { createContext, useContext } from 'react';
 const ToolbarUIContext = /*#__PURE__*/createContext({
   onDropdownOpenChanged: () => {},
-  preventDefaultOnMouseDown: false
+  preventDefaultOnMouseDown: false,
+  isDisabled: false
 });
 
 /**
@@ -17,12 +18,14 @@ export const useToolbarUI = () => {
 export const ToolbarUIProvider = ({
   children,
   onDropdownOpenChanged,
-  preventDefaultOnMouseDown
+  preventDefaultOnMouseDown,
+  isDisabled
 }) => {
   return /*#__PURE__*/React.createElement(ToolbarUIContext.Provider, {
     value: {
       onDropdownOpenChanged,
-      preventDefaultOnMouseDown
+      preventDefaultOnMouseDown,
+      isDisabled
     }
   }, children);
 };

package/dist/es2019/index.js

@@ -56,5 +56,14 @@ export { AlignTextCenterIcon } from './ui/icons/AlignTextCenterIcon';
 export { AlignTextRightIcon } from './ui/icons/AlignTextRightIcon';
 export { IndentIcon } from './ui/icons/IndentIcon';
 export { OutdentIcon } from './ui/icons/OutdentIcon';
+export { EmojiIcon } from './ui/icons/EmojiIcon';
+export { LayoutIcon } from './ui/icons/LayoutIcon';
+export { ImageIcon } from './ui/icons/ImageIcon';
+export { MentionIcon } from './ui/icons/MentionIcon';
+export { TableIcon } from './ui/icons/TableIcon';
+export { TaskIcon } from './ui/icons/TaskIcon';
+export { UndoIcon } from './ui/icons/UndoIcon';
+export { RedoIcon } from './ui/icons/RedoIcon';
+export { HistoryIcon } from './ui/icons/HistoryIcon';
 export { default as ColorPalette } from './ui/ColorPalette';
 export { useToolbarUI, ToolbarUIProvider } from './hooks/ui-context';

package/dist/es2019/ui/ToolbarButton.js

@@ -28,11 +28,13 @@ export const ToolbarButton = /*#__PURE__*/forwardRef(({
   label
 }, ref) => {
   const {
-    preventDefaultOnMouseDown
+    preventDefaultOnMouseDown,
+    isDisabled: ctxDisabled
   } = useToolbarUI();
+  const disabled = Boolean(ctxDisabled || isDisabled);
   return /*#__PURE__*/React.createElement(Pressable, {
     ref: ref,
-    xcss: cx(styles.button, isDisabled ? styles.disabled : isSelected ? styles.selected : styles.enabled),
+    xcss: cx(styles.button, disabled ? styles.disabled : isSelected ? styles.selected : styles.enabled),
     "aria-pressed": isSelected,
     "aria-expanded": ariaExpanded,
     "aria-haspopup": ariaHasPopup,
@@ -44,7 +46,7 @@ export const ToolbarButton = /*#__PURE__*/forwardRef(({
     onBlur: onBlur,
     onFocus: onFocus,
     testId: testId,
-    isDisabled: isDisabled,
+    isDisabled: disabled,
     onMouseDown: event => {
       if (preventDefaultOnMouseDown) {
         event.preventDefault();

package/dist/es2019/ui/icons/EmojiIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as EmojiIcon } from '@atlaskit/icon/core/emoji';

package/dist/es2019/ui/icons/HistoryIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as HistoryIcon } from '@atlaskit/icon-lab/core/history';

package/dist/es2019/ui/icons/ImageIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as ImageIcon } from '@atlaskit/icon/core/image';

package/dist/es2019/ui/icons/LayoutIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as LayoutIcon } from '@atlaskit/icon/core/layout-two-columns';

package/dist/es2019/ui/icons/MentionIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as MentionIcon } from '@atlaskit/icon/core/mention';

package/dist/es2019/ui/icons/RedoIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as RedoIcon } from '@atlaskit/icon/core/redo';

package/dist/es2019/ui/icons/TableIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as TableIcon } from '@atlaskit/icon/core/grid';

package/dist/es2019/ui/icons/TaskIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as TaskIcon } from '@atlaskit/icon/core/task';

package/dist/es2019/ui/icons/UndoIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as UndoIcon } from '@atlaskit/icon/core/undo';

package/dist/esm/hooks/ui-context.js

@@ -1,7 +1,8 @@
 import React, { createContext, useContext } from 'react';
 var ToolbarUIContext = /*#__PURE__*/createContext({
   onDropdownOpenChanged: function onDropdownOpenChanged() {},
-  preventDefaultOnMouseDown: false
+  preventDefaultOnMouseDown: false,
+  isDisabled: false
 });
 
 /**
@@ -17,11 +18,13 @@ export var useToolbarUI = function useToolbarUI() {
 export var ToolbarUIProvider = function ToolbarUIProvider(_ref) {
   var children = _ref.children,
     onDropdownOpenChanged = _ref.onDropdownOpenChanged,
-    preventDefaultOnMouseDown = _ref.preventDefaultOnMouseDown;
+    preventDefaultOnMouseDown = _ref.preventDefaultOnMouseDown,
+    isDisabled = _ref.isDisabled;
   return /*#__PURE__*/React.createElement(ToolbarUIContext.Provider, {
     value: {
       onDropdownOpenChanged: onDropdownOpenChanged,
-      preventDefaultOnMouseDown: preventDefaultOnMouseDown
+      preventDefaultOnMouseDown: preventDefaultOnMouseDown,
+      isDisabled: isDisabled
     }
   }, children);
 };

package/dist/esm/index.js

@@ -56,5 +56,14 @@ export { AlignTextCenterIcon } from './ui/icons/AlignTextCenterIcon';
 export { AlignTextRightIcon } from './ui/icons/AlignTextRightIcon';
 export { IndentIcon } from './ui/icons/IndentIcon';
 export { OutdentIcon } from './ui/icons/OutdentIcon';
+export { EmojiIcon } from './ui/icons/EmojiIcon';
+export { LayoutIcon } from './ui/icons/LayoutIcon';
+export { ImageIcon } from './ui/icons/ImageIcon';
+export { MentionIcon } from './ui/icons/MentionIcon';
+export { TableIcon } from './ui/icons/TableIcon';
+export { TaskIcon } from './ui/icons/TaskIcon';
+export { UndoIcon } from './ui/icons/UndoIcon';
+export { RedoIcon } from './ui/icons/RedoIcon';
+export { HistoryIcon } from './ui/icons/HistoryIcon';
 export { default as ColorPalette } from './ui/ColorPalette';
 export { useToolbarUI, ToolbarUIProvider } from './hooks/ui-context';

package/dist/esm/ui/ToolbarButton.js

@@ -27,10 +27,12 @@ export var ToolbarButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ariaKeyshortcuts = _ref.ariaKeyshortcuts,
     label = _ref.label;
   var _useToolbarUI = useToolbarUI(),
-    preventDefaultOnMouseDown = _useToolbarUI.preventDefaultOnMouseDown;
+    preventDefaultOnMouseDown = _useToolbarUI.preventDefaultOnMouseDown,
+    ctxDisabled = _useToolbarUI.isDisabled;
+  var disabled = Boolean(ctxDisabled || isDisabled);
   return /*#__PURE__*/React.createElement(Pressable, {
     ref: ref,
-    xcss: cx(styles.button, isDisabled ? styles.disabled : isSelected ? styles.selected : styles.enabled),
+    xcss: cx(styles.button, disabled ? styles.disabled : isSelected ? styles.selected : styles.enabled),
     "aria-pressed": isSelected,
     "aria-expanded": ariaExpanded,
     "aria-haspopup": ariaHasPopup,
@@ -42,7 +44,7 @@ export var ToolbarButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onBlur: onBlur,
     onFocus: onFocus,
     testId: testId,
-    isDisabled: isDisabled,
+    isDisabled: disabled,
     onMouseDown: function onMouseDown(event) {
       if (preventDefaultOnMouseDown) {
         event.preventDefault();

package/dist/esm/ui/icons/EmojiIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as EmojiIcon } from '@atlaskit/icon/core/emoji';

package/dist/esm/ui/icons/HistoryIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as HistoryIcon } from '@atlaskit/icon-lab/core/history';

package/dist/esm/ui/icons/ImageIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as ImageIcon } from '@atlaskit/icon/core/image';

package/dist/esm/ui/icons/LayoutIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as LayoutIcon } from '@atlaskit/icon/core/layout-two-columns';

package/dist/esm/ui/icons/MentionIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as MentionIcon } from '@atlaskit/icon/core/mention';

package/dist/esm/ui/icons/RedoIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as RedoIcon } from '@atlaskit/icon/core/redo';

package/dist/esm/ui/icons/TableIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as TableIcon } from '@atlaskit/icon/core/grid';

package/dist/esm/ui/icons/TaskIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as TaskIcon } from '@atlaskit/icon/core/task';

package/dist/esm/ui/icons/UndoIcon.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as UndoIcon } from '@atlaskit/icon/core/undo';

package/dist/types/hooks/ui-context.d.ts

@@ -11,6 +11,10 @@ type ToolbarUIContextType = {
      * Whether to prevent default behavior on mouse down events on ToolbarButton.
      */
     preventDefaultOnMouseDown?: boolean;
+    /**
+     * Indicates whether the toolbar is disabled when the editor is offline.
+     */
+    isDisabled?: boolean;
 };
 /**
  * Access consumer specific config and state within a toolbar component
@@ -19,5 +23,5 @@ export declare const useToolbarUI: () => ToolbarUIContextType;
 type ToolbarUIProviderProps = {
     children: React.ReactNode;
 } & ToolbarUIContextType;
-export declare const ToolbarUIProvider: ({ children, onDropdownOpenChanged, preventDefaultOnMouseDown, }: ToolbarUIProviderProps) => React.JSX.Element;
+export declare const ToolbarUIProvider: ({ children, onDropdownOpenChanged, preventDefaultOnMouseDown, isDisabled, }: ToolbarUIProviderProps) => React.JSX.Element;
 export {};

package/dist/types/index.d.ts

@@ -55,6 +55,15 @@ export { AlignTextCenterIcon } from './ui/icons/AlignTextCenterIcon';
 export { AlignTextRightIcon } from './ui/icons/AlignTextRightIcon';
 export { IndentIcon } from './ui/icons/IndentIcon';
 export { OutdentIcon } from './ui/icons/OutdentIcon';
+export { EmojiIcon } from './ui/icons/EmojiIcon';
+export { LayoutIcon } from './ui/icons/LayoutIcon';
+export { ImageIcon } from './ui/icons/ImageIcon';
+export { MentionIcon } from './ui/icons/MentionIcon';
+export { TableIcon } from './ui/icons/TableIcon';
+export { TaskIcon } from './ui/icons/TaskIcon';
+export { UndoIcon } from './ui/icons/UndoIcon';
+export { RedoIcon } from './ui/icons/RedoIcon';
+export { HistoryIcon } from './ui/icons/HistoryIcon';
 export { default as ColorPalette } from './ui/ColorPalette';
 export type { IconComponent } from './types';
 export { useToolbarUI, ToolbarUIProvider } from './hooks/ui-context';

package/dist/types/ui/icons/EmojiIcon.d.ts

@@ -0,0 +1 @@
+export { default as EmojiIcon } from '@atlaskit/icon/core/emoji';

package/dist/types/ui/icons/HistoryIcon.d.ts

@@ -0,0 +1 @@
+export { default as HistoryIcon } from '@atlaskit/icon-lab/core/history';

package/dist/types/ui/icons/ImageIcon.d.ts

@@ -0,0 +1 @@
+export { default as ImageIcon } from '@atlaskit/icon/core/image';

package/dist/types/ui/icons/LayoutIcon.d.ts

@@ -0,0 +1 @@
+export { default as LayoutIcon } from '@atlaskit/icon/core/layout-two-columns';

package/dist/types/ui/icons/MentionIcon.d.ts

@@ -0,0 +1 @@
+export { default as MentionIcon } from '@atlaskit/icon/core/mention';

package/dist/types/ui/icons/RedoIcon.d.ts

@@ -0,0 +1 @@
+export { default as RedoIcon } from '@atlaskit/icon/core/redo';

package/dist/types/ui/icons/TableIcon.d.ts

@@ -0,0 +1 @@
+export { default as TableIcon } from '@atlaskit/icon/core/grid';

package/dist/types/ui/icons/TaskIcon.d.ts

@@ -0,0 +1 @@
+export { default as TaskIcon } from '@atlaskit/icon/core/task';

package/dist/types/ui/icons/UndoIcon.d.ts

@@ -0,0 +1 @@
+export { default as UndoIcon } from '@atlaskit/icon/core/undo';

package/dist/types-ts4.5/hooks/ui-context.d.ts

@@ -11,6 +11,10 @@ type ToolbarUIContextType = {
      * Whether to prevent default behavior on mouse down events on ToolbarButton.
      */
     preventDefaultOnMouseDown?: boolean;
+    /**
+     * Indicates whether the toolbar is disabled when the editor is offline.
+     */
+    isDisabled?: boolean;
 };
 /**
  * Access consumer specific config and state within a toolbar component
@@ -19,5 +23,5 @@ export declare const useToolbarUI: () => ToolbarUIContextType;
 type ToolbarUIProviderProps = {
     children: React.ReactNode;
 } & ToolbarUIContextType;
-export declare const ToolbarUIProvider: ({ children, onDropdownOpenChanged, preventDefaultOnMouseDown, }: ToolbarUIProviderProps) => React.JSX.Element;
+export declare const ToolbarUIProvider: ({ children, onDropdownOpenChanged, preventDefaultOnMouseDown, isDisabled, }: ToolbarUIProviderProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/index.d.ts

@@ -55,6 +55,15 @@ export { AlignTextCenterIcon } from './ui/icons/AlignTextCenterIcon';
 export { AlignTextRightIcon } from './ui/icons/AlignTextRightIcon';
 export { IndentIcon } from './ui/icons/IndentIcon';
 export { OutdentIcon } from './ui/icons/OutdentIcon';
+export { EmojiIcon } from './ui/icons/EmojiIcon';
+export { LayoutIcon } from './ui/icons/LayoutIcon';
+export { ImageIcon } from './ui/icons/ImageIcon';
+export { MentionIcon } from './ui/icons/MentionIcon';
+export { TableIcon } from './ui/icons/TableIcon';
+export { TaskIcon } from './ui/icons/TaskIcon';
+export { UndoIcon } from './ui/icons/UndoIcon';
+export { RedoIcon } from './ui/icons/RedoIcon';
+export { HistoryIcon } from './ui/icons/HistoryIcon';
 export { default as ColorPalette } from './ui/ColorPalette';
 export type { IconComponent } from './types';
 export { useToolbarUI, ToolbarUIProvider } from './hooks/ui-context';

package/dist/types-ts4.5/ui/icons/EmojiIcon.d.ts

@@ -0,0 +1 @@
+export { default as EmojiIcon } from '@atlaskit/icon/core/emoji';

package/dist/types-ts4.5/ui/icons/HistoryIcon.d.ts

@@ -0,0 +1 @@
+export { default as HistoryIcon } from '@atlaskit/icon-lab/core/history';

package/dist/types-ts4.5/ui/icons/ImageIcon.d.ts

@@ -0,0 +1 @@
+export { default as ImageIcon } from '@atlaskit/icon/core/image';

package/dist/types-ts4.5/ui/icons/LayoutIcon.d.ts

@@ -0,0 +1 @@
+export { default as LayoutIcon } from '@atlaskit/icon/core/layout-two-columns';

package/dist/types-ts4.5/ui/icons/MentionIcon.d.ts

@@ -0,0 +1 @@
+export { default as MentionIcon } from '@atlaskit/icon/core/mention';

package/dist/types-ts4.5/ui/icons/RedoIcon.d.ts

@@ -0,0 +1 @@
+export { default as RedoIcon } from '@atlaskit/icon/core/redo';

package/dist/types-ts4.5/ui/icons/TableIcon.d.ts

@@ -0,0 +1 @@
+export { default as TableIcon } from '@atlaskit/icon/core/grid';

package/dist/types-ts4.5/ui/icons/TaskIcon.d.ts

@@ -0,0 +1 @@
+export { default as TaskIcon } from '@atlaskit/icon/core/task';

package/dist/types-ts4.5/ui/icons/UndoIcon.d.ts

@@ -0,0 +1 @@
+export { default as UndoIcon } from '@atlaskit/icon/core/undo';

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
-	"version": "0.3.1",
+	"version": "0.3.3",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"team": "Editor: Jenga",
@@ -25,12 +25,12 @@
 	},
 	"dependencies": {
 		"@atlaskit/badge": "^18.1.0",
-		"@atlaskit/button": "^23.3.0",
+		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/icon": "^27.12.0",
 		"@atlaskit/icon-lab": "^5.6.0",
-		"@atlaskit/logo": "^19.6.0",
+		"@atlaskit/logo": "^19.7.0",
 		"@atlaskit/popup": "^4.3.0",
 		"@atlaskit/primitives": "^14.11.0",
 		"@atlaskit/tokens": "^6.0.0",

package/src/hooks/ui-context.tsx

@@ -14,11 +14,17 @@ type ToolbarUIContextType = {
 	 * Whether to prevent default behavior on mouse down events on ToolbarButton.
 	 */
 	preventDefaultOnMouseDown?: boolean;
+
+	/**
+	 * Indicates whether the toolbar is disabled when the editor is offline.
+	 */
+	isDisabled?: boolean;
 };
 
 const ToolbarUIContext = createContext<ToolbarUIContextType>({
 	onDropdownOpenChanged: () => {},
 	preventDefaultOnMouseDown: false,
+	isDisabled: false,
 });
 
 /**
@@ -42,9 +48,12 @@ export const ToolbarUIProvider = ({
 	children,
 	onDropdownOpenChanged,
 	preventDefaultOnMouseDown,
+	isDisabled,
 }: ToolbarUIProviderProps) => {
 	return (
-		<ToolbarUIContext.Provider value={{ onDropdownOpenChanged, preventDefaultOnMouseDown }}>
+		<ToolbarUIContext.Provider
+			value={{ onDropdownOpenChanged, preventDefaultOnMouseDown, isDisabled }}
+		>
 			{children}
 		</ToolbarUIContext.Provider>
 	);

package/src/index.ts

@@ -57,6 +57,15 @@ export { AlignTextCenterIcon } from './ui/icons/AlignTextCenterIcon';
 export { AlignTextRightIcon } from './ui/icons/AlignTextRightIcon';
 export { IndentIcon } from './ui/icons/IndentIcon';
 export { OutdentIcon } from './ui/icons/OutdentIcon';
+export { EmojiIcon } from './ui/icons/EmojiIcon';
+export { LayoutIcon } from './ui/icons/LayoutIcon';
+export { ImageIcon } from './ui/icons/ImageIcon';
+export { MentionIcon } from './ui/icons/MentionIcon';
+export { TableIcon } from './ui/icons/TableIcon';
+export { TaskIcon } from './ui/icons/TaskIcon';
+export { UndoIcon } from './ui/icons/UndoIcon';
+export { RedoIcon } from './ui/icons/RedoIcon';
+export { HistoryIcon } from './ui/icons/HistoryIcon';
 
 export { default as ColorPalette } from './ui/ColorPalette';
 

package/src/ui/ToolbarButton.tsx

@@ -84,14 +84,15 @@ export const ToolbarButton = forwardRef(
 		}: ToolbarButtonProps,
 		ref: Ref<HTMLButtonElement>,
 	) => {
-		const { preventDefaultOnMouseDown } = useToolbarUI();
+		const { preventDefaultOnMouseDown, isDisabled: ctxDisabled } = useToolbarUI();
+		const disabled = Boolean(ctxDisabled || isDisabled);
 
 		return (
 			<Pressable
 				ref={ref}
 				xcss={cx(
 					styles.button,
-					isDisabled ? styles.disabled : isSelected ? styles.selected : styles.enabled,
+					disabled ? styles.disabled : isSelected ? styles.selected : styles.enabled,
 				)}
 				aria-pressed={isSelected}
 				aria-expanded={ariaExpanded}
@@ -104,7 +105,7 @@ export const ToolbarButton = forwardRef(
 				onBlur={onBlur}
 				onFocus={onFocus}
 				testId={testId}
-				isDisabled={isDisabled}
+				isDisabled={disabled}
 				onMouseDown={(event) => {
 					if (preventDefaultOnMouseDown) {
 						event.preventDefault();

package/src/ui/icons/EmojiIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as EmojiIcon } from '@atlaskit/icon/core/emoji';

package/src/ui/icons/HistoryIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as HistoryIcon } from '@atlaskit/icon-lab/core/history'

package/src/ui/icons/ImageIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as ImageIcon } from '@atlaskit/icon/core/image';

package/src/ui/icons/LayoutIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as LayoutIcon } from '@atlaskit/icon/core/layout-two-columns';

package/src/ui/icons/MentionIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as MentionIcon } from '@atlaskit/icon/core/mention';

package/src/ui/icons/RedoIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as RedoIcon } from '@atlaskit/icon/core/redo'

package/src/ui/icons/TableIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as TableIcon } from '@atlaskit/icon/core/grid';

package/src/ui/icons/TaskIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as TaskIcon } from '@atlaskit/icon/core/task';

package/src/ui/icons/UndoIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as UndoIcon } from '@atlaskit/icon/core/undo';