@atlaskit/editor-toolbar 0.13.0 → 0.14.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-toolbar
 
+## 0.14.0
+
+### Minor Changes
+
+- [`872bd8d576773`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/872bd8d576773) -
+  [ux] ED-29272 Add missing tooltip and shortcut for TextColorDropdownMenu
+
 ## 0.13.0
 
 ### Minor Changes

package/dist/cjs/ui/ToolbarDropdownMenuContext.js

@@ -14,21 +14,31 @@ var useToolbarDropdownMenu = exports.useToolbarDropdownMenu = function useToolba
   return (0, _react.useContext)(ToolbarDropdownMenuContext);
 };
 var ToolbarDropdownMenuProvider = exports.ToolbarDropdownMenuProvider = function ToolbarDropdownMenuProvider(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    isOpen = _ref.isOpen,
+    setIsOpen = _ref.setIsOpen;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
+    isOpenInternal = _useState2[0],
+    setIsOpenInternal = _useState2[1];
   var openMenu = function openMenu() {
-    return setIsOpen(true);
+    if (setIsOpen !== undefined) {
+      setIsOpen(true);
+    } else {
+      setIsOpenInternal(true);
+    }
   };
   var closeMenu = function closeMenu() {
-    setIsOpen(false);
+    if (setIsOpen !== undefined) {
+      setIsOpen(false);
+    } else {
+      setIsOpenInternal(false);
+    }
   };
   var contextValue = {
     openMenu: openMenu,
     closeMenu: closeMenu,
-    isOpen: isOpen
+    isOpen: isOpen !== undefined ? isOpen : isOpenInternal
   };
   return /*#__PURE__*/_react.default.createElement(ToolbarDropdownMenuContext.Provider, {
     value: contextValue

package/dist/cjs/ui/ToolbarSection.js

@@ -18,7 +18,6 @@ var SeparatorPosition = exports.SeparatorPosition = /*#__PURE__*/function (Separ
   SeparatorPosition["END"] = "end";
   return SeparatorPosition;
 }({});
-;
 var styles = {
   container: "_zulp1b66 _1e0c1txw _4cvr1h6o"
 };

package/dist/es2019/ui/ToolbarDropdownMenuContext.js

@@ -4,17 +4,29 @@ export const useToolbarDropdownMenu = () => {
   return useContext(ToolbarDropdownMenuContext);
 };
 export const ToolbarDropdownMenuProvider = ({
-  children
+  children,
+  isOpen,
+  setIsOpen
 }) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const openMenu = () => setIsOpen(true);
+  const [isOpenInternal, setIsOpenInternal] = useState(false);
+  const openMenu = () => {
+    if (setIsOpen !== undefined) {
+      setIsOpen(true);
+    } else {
+      setIsOpenInternal(true);
+    }
+  };
   const closeMenu = () => {
-    setIsOpen(false);
+    if (setIsOpen !== undefined) {
+      setIsOpen(false);
+    } else {
+      setIsOpenInternal(false);
+    }
   };
   const contextValue = {
     openMenu,
     closeMenu,
-    isOpen
+    isOpen: isOpen !== undefined ? isOpen : isOpenInternal
   };
   return /*#__PURE__*/React.createElement(ToolbarDropdownMenuContext.Provider, {
     value: contextValue

package/dist/es2019/ui/ToolbarSection.js

@@ -10,7 +10,6 @@ export let SeparatorPosition = /*#__PURE__*/function (SeparatorPosition) {
   SeparatorPosition["END"] = "end";
   return SeparatorPosition;
 }({});
-;
 const styles = {
   container: "_zulp1b66 _1e0c1txw _4cvr1h6o"
 };

package/dist/esm/ui/ToolbarDropdownMenuContext.js

@@ -5,21 +5,31 @@ export var useToolbarDropdownMenu = function useToolbarDropdownMenu() {
   return useContext(ToolbarDropdownMenuContext);
 };
 export var ToolbarDropdownMenuProvider = function ToolbarDropdownMenuProvider(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    isOpen = _ref.isOpen,
+    setIsOpen = _ref.setIsOpen;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
+    isOpenInternal = _useState2[0],
+    setIsOpenInternal = _useState2[1];
   var openMenu = function openMenu() {
-    return setIsOpen(true);
+    if (setIsOpen !== undefined) {
+      setIsOpen(true);
+    } else {
+      setIsOpenInternal(true);
+    }
   };
   var closeMenu = function closeMenu() {
-    setIsOpen(false);
+    if (setIsOpen !== undefined) {
+      setIsOpen(false);
+    } else {
+      setIsOpenInternal(false);
+    }
   };
   var contextValue = {
     openMenu: openMenu,
     closeMenu: closeMenu,
-    isOpen: isOpen
+    isOpen: isOpen !== undefined ? isOpen : isOpenInternal
   };
   return /*#__PURE__*/React.createElement(ToolbarDropdownMenuContext.Provider, {
     value: contextValue

package/dist/esm/ui/ToolbarSection.js

@@ -10,7 +10,6 @@ export var SeparatorPosition = /*#__PURE__*/function (SeparatorPosition) {
   SeparatorPosition["END"] = "end";
   return SeparatorPosition;
 }({});
-;
 var styles = {
   container: "_zulp1b66 _1e0c1txw _4cvr1h6o"
 };

package/dist/types/ui/Toolbar.d.ts

@@ -5,9 +5,9 @@ type ToolbarProps = {
     children?: ReactNode;
     /**
      * aria-label for the toolbar (No localisation needed as it won't be read by screen readers).
-    *
-    * use case: query select the toolbar to position floating toolbar
-    */
+     *
+     * use case: query select the toolbar to position floating toolbar
+     */
     label: string;
     testId?: string;
 } & ViewEventEmitterProps;

package/dist/types/ui/ToolbarDropdownMenuContext.d.ts

@@ -7,6 +7,8 @@ interface ToolbarDropdownMenuContextValue {
 export declare const useToolbarDropdownMenu: () => ToolbarDropdownMenuContextValue | undefined;
 interface ToolbarDropdownMenuProviderProps {
     children: React.ReactNode;
+    isOpen?: boolean;
+    setIsOpen?: (isOpen: boolean) => void;
 }
-export declare const ToolbarDropdownMenuProvider: ({ children }: ToolbarDropdownMenuProviderProps) => React.JSX.Element;
+export declare const ToolbarDropdownMenuProvider: ({ children, isOpen, setIsOpen, }: ToolbarDropdownMenuProviderProps) => React.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/Toolbar.d.ts

@@ -5,9 +5,9 @@ type ToolbarProps = {
     children?: ReactNode;
     /**
      * aria-label for the toolbar (No localisation needed as it won't be read by screen readers).
-    *
-    * use case: query select the toolbar to position floating toolbar
-    */
+     *
+     * use case: query select the toolbar to position floating toolbar
+     */
     label: string;
     testId?: string;
 } & ViewEventEmitterProps;

package/dist/types-ts4.5/ui/ToolbarDropdownMenuContext.d.ts

@@ -7,6 +7,8 @@ interface ToolbarDropdownMenuContextValue {
 export declare const useToolbarDropdownMenu: () => ToolbarDropdownMenuContextValue | undefined;
 interface ToolbarDropdownMenuProviderProps {
     children: React.ReactNode;
+    isOpen?: boolean;
+    setIsOpen?: (isOpen: boolean) => void;
 }
-export declare const ToolbarDropdownMenuProvider: ({ children }: ToolbarDropdownMenuProviderProps) => React.JSX.Element;
+export declare const ToolbarDropdownMenuProvider: ({ children, isOpen, setIsOpen, }: ToolbarDropdownMenuProviderProps) => React.JSX.Element;
 export {};

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
-	"version": "0.13.0",
+	"version": "0.14.0",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"team": "Editor: Jenga",