@atlaskit/editor-toolbar 0.11.0 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-toolbar
 
+## 0.12.0
+
+### Minor Changes
+
+- [`4ad69354a021d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4ad69354a021d) -
+  Remove references to platform_editor_toolbar_aifc_patch_1 experiment, remove
+  useToolbarDropdownMenuOld export from @atlaskit/editor-toolbar package
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.11.0
 
 ### Minor Changes

package/dist/cjs/ui/ColorPalette/index.js

@@ -1,4 +1,3 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -7,22 +6,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("./index.compiled.css");
-var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _chromatism = _interopRequireDefault(require("chromatism"));
 var _reactIntlNext = require("react-intl-next");
 var _compiled = require("@atlaskit/primitives/compiled");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _tokens = require("@atlaskit/tokens");
 var _Color = require("./Color");
 var _getColorMessage = _interopRequireDefault(require("./getColorMessage"));
 var _utils = require("./utils");
 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 styles = {
-  paletteWrapper: "_1e0c1txw"
-};
-
 /**
  * For a given color pick the color from a list of colors with
  * the highest contrast
@@ -117,9 +109,6 @@ var ColorPalette = function ColorPalette(_ref) {
 
   // Initialize focus position and handle autofocus
   (0, _react.useEffect)(function () {
-    if (!(0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true)) {
-      return;
-    }
     if (selectedRowIndex >= 0 && selectedColumnIndex >= 0) {
       currentFocusRef.current = {
         row: selectedRowIndex,
@@ -263,7 +252,7 @@ var ColorPalette = function ColorPalette(_ref) {
         }
     }
   }, [colorsPerRow, focusColorAt, onClick, onKeyDown]);
-  return (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true) ? /*#__PURE__*/_react.default.createElement(_compiled.Grid, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Grid, {
     gap: "space.050",
     ref: paletteRef,
     role: "group"
@@ -311,41 +300,6 @@ var ColorPalette = function ColorPalette(_ref) {
         tabIndex: shouldBeFocusable ? 0 : -1
       });
     }));
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, colorsPerRow.map(function (row) {
-    return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      xcss: styles.paletteWrapper,
-      key: "row-first-color-".concat(row[0].value),
-      role: "radiogroup"
-    }, row.map(function (_ref3) {
-      var value = _ref3.value,
-        label = _ref3.label,
-        border = _ref3.border,
-        message = _ref3.message,
-        decorator = _ref3.decorator;
-      var tooltipMessage = message;
-
-      // Override with theme-specific tooltip messages if provided
-      if (paletteColorTooltipMessages) {
-        if (tokenTheme === 'dark') {
-          tooltipMessage = (0, _getColorMessage.default)(paletteColorTooltipMessages.dark, value.toUpperCase());
-        }
-        if (tokenTheme === 'light') {
-          tooltipMessage = (0, _getColorMessage.default)(paletteColorTooltipMessages.light, value.toUpperCase());
-        }
-      }
-      return /*#__PURE__*/_react.default.createElement(_Color.Color, {
-        key: value,
-        value: value,
-        borderColor: border,
-        label: tooltipMessage ? formatMessage(tooltipMessage) : label,
-        onClick: onClick,
-        onKeyDown: onKeyDown,
-        isSelected: value === selectedColor,
-        checkMarkColor: getCheckMarkColor(value, useIconToken),
-        hexToPaletteColor: hexToPaletteColor,
-        decorator: decorator
-      });
-    }));
   }));
 };
 var _default = exports.default = ColorPalette;

package/dist/cjs/ui/ToolbarDropdownItem.js

@@ -48,7 +48,7 @@ var CustomDropdownMenuItemButton = /*#__PURE__*/(0, _react.forwardRef)(function
   }, children);
 });
 var ToolbarDropdownItem = exports.ToolbarDropdownItem = function ToolbarDropdownItem(_ref2) {
-  var onClick = _ref2.onClick,
+  var _onClick = _ref2.onClick,
     elemBefore = _ref2.elemBefore,
     elemAfter = _ref2.elemAfter,
     isSelected = _ref2.isSelected,
@@ -63,7 +63,7 @@ var ToolbarDropdownItem = exports.ToolbarDropdownItem = function ToolbarDropdown
     href = _ref2.href,
     target = _ref2.target,
     rel = _ref2.rel;
-  var parentContext = (0, _ToolbarDropdownMenuContext.useToolbarDropdownMenuNew)();
+  var parentContext = (0, _ToolbarDropdownMenuContext.useToolbarDropdownMenu)();
   var injectedElemAfter = function () {
     if (! /*#__PURE__*/(0, _react.isValidElement)(elemAfter)) {
       return elemAfter;
@@ -77,12 +77,12 @@ var ToolbarDropdownItem = exports.ToolbarDropdownItem = function ToolbarDropdown
     }));
   }();
   return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
-    onClick: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true) ? function (e) {
+    onClick: function onClick(e) {
       if (!hasNestedDropdownMenu) {
         parentContext === null || parentContext === void 0 || parentContext.closeMenu();
       }
-      onClick === null || onClick === void 0 || onClick(e);
-    } : onClick,
+      _onClick === null || _onClick === void 0 || _onClick(e);
+    },
     elemBefore: elemBefore,
     elemAfter: (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_5', 'isEnabled', true) ? injectedElemAfter : elemAfter,
     isSelected: isSelected,

package/dist/cjs/ui/ToolbarDropdownMenu.js

@@ -82,25 +82,14 @@ var ToolbarDropdownMenu = exports.ToolbarDropdownMenu = function ToolbarDropdown
     _ref2$enableMaxHeight = _ref2.enableMaxHeight,
     enableMaxHeight = _ref2$enableMaxHeight === void 0 ? false : _ref2$enableMaxHeight,
     onClick = _ref2.onClick;
-  if ((0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true)) {
-    return /*#__PURE__*/_react.default.createElement(ToolbarDropdownMenuContent, {
-      iconBefore: iconBefore,
-      isDisabled: isDisabled,
-      testId: testId,
-      label: label,
-      onClick: onClick
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      xcss: (0, _react2.cx)(hasSectionMargin && styles.sectionMargin, enableMaxHeight && styles.scrollContainer, (0, _expValEquals.expValEquals)('platform_editor_toolbar_migrate_loom', 'isEnabled', true) && styles.firstSectionSeparator),
-      "data-toolbar-component": "menu"
-    }, children));
-  } else {
-    return /*#__PURE__*/_react.default.createElement(_ToolbarDropdownMenuContext.ToolbarDropdownMenuProvider, null, /*#__PURE__*/_react.default.createElement(ToolbarDropdownMenuContent, {
-      iconBefore: iconBefore,
-      isDisabled: isDisabled,
-      testId: testId,
-      label: label
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _runtime.ax)([hasSectionMargin && styles.sectionMargin, (0, _expValEquals.expValEquals)('platform_editor_toolbar_migrate_loom', 'isEnabled', true) && styles.firstSectionSeparator])
-    }, children)));
-  }
+  return /*#__PURE__*/_react.default.createElement(ToolbarDropdownMenuContent, {
+    iconBefore: iconBefore,
+    isDisabled: isDisabled,
+    testId: testId,
+    label: label,
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: (0, _react2.cx)(hasSectionMargin && styles.sectionMargin, enableMaxHeight && styles.scrollContainer, (0, _expValEquals.expValEquals)('platform_editor_toolbar_migrate_loom', 'isEnabled', true) && styles.firstSectionSeparator),
+    "data-toolbar-component": "menu"
+  }, children));
 };

package/dist/cjs/ui/ToolbarDropdownMenuContext.js

@@ -5,26 +5,14 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useToolbarDropdownMenuOld = exports.useToolbarDropdownMenuNew = exports.useToolbarDropdownMenu = exports.ToolbarDropdownMenuProvider = void 0;
+exports.useToolbarDropdownMenu = exports.ToolbarDropdownMenuProvider = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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 ToolbarDropdownMenuContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-var useToolbarDropdownMenuOld = exports.useToolbarDropdownMenuOld = function useToolbarDropdownMenuOld() {
-  var context = (0, _react.useContext)(ToolbarDropdownMenuContext);
-  if (!context) {
-    throw new Error('useToolbarDropdownMenu must be used within ToolbarDropdownMenuProvider');
-  }
-  return context;
-};
-var useToolbarDropdownMenuNew = exports.useToolbarDropdownMenuNew = function useToolbarDropdownMenuNew() {
+var useToolbarDropdownMenu = exports.useToolbarDropdownMenu = function useToolbarDropdownMenu() {
   return (0, _react.useContext)(ToolbarDropdownMenuContext);
 };
-var useToolbarDropdownMenu = exports.useToolbarDropdownMenu = (0, _platformFeatureFlagsReact.conditionalHooksFactory)(function () {
-  return (0, _expValEquals.expValEquals)('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true);
-}, useToolbarDropdownMenuNew, useToolbarDropdownMenuOld);
 var ToolbarDropdownMenuProvider = exports.ToolbarDropdownMenuProvider = function ToolbarDropdownMenuProvider(_ref) {
   var children = _ref.children;
   var _useState = (0, _react.useState)(false),

package/dist/es2019/ui/ColorPalette/index.js

@@ -1,18 +1,11 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
-import "./index.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo, useCallback, useRef, useEffect } from 'react';
 import chromatism from 'chromatism';
 import { useIntl } from 'react-intl-next';
-import { Box, Grid, Inline } from '@atlaskit/primitives/compiled';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { Grid, Inline } from '@atlaskit/primitives/compiled';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { Color } from './Color';
 import getColorMessage from './getColorMessage';
 import { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue } from './utils';
-const styles = {
-  paletteWrapper: "_1e0c1txw"
-};
 
 /**
  * For a given color pick the color from a list of colors with
@@ -111,9 +104,6 @@ const ColorPalette = ({
 
   // Initialize focus position and handle autofocus
   useEffect(() => {
-    if (!expValEquals('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true)) {
-      return;
-    }
     if (selectedRowIndex >= 0 && selectedColumnIndex >= 0) {
       currentFocusRef.current = {
         row: selectedRowIndex,
@@ -258,7 +248,7 @@ const ColorPalette = ({
         }
     }
   }, [colorsPerRow, focusColorAt, onClick, onKeyDown]);
-  return expValEquals('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true) ? /*#__PURE__*/React.createElement(Grid, {
+  return /*#__PURE__*/React.createElement(Grid, {
     gap: "space.050",
     ref: paletteRef,
     role: "group"
@@ -305,40 +295,6 @@ const ColorPalette = ({
       decorator: decorator,
       tabIndex: shouldBeFocusable ? 0 : -1
     });
-  })))) : /*#__PURE__*/React.createElement(React.Fragment, null, colorsPerRow.map(row => /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.paletteWrapper,
-    key: `row-first-color-${row[0].value}`,
-    role: "radiogroup"
-  }, row.map(({
-    value,
-    label,
-    border,
-    message,
-    decorator
-  }) => {
-    let tooltipMessage = message;
-
-    // Override with theme-specific tooltip messages if provided
-    if (paletteColorTooltipMessages) {
-      if (tokenTheme === 'dark') {
-        tooltipMessage = getColorMessage(paletteColorTooltipMessages.dark, value.toUpperCase());
-      }
-      if (tokenTheme === 'light') {
-        tooltipMessage = getColorMessage(paletteColorTooltipMessages.light, value.toUpperCase());
-      }
-    }
-    return /*#__PURE__*/React.createElement(Color, {
-      key: value,
-      value: value,
-      borderColor: border,
-      label: tooltipMessage ? formatMessage(tooltipMessage) : label,
-      onClick: onClick,
-      onKeyDown: onKeyDown,
-      isSelected: value === selectedColor,
-      checkMarkColor: getCheckMarkColor(value, useIconToken),
-      hexToPaletteColor: hexToPaletteColor,
-      decorator: decorator
-    });
   }))));
 };
 export default ColorPalette;

package/dist/es2019/ui/ToolbarDropdownItem.js

@@ -6,7 +6,7 @@ import { cx } from '@atlaskit/css';
 import { DropdownItem } from '@atlaskit/dropdown-menu';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { useToolbarDropdownMenuNew } from './ToolbarDropdownMenuContext';
+import { useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
 const styles = {
   toolbarDropdownItem: "_11c82smr _18zrutpp _1rjc1b66 _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tkezwfg _1ul9eoa3 _syaz1gjq _1bas12b0 _1ah31i6y",
   enabled: "_irr3166n _1di61dty",
@@ -50,7 +50,7 @@ export const ToolbarDropdownItem = ({
   target,
   rel
 }) => {
-  const parentContext = useToolbarDropdownMenuNew();
+  const parentContext = useToolbarDropdownMenu();
   const injectedElemAfter = (() => {
     if (! /*#__PURE__*/isValidElement(elemAfter)) {
       return elemAfter;
@@ -65,12 +65,12 @@ export const ToolbarDropdownItem = ({
     });
   })();
   return /*#__PURE__*/React.createElement(DropdownItem, {
-    onClick: expValEquals('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true) ? e => {
+    onClick: e => {
       if (!hasNestedDropdownMenu) {
         parentContext === null || parentContext === void 0 ? void 0 : parentContext.closeMenu();
       }
       onClick === null || onClick === void 0 ? void 0 : onClick(e);
-    } : onClick,
+    },
     elemBefore: elemBefore,
     elemAfter: expValEquals('platform_editor_toolbar_aifc_patch_5', 'isEnabled', true) ? injectedElemAfter : elemAfter,
     isSelected: isSelected,

package/dist/es2019/ui/ToolbarDropdownMenu.js

@@ -8,7 +8,7 @@ import { Box } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useToolbarUI } from '../hooks/ui-context';
 import { ToolbarButton } from './ToolbarButton';
-import { ToolbarDropdownMenuProvider, useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
+import { useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
 const styles = {
   sectionMargin: "_1mouv77o",
   firstSectionSeparator: "_18l8n7od",
@@ -72,25 +72,14 @@ export const ToolbarDropdownMenu = ({
   enableMaxHeight = false,
   onClick
 }) => {
-  if (expValEquals('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true)) {
-    return /*#__PURE__*/React.createElement(ToolbarDropdownMenuContent, {
-      iconBefore: iconBefore,
-      isDisabled: isDisabled,
-      testId: testId,
-      label: label,
-      onClick: onClick
-    }, /*#__PURE__*/React.createElement(Box, {
-      xcss: cx(hasSectionMargin && styles.sectionMargin, enableMaxHeight && styles.scrollContainer, expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true) && styles.firstSectionSeparator),
-      "data-toolbar-component": "menu"
-    }, children));
-  } else {
-    return /*#__PURE__*/React.createElement(ToolbarDropdownMenuProvider, null, /*#__PURE__*/React.createElement(ToolbarDropdownMenuContent, {
-      iconBefore: iconBefore,
-      isDisabled: isDisabled,
-      testId: testId,
-      label: label
-    }, /*#__PURE__*/React.createElement("div", {
-      className: ax([hasSectionMargin && styles.sectionMargin, expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true) && styles.firstSectionSeparator])
-    }, children)));
-  }
+  return /*#__PURE__*/React.createElement(ToolbarDropdownMenuContent, {
+    iconBefore: iconBefore,
+    isDisabled: isDisabled,
+    testId: testId,
+    label: label,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: cx(hasSectionMargin && styles.sectionMargin, enableMaxHeight && styles.scrollContainer, expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true) && styles.firstSectionSeparator),
+    "data-toolbar-component": "menu"
+  }, children));
 };

package/dist/es2019/ui/ToolbarDropdownMenuContext.js

@@ -1,18 +1,8 @@
 import React, { createContext, useContext, useState } from 'react';
-import { conditionalHooksFactory } from '@atlaskit/platform-feature-flags-react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const ToolbarDropdownMenuContext = /*#__PURE__*/createContext(undefined);
-export const useToolbarDropdownMenuOld = () => {
-  const context = useContext(ToolbarDropdownMenuContext);
-  if (!context) {
-    throw new Error('useToolbarDropdownMenu must be used within ToolbarDropdownMenuProvider');
-  }
-  return context;
-};
-export const useToolbarDropdownMenuNew = () => {
+export const useToolbarDropdownMenu = () => {
   return useContext(ToolbarDropdownMenuContext);
 };
-export const useToolbarDropdownMenu = conditionalHooksFactory(() => expValEquals('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true), useToolbarDropdownMenuNew, useToolbarDropdownMenuOld);
 export const ToolbarDropdownMenuProvider = ({
   children
 }) => {

package/dist/esm/ui/ColorPalette/index.js

@@ -1,18 +1,11 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
-import "./index.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo, useCallback, useRef, useEffect } from 'react';
 import chromatism from 'chromatism';
 import { useIntl } from 'react-intl-next';
-import { Box, Grid, Inline } from '@atlaskit/primitives/compiled';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { Grid, Inline } from '@atlaskit/primitives/compiled';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { Color } from './Color';
 import getColorMessage from './getColorMessage';
 import { DEFAULT_COLOR_PICKER_COLUMNS, getColorsPerRowFromPalette, getSelectedRowAndColumnFromPalette, getTokenCSSVariableValue } from './utils';
-var styles = {
-  paletteWrapper: "_1e0c1txw"
-};
 
 /**
  * For a given color pick the color from a list of colors with
@@ -108,9 +101,6 @@ var ColorPalette = function ColorPalette(_ref) {
 
   // Initialize focus position and handle autofocus
   useEffect(function () {
-    if (!expValEquals('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true)) {
-      return;
-    }
     if (selectedRowIndex >= 0 && selectedColumnIndex >= 0) {
       currentFocusRef.current = {
         row: selectedRowIndex,
@@ -254,7 +244,7 @@ var ColorPalette = function ColorPalette(_ref) {
         }
     }
   }, [colorsPerRow, focusColorAt, onClick, onKeyDown]);
-  return expValEquals('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true) ? /*#__PURE__*/React.createElement(Grid, {
+  return /*#__PURE__*/React.createElement(Grid, {
     gap: "space.050",
     ref: paletteRef,
     role: "group"
@@ -302,41 +292,6 @@ var ColorPalette = function ColorPalette(_ref) {
         tabIndex: shouldBeFocusable ? 0 : -1
       });
     }));
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null, colorsPerRow.map(function (row) {
-    return /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.paletteWrapper,
-      key: "row-first-color-".concat(row[0].value),
-      role: "radiogroup"
-    }, row.map(function (_ref3) {
-      var value = _ref3.value,
-        label = _ref3.label,
-        border = _ref3.border,
-        message = _ref3.message,
-        decorator = _ref3.decorator;
-      var tooltipMessage = message;
-
-      // Override with theme-specific tooltip messages if provided
-      if (paletteColorTooltipMessages) {
-        if (tokenTheme === 'dark') {
-          tooltipMessage = getColorMessage(paletteColorTooltipMessages.dark, value.toUpperCase());
-        }
-        if (tokenTheme === 'light') {
-          tooltipMessage = getColorMessage(paletteColorTooltipMessages.light, value.toUpperCase());
-        }
-      }
-      return /*#__PURE__*/React.createElement(Color, {
-        key: value,
-        value: value,
-        borderColor: border,
-        label: tooltipMessage ? formatMessage(tooltipMessage) : label,
-        onClick: onClick,
-        onKeyDown: onKeyDown,
-        isSelected: value === selectedColor,
-        checkMarkColor: getCheckMarkColor(value, useIconToken),
-        hexToPaletteColor: hexToPaletteColor,
-        decorator: decorator
-      });
-    }));
   }));
 };
 export default ColorPalette;

package/dist/esm/ui/ToolbarDropdownItem.js

@@ -9,7 +9,7 @@ import { cx } from '@atlaskit/css';
 import { DropdownItem } from '@atlaskit/dropdown-menu';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { useToolbarDropdownMenuNew } from './ToolbarDropdownMenuContext';
+import { useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
 var styles = {
   toolbarDropdownItem: "_11c82smr _18zrutpp _1rjc1b66 _1e0c1txw _kqswh2mm _bfhksm61 _1bsb1osq _1tkezwfg _1ul9eoa3 _syaz1gjq _1bas12b0 _1ah31i6y",
   enabled: "_irr3166n _1di61dty",
@@ -39,7 +39,7 @@ var CustomDropdownMenuItemButton = /*#__PURE__*/forwardRef(function (_ref, ref)
   }, children);
 });
 export var ToolbarDropdownItem = function ToolbarDropdownItem(_ref2) {
-  var onClick = _ref2.onClick,
+  var _onClick = _ref2.onClick,
     elemBefore = _ref2.elemBefore,
     elemAfter = _ref2.elemAfter,
     isSelected = _ref2.isSelected,
@@ -54,7 +54,7 @@ export var ToolbarDropdownItem = function ToolbarDropdownItem(_ref2) {
     href = _ref2.href,
     target = _ref2.target,
     rel = _ref2.rel;
-  var parentContext = useToolbarDropdownMenuNew();
+  var parentContext = useToolbarDropdownMenu();
   var injectedElemAfter = function () {
     if (! /*#__PURE__*/isValidElement(elemAfter)) {
       return elemAfter;
@@ -68,12 +68,12 @@ export var ToolbarDropdownItem = function ToolbarDropdownItem(_ref2) {
     }));
   }();
   return /*#__PURE__*/React.createElement(DropdownItem, {
-    onClick: expValEquals('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true) ? function (e) {
+    onClick: function onClick(e) {
       if (!hasNestedDropdownMenu) {
         parentContext === null || parentContext === void 0 || parentContext.closeMenu();
       }
-      onClick === null || onClick === void 0 || onClick(e);
-    } : onClick,
+      _onClick === null || _onClick === void 0 || _onClick(e);
+    },
     elemBefore: elemBefore,
     elemAfter: expValEquals('platform_editor_toolbar_aifc_patch_5', 'isEnabled', true) ? injectedElemAfter : elemAfter,
     isSelected: isSelected,

package/dist/esm/ui/ToolbarDropdownMenu.js

@@ -8,7 +8,7 @@ import { Box } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { useToolbarUI } from '../hooks/ui-context';
 import { ToolbarButton } from './ToolbarButton';
-import { ToolbarDropdownMenuProvider, useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
+import { useToolbarDropdownMenu } from './ToolbarDropdownMenuContext';
 var styles = {
   sectionMargin: "_1mouv77o",
   firstSectionSeparator: "_18l8n7od",
@@ -73,25 +73,14 @@ export var ToolbarDropdownMenu = function ToolbarDropdownMenu(_ref2) {
     _ref2$enableMaxHeight = _ref2.enableMaxHeight,
     enableMaxHeight = _ref2$enableMaxHeight === void 0 ? false : _ref2$enableMaxHeight,
     onClick = _ref2.onClick;
-  if (expValEquals('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true)) {
-    return /*#__PURE__*/React.createElement(ToolbarDropdownMenuContent, {
-      iconBefore: iconBefore,
-      isDisabled: isDisabled,
-      testId: testId,
-      label: label,
-      onClick: onClick
-    }, /*#__PURE__*/React.createElement(Box, {
-      xcss: cx(hasSectionMargin && styles.sectionMargin, enableMaxHeight && styles.scrollContainer, expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true) && styles.firstSectionSeparator),
-      "data-toolbar-component": "menu"
-    }, children));
-  } else {
-    return /*#__PURE__*/React.createElement(ToolbarDropdownMenuProvider, null, /*#__PURE__*/React.createElement(ToolbarDropdownMenuContent, {
-      iconBefore: iconBefore,
-      isDisabled: isDisabled,
-      testId: testId,
-      label: label
-    }, /*#__PURE__*/React.createElement("div", {
-      className: ax([hasSectionMargin && styles.sectionMargin, expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true) && styles.firstSectionSeparator])
-    }, children)));
-  }
+  return /*#__PURE__*/React.createElement(ToolbarDropdownMenuContent, {
+    iconBefore: iconBefore,
+    isDisabled: isDisabled,
+    testId: testId,
+    label: label,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: cx(hasSectionMargin && styles.sectionMargin, enableMaxHeight && styles.scrollContainer, expValEquals('platform_editor_toolbar_migrate_loom', 'isEnabled', true) && styles.firstSectionSeparator),
+    "data-toolbar-component": "menu"
+  }, children));
 };

package/dist/esm/ui/ToolbarDropdownMenuContext.js

@@ -1,21 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { createContext, useContext, useState } from 'react';
-import { conditionalHooksFactory } from '@atlaskit/platform-feature-flags-react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var ToolbarDropdownMenuContext = /*#__PURE__*/createContext(undefined);
-export var useToolbarDropdownMenuOld = function useToolbarDropdownMenuOld() {
-  var context = useContext(ToolbarDropdownMenuContext);
-  if (!context) {
-    throw new Error('useToolbarDropdownMenu must be used within ToolbarDropdownMenuProvider');
-  }
-  return context;
-};
-export var useToolbarDropdownMenuNew = function useToolbarDropdownMenuNew() {
+export var useToolbarDropdownMenu = function useToolbarDropdownMenu() {
   return useContext(ToolbarDropdownMenuContext);
 };
-export var useToolbarDropdownMenu = conditionalHooksFactory(function () {
-  return expValEquals('platform_editor_toolbar_aifc_patch_1', 'isEnabled', true);
-}, useToolbarDropdownMenuNew, useToolbarDropdownMenuOld);
 export var ToolbarDropdownMenuProvider = function ToolbarDropdownMenuProvider(_ref) {
   var children = _ref.children;
   var _useState = useState(false),

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

@@ -4,9 +4,7 @@ interface ToolbarDropdownMenuContextValue {
     isOpen: boolean;
     openMenu: () => void;
 }
-export declare const useToolbarDropdownMenuOld: () => ToolbarDropdownMenuContextValue;
-export declare const useToolbarDropdownMenuNew: () => ToolbarDropdownMenuContextValue | undefined;
-export declare const useToolbarDropdownMenu: (...args: never[]) => ToolbarDropdownMenuContextValue | undefined;
+export declare const useToolbarDropdownMenu: () => ToolbarDropdownMenuContextValue | undefined;
 interface ToolbarDropdownMenuProviderProps {
     children: React.ReactNode;
 }

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

@@ -4,9 +4,7 @@ interface ToolbarDropdownMenuContextValue {
     isOpen: boolean;
     openMenu: () => void;
 }
-export declare const useToolbarDropdownMenuOld: () => ToolbarDropdownMenuContextValue;
-export declare const useToolbarDropdownMenuNew: () => ToolbarDropdownMenuContextValue | undefined;
-export declare const useToolbarDropdownMenu: (...args: never[]) => ToolbarDropdownMenuContextValue | undefined;
+export declare const useToolbarDropdownMenu: () => ToolbarDropdownMenuContextValue | undefined;
 interface ToolbarDropdownMenuProviderProps {
     children: React.ReactNode;
 }

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
 	},
-	"version": "0.11.0",
+	"version": "0.12.0",
 	"description": "Common UI for Toolbars across the platform",
 	"atlassian": {
 		"team": "Editor: Jenga",
@@ -22,7 +22,7 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/badge": "^18.2.0",
-		"@atlaskit/button": "^23.4.0",
+		"@atlaskit/button": "^23.5.0",
 		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/icon": "^28.3.0",
@@ -32,7 +32,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
 		"@atlaskit/popup": "^4.4.0",
 		"@atlaskit/primitives": "^14.15.0",
-		"@atlaskit/tmp-editor-statsig": "^13.0.0",
+		"@atlaskit/tmp-editor-statsig": "^13.1.0",
 		"@atlaskit/tokens": "^6.4.0",
 		"@atlaskit/tooltip": "^20.5.0",
 		"@babel/runtime": "^7.0.0",

package/dist/cjs/ui/ColorPalette/index.compiled.css

@@ -1 +0,0 @@
-._1e0c1txw{display:flex}

package/dist/es2019/ui/ColorPalette/index.compiled.css

@@ -1 +0,0 @@
-._1e0c1txw{display:flex}

package/dist/esm/ui/ColorPalette/index.compiled.css

@@ -1 +0,0 @@
-._1e0c1txw{display:flex}