@atlaskit/editor-toolbar 0.13.0 → 0.14.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-toolbar
 
+## 0.14.1
+
+### Patch Changes
+
+- [`d5cf7cd71a821`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d5cf7cd71a821) -
+  ED-29124: Fixed format neste menu on top of top 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/ToolbarNestedDropdownMenu.js

@@ -29,8 +29,11 @@ var ToolbarNestedDropdownMenu = exports.ToolbarNestedDropdownMenu = function Too
     dropdownTestId = _ref.dropdownTestId,
     _ref$enableMaxHeight = _ref.enableMaxHeight,
     enableMaxHeight = _ref$enableMaxHeight === void 0 ? false : _ref$enableMaxHeight,
-    _onClick = _ref.onClick;
+    _onClick = _ref.onClick,
+    _ref$shouldFitContain = _ref.shouldFitContainer,
+    shouldFitContainer = _ref$shouldFitContain === void 0 ? false : _ref$shouldFitContain;
   return /*#__PURE__*/React.createElement(_dropdownMenu.default, {
+    shouldFitContainer: shouldFitContainer,
     placement: "right-start",
     testId: dropdownTestId,
     trigger: function trigger(triggerProps) {

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/ToolbarNestedDropdownMenu.js

@@ -19,9 +19,11 @@ export const ToolbarNestedDropdownMenu = ({
   testId,
   dropdownTestId,
   enableMaxHeight = false,
-  onClick
+  onClick,
+  shouldFitContainer = false
 }) => {
   return /*#__PURE__*/React.createElement(DropdownMenu, {
+    shouldFitContainer: shouldFitContainer,
     placement: "right-start",
     testId: dropdownTestId,
     trigger: triggerProps => /*#__PURE__*/React.createElement(ToolbarDropdownItem, {

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/ToolbarNestedDropdownMenu.js

@@ -20,8 +20,11 @@ export var ToolbarNestedDropdownMenu = function ToolbarNestedDropdownMenu(_ref)
     dropdownTestId = _ref.dropdownTestId,
     _ref$enableMaxHeight = _ref.enableMaxHeight,
     enableMaxHeight = _ref$enableMaxHeight === void 0 ? false : _ref$enableMaxHeight,
-    _onClick = _ref.onClick;
+    _onClick = _ref.onClick,
+    _ref$shouldFitContain = _ref.shouldFitContainer,
+    shouldFitContainer = _ref$shouldFitContain === void 0 ? false : _ref$shouldFitContain;
   return /*#__PURE__*/React.createElement(DropdownMenu, {
+    shouldFitContainer: shouldFitContainer,
     placement: "right-start",
     testId: dropdownTestId,
     trigger: function trigger(triggerProps) {

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/ui/ToolbarNestedDropdownMenu.d.ts

@@ -14,8 +14,9 @@ type ToolbarNestedDropdownMenuProps = {
     enableMaxHeight?: boolean;
     isDisabled?: boolean;
     onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    shouldFitContainer?: boolean;
     testId?: string;
     text?: string;
 };
-export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, dropdownTestId, enableMaxHeight, onClick, }: ToolbarNestedDropdownMenuProps) => JSX.Element;
+export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, dropdownTestId, enableMaxHeight, onClick, shouldFitContainer, }: ToolbarNestedDropdownMenuProps) => 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/dist/types-ts4.5/ui/ToolbarNestedDropdownMenu.d.ts

@@ -14,8 +14,9 @@ type ToolbarNestedDropdownMenuProps = {
     enableMaxHeight?: boolean;
     isDisabled?: boolean;
     onClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
+    shouldFitContainer?: boolean;
     testId?: string;
     text?: string;
 };
-export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, dropdownTestId, enableMaxHeight, onClick, }: ToolbarNestedDropdownMenuProps) => JSX.Element;
+export declare const ToolbarNestedDropdownMenu: ({ elemBefore, text, elemAfter, children, isDisabled, testId, dropdownTestId, enableMaxHeight, onClick, shouldFitContainer, }: ToolbarNestedDropdownMenuProps) => JSX.Element;
 export {};

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
-	"version": "0.13.0",
+	"version": "0.14.1",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"team": "Editor: Jenga",
@@ -27,7 +27,7 @@
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/icon": "^28.4.0",
 		"@atlaskit/icon-lab": "^5.9.0",
-		"@atlaskit/logo": "^19.8.0",
+		"@atlaskit/logo": "^19.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
 		"@atlaskit/popup": "^4.4.0",