@atlaskit/link-picker 3.9.2 → 3.9.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/link-picker
 
+## 3.9.4
+
+### Patch Changes
+
+- [`65822cbb7d2df`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/65822cbb7d2df) -
+  [ux] NAVX-1368 Adding required field and corresponding aria-describedby label for link-picker
+  label
+- Updated dependencies
+
+## 3.9.3
+
+### Patch Changes
+
+- [`e178e7edf0f80`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e178e7edf0f80) -
+  Clean up jsc_inline_editing_field_refactor FG.
+
 ## 3.9.2
 
 ### Patch Changes

package/dist/cjs/ui/link-picker/index.js

@@ -444,7 +444,8 @@ var LinkPicker = exports.LinkPicker = (0, _analytics.withLinkPickerAnalyticsCont
     onClear: handleUrlClear,
     onKeyDown: handleKeyDown,
     onChange: handleChangeUrl,
-    inputRef: inputRef
+    inputRef: inputRef,
+    isRequired: true
   })), !hideDisplayText && /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(DisplayTextInputField, {
     autoComplete: "off",
     name: "displayText",

package/dist/cjs/ui/link-picker/text-input/index.compiled.css

@@ -4,8 +4,11 @@
 ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
 ._7yjtidpf >div{margin-top:0}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._onzypxbi+._onzypxbi{margin-top:var(--ds-space-200,1pc)}
 ._s7n4nkob{vertical-align:middle}
+._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}

package/dist/cjs/ui/link-picker/text-input/index.js

@@ -21,10 +21,11 @@ var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _conditionalSpotlightTargetWrapper = require("./conditional-spotlight-target-wrapper");
 var _utils = require("./utils");
-var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName", "inputRef"];
+var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName", "inputRef", "isRequired"];
 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 = {
-  clearTextButton: "_19itglyw _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _2hwx1b66 _bfhksm61 _s7n4nkob"
+  clearTextButton: "_19itglyw _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _2hwx1b66 _bfhksm61 _s7n4nkob",
+  requiredIndicatorStyles: "_syaz1tmw _ect41gqc _bozgv77o"
 };
 
 /**
@@ -33,6 +34,13 @@ var styles = {
  */
 var baseFieldStyles = null;
 var newFieldStyles = null;
+var RequiredAsterisk = function RequiredAsterisk() {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    as: "span",
+    "aria-hidden": "true",
+    xcss: styles.requiredIndicatorStyles
+  }, "*");
+};
 var testIds = exports.testIds = {
   urlError: 'link-error',
   clearUrlButton: 'clear-text'
@@ -49,6 +57,8 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
     error = _ref.error,
     spotlightTargetName = _ref.spotlightTargetName,
     inputRefProp = _ref.inputRef,
+    _ref$isRequired = _ref.isRequired,
+    isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var inputRef = (0, _react.useRef)(null);
   var handleRef = (0, _react.useCallback)(function (input) {
@@ -62,17 +72,10 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
       }
     }
   }, [autoFocus]);
-  var textfieldRef;
-  if ((0, _platformFeatureFlags.fg)('jsc_inline_editing_field_refactor')) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var refs = (0, _react.useMemo)(function () {
-      return [handleRef, inputRefProp].filter(Boolean);
-    }, [handleRef, inputRefProp]);
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    textfieldRef = (0, _useCallbackRef.useMergeRefs)(refs);
-  } else {
-    textfieldRef = handleRef;
-  }
+  var refs = (0, _react.useMemo)(function () {
+    return [handleRef, inputRefProp].filter(Boolean);
+  }, [handleRef, inputRefProp]);
+  var textfieldRef = (0, _useCallbackRef.useMergeRefs)(refs);
   var handleKeydown = (0, _react.useCallback)(function (e) {
     if (typeof onUndo === 'function' && (0, _utils.isUndoEvent)(e)) {
       e.preventDefault();
@@ -108,7 +111,8 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
     className: (0, _runtime.ax)(["_7yjtidpf _onzypxbi", "_11c81vhk"])
   }, /*#__PURE__*/_react.default.createElement(_form.Field, {
     label: label,
-    name: name
+    name: name,
+    elementAfterLabel: isRequired && (0, _platformFeatureFlags.fg)('navx-1368-link-picker-a11y-mandatory-states') ? /*#__PURE__*/_react.default.createElement(RequiredAsterisk, null) : undefined
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps;
     return /*#__PURE__*/_react.default.createElement(_conditionalSpotlightTargetWrapper.ConditionalSpotlightTargetWrapper, {
@@ -118,7 +122,9 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
       ref: textfieldRef,
       elemAfterInput: clearText,
       isInvalid: !!error
-    })), error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, {
+    }, (0, _platformFeatureFlags.fg)('navx-1368-link-picker-a11y-mandatory-states') ? {
+      "aria-describedby": "".concat(restProps["aria-describedby"], " ").concat(fieldProps.id, "-error")
+    } : {})), error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, {
       testId: testIds.urlError
     }, error)));
   }));

package/dist/cjs/ui/main.js

@@ -25,7 +25,7 @@ var testIds = exports.testIds = {
 };
 var PACKAGE_DATA = exports.PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "3.9.1" || '',
+  packageVersion: "3.9.3" || '',
   componentName: _constants.COMPONENT_NAME,
   source: _constants.COMPONENT_NAME
 };

package/dist/es2019/ui/link-picker/index.js

@@ -399,7 +399,8 @@ export const LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(({
     onClear: handleUrlClear,
     onKeyDown: handleKeyDown,
     onChange: handleChangeUrl,
-    inputRef: inputRef
+    inputRef: inputRef,
+    isRequired: true
   })), !hideDisplayText && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DisplayTextInputField, {
     autoComplete: "off",
     name: "displayText",

package/dist/es2019/ui/link-picker/text-input/index.compiled.css

@@ -4,8 +4,11 @@
 ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
 ._7yjtidpf >div{margin-top:0}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._onzypxbi+._onzypxbi{margin-top:var(--ds-space-200,1pc)}
 ._s7n4nkob{vertical-align:middle}
+._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}

package/dist/es2019/ui/link-picker/text-input/index.js

@@ -7,13 +7,14 @@ import { useMergeRefs } from 'use-callback-ref';
 import { ErrorMessage, Field } from '@atlaskit/form';
 import Selectclear from '@atlaskit/icon/core/migration/cross-circle--select-clear';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Box, Pressable } from '@atlaskit/primitives/compiled';
 import Textfield from '@atlaskit/textfield';
 import Tooltip from '@atlaskit/tooltip';
 import { ConditionalSpotlightTargetWrapper } from './conditional-spotlight-target-wrapper';
 import { isRedoEvent, isUndoEvent } from './utils';
 const styles = {
-  clearTextButton: "_19itglyw _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _2hwx1b66 _bfhksm61 _s7n4nkob"
+  clearTextButton: "_19itglyw _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _2hwx1b66 _bfhksm61 _s7n4nkob",
+  requiredIndicatorStyles: "_syaz1tmw _ect41gqc _bozgv77o"
 };
 
 /**
@@ -22,6 +23,13 @@ const styles = {
  */
 const baseFieldStyles = null;
 const newFieldStyles = null;
+const RequiredAsterisk = () => {
+  return /*#__PURE__*/React.createElement(Box, {
+    as: "span",
+    "aria-hidden": "true",
+    xcss: styles.requiredIndicatorStyles
+  }, "*");
+};
 export const testIds = {
   urlError: 'link-error',
   clearUrlButton: 'clear-text'
@@ -38,6 +46,7 @@ export const TextInput = ({
   error,
   spotlightTargetName,
   inputRef: inputRefProp,
+  isRequired = false,
   ...restProps
 }) => {
   const inputRef = useRef(null);
@@ -52,15 +61,8 @@ export const TextInput = ({
       }
     }
   }, [autoFocus]);
-  let textfieldRef;
-  if (fg('jsc_inline_editing_field_refactor')) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const refs = useMemo(() => [handleRef, inputRefProp].filter(Boolean), [handleRef, inputRefProp]);
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    textfieldRef = useMergeRefs(refs);
-  } else {
-    textfieldRef = handleRef;
-  }
+  const refs = useMemo(() => [handleRef, inputRefProp].filter(Boolean), [handleRef, inputRefProp]);
+  const textfieldRef = useMergeRefs(refs);
   const handleKeydown = useCallback(e => {
     if (typeof onUndo === 'function' && isUndoEvent(e)) {
       e.preventDefault();
@@ -96,7 +98,8 @@ export const TextInput = ({
     className: ax(["_7yjtidpf _onzypxbi", "_11c81vhk"])
   }, /*#__PURE__*/React.createElement(Field, {
     label: label,
-    name: name
+    name: name,
+    elementAfterLabel: isRequired && fg('navx-1368-link-picker-a11y-mandatory-states') ? /*#__PURE__*/React.createElement(RequiredAsterisk, null) : undefined
   }, ({
     fieldProps
   }) => {
@@ -107,7 +110,9 @@ export const TextInput = ({
       ref: textfieldRef,
       elemAfterInput: clearText,
       isInvalid: !!error
-    })), error && /*#__PURE__*/React.createElement(ErrorMessage, {
+    }, fg('navx-1368-link-picker-a11y-mandatory-states') ? {
+      "aria-describedby": `${restProps["aria-describedby"]} ${fieldProps.id}-error`
+    } : {})), error && /*#__PURE__*/React.createElement(ErrorMessage, {
       testId: testIds.urlError
     }, error)));
   }));

package/dist/es2019/ui/main.js

@@ -15,7 +15,7 @@ export const testIds = {
 };
 export const PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "3.9.1" || '',
+  packageVersion: "3.9.3" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/esm/ui/link-picker/index.js

@@ -435,7 +435,8 @@ export var LinkPicker = withLinkPickerAnalyticsContext( /*#__PURE__*/memo(functi
     onClear: handleUrlClear,
     onKeyDown: handleKeyDown,
     onChange: handleChangeUrl,
-    inputRef: inputRef
+    inputRef: inputRef,
+    isRequired: true
   })), !hideDisplayText && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DisplayTextInputField, {
     autoComplete: "off",
     name: "displayText",

package/dist/esm/ui/link-picker/text-input/index.compiled.css

@@ -4,8 +4,11 @@
 ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
 ._7yjtidpf >div{margin-top:0}
 ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
 ._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
 ._onzypxbi+._onzypxbi{margin-top:var(--ds-space-200,1pc)}
 ._s7n4nkob{vertical-align:middle}
+._syaz1tmw{color:var(--ds-text-danger,#ae2e24)}
 ._u5f3ze3t{padding-right:var(--ds-space-0,0)}

package/dist/esm/ui/link-picker/text-input/index.js

@@ -1,7 +1,7 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName", "inputRef"];
+var _excluded = ["name", "label", "autoFocus", "onRedo", "onUndo", "onKeyDown", "onClear", "clearLabel", "error", "spotlightTargetName", "inputRef", "isRequired"];
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { Fragment, useCallback, useMemo, useRef } from 'react';
@@ -9,13 +9,14 @@ import { useMergeRefs } from 'use-callback-ref';
 import { ErrorMessage, Field } from '@atlaskit/form';
 import Selectclear from '@atlaskit/icon/core/migration/cross-circle--select-clear';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Pressable } from '@atlaskit/primitives/compiled';
+import { Box, Pressable } from '@atlaskit/primitives/compiled';
 import Textfield from '@atlaskit/textfield';
 import Tooltip from '@atlaskit/tooltip';
 import { ConditionalSpotlightTargetWrapper } from './conditional-spotlight-target-wrapper';
 import { isRedoEvent, isUndoEvent } from './utils';
 var styles = {
-  clearTextButton: "_19itglyw _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _2hwx1b66 _bfhksm61 _s7n4nkob"
+  clearTextButton: "_19itglyw _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _2hwx1b66 _bfhksm61 _s7n4nkob",
+  requiredIndicatorStyles: "_syaz1tmw _ect41gqc _bozgv77o"
 };
 
 /**
@@ -24,6 +25,13 @@ var styles = {
  */
 var baseFieldStyles = null;
 var newFieldStyles = null;
+var RequiredAsterisk = function RequiredAsterisk() {
+  return /*#__PURE__*/React.createElement(Box, {
+    as: "span",
+    "aria-hidden": "true",
+    xcss: styles.requiredIndicatorStyles
+  }, "*");
+};
 export var testIds = {
   urlError: 'link-error',
   clearUrlButton: 'clear-text'
@@ -40,6 +48,8 @@ export var TextInput = function TextInput(_ref) {
     error = _ref.error,
     spotlightTargetName = _ref.spotlightTargetName,
     inputRefProp = _ref.inputRef,
+    _ref$isRequired = _ref.isRequired,
+    isRequired = _ref$isRequired === void 0 ? false : _ref$isRequired,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var inputRef = useRef(null);
   var handleRef = useCallback(function (input) {
@@ -53,17 +63,10 @@ export var TextInput = function TextInput(_ref) {
       }
     }
   }, [autoFocus]);
-  var textfieldRef;
-  if (fg('jsc_inline_editing_field_refactor')) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var refs = useMemo(function () {
-      return [handleRef, inputRefProp].filter(Boolean);
-    }, [handleRef, inputRefProp]);
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    textfieldRef = useMergeRefs(refs);
-  } else {
-    textfieldRef = handleRef;
-  }
+  var refs = useMemo(function () {
+    return [handleRef, inputRefProp].filter(Boolean);
+  }, [handleRef, inputRefProp]);
+  var textfieldRef = useMergeRefs(refs);
   var handleKeydown = useCallback(function (e) {
     if (typeof onUndo === 'function' && isUndoEvent(e)) {
       e.preventDefault();
@@ -99,7 +102,8 @@ export var TextInput = function TextInput(_ref) {
     className: ax(["_7yjtidpf _onzypxbi", "_11c81vhk"])
   }, /*#__PURE__*/React.createElement(Field, {
     label: label,
-    name: name
+    name: name,
+    elementAfterLabel: isRequired && fg('navx-1368-link-picker-a11y-mandatory-states') ? /*#__PURE__*/React.createElement(RequiredAsterisk, null) : undefined
   }, function (_ref2) {
     var fieldProps = _ref2.fieldProps;
     return /*#__PURE__*/React.createElement(ConditionalSpotlightTargetWrapper, {
@@ -109,7 +113,9 @@ export var TextInput = function TextInput(_ref) {
       ref: textfieldRef,
       elemAfterInput: clearText,
       isInvalid: !!error
-    })), error && /*#__PURE__*/React.createElement(ErrorMessage, {
+    }, fg('navx-1368-link-picker-a11y-mandatory-states') ? {
+      "aria-describedby": "".concat(restProps["aria-describedby"], " ").concat(fieldProps.id, "-error")
+    } : {})), error && /*#__PURE__*/React.createElement(ErrorMessage, {
       testId: testIds.urlError
     }, error)));
   }));

package/dist/esm/ui/main.js

@@ -16,7 +16,7 @@ export var testIds = {
 };
 export var PACKAGE_DATA = {
   packageName: "@atlaskit/link-picker" || '',
-  packageVersion: "3.9.1" || '',
+  packageVersion: "3.9.3" || '',
   componentName: COMPONENT_NAME,
   source: COMPONENT_NAME
 };

package/dist/types/common/analytics/input-field-tracking.d.ts

@@ -9,9 +9,9 @@ type InputFields = 'link' | 'displayText';
  * @returns HOC Input field with tracking
  */
 export declare const withInputFieldTracking: <P extends {
-    onBlur?: ((e: React.FocusEvent<HTMLInputElement>) => void) | undefined;
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onClear?: Function | undefined;
-    onFocus?: ((e: React.FocusEvent<HTMLInputElement>) => void) | undefined;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClear?: Function;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
 }, Field extends InputFields>(WrappedComponent: React.ComponentType<P>, field: Field, filterOnChangeEventAttrs?: <OnChangeAttributes extends Partial<LinkPickerAnalyticsContextType>>(event: React.ChangeEvent<HTMLInputElement>, attributes: OnChangeAttributes) => OnChangeAttributes) => React.ComponentType<P>;
 export {};

package/dist/types/common/generic-error-svg/index.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const GenericErrorSVG: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/types/common/ui/empty-state/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type EmptyStateProps = {
     header: string;
     testId?: string;

package/dist/types/services/use-plugins/reducer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type LinkSearchListItemData } from '../../common/types';
 export interface PluginState {
     items: LinkSearchListItemData[] | null;

package/dist/types/ui/error-boundary/error-boundary-fallback/index.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ErrorBoundaryFallback: () => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @deprecated A `/lazy` entrypoint has been added.
  * @example  Prefer the default export from the default entrypoint if you do not want a lazy-loaded version.

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: import("react").MemoExoticComponent<(props: import("..").LinkPickerProps) => JSX.Element>;
 export default _default;

package/dist/types/ui/link-picker/form-footer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type MessageDescriptor } from 'react-intl-next';
 import { type LinkPickerPluginAction, type LinkPickerState, type LinkSearchListItemData } from '../../../common/types';
 export declare const messages: {

package/dist/types/ui/link-picker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LinkPickerProps } from '../../common/types';
 export declare const testIds: {
     readonly urlError: string;

package/dist/types/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const NoResultsSVG: () => JSX.Element;

package/dist/types/ui/link-picker/search-results/scrolling-tabs/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type ScrollingTabListProps = {
     children: JSX.Element;
 };

package/dist/types/ui/link-picker/search-results/search-results-container/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type SearchResultsContainerProps = {
     adaptiveHeight: boolean;
     isLoadingResults: boolean;

package/dist/types/ui/link-picker/text-input/index.d.ts

@@ -21,4 +21,4 @@ export declare const testIds: {
     urlError: string;
     clearUrlButton: string;
 };
-export declare const TextInput: ({ name, label, autoFocus, onRedo, onUndo, onKeyDown, onClear, clearLabel, error, spotlightTargetName, inputRef: inputRefProp, ...restProps }: TextInputProps) => JSX.Element;
+export declare const TextInput: ({ name, label, autoFocus, onRedo, onUndo, onKeyDown, onClear, clearLabel, error, spotlightTargetName, inputRef: inputRefProp, isRequired, ...restProps }: TextInputProps) => JSX.Element;

package/dist/types/ui/loader-fallback/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type LoaderFallbackProps = {
     url?: string;
     hideDisplayText?: boolean;

package/dist/types-ts4.5/common/analytics/input-field-tracking.d.ts

@@ -9,9 +9,9 @@ type InputFields = 'link' | 'displayText';
  * @returns HOC Input field with tracking
  */
 export declare const withInputFieldTracking: <P extends {
-    onBlur?: ((e: React.FocusEvent<HTMLInputElement>) => void) | undefined;
-    onChange?: ((e: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onClear?: Function | undefined;
-    onFocus?: ((e: React.FocusEvent<HTMLInputElement>) => void) | undefined;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onClear?: Function;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
 }, Field extends InputFields>(WrappedComponent: React.ComponentType<P>, field: Field, filterOnChangeEventAttrs?: <OnChangeAttributes extends Partial<LinkPickerAnalyticsContextType>>(event: React.ChangeEvent<HTMLInputElement>, attributes: OnChangeAttributes) => OnChangeAttributes) => React.ComponentType<P>;
 export {};

package/dist/types-ts4.5/common/generic-error-svg/index.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const GenericErrorSVG: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/types-ts4.5/common/ui/empty-state/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type EmptyStateProps = {
     header: string;
     testId?: string;

package/dist/types-ts4.5/services/use-plugins/reducer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type LinkSearchListItemData } from '../../common/types';
 export interface PluginState {
     items: LinkSearchListItemData[] | null;

package/dist/types-ts4.5/ui/error-boundary/error-boundary-fallback/index.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ErrorBoundaryFallback: () => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @deprecated A `/lazy` entrypoint has been added.
  * @example  Prefer the default export from the default entrypoint if you do not want a lazy-loaded version.

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: import("react").MemoExoticComponent<(props: import("..").LinkPickerProps) => JSX.Element>;
 export default _default;

package/dist/types-ts4.5/ui/link-picker/form-footer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type MessageDescriptor } from 'react-intl-next';
 import { type LinkPickerPluginAction, type LinkPickerState, type LinkSearchListItemData } from '../../../common/types';
 export declare const messages: {

package/dist/types-ts4.5/ui/link-picker/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LinkPickerProps } from '../../common/types';
 export declare const testIds: {
     readonly urlError: string;

package/dist/types-ts4.5/ui/link-picker/search-results/link-search-list/link-search-no-results/no-results-svg/index.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const NoResultsSVG: () => JSX.Element;

package/dist/types-ts4.5/ui/link-picker/search-results/scrolling-tabs/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type ScrollingTabListProps = {
     children: JSX.Element;
 };

package/dist/types-ts4.5/ui/link-picker/search-results/search-results-container/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type SearchResultsContainerProps = {
     adaptiveHeight: boolean;
     isLoadingResults: boolean;

package/dist/types-ts4.5/ui/link-picker/text-input/index.d.ts

@@ -21,4 +21,4 @@ export declare const testIds: {
     urlError: string;
     clearUrlButton: string;
 };
-export declare const TextInput: ({ name, label, autoFocus, onRedo, onUndo, onKeyDown, onClear, clearLabel, error, spotlightTargetName, inputRef: inputRefProp, ...restProps }: TextInputProps) => JSX.Element;
+export declare const TextInput: ({ name, label, autoFocus, onRedo, onUndo, onKeyDown, onClear, clearLabel, error, spotlightTargetName, inputRef: inputRefProp, isRequired, ...restProps }: TextInputProps) => JSX.Element;

package/dist/types-ts4.5/ui/loader-fallback/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type LoaderFallbackProps = {
     url?: string;
     hideDisplayText?: boolean;

package/lazy/package.json

@@ -8,7 +8,7 @@
   ],
   "types": "../dist/types/lazy.d.ts",
   "typesVersions": {
-    ">=4.5 <5.4": {
+    ">=4.5 <5.9": {
       "*": [
         "../dist/types-ts4.5/lazy.d.ts"
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-picker",
-	"version": "3.9.2",
+	"version": "3.9.4",
 	"description": "Standalone link picker",
 	"author": "Atlassian Pty Ltd",
 	"publishConfig": {
@@ -39,23 +39,17 @@
 		"platform-linking-link-picker-previewable-only": {
 			"type": "boolean"
 		},
-		"icon-object-migration": {
-			"type": "boolean"
-		},
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
 		},
-		"platform_support_live_doc_icons_in_link_picker": {
-			"type": "boolean"
-		},
-		"jsc_inline_editing_field_refactor": {
-			"type": "boolean"
-		},
 		"dst-a11y__replace-anchor-with-link__linking-platfo": {
 			"type": "boolean"
 		},
 		"should-render-to-parent-should-be-true-linking-pla": {
 			"type": "boolean"
+		},
+		"navx-1368-link-picker-a11y-mandatory-states": {
+			"type": "boolean"
 		}
 	},
 	"scripts": {
@@ -64,12 +58,12 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/atlassian-context": "^0.4.0",
-		"@atlaskit/button": "^23.3.0",
+		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/css": "^0.12.0",
-		"@atlaskit/form": "^12.0.0",
+		"@atlaskit/form": "^12.1.0",
 		"@atlaskit/frontend-utilities": "^3.1.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.9.0",
+		"@atlaskit/icon": "^27.12.0",
 		"@atlaskit/intl-messages-provider": "^2.0.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-provider": "^3.4.0",
@@ -77,7 +71,7 @@
 		"@atlaskit/onboarding": "^14.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.11.0",
-		"@atlaskit/smart-card": "^40.6.0",
+		"@atlaskit/smart-card": "^40.10.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/tabs": "^18.1.0",
 		"@atlaskit/textfield": "^8.0.0",
@@ -119,8 +113,7 @@
 		"node-fetch": "^2.6.7",
 		"prettier": "^3.2.5",
 		"react-dom": "^18.2.0",
-		"sinon": "^2.2.0",
-		"typescript": "~5.4.2"
+		"sinon": "^2.2.0"
 	},
 	"techstack": {
 		"@atlassian/frontend": {