@atlaskit/menu 2.1.8 → 2.1.9

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/menu
 
+## 2.1.9
+
+### Patch Changes
+
+- [#80085](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80085) [`7febfed958dd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7febfed958dd) - Update usage of `React.FC` to explicity include `children`
+
 ## 2.1.8
 
 ### Patch Changes

package/dist/cjs/internal/components/menu-item-primitive.js

@@ -192,7 +192,6 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
     testId = _ref.testId;
   (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu" || '', 'overrides', overrides !== undefined, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   var spacing = (0, _react.useContext)(_menuContext.SpacingContext);
   var selectionStyle = (0, _react.useContext)(_menuContext.SELECTION_STYLE_CONTEXT_DO_NOT_USE);
   var renderTitle = overrides && overrides.Title && overrides.Title.render || defaultRender;

package/dist/cjs/menu-item/button-item.js

@@ -50,7 +50,6 @@ function (props, ref) {
   }
   (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu" || '', 'cssFn', cssFn !== _noop.default, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   return (0, _react2.jsx)(_menuItemPrimitive.default, (0, _extends2.default)({
     className: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : UNSAFE_className
   }, rest, {

package/dist/cjs/menu-item/custom-item.js

@@ -55,7 +55,6 @@ var CustomItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardR
   }
   (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu" || '', 'cssFn', cssFn !== _noop.default, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   return (0, _react2.jsx)(_menuItemPrimitive.default, (0, _extends2.default)({
     className: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : UNSAFE_className
   }, rest, {

package/dist/cjs/menu-item/heading-item.js

@@ -48,7 +48,6 @@ var HeadingItem = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu" || '', 'cssFn', cssFn !== _noop.default, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   var UNSAFE_overrides = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : (0, _react2.css)(cssFn(undefined));
   return (0, _react2.jsx)("div", (0, _extends2.default)({
     css: [headingStyles,

package/dist/cjs/menu-item/link-item.js

@@ -55,7 +55,6 @@ function (props, ref) {
   }
   (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu" || '', 'cssFn', cssFn !== _noop.default, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   return (0, _react2.jsx)(_menuItemPrimitive.default, (0, _extends2.default)({}, rest, {
     className: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : UNSAFE_className
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides

package/dist/cjs/menu-item/skeleton-heading-item.js

@@ -53,7 +53,6 @@ var SkeletonHeadingItem = function SkeletonHeadingItem(_ref) {
     cssFn = _ref$cssFn === void 0 ? _noop.default : _ref$cssFn;
   (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu" || '', 'cssFn', cssFn !== _noop.default, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   var UNSAFE_overrides = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : (0, _react.css)(cssFn(undefined));
   return (0, _react.jsx)(_skeletonShimmer.default, {
     isShimmering: isShimmering

package/dist/cjs/menu-item/skeleton-item.js

@@ -107,7 +107,6 @@ var SkeletonItem = function SkeletonItem(_ref) {
     cssFn = _ref$cssFn === void 0 ? _noop.default : _ref$cssFn;
   (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu" || '', 'cssFn', cssFn !== _noop.default, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   var UNSAFE_overrides = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : (0, _react.css)(cssFn());
   return (0, _react.jsx)(_skeletonShimmer.default, {
     isShimmering: isShimmering

package/dist/cjs/menu-section/section.js

@@ -106,7 +106,6 @@ var Section = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   (0, _deprecationWarning.propDeprecationWarning)("@atlaskit/menu" || '', 'overrides', overrides !== undefined, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   var UNSAFE_headingOverrides = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : overrides && overrides.HeadingItem && overrides.HeadingItem.cssFn;
   var content = isList ? (0, _react2.jsx)("ul", {
     style: {

package/dist/es2019/internal/components/menu-item-primitive.js

@@ -178,7 +178,6 @@ const MenuItemPrimitive = ({
 }) => {
   propDeprecationWarning("@atlaskit/menu" || '', 'overrides', overrides !== undefined, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   const spacing = useContext(SpacingContext);
   const selectionStyle = useContext(SELECTION_STYLE_CONTEXT_DO_NOT_USE);
   const renderTitle = overrides && overrides.Title && overrides.Title.render || defaultRender;

package/dist/es2019/menu-item/button-item.js

@@ -44,7 +44,6 @@ const ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(
   }
   propDeprecationWarning("@atlaskit/menu" || '', 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   return jsx(MenuItemPrimitive, _extends({
     className: getBooleanFF('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : UNSAFE_className
   }, rest, {

package/dist/es2019/menu-item/custom-item.js

@@ -49,7 +49,6 @@ const CustomItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   }
   propDeprecationWarning("@atlaskit/menu" || '', 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   return jsx(MenuItemPrimitive, _extends({
     className: getBooleanFF('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : UNSAFE_className
   }, rest, {
@@ -88,5 +87,4 @@ const CustomItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
 })
 // Dirty hack to get generics working with forward ref [2/2]
 );
-
 export default CustomItem;

package/dist/es2019/menu-item/heading-item.js

@@ -42,7 +42,6 @@ const HeadingItem = /*#__PURE__*/memo(({
 }) => {
   propDeprecationWarning("@atlaskit/menu" || '', 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   const UNSAFE_overrides = getBooleanFF('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : css(cssFn(undefined));
   return jsx("div", _extends({
     css: [headingStyles,

package/dist/es2019/menu-item/link-item.js

@@ -49,7 +49,6 @@ const LinkItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(
   }
   propDeprecationWarning("@atlaskit/menu" || '', 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   return jsx(MenuItemPrimitive, _extends({}, rest, {
     className: getBooleanFF('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : UNSAFE_className
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides

package/dist/es2019/menu-item/skeleton-heading-item.js

@@ -45,7 +45,6 @@ const SkeletonHeadingItem = ({
 }) => {
   propDeprecationWarning("@atlaskit/menu" || '', 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   const UNSAFE_overrides = getBooleanFF('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : css(cssFn(undefined));
   return jsx(SkeletonShimmer, {
     isShimmering: isShimmering

package/dist/es2019/menu-item/skeleton-item.js

@@ -101,7 +101,6 @@ const SkeletonItem = ({
 }) => {
   propDeprecationWarning("@atlaskit/menu" || '', 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   const UNSAFE_overrides = getBooleanFF('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : css(cssFn());
   return jsx(SkeletonShimmer, {
     isShimmering: isShimmering

package/dist/es2019/menu-section/section.js

@@ -101,7 +101,6 @@ const Section = /*#__PURE__*/forwardRef(({
 }, ref) => {
   propDeprecationWarning("@atlaskit/menu" || '', 'overrides', overrides !== undefined, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   const UNSAFE_headingOverrides = getBooleanFF('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : overrides && overrides.HeadingItem && overrides.HeadingItem.cssFn;
   const content = isList ? jsx("ul", {
     style: {

package/dist/esm/internal/components/menu-item-primitive.js

@@ -184,7 +184,6 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
     testId = _ref.testId;
   propDeprecationWarning("@atlaskit/menu" || '', 'overrides', overrides !== undefined, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   var spacing = useContext(SpacingContext);
   var selectionStyle = useContext(SELECTION_STYLE_CONTEXT_DO_NOT_USE);
   var renderTitle = overrides && overrides.Title && overrides.Title.render || defaultRender;

package/dist/esm/menu-item/button-item.js

@@ -43,7 +43,6 @@ function (props, ref) {
   }
   propDeprecationWarning("@atlaskit/menu" || '', 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   return jsx(MenuItemPrimitive, _extends({
     className: getBooleanFF('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : UNSAFE_className
   }, rest, {

package/dist/esm/menu-item/custom-item.js

@@ -49,7 +49,6 @@ var CustomItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref)
   }
   propDeprecationWarning("@atlaskit/menu" || '', 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   return jsx(MenuItemPrimitive, _extends({
     className: getBooleanFF('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : UNSAFE_className
   }, rest, {
@@ -89,5 +88,4 @@ var CustomItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref)
 })
 // Dirty hack to get generics working with forward ref [2/2]
 );
-
 export default CustomItem;

package/dist/esm/menu-item/heading-item.js

@@ -41,7 +41,6 @@ var HeadingItem = /*#__PURE__*/memo(function (_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   propDeprecationWarning("@atlaskit/menu" || '', 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   var UNSAFE_overrides = getBooleanFF('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : css(cssFn(undefined));
   return jsx("div", _extends({
     css: [headingStyles,

package/dist/esm/menu-item/link-item.js

@@ -48,7 +48,6 @@ function (props, ref) {
   }
   propDeprecationWarning("@atlaskit/menu" || '', 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   return jsx(MenuItemPrimitive, _extends({}, rest, {
     className: getBooleanFF('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : UNSAFE_className
     // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides

package/dist/esm/menu-item/skeleton-heading-item.js

@@ -46,7 +46,6 @@ var SkeletonHeadingItem = function SkeletonHeadingItem(_ref) {
     cssFn = _ref$cssFn === void 0 ? noop : _ref$cssFn;
   propDeprecationWarning("@atlaskit/menu" || '', 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   var UNSAFE_overrides = getBooleanFF('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : css(cssFn(undefined));
   return jsx(SkeletonShimmer, {
     isShimmering: isShimmering

package/dist/esm/menu-item/skeleton-item.js

@@ -102,7 +102,6 @@ var SkeletonItem = function SkeletonItem(_ref) {
     cssFn = _ref$cssFn === void 0 ? noop : _ref$cssFn;
   propDeprecationWarning("@atlaskit/menu" || '', 'cssFn', cssFn !== noop, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   var UNSAFE_overrides = getBooleanFF('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : css(cssFn());
   return jsx(SkeletonShimmer, {
     isShimmering: isShimmering

package/dist/esm/menu-section/section.js

@@ -99,7 +99,6 @@ var Section = /*#__PURE__*/forwardRef(function (_ref, ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   propDeprecationWarning("@atlaskit/menu" || '', 'overrides', overrides !== undefined, '' // TODO: Create DAC post when primitives/xcss are available as alternatives
   );
-
   var UNSAFE_headingOverrides = getBooleanFF('platform.design-system-team.unsafe-overrides-killswitch_c8j9m') ? undefined : overrides && overrides.HeadingItem && overrides.HeadingItem.cssFn;
   var content = isList ? jsx("ul", {
     style: {

package/dist/types/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType, ReactNode, Ref } from 'react';
+import { ComponentType, PropsWithChildren, ReactNode, Ref } from 'react';
 import { CSSObject } from '@emotion/react';
 import type { SpacingMode } from './internal/components/menu-context';
 export interface RenderFunction<TProps = {}> {
@@ -291,7 +291,7 @@ export interface CustomItemProps<TCustomComponentProps = CustomItemComponentProp
      *
      * __NOTE:__ Make sure the reference for this component does not change between renders else undefined behavior may happen.
      */
-    component?: React.ComponentType<TCustomComponentProps>;
+    component?: React.ComponentType<PropsWithChildren<TCustomComponentProps>>;
 }
 export interface SkeletonItemProps {
     /**

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

@@ -1,4 +1,4 @@
-import { ComponentType, ReactNode, Ref } from 'react';
+import { ComponentType, PropsWithChildren, ReactNode, Ref } from 'react';
 import { CSSObject } from '@emotion/react';
 import type { SpacingMode } from './internal/components/menu-context';
 export interface RenderFunction<TProps = {}> {
@@ -291,7 +291,7 @@ export interface CustomItemProps<TCustomComponentProps = CustomItemComponentProp
      *
      * __NOTE:__ Make sure the reference for this component does not change between renders else undefined behavior may happen.
      */
-    component?: React.ComponentType<TCustomComponentProps>;
+    component?: React.ComponentType<PropsWithChildren<TCustomComponentProps>>;
 }
 export interface SkeletonItemProps {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/menu",
-  "version": "2.1.8",
+  "version": "2.1.9",
   "description": "A collection of composable menu components that can be used anywhere.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -45,9 +45,9 @@
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/focus-ring": "^1.3.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^4.0.0",
+    "@atlaskit/primitives": "^4.1.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.39.0",
+    "@atlaskit/tokens": "^1.41.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },