@atlaskit/select 21.3.1 → 21.3.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/select
 
+## 21.3.3
+
+### Patch Changes
+
+- [`437668dfbdec9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/437668dfbdec9) -
+  Add explicit types to a number of DST components
+- Updated dependencies
+
+## 21.3.2
+
+### Patch Changes
+
+- [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
+  add type info to forwardRef components
+- Updated dependencies
+
 ## 21.3.1
 
 ### Patch Changes

package/dist/cjs/CountrySelect.js

@@ -1,4 +1,4 @@
-/* CountrySelect.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* CountrySelect.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/PopupSelect/components.js

@@ -1,4 +1,4 @@
-/* components.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* components.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/Select.js

@@ -11,7 +11,7 @@ var _createSelect = _interopRequireDefault(require("./createSelect"));
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 var packageName = "@atlaskit/select";
-var packageVersion = "21.3.0";
+var packageVersion = "0.0.0-development";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_async.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var Select = (0, _analyticsNext.withAnalyticsContext)({

package/dist/cjs/components/input-options.compiled.css

@@ -1,4 +1,4 @@
-._16cu892t svg circle:first-of-type, ._1xci892t svg rect{stroke-linejoin:round}
+._16cu892t svg circle:first-of-type{stroke-linejoin:round}
 ._16jlkb7n{flex-grow:1}
 ._16qs1kw7{box-shadow:inherit}
 ._16qsn8hf{box-shadow:inset 2px 0 0 var(--ds-border-focused,#388bff)}
@@ -6,14 +6,18 @@
 ._1bsb1osq{width:100%}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e0c1txw{display:flex}
+._1gqp1elr svg rect{stroke:var(--ds-border-input,#8590a2)}
+._1gqp1r31 svg rect{stroke:currentColor}
 ._1o9zidpf{flex-shrink:0}
 ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
 ._1reo15vq{overflow-x:hidden}
-._1u9j1elr svg circle:first-of-type, ._1gqp1elr svg rect{stroke:var(--ds-border-input,#8590a2)}
-._1u9j1r31 svg circle:first-of-type, ._1gqp1r31 svg rect{stroke:currentColor}
+._1u9j1elr svg circle:first-of-type{stroke:var(--ds-border-input,#8590a2)}
+._1u9j1r31 svg circle:first-of-type{stroke:currentColor}
+._1xci892t svg rect{stroke-linejoin:round}
 ._4cvr1h6o{align-items:center}
-._59qxe4h9 svg circle:first-of-type, ._8y3xe4h9 svg rect{stroke-width:var(--ds-border-width,1px)}
+._59qxe4h9 svg circle:first-of-type{stroke-width:var(--ds-border-width,1px)}
 ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
+._8y3xe4h9 svg rect{stroke-width:var(--ds-border-width,1px)}
 ._bfhk166n{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
 ._bfhk1j28{background-color:transparent}
 ._bozgpxbi{padding-inline-start:var(--ds-space-200,1pc)}

package/dist/cjs/components/input-options.js

@@ -1,4 +1,4 @@
-/* input-options.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* input-options.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -98,7 +98,9 @@ var ControlOption = function ControlOption(props) {
     className: (0, _runtime.ax)([optionStyles.default, isFocused && optionStyles.focused, isDisabled && optionStyles.disabled, classNames]),
     ref: innerRef,
     onMouseDown: onMouseDown,
-    onMouseUp: onMouseUp,
+    onMouseUp: onMouseUp
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
     onMouseLeave: onMouseUp
   }, innerProps), /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o _1o9zidpf _y4ti1b66 _16cu892t _1xci892t _59qxe4h9 _8y3xe4h9", isSelected || isActive || isDisabled ? iconStyles.inherit : iconStyles.default])

package/dist/es2019/CountrySelect.js

@@ -1,4 +1,4 @@
-/* CountrySelect.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* CountrySelect.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./CountrySelect.compiled.css";
 import * as React from 'react';

package/dist/es2019/PopupSelect/components.js

@@ -1,4 +1,4 @@
-/* components.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* components.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./components.compiled.css";
 import * as React from 'react';

package/dist/es2019/Select.js

@@ -3,7 +3,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import AsyncSelect from '@atlaskit/react-select/async';
 import createSelect from './createSelect';
 const packageName = "@atlaskit/select";
-const packageVersion = "21.3.0";
+const packageVersion = "0.0.0-development";
 export const SelectWithoutAnalytics = createSelect(AsyncSelect);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 const Select = withAnalyticsContext({

package/dist/es2019/components/input-options.compiled.css

@@ -1,4 +1,4 @@
-._16cu892t svg circle:first-of-type, ._1xci892t svg rect{stroke-linejoin:round}
+._16cu892t svg circle:first-of-type{stroke-linejoin:round}
 ._16jlkb7n{flex-grow:1}
 ._16qs1kw7{box-shadow:inherit}
 ._16qsn8hf{box-shadow:inset 2px 0 0 var(--ds-border-focused,#388bff)}
@@ -6,14 +6,18 @@
 ._1bsb1osq{width:100%}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e0c1txw{display:flex}
+._1gqp1elr svg rect{stroke:var(--ds-border-input,#8590a2)}
+._1gqp1r31 svg rect{stroke:currentColor}
 ._1o9zidpf{flex-shrink:0}
 ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
 ._1reo15vq{overflow-x:hidden}
-._1u9j1elr svg circle:first-of-type, ._1gqp1elr svg rect{stroke:var(--ds-border-input,#8590a2)}
-._1u9j1r31 svg circle:first-of-type, ._1gqp1r31 svg rect{stroke:currentColor}
+._1u9j1elr svg circle:first-of-type{stroke:var(--ds-border-input,#8590a2)}
+._1u9j1r31 svg circle:first-of-type{stroke:currentColor}
+._1xci892t svg rect{stroke-linejoin:round}
 ._4cvr1h6o{align-items:center}
-._59qxe4h9 svg circle:first-of-type, ._8y3xe4h9 svg rect{stroke-width:var(--ds-border-width,1px)}
+._59qxe4h9 svg circle:first-of-type{stroke-width:var(--ds-border-width,1px)}
 ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
+._8y3xe4h9 svg rect{stroke-width:var(--ds-border-width,1px)}
 ._bfhk166n{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
 ._bfhk1j28{background-color:transparent}
 ._bozgpxbi{padding-inline-start:var(--ds-space-200,1pc)}

package/dist/es2019/components/input-options.js

@@ -1,4 +1,4 @@
-/* input-options.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* input-options.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./input-options.compiled.css";
 import * as React from 'react';
@@ -83,7 +83,9 @@ const ControlOption = props => {
     className: ax([optionStyles.default, isFocused && optionStyles.focused, isDisabled && optionStyles.disabled, classNames]),
     ref: innerRef,
     onMouseDown: onMouseDown,
-    onMouseUp: onMouseUp,
+    onMouseUp: onMouseUp
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
     onMouseLeave: onMouseUp
   }, innerProps), /*#__PURE__*/React.createElement("div", {
     className: ax(["_1e0c1txw _4cvr1h6o _1o9zidpf _y4ti1b66 _16cu892t _1xci892t _59qxe4h9 _8y3xe4h9", isSelected || isActive || isDisabled ? iconStyles.inherit : iconStyles.default])

package/dist/esm/CountrySelect.js

@@ -1,4 +1,4 @@
-/* CountrySelect.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* CountrySelect.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./CountrySelect.compiled.css";
 import * as React from 'react';

package/dist/esm/PopupSelect/components.js

@@ -1,4 +1,4 @@
-/* components.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* components.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";

package/dist/esm/Select.js

@@ -3,7 +3,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import AsyncSelect from '@atlaskit/react-select/async';
 import createSelect from './createSelect';
 var packageName = "@atlaskit/select";
-var packageVersion = "21.3.0";
+var packageVersion = "0.0.0-development";
 export var SelectWithoutAnalytics = createSelect(AsyncSelect);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 var Select = withAnalyticsContext({

package/dist/esm/components/input-options.compiled.css

@@ -1,4 +1,4 @@
-._16cu892t svg circle:first-of-type, ._1xci892t svg rect{stroke-linejoin:round}
+._16cu892t svg circle:first-of-type{stroke-linejoin:round}
 ._16jlkb7n{flex-grow:1}
 ._16qs1kw7{box-shadow:inherit}
 ._16qsn8hf{box-shadow:inset 2px 0 0 var(--ds-border-focused,#388bff)}
@@ -6,14 +6,18 @@
 ._1bsb1osq{width:100%}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e0c1txw{display:flex}
+._1gqp1elr svg rect{stroke:var(--ds-border-input,#8590a2)}
+._1gqp1r31 svg rect{stroke:currentColor}
 ._1o9zidpf{flex-shrink:0}
 ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
 ._1reo15vq{overflow-x:hidden}
-._1u9j1elr svg circle:first-of-type, ._1gqp1elr svg rect{stroke:var(--ds-border-input,#8590a2)}
-._1u9j1r31 svg circle:first-of-type, ._1gqp1r31 svg rect{stroke:currentColor}
+._1u9j1elr svg circle:first-of-type{stroke:var(--ds-border-input,#8590a2)}
+._1u9j1r31 svg circle:first-of-type{stroke:currentColor}
+._1xci892t svg rect{stroke-linejoin:round}
 ._4cvr1h6o{align-items:center}
-._59qxe4h9 svg circle:first-of-type, ._8y3xe4h9 svg rect{stroke-width:var(--ds-border-width,1px)}
+._59qxe4h9 svg circle:first-of-type{stroke-width:var(--ds-border-width,1px)}
 ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
+._8y3xe4h9 svg rect{stroke-width:var(--ds-border-width,1px)}
 ._bfhk166n{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
 ._bfhk1j28{background-color:transparent}
 ._bozgpxbi{padding-inline-start:var(--ds-space-200,1pc)}

package/dist/esm/components/input-options.js

@@ -1,4 +1,4 @@
-/* input-options.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* input-options.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./input-options.compiled.css";
@@ -89,7 +89,9 @@ var ControlOption = function ControlOption(props) {
     className: ax([optionStyles.default, isFocused && optionStyles.focused, isDisabled && optionStyles.disabled, classNames]),
     ref: innerRef,
     onMouseDown: onMouseDown,
-    onMouseUp: onMouseUp,
+    onMouseUp: onMouseUp
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
     onMouseLeave: onMouseUp
   }, innerProps), /*#__PURE__*/React.createElement("div", {
     className: ax(["_1e0c1txw _4cvr1h6o _1o9zidpf _y4ti1b66 _16cu892t _1xci892t _59qxe4h9 _8y3xe4h9", isSelected || isActive || isDisabled ? iconStyles.inherit : iconStyles.default])

package/dist/types/PopupSelect/PopupSelect.d.ts

@@ -2,6 +2,7 @@ import React, { type KeyboardEventHandler, PureComponent, type ReactNode } from
 import { type UnbindFn } from 'bind-event-listener';
 import { type PopperProps } from 'react-popper';
 import { type ActionMeta, type AtlaskitSelectRefType, type OptionType, type ReactSelectProps, type StylesConfig, type ValidationState, type ValueType } from '../types';
+import { defaultComponents } from './components';
 type defaultModifiers = 'offset' | 'preventOverflow' | 'flip';
 type PopperPropsNoChildren<Modifiers> = Omit<PopperProps<Modifiers>, 'children'>;
 interface PopupSelectTriggerProps {
@@ -113,28 +114,10 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
     state: {
         focusLockEnabled: boolean;
         isOpen: boolean;
-        mergedComponents: {
-            Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
-            DropdownIndicator: () => JSX.Element;
-            Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => JSX.Element;
-            ClearIndicator: (props: import("@atlaskit/react-select").ClearIndicatorProps) => JSX.Element;
-            MultiValueRemove: (props: import("@atlaskit/react-select").MultiValueRemoveProps) => JSX.Element;
-        };
+        mergedComponents: typeof defaultComponents;
         mergedPopperProps: PopperPropsNoChildren<defaultModifiers | string>;
     };
-    static defaultProps: {
-        closeMenuOnSelect: boolean;
-        shouldCloseMenuOnTab: boolean;
-        components: {};
-        maxMenuHeight: number;
-        maxMenuWidth: number;
-        minMenuWidth: number;
-        popperProps: {};
-        isSearchable: boolean;
-        searchThreshold: number;
-        styles: {};
-        options: never[];
-    };
+    static defaultProps: PopupSelectProps;
     static getDerivedStateFromProps(props: PopupSelectProps<OptionType>, state: State): Partial<State<string>> | null;
     componentDidMount(): void;
     componentWillUnmount(): void;

package/dist/types/PopupSelect/components.d.ts

@@ -14,7 +14,7 @@ interface MenuDialogProps {
  * __Menu dialog__
  * Wrapper for PopupSelect component.
  */
-export declare const MenuDialog: import("react").ForwardRefExoticComponent<MenuDialogProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenuDialog: React.ForwardRefExoticComponent<React.PropsWithoutRef<MenuDialogProps> & React.RefAttributes<HTMLDivElement>>;
 /**
  * __Dummy control__
  * Overrides the default DummyControl component in Select.

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

@@ -2,6 +2,7 @@ import React, { type KeyboardEventHandler, PureComponent, type ReactNode } from
 import { type UnbindFn } from 'bind-event-listener';
 import { type PopperProps } from 'react-popper';
 import { type ActionMeta, type AtlaskitSelectRefType, type OptionType, type ReactSelectProps, type StylesConfig, type ValidationState, type ValueType } from '../types';
+import { defaultComponents } from './components';
 type defaultModifiers = 'offset' | 'preventOverflow' | 'flip';
 type PopperPropsNoChildren<Modifiers> = Omit<PopperProps<Modifiers>, 'children'>;
 interface PopupSelectTriggerProps {
@@ -113,28 +114,10 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
     state: {
         focusLockEnabled: boolean;
         isOpen: boolean;
-        mergedComponents: {
-            Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
-            DropdownIndicator: () => JSX.Element;
-            Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => JSX.Element;
-            ClearIndicator: (props: import("@atlaskit/react-select").ClearIndicatorProps) => JSX.Element;
-            MultiValueRemove: (props: import("@atlaskit/react-select").MultiValueRemoveProps) => JSX.Element;
-        };
+        mergedComponents: typeof defaultComponents;
         mergedPopperProps: PopperPropsNoChildren<defaultModifiers | string>;
     };
-    static defaultProps: {
-        closeMenuOnSelect: boolean;
-        shouldCloseMenuOnTab: boolean;
-        components: {};
-        maxMenuHeight: number;
-        maxMenuWidth: number;
-        minMenuWidth: number;
-        popperProps: {};
-        isSearchable: boolean;
-        searchThreshold: number;
-        styles: {};
-        options: never[];
-    };
+    static defaultProps: PopupSelectProps;
     static getDerivedStateFromProps(props: PopupSelectProps<OptionType>, state: State): Partial<State<string>> | null;
     componentDidMount(): void;
     componentWillUnmount(): void;

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

@@ -14,7 +14,7 @@ interface MenuDialogProps {
  * __Menu dialog__
  * Wrapper for PopupSelect component.
  */
-export declare const MenuDialog: import("react").ForwardRefExoticComponent<MenuDialogProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MenuDialog: React.ForwardRefExoticComponent<React.PropsWithoutRef<MenuDialogProps> & React.RefAttributes<HTMLDivElement>>;
 /**
  * __Dummy control__
  * Overrides the default DummyControl component in Select.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/select",
-	"version": "21.3.1",
+	"version": "21.3.3",
 	"description": "Select allows users to make a single selection or multiple selections from a list of options.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,14 +33,14 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/ds-lib": "^5.0.0",
-		"@atlaskit/icon": "^28.2.0",
+		"@atlaskit/ds-lib": "^5.1.0",
+		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.14.0",
-		"@atlaskit/react-select": "^3.6.0",
+		"@atlaskit/primitives": "^14.15.0",
+		"@atlaskit/react-select": "^3.7.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^6.3.0",
+		"@atlaskit/tokens": "^6.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
@@ -62,10 +62,10 @@
 		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/docs": "^11.1.0",
 		"@atlaskit/drawer": "^11.0.0",
-		"@atlaskit/form": "^12.7.0",
+		"@atlaskit/form": "^14.2.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/logo": "^19.7.0",
-		"@atlaskit/modal-dialog": "^14.3.0",
+		"@atlaskit/logo": "^19.8.0",
+		"@atlaskit/modal-dialog": "^14.4.0",
 		"@atlaskit/radio": "^8.3.0",
 		"@atlaskit/section-message": "^8.7.0",
 		"@atlassian/ssr-tests": "^0.3.0",