@atlaskit/react-select - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

CHANGELOG.md

 # @atlaskit/react-select
 
+## 1.0.3
+
+### Patch Changes
+
+- [#143559](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/143559)
+  [`56dfbfe361f96`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/56dfbfe361f96) -
+  Upgrade react-select from 5.4 to 5.8 and replace it with internal atlaskit/react-select
+
 ## 1.0.2
@@ -4,0 +12,0 @@

dist/cjs/accessibility/helpers.js

@@ -11,7 +11,7 @@ "use strict";
 exports.isMac = isMac;
-/// <reference types="user-agent-data-types" />
-
 function testPlatform(re) {
   var _window$navigator$use;
-  return typeof window !== 'undefined' && window.navigator != null ? re.test(((_window$navigator$use = window.navigator['userAgentData']) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
+  return typeof window !== 'undefined' && window.navigator != null ?
+  //@ts-expect-error ignore userAgentData type issue
+  re.test(((_window$navigator$use = window.navigator['userAgentData']) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
 }
@@ -18,0 +18,0 @@ function isIPhone() {

dist/cjs/builtins.js

@@ -7,2 +7,4 @@ "use strict";
 exports.isOptionDisabled = exports.getOptionValue = exports.getOptionLabel = exports.formatGroupLabel = void 0;
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
+
 var formatGroupLabel = exports.formatGroupLabel = function formatGroupLabel(group) {
@@ -9,0 +11,0 @@ return group.label;

dist/cjs/components/containers.js

@@ -73,7 +73,13 @@ "use strict";
     hasValue = props.hasValue;
-  return (0, _react.jsx)("div", (0, _extends2.default)({}, (0, _utils.getStyleProps)(props, 'valueContainer', {
+  var styles = (0, _utils.getStyleProps)(props, 'valueContainer', {
     'value-container': true,
     'value-container--is-multi': isMulti,
     'value-container--has-value': hasValue
-  }), innerProps), children);
+  });
+  return (0, _react.jsx)("div", (0, _extends2.default)({
+    css: styles.css
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: styles.className || 'value-container'
+  }, innerProps), children);
 };
@@ -80,0 +86,0 @@

dist/cjs/components/menu.js

@@ -368,3 +368,6 @@ "use strict";
     'menu-notice--loading': true
-  }), innerProps), children);
+  }), innerProps, {
+    // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+    role: "option"
+  }), children);
 };
@@ -371,0 +374,0 @@

dist/cjs/components/option.js

@@ -56,4 +56,4 @@ "use strict";
     //@ts-ignore
-    ref: innerRef
-    // aria-disabled={isDisabled}
+    ref: innerRef,
+    "aria-disabled": isDisabled
   }, innerProps), children);
@@ -60,0 +60,0 @@ };

dist/cjs/index.js

@@ -7,8 +7,2 @@ "use strict";
 });
-Object.defineProperty(exports, "NonceProvider", {
-  enumerable: true,
-  get: function get() {
-    return _nonceProvider.default;
-  }
-});
 Object.defineProperty(exports, "components", {
@@ -52,3 +46,2 @@ enumerable: true,
 var _stateManager = _interopRequireDefault(require("./state-manager"));
-var _nonceProvider = _interopRequireDefault(require("./nonce-provider"));
 var _styles = require("./styles");
@@ -55,0 +48,0 @@ var _theme = require("./theme");

dist/cjs/use-state-manager.js

@@ -74,2 +74,4 @@ "use strict";
   var value = propsValue !== undefined ? propsValue : stateValue;
+
+  //@ts-ignore react-select unsupported props
   return _objectSpread(_objectSpread({}, restSelectProps), {}, {
@@ -76,0 +78,0 @@ inputValue: inputValue,

dist/es2019/accessibility/helpers.js

@@ -1,6 +0,6 @@
-/// <reference types="user-agent-data-types" />
-
 function testPlatform(re) {
   var _window$navigator$use;
-  return typeof window !== 'undefined' && window.navigator != null ? re.test(((_window$navigator$use = window.navigator['userAgentData']) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
+  return typeof window !== 'undefined' && window.navigator != null ?
+  //@ts-expect-error ignore userAgentData type issue
+  re.test(((_window$navigator$use = window.navigator['userAgentData']) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
 }
@@ -7,0 +7,0 @@ export function isIPhone() {

dist/es2019/builtins.js

@@ -0,1 +1,3 @@
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
+
 export const formatGroupLabel = group => group.label;
@@ -2,0 +4,0 @@ export const getOptionLabel = option => option.label;

dist/es2019/components/containers.js

@@ -73,7 +73,13 @@ import _extends from "@babel/runtime/helpers/extends";
   } = props;
-  return jsx("div", _extends({}, getStyleProps(props, 'valueContainer', {
+  const styles = getStyleProps(props, 'valueContainer', {
     'value-container': true,
     'value-container--is-multi': isMulti,
     'value-container--has-value': hasValue
-  }), innerProps), children);
+  });
+  return jsx("div", _extends({
+    css: styles.css
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: styles.className || 'value-container'
+  }, innerProps), children);
 };
@@ -80,0 +86,0 @@

dist/es2019/components/menu.js

@@ -376,3 +376,6 @@ import _extends from "@babel/runtime/helpers/extends";
     'menu-notice--loading': true
-  }), innerProps), children);
+  }), innerProps, {
+    // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+    role: "option"
+  }), children);
 };
@@ -379,0 +382,0 @@

dist/es2019/components/option.js

@@ -51,4 +51,4 @@ import _extends from "@babel/runtime/helpers/extends";
     //@ts-ignore
-    ref: innerRef
-    // aria-disabled={isDisabled}
+    ref: innerRef,
+    "aria-disabled": isDisabled
   }, innerProps), children);
@@ -55,0 +55,0 @@ };

dist/es2019/index.js

 import useStateManager from './use-state-manager';
 export { default } from './state-manager';
-export { default as NonceProvider } from './nonce-provider';
 export { mergeStyles } from './styles';
@@ -5,0 +4,0 @@ export { defaultTheme } from './theme';

dist/es2019/select.js

@@ -1254,3 +1254,3 @@ import _extends from "@babel/runtime/helpers/extends";
     const id = inputId || this.getElementId('input');
-    const description = this.props['aria-describedby'] || descriptionId || null;
+    const description = this.props['aria-describedby'] || descriptionId;
 
@@ -1624,3 +1624,4 @@ // aria attributes makes the JSX "noisy", separated for clarity
         onMouseDown: this.onMenuMouseDown,
-        onMouseMove: this.onMenuMouseMove
+        onMouseMove: this.onMenuMouseMove,
+        id: this.props.components.Menu ? this.getElementId('listbox') : undefined
       },
@@ -1664,3 +1665,2 @@ isLoading: isLoading,
       isMulti,
-      isRequired,
       required,
@@ -1672,4 +1672,3 @@ name
     } = this.state;
-    const req = required || isRequired || null;
-    if (req && !this.hasValue() && !isDisabled) {
+    if (required && !this.hasValue() && !isDisabled) {
       return /*#__PURE__*/React.createElement(RequiredInput, {
@@ -1676,0 +1675,0 @@ name: name,

dist/es2019/use-state-manager.js

@@ -50,2 +50,4 @@ import { useCallback, useState } from 'react';
   const value = propsValue !== undefined ? propsValue : stateValue;
+
+  //@ts-ignore react-select unsupported props
   return {
@@ -52,0 +54,0 @@ ...restSelectProps,

dist/esm/accessibility/helpers.js

@@ -1,6 +0,6 @@
-/// <reference types="user-agent-data-types" />
-
 function testPlatform(re) {
   var _window$navigator$use;
-  return typeof window !== 'undefined' && window.navigator != null ? re.test(((_window$navigator$use = window.navigator['userAgentData']) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
+  return typeof window !== 'undefined' && window.navigator != null ?
+  //@ts-expect-error ignore userAgentData type issue
+  re.test(((_window$navigator$use = window.navigator['userAgentData']) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.platform) || window.navigator.platform) : false;
 }
@@ -7,0 +7,0 @@ export function isIPhone() {

dist/esm/builtins.js

@@ -0,1 +1,3 @@
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
+
 export var formatGroupLabel = function formatGroupLabel(group) {
@@ -2,0 +4,0 @@ return group.label;

dist/esm/components/containers.js

@@ -69,7 +69,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
     hasValue = props.hasValue;
-  return jsx("div", _extends({}, getStyleProps(props, 'valueContainer', {
+  var styles = getStyleProps(props, 'valueContainer', {
     'value-container': true,
     'value-container--is-multi': isMulti,
     'value-container--has-value': hasValue
-  }), innerProps), children);
+  });
+  return jsx("div", _extends({
+    css: styles.css
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: styles.className || 'value-container'
+  }, innerProps), children);
 };
@@ -76,0 +82,0 @@

dist/esm/components/menu.js

@@ -364,3 +364,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
     'menu-notice--loading': true
-  }), innerProps), children);
+  }), innerProps, {
+    // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+    role: "option"
+  }), children);
 };
@@ -367,0 +370,0 @@

dist/esm/components/option.js

@@ -51,4 +51,4 @@ import _extends from "@babel/runtime/helpers/extends";
     //@ts-ignore
-    ref: innerRef
-    // aria-disabled={isDisabled}
+    ref: innerRef,
+    "aria-disabled": isDisabled
   }, innerProps), children);
@@ -55,0 +55,0 @@ };

dist/esm/index.js

 import useStateManager from './use-state-manager';
 export { default } from './state-manager';
-export { default as NonceProvider } from './nonce-provider';
 export { mergeStyles } from './styles';
@@ -5,0 +4,0 @@ export { defaultTheme } from './theme';

dist/esm/use-state-manager.js

@@ -67,2 +67,4 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   var value = propsValue !== undefined ? propsValue : stateValue;
+
+  //@ts-ignore react-select unsupported props
   return _objectSpread(_objectSpread({}, restSelectProps), {}, {
@@ -69,0 +71,0 @@ inputValue: inputValue,

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

@@ -1,5 +0,5 @@
-import { type GroupBase, type Option } from './types';
+import { type GroupBase } from './types';
 export declare const formatGroupLabel: <Option, Group extends GroupBase<Option>>(group: Group) => string;
-export declare const getOptionLabel: (option: Option) => string;
-export declare const getOptionValue: (option: Option) => string;
-export declare const isOptionDisabled: (option: Option) => boolean;
+export declare const getOptionLabel: <Option>(option: Option) => string;
+export declare const getOptionValue: <Option>(option: Option) => string;
+export declare const isOptionDisabled: <Option>(option: Option) => boolean;

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

@@ -1,2 +0,1 @@
-import { type Option } from './types';
 export interface FilterOptionOption<Option> {
@@ -14,3 +13,3 @@ readonly label: string;
 }
-export declare const createFilter: (config?: Config<Option>) => (option: FilterOptionOption<Option>, rawInput: string) => boolean;
+export declare const createFilter: <Option>(config?: Config<Option>) => (option: FilterOptionOption<Option>, rawInput: string) => boolean;
 export {};

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

@@ -5,3 +5,2 @@ import type Select from './select';
 export { default } from './state-manager';
-export { default as NonceProvider } from './nonce-provider';
 export { mergeStyles } from './styles';
@@ -27,4 +26,4 @@ export { defaultTheme } from './theme';
 export type { ClassNamesConfig, StylesConfig } from './styles';
-export { type GroupBase, type OptionsOrGroups, type Option, type Options, type SingleValue, type MultiValue, type PropsValue, type OnChangeValue, type Colors, type ThemeSpacing, type Theme, type ClassNamesState, type CX, type GetStyles, type CommonProps, type CommonPropsAndClassName, type ActionMetaBase, type SelectOptionActionMeta, type DeselectOptionActionMeta, type RemoveValueActionMeta, type PopValueActionMeta, type ClearActionMeta, type CreateOptionActionMeta, type InitialInputFocusedActionMeta, type ActionMeta, type SetValueAction, type InputAction, type InputActionMeta, type MenuPlacement, type CoercedMenuPlacement, type MenuPosition, type FocusDirection, type GetOptionLabel, type GetOptionValue, type CSSObjectWithLabel, } from './types';
+export { type GroupBase, type OptionsOrGroups, type Options, type SingleValue, type MultiValue, type PropsValue, type OnChangeValue, type Colors, type ThemeSpacing, type Theme, type ClassNamesState, type CX, type GetStyles, type CommonProps, type CommonPropsAndClassName, type ActionMetaBase, type SelectOptionActionMeta, type DeselectOptionActionMeta, type RemoveValueActionMeta, type PopValueActionMeta, type ClearActionMeta, type CreateOptionActionMeta, type InitialInputFocusedActionMeta, type ActionMeta, type SetValueAction, type InputAction, type InputActionMeta, type MenuPlacement, type CoercedMenuPlacement, type MenuPosition, type FocusDirection, type GetOptionLabel, type GetOptionValue, type CSSObjectWithLabel, } from './types';
 export type { OptionContext, GuidanceContext, AriaGuidanceProps, AriaOnChangeProps, AriaOnFilterProps, AriaOnFocusProps, AriaLiveMessages, AriaGuidance, AriaOnChange, AriaOnFilter, AriaOnFocus, } from './accessibility';
 export type { FormatOptionLabelContext, FormatOptionLabelMeta } from './select';

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

@@ -408,2 +408,3 @@ import React, { type AriaAttributes, Component, type FocusEventHandler, type FormEventHandler, type KeyboardEventHandler, type MouseEventHandler, type ReactNode, type RefCallback, type TouchEventHandler } from 'react';
     required?: boolean;
+    [key: string]: any;
 }
@@ -421,6 +422,6 @@ export declare const defaultProps: {
     escapeClearsValue: boolean;
-    filterOption: (option: FilterOptionOption<import("./types").Option>, rawInput: string) => boolean;
+    filterOption: (option: FilterOptionOption<unknown>, rawInput: string) => boolean;
     formatGroupLabel: <Option, Group extends GroupBase<Option>>(group: Group) => string;
-    getOptionLabel: (option: import("./types").Option) => string;
-    getOptionValue: (option: import("./types").Option) => string;
+    getOptionLabel: <Option_1>(option: Option_1) => string;
+    getOptionValue: <Option_2>(option: Option_2) => string;
     isDisabled: boolean;
@@ -431,3 +432,3 @@ isLoading: boolean;
     isSearchable: boolean;
-    isOptionDisabled: (option: import("./types").Option) => boolean;
+    isOptionDisabled: <Option_3>(option: Option_3) => boolean;
     loadingMessage: () => string;
@@ -502,6 +503,6 @@ maxMenuHeight: number;
         escapeClearsValue: boolean;
-        filterOption: (option: FilterOptionOption<import("./types").Option>, rawInput: string) => boolean;
+        filterOption: (option: FilterOptionOption<unknown>, rawInput: string) => boolean;
         formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
-        getOptionLabel: (option: import("./types").Option) => string;
-        getOptionValue: (option: import("./types").Option) => string;
+        getOptionLabel: <Option_2>(option: Option_2) => string;
+        getOptionValue: <Option_3>(option: Option_3) => string;
         isDisabled: boolean;
@@ -512,3 +513,3 @@ isLoading: boolean;
         isSearchable: boolean;
-        isOptionDisabled: (option: import("./types").Option) => boolean;
+        isOptionDisabled: <Option_4>(option: Option_4) => boolean;
         loadingMessage: () => string;
@@ -515,0 +516,0 @@ maxMenuHeight: number;

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

@@ -8,6 +8,2 @@ import { type CSSObject } from '@emotion/react';
 }
-export interface Option {
-    label: string;
-    value: string;
-}
 export type OptionsOrGroups<Option, Group extends GroupBase<Option>> = readonly (Option | Group)[];
@@ -14,0 +10,0 @@ export type Options<Option> = readonly Option[];

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

 import type { StylesProps } from './styles';
-import type { ClassNamesState, CommonPropsAndClassName, GroupBase, InputActionMeta, MultiValue, OnChangeValue, Option, Options, PropsValue, SingleValue } from './types';
+import type { ClassNamesState, CommonPropsAndClassName, GroupBase, InputActionMeta, MultiValue, OnChangeValue, Options, PropsValue, SingleValue } from './types';
 export declare const noop: () => void;
 export declare const emptyString: () => string;
 export declare function classNames(prefix?: string | null, state?: ClassNamesState, ...classNameList: string[]): string;
-export declare const cleanValue: (value: PropsValue<Option>) => Options<Option>;
+export declare const cleanValue: <Option>(value: PropsValue<Option>) => Options<Option>;
 export declare const cleanCommonProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>(props: Partial<CommonPropsAndClassName<Option, IsMulti, Group>> & AdditionalProps) => Omit<AdditionalProps, keyof CommonPropsAndClassName<Option, IsMulti, Group>>;
@@ -8,0 +8,0 @@ export declare const getStyleProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, Key extends keyof StylesProps<Option, IsMulti, Group>>(props: Pick<CommonPropsAndClassName<Option, IsMulti, Group>, 'cx' | 'getStyles' | 'getClassNames' | 'className'> & StylesProps<Option, IsMulti, Group>[Key], name: Key, classNamesState?: ClassNamesState) => {

dist/types/builtins.d.ts

@@ -1,5 +0,5 @@
-import { type GroupBase, type Option } from './types';
+import { type GroupBase } from './types';
 export declare const formatGroupLabel: <Option, Group extends GroupBase<Option>>(group: Group) => string;
-export declare const getOptionLabel: (option: Option) => string;
-export declare const getOptionValue: (option: Option) => string;
-export declare const isOptionDisabled: (option: Option) => boolean;
+export declare const getOptionLabel: <Option>(option: Option) => string;
+export declare const getOptionValue: <Option>(option: Option) => string;
+export declare const isOptionDisabled: <Option>(option: Option) => boolean;

dist/types/filters.d.ts

@@ -1,2 +0,1 @@
-import { type Option } from './types';
 export interface FilterOptionOption<Option> {
@@ -14,3 +13,3 @@ readonly label: string;
 }
-export declare const createFilter: (config?: Config<Option>) => (option: FilterOptionOption<Option>, rawInput: string) => boolean;
+export declare const createFilter: <Option>(config?: Config<Option>) => (option: FilterOptionOption<Option>, rawInput: string) => boolean;
 export {};

dist/types/index.d.ts

@@ -5,3 +5,2 @@ import type Select from './select';
 export { default } from './state-manager';
-export { default as NonceProvider } from './nonce-provider';
 export { mergeStyles } from './styles';
@@ -27,4 +26,4 @@ export { defaultTheme } from './theme';
 export type { ClassNamesConfig, StylesConfig } from './styles';
-export { type GroupBase, type OptionsOrGroups, type Option, type Options, type SingleValue, type MultiValue, type PropsValue, type OnChangeValue, type Colors, type ThemeSpacing, type Theme, type ClassNamesState, type CX, type GetStyles, type CommonProps, type CommonPropsAndClassName, type ActionMetaBase, type SelectOptionActionMeta, type DeselectOptionActionMeta, type RemoveValueActionMeta, type PopValueActionMeta, type ClearActionMeta, type CreateOptionActionMeta, type InitialInputFocusedActionMeta, type ActionMeta, type SetValueAction, type InputAction, type InputActionMeta, type MenuPlacement, type CoercedMenuPlacement, type MenuPosition, type FocusDirection, type GetOptionLabel, type GetOptionValue, type CSSObjectWithLabel, } from './types';
+export { type GroupBase, type OptionsOrGroups, type Options, type SingleValue, type MultiValue, type PropsValue, type OnChangeValue, type Colors, type ThemeSpacing, type Theme, type ClassNamesState, type CX, type GetStyles, type CommonProps, type CommonPropsAndClassName, type ActionMetaBase, type SelectOptionActionMeta, type DeselectOptionActionMeta, type RemoveValueActionMeta, type PopValueActionMeta, type ClearActionMeta, type CreateOptionActionMeta, type InitialInputFocusedActionMeta, type ActionMeta, type SetValueAction, type InputAction, type InputActionMeta, type MenuPlacement, type CoercedMenuPlacement, type MenuPosition, type FocusDirection, type GetOptionLabel, type GetOptionValue, type CSSObjectWithLabel, } from './types';
 export type { OptionContext, GuidanceContext, AriaGuidanceProps, AriaOnChangeProps, AriaOnFilterProps, AriaOnFocusProps, AriaLiveMessages, AriaGuidance, AriaOnChange, AriaOnFilter, AriaOnFocus, } from './accessibility';
 export type { FormatOptionLabelContext, FormatOptionLabelMeta } from './select';

dist/types/select.d.ts

@@ -408,2 +408,3 @@ import React, { type AriaAttributes, Component, type FocusEventHandler, type FormEventHandler, type KeyboardEventHandler, type MouseEventHandler, type ReactNode, type RefCallback, type TouchEventHandler } from 'react';
     required?: boolean;
+    [key: string]: any;
 }
@@ -421,6 +422,6 @@ export declare const defaultProps: {
     escapeClearsValue: boolean;
-    filterOption: (option: FilterOptionOption<import("./types").Option>, rawInput: string) => boolean;
+    filterOption: (option: FilterOptionOption<unknown>, rawInput: string) => boolean;
     formatGroupLabel: <Option, Group extends GroupBase<Option>>(group: Group) => string;
-    getOptionLabel: (option: import("./types").Option) => string;
-    getOptionValue: (option: import("./types").Option) => string;
+    getOptionLabel: <Option_1>(option: Option_1) => string;
+    getOptionValue: <Option_2>(option: Option_2) => string;
     isDisabled: boolean;
@@ -431,3 +432,3 @@ isLoading: boolean;
     isSearchable: boolean;
-    isOptionDisabled: (option: import("./types").Option) => boolean;
+    isOptionDisabled: <Option_3>(option: Option_3) => boolean;
     loadingMessage: () => string;
@@ -502,6 +503,6 @@ maxMenuHeight: number;
         escapeClearsValue: boolean;
-        filterOption: (option: FilterOptionOption<import("./types").Option>, rawInput: string) => boolean;
+        filterOption: (option: FilterOptionOption<unknown>, rawInput: string) => boolean;
         formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
-        getOptionLabel: (option: import("./types").Option) => string;
-        getOptionValue: (option: import("./types").Option) => string;
+        getOptionLabel: <Option_2>(option: Option_2) => string;
+        getOptionValue: <Option_3>(option: Option_3) => string;
         isDisabled: boolean;
@@ -512,3 +513,3 @@ isLoading: boolean;
         isSearchable: boolean;
-        isOptionDisabled: (option: import("./types").Option) => boolean;
+        isOptionDisabled: <Option_4>(option: Option_4) => boolean;
         loadingMessage: () => string;
@@ -515,0 +516,0 @@ maxMenuHeight: number;

dist/types/types.d.ts

@@ -8,6 +8,2 @@ import { type CSSObject } from '@emotion/react';
 }
-export interface Option {
-    label: string;
-    value: string;
-}
 export type OptionsOrGroups<Option, Group extends GroupBase<Option>> = readonly (Option | Group)[];
@@ -14,0 +10,0 @@ export type Options<Option> = readonly Option[];

dist/types/utils.d.ts

 import type { StylesProps } from './styles';
-import type { ClassNamesState, CommonPropsAndClassName, GroupBase, InputActionMeta, MultiValue, OnChangeValue, Option, Options, PropsValue, SingleValue } from './types';
+import type { ClassNamesState, CommonPropsAndClassName, GroupBase, InputActionMeta, MultiValue, OnChangeValue, Options, PropsValue, SingleValue } from './types';
 export declare const noop: () => void;
 export declare const emptyString: () => string;
 export declare function classNames(prefix?: string | null, state?: ClassNamesState, ...classNameList: string[]): string;
-export declare const cleanValue: (value: PropsValue<Option>) => Options<Option>;
+export declare const cleanValue: <Option>(value: PropsValue<Option>) => Options<Option>;
 export declare const cleanCommonProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, AdditionalProps>(props: Partial<CommonPropsAndClassName<Option, IsMulti, Group>> & AdditionalProps) => Omit<AdditionalProps, keyof CommonPropsAndClassName<Option, IsMulti, Group>>;
@@ -8,0 +8,0 @@ export declare const getStyleProps: <Option, IsMulti extends boolean, Group extends GroupBase<Option>, Key extends keyof StylesProps<Option, IsMulti, Group>>(props: Pick<CommonPropsAndClassName<Option, IsMulti, Group>, 'cx' | 'getStyles' | 'getClassNames' | 'className'> & StylesProps<Option, IsMulti, Group>[Key], name: Key, classNamesState?: ClassNamesState) => {

package.json

 {
 	"name": "@atlaskit/react-select",
-	"version": "1.0.2",
+	"version": "1.0.3",
 	"description": "A forked version of react-select to only be used in atlaskit/select",
@@ -32,3 +32,2 @@ "author": "Atlassian Pty Ltd",
 		"@babel/runtime": "^7.0.0",
-		"@emotion/cache": "^11.10.0",
 		"@emotion/react": "^11.7.1",
@@ -40,4 +39,4 @@ "@floating-ui/dom": "^1.0.1",
 	"peerDependencies": {
-		"react": "^16.8.0 || ^17.0.0 || ^18.2.0",
-		"react-dom": "^16.8.0 || ^17.0.0 || ^18.2.0"
+		"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+		"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
 	},
@@ -52,4 +51,4 @@ "devDependencies": {
 		"jest-in-case": "^1.0.2",
+		"react-intl-next": "npm:react-intl@^5.18.1",
 		"typescript": "~5.4.2",
-		"user-agent-data-types": "^0.4.2",
 		"wait-for-expect": "^1.2.0"
@@ -56,0 +55,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Dependency count

8

decreased by-11.11%

Worsened metrics

Total package byte prevSize

759289

decreased by-0.35%

Number of package files

193

decreased by-2.53%

Lines of code

18369

decreased by-0.35%

Dependency changes

• - Removed@emotion/cache@^11.10.0