@atlaskit/navigation-system 2.10.1 → 2.10.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlassian/navigation-system
 
+## 2.10.2
+
+### Patch Changes
+
+- [`332393d8d236d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/332393d8d236d) -
+  Add `forwardRefWithGeneric` as a util to the `ds-lib` package so it is available for all of the
+  Design System.
+- Updated dependencies
+
 ## 2.10.1
 
 ### Patch Changes

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

@@ -11,8 +11,8 @@ require("./link-menu-item.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _runtime = require("@compiled/react/runtime");
+var _forwardRefWithGeneric = _interopRequireDefault(require("@atlaskit/ds-lib/forward-ref-with-generic"));
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
-var _forwardRefWithGeneric = require("../../components/forward-ref-with-generic");
 var _listItem = require("../../components/list-item");
 var _menuItem = require("./menu-item");
 var _useScrollMenuItemIntoView = require("./use-scroll-menu-item-into-view");
@@ -78,4 +78,4 @@ var LinkMenuItemNoRef = function LinkMenuItemNoRef(_ref, forwardedRef) {
  *
  * A menu item link. It should be used within a `ul`.
  */
-var LinkMenuItem = exports.LinkMenuItem = (0, _forwardRefWithGeneric.forwardRefWithGeneric)(LinkMenuItemNoRef);
+var LinkMenuItem = exports.LinkMenuItem = (0, _forwardRefWithGeneric.default)(LinkMenuItemNoRef);

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

@@ -15,11 +15,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@compiled/react");
 var _avatar = require("@atlaskit/avatar");
+var _forwardRefWithGeneric = _interopRequireDefault(require("@atlaskit/ds-lib/forward-ref-with-generic"));
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireWildcard(require("@atlaskit/tooltip"));
-var _forwardRefWithGeneric = require("../../components/forward-ref-with-generic");
 var _constants = require("./constants");
 var _expandableMenuItemContext = require("./expandable-menu-item/expandable-menu-item-context");
 var _flyoutMenuItemContext = require("./flyout-menu-item/flyout-menu-item-context");
@@ -423,4 +423,4 @@ var MenuItemBaseNoRef = function MenuItemBaseNoRef(_ref3, forwardedRef) {
  * It contains a type argument `<T>`, to specify the type of the interactive element (`button` or `a`).
  * This can be inferred from the type of the `onClick` prop.
  */
-var MenuItemBase = exports.MenuItemBase = (0, _forwardRefWithGeneric.forwardRefWithGeneric)(MenuItemBaseNoRef);
+var MenuItemBase = exports.MenuItemBase = (0, _forwardRefWithGeneric.default)(MenuItemBaseNoRef);

package/dist/cjs/ui/top-nav-items/themed/button.js

@@ -13,11 +13,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@compiled/react");
+var _forwardRefWithGeneric = _interopRequireDefault(require("@atlaskit/ds-lib/forward-ref-with-generic"));
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
-var _forwardRefWithGeneric = require("../../../components/forward-ref-with-generic");
 var _excluded = ["style", "xcss", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd"],
   _excluded2 = ["appearance", "shape", "isSelected", "isDisabled"],
   _excluded3 = ["appearance", "shape", "isSelected", "isDisabled"],
@@ -141,7 +141,7 @@ var ThemedPressable = /*#__PURE__*/(0, _react.forwardRef)(function ThemedPressab
  *
  * Render props had problems passing down styles through `xcss` to the `children` function.
  */
-var ThemedAnchor = (0, _forwardRefWithGeneric.forwardRefWithGeneric)(function ThemedAnchor(_ref3, ref) {
+var ThemedAnchor = (0, _forwardRefWithGeneric.default)(function ThemedAnchor(_ref3, ref) {
   var _ref3$appearance = _ref3.appearance,
     appearance = _ref3$appearance === void 0 ? 'default' : _ref3$appearance,
     _ref3$shape = _ref3.shape,
@@ -196,7 +196,7 @@ var ThemedButton = exports.ThemedButton = /*#__PURE__*/(0, _react.forwardRef)(fu
  *
  * A themed link button for the top bar.
  */
-var ThemedLinkButton = exports.ThemedLinkButton = (0, _forwardRefWithGeneric.forwardRefWithGeneric)(function ThemedLinkButton(_ref5, ref) {
+var ThemedLinkButton = exports.ThemedLinkButton = (0, _forwardRefWithGeneric.default)(function ThemedLinkButton(_ref5, ref) {
   var IconBefore = _ref5.iconBefore,
     children = _ref5.children,
     props = (0, _objectWithoutProperties2.default)(_ref5, _excluded5);
@@ -288,7 +288,7 @@ var ThemedIconButton = exports.ThemedIconButton = /*#__PURE__*/(0, _react.forwar
  *
  * A themed link icon button for the top bar.
  */
-var ThemedLinkIconButton = exports.ThemedLinkIconButton = (0, _forwardRefWithGeneric.forwardRefWithGeneric)(function ThemedLinkIconButton(_ref7, ref) {
+var ThemedLinkIconButton = exports.ThemedLinkIconButton = (0, _forwardRefWithGeneric.default)(function ThemedLinkIconButton(_ref7, ref) {
   var _tooltip$content2;
   var Icon = _ref7.icon,
     label = _ref7.label,

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

@@ -3,8 +3,8 @@ import "./link-menu-item.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo, useRef } from 'react';
+import forwardRefWithGeneric from '@atlaskit/ds-lib/forward-ref-with-generic';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
-import { forwardRefWithGeneric } from '../../components/forward-ref-with-generic';
 import { ListItem } from '../../components/list-item';
 import { MenuItemBase } from './menu-item';
 import { useScrollMenuItemIntoView } from './use-scroll-menu-item-into-view';

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

@@ -5,11 +5,11 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, lazy, Suspense, useCallback, useRef } from 'react';
 import { cx } from '@compiled/react';
 import { AvatarContext } from '@atlaskit/avatar';
+import forwardRefWithGeneric from '@atlaskit/ds-lib/forward-ref-with-generic';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor, Pressable, Text } from '@atlaskit/primitives/compiled';
 import Tooltip, { TooltipPrimitive } from '@atlaskit/tooltip';
-import { forwardRefWithGeneric } from '../../components/forward-ref-with-generic';
 import { expandableMenuItemIndentation } from './constants';
 import { useLevel } from './expandable-menu-item/expandable-menu-item-context';
 import { useFlyoutMenuOpen, useSetFlyoutMenuOpen } from './flyout-menu-item/flyout-menu-item-context';

package/dist/es2019/ui/top-nav-items/themed/button.js

@@ -4,11 +4,11 @@ import "./button.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
 import { cx } from '@compiled/react';
+import forwardRefWithGeneric from '@atlaskit/ds-lib/forward-ref-with-generic';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import { Anchor, Pressable } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import VisuallyHidden from '@atlaskit/visually-hidden';
-import { forwardRefWithGeneric } from '../../../components/forward-ref-with-generic';
 
 /**
  * Props from primitives that we explicitly ignore and remove from spread props,

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

@@ -3,8 +3,8 @@ import "./link-menu-item.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useMemo, useRef } from 'react';
+import forwardRefWithGeneric from '@atlaskit/ds-lib/forward-ref-with-generic';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
-import { forwardRefWithGeneric } from '../../components/forward-ref-with-generic';
 import { ListItem } from '../../components/list-item';
 import { MenuItemBase } from './menu-item';
 import { useScrollMenuItemIntoView } from './use-scroll-menu-item-into-view';

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

@@ -10,11 +10,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { forwardRef, lazy, Suspense, useCallback, useRef } from 'react';
 import { cx } from '@compiled/react';
 import { AvatarContext } from '@atlaskit/avatar';
+import forwardRefWithGeneric from '@atlaskit/ds-lib/forward-ref-with-generic';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Anchor, Pressable, Text } from '@atlaskit/primitives/compiled';
 import Tooltip, { TooltipPrimitive } from '@atlaskit/tooltip';
-import { forwardRefWithGeneric } from '../../components/forward-ref-with-generic';
 import { expandableMenuItemIndentation } from './constants';
 import { useLevel } from './expandable-menu-item/expandable-menu-item-context';
 import { useFlyoutMenuOpen, useSetFlyoutMenuOpen } from './flyout-menu-item/flyout-menu-item-context';

package/dist/esm/ui/top-nav-items/themed/button.js

@@ -12,11 +12,11 @@ import "./button.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef } from 'react';
 import { cx } from '@compiled/react';
+import forwardRefWithGeneric from '@atlaskit/ds-lib/forward-ref-with-generic';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import { Anchor, Pressable } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import VisuallyHidden from '@atlaskit/visually-hidden';
-import { forwardRefWithGeneric } from '../../../components/forward-ref-with-generic';
 
 /**
  * Props from primitives that we explicitly ignore and remove from spread props,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/navigation-system",
-	"version": "2.10.1",
+	"version": "2.10.2",
 	"description": "The latest navigation system for Atlassian apps.",
 	"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
 	"author": "Atlassian Pty Ltd",
@@ -70,7 +70,7 @@
 		"@atlaskit/avatar": "^25.1.0",
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/css": "^0.14.0",
-		"@atlaskit/ds-lib": "^5.0.0",
+		"@atlaskit/ds-lib": "^5.1.0",
 		"@atlaskit/icon": "^28.2.0",
 		"@atlaskit/layering": "^3.0.0",
 		"@atlaskit/logo": "^19.7.0",
@@ -80,7 +80,7 @@
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
-		"@atlaskit/primitives": "^14.14.0",
+		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/tokens": "^6.3.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -102,7 +102,7 @@
 		"@atlaskit/banner": "^14.0.0",
 		"@atlaskit/breadcrumbs": "^15.3.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
-		"@atlaskit/form": "^12.7.0",
+		"@atlaskit/form": "^13.0.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/lozenge": "^13.0.0",

package/dist/cjs/components/forward-ref-with-generic.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.forwardRefWithGeneric = void 0;
-var _react = require("react");
-/**
- * An alias for `forwardRef` with enhanced typing to preserve generic prop types.
- */
-var forwardRefWithGeneric = exports.forwardRefWithGeneric = _react.forwardRef;

package/dist/es2019/components/forward-ref-with-generic.js

@@ -1,6 +0,0 @@
-import { forwardRef } from 'react';
-
-/**
- * An alias for `forwardRef` with enhanced typing to preserve generic prop types.
- */
-export const forwardRefWithGeneric = forwardRef;

package/dist/esm/components/forward-ref-with-generic.js

@@ -1,6 +0,0 @@
-import { forwardRef } from 'react';
-
-/**
- * An alias for `forwardRef` with enhanced typing to preserve generic prop types.
- */
-export var forwardRefWithGeneric = forwardRef;

package/dist/types/components/forward-ref-with-generic.d.ts

@@ -1,4 +0,0 @@
-/**
- * An alias for `forwardRef` with enhanced typing to preserve generic prop types.
- */
-export declare const forwardRefWithGeneric: <ElementType, Props = {}>(render: (props: Props, ref: React.Ref<ElementType>) => React.ReactElement | null) => (props: Props & React.RefAttributes<ElementType>) => React.ReactElement | null;

package/dist/types-ts4.5/components/forward-ref-with-generic.d.ts

@@ -1,4 +0,0 @@
-/**
- * An alias for `forwardRef` with enhanced typing to preserve generic prop types.
- */
-export declare const forwardRefWithGeneric: <ElementType, Props = {}>(render: (props: Props, ref: React.Ref<ElementType>) => React.ReactElement | null) => (props: Props & React.RefAttributes<ElementType>) => React.ReactElement | null;