@atlaskit/select 16.7.1 → 16.7.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/select
 
+## 16.7.2
+
+### Patch Changes
+
+- [#41115](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41115) [`6f2d15a60eb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6f2d15a60eb) - Remove unused variables in components and PopupSelect
+
 ## 16.7.1
 
 ### Patch Changes

package/dist/cjs/PopupSelect/components.js

@@ -13,8 +13,7 @@ var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"
 var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/search"));
 var _constants = require("@atlaskit/theme/constants");
 var _colors = require("@atlaskit/theme/colors");
-var _excluded = ["innerRef", "innerProps"],
-  _excluded2 = ["children", "innerProps"];
+var _excluded = ["innerRef", "innerProps"];
 /** @jsx jsx */
 // ==============================
 // Styled Components
@@ -52,7 +51,7 @@ var MenuDialog = exports.MenuDialog = function MenuDialog(_ref) {
 // ==============================
 
 var dropdownStyles = (0, _react.css)({
-  marginRight: "var(--ds-space-025, 2px)",
+  marginInlineEnd: "var(--ds-space-025, 2px)",
   textAlign: 'center',
   width: 32
 });
@@ -84,8 +83,7 @@ var DummyControl = exports.DummyControl = function DummyControl(props) {
 // NOTE `props` intentionally omitted from `Fragment`
 var Menu = function Menu(_ref3) {
   var children = _ref3.children,
-    innerProps = _ref3.innerProps,
-    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
+    innerProps = _ref3.innerProps;
   return (0, _react.jsx)("div", innerProps, children);
 };
 var defaultComponents = exports.defaultComponents = {

package/dist/cjs/Select.js

@@ -9,7 +9,7 @@ var _reactSelect = _interopRequireDefault(require("react-select"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _createSelect = _interopRequireDefault(require("./createSelect"));
 var packageName = "@atlaskit/select";
-var packageVersion = "16.7.1";
+var packageVersion = "16.7.2";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({

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

@@ -24,8 +24,7 @@ var _components = require("@atlaskit/theme/components");
 var _colors = require("@atlaskit/theme/colors");
 var _excluded = ["isActive", "isDisabled", "isFocused", "isSelected"],
   _excluded2 = ["isActive", "isDisabled", "isSelected"],
-  _excluded3 = ["isActive", "isDisabled", "isFocused", "isSelected"],
-  _excluded4 = ["getStyles", "Icon", "children", "innerProps", "innerRef"];
+  _excluded3 = ["getStyles", "Icon", "children", "innerProps", "innerRef"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -157,8 +156,7 @@ var getBorderColor = function getBorderColor(_ref3) {
   var isActive = _ref3.isActive,
     isDisabled = _ref3.isDisabled,
     isFocused = _ref3.isFocused,
-    isSelected = _ref3.isSelected,
-    rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
+    isSelected = _ref3.isSelected;
   if (isDisabled && isSelected) {
     return "var(--ds-background-disabled, ".concat(_colors.B400, ")");
   } else if (isDisabled) {
@@ -180,7 +178,7 @@ var baseIconStyles = (0, _react.css)({
   alignItems: 'center',
   display: 'flex ',
   flexShrink: 0,
-  paddingRight: "var(--ds-space-050, 4px)",
+  paddingInlineEnd: "var(--ds-space-050, 4px)",
   // Here we are adding a border to the Checkbox and Radio SVG icons
   // This is an a11y fix for Select only for now but it may be rolled
   // into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
@@ -235,7 +233,7 @@ var ControlOption = /*#__PURE__*/function (_Component) {
         children = _this$props.children,
         innerProps = _this$props.innerProps,
         innerRef = _this$props.innerRef,
-        rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded4);
+        rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded3);
 
       // prop assignment
       var props = _objectSpread(_objectSpread({}, innerProps), {}, {

package/dist/es2019/PopupSelect/components.js

@@ -43,7 +43,7 @@ export const MenuDialog = ({
 // ==============================
 
 const dropdownStyles = css({
-  marginRight: "var(--ds-space-025, 2px)",
+  marginInlineEnd: "var(--ds-space-025, 2px)",
   textAlign: 'center',
   width: 32
 });
@@ -70,8 +70,7 @@ export const DummyControl = props => jsx(VisuallyHidden, null, jsx(components.Co
 // NOTE `props` intentionally omitted from `Fragment`
 const Menu = ({
   children,
-  innerProps,
-  ...props
+  innerProps
 }) => jsx("div", innerProps, children);
 export const defaultComponents = {
   Control,

package/dist/es2019/Select.js

@@ -2,7 +2,7 @@ import Select from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 const packageName = "@atlaskit/select";
-const packageVersion = "16.7.1";
+const packageVersion = "16.7.2";
 export const SelectWithoutAnalytics = createSelect(Select);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

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

@@ -142,8 +142,7 @@ const getBorderColor = ({
   isActive,
   isDisabled,
   isFocused,
-  isSelected,
-  ...rest
+  isSelected
 }) => {
   if (isDisabled && isSelected) {
     return `var(--ds-background-disabled, ${B400})`;
@@ -166,7 +165,7 @@ const baseIconStyles = css({
   alignItems: 'center',
   display: 'flex ',
   flexShrink: 0,
-  paddingRight: "var(--ds-space-050, 4px)",
+  paddingInlineEnd: "var(--ds-space-050, 4px)",
   // Here we are adding a border to the Checkbox and Radio SVG icons
   // This is an a11y fix for Select only for now but it may be rolled
   // into the `@atlaskit/icon` package's Checkbox and Radio SVGs later

package/dist/esm/PopupSelect/components.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["innerRef", "innerProps"],
-  _excluded2 = ["children", "innerProps"];
+var _excluded = ["innerRef", "innerProps"];
 /** @jsx jsx */
 
 import { components } from 'react-select';
@@ -47,7 +46,7 @@ export var MenuDialog = function MenuDialog(_ref) {
 // ==============================
 
 var dropdownStyles = css({
-  marginRight: "var(--ds-space-025, 2px)",
+  marginInlineEnd: "var(--ds-space-025, 2px)",
   textAlign: 'center',
   width: 32
 });
@@ -79,8 +78,7 @@ export var DummyControl = function DummyControl(props) {
 // NOTE `props` intentionally omitted from `Fragment`
 var Menu = function Menu(_ref3) {
   var children = _ref3.children,
-    innerProps = _ref3.innerProps,
-    props = _objectWithoutProperties(_ref3, _excluded2);
+    innerProps = _ref3.innerProps;
   return jsx("div", innerProps, children);
 };
 export var defaultComponents = {

package/dist/esm/Select.js

@@ -2,7 +2,7 @@ import Select from 'react-select';
 import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
 import createSelect from './createSelect';
 var packageName = "@atlaskit/select";
-var packageVersion = "16.7.1";
+var packageVersion = "16.7.2";
 export var SelectWithoutAnalytics = createSelect(Select);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 export default withAnalyticsContext({

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

@@ -10,8 +10,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["isActive", "isDisabled", "isFocused", "isSelected"],
   _excluded2 = ["isActive", "isDisabled", "isSelected"],
-  _excluded3 = ["isActive", "isDisabled", "isFocused", "isSelected"],
-  _excluded4 = ["getStyles", "Icon", "children", "innerProps", "innerRef"];
+  _excluded3 = ["getStyles", "Icon", "children", "innerProps", "innerRef"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -151,8 +150,7 @@ var getBorderColor = function getBorderColor(_ref3) {
   var isActive = _ref3.isActive,
     isDisabled = _ref3.isDisabled,
     isFocused = _ref3.isFocused,
-    isSelected = _ref3.isSelected,
-    rest = _objectWithoutProperties(_ref3, _excluded3);
+    isSelected = _ref3.isSelected;
   if (isDisabled && isSelected) {
     return "var(--ds-background-disabled, ".concat(B400, ")");
   } else if (isDisabled) {
@@ -174,7 +172,7 @@ var baseIconStyles = css({
   alignItems: 'center',
   display: 'flex ',
   flexShrink: 0,
-  paddingRight: "var(--ds-space-050, 4px)",
+  paddingInlineEnd: "var(--ds-space-050, 4px)",
   // Here we are adding a border to the Checkbox and Radio SVG icons
   // This is an a11y fix for Select only for now but it may be rolled
   // into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
@@ -229,7 +227,7 @@ var ControlOption = /*#__PURE__*/function (_Component) {
         children = _this$props.children,
         innerProps = _this$props.innerProps,
         innerRef = _this$props.innerRef,
-        rest = _objectWithoutProperties(_this$props, _excluded4);
+        rest = _objectWithoutProperties(_this$props, _excluded3);
 
       // prop assignment
       var props = _objectSpread(_objectSpread({}, innerProps), {}, {

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

@@ -104,7 +104,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
+            Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
         focusLockEnabled?: undefined;
@@ -114,7 +114,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
+            Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
     };

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

@@ -15,6 +15,6 @@ export declare const DummyControl: FC<ControlProps<OptionType, boolean>>;
 export declare const defaultComponents: {
     Control: FC<ControlProps<OptionType, boolean>>;
     DropdownIndicator: () => jsx.JSX.Element;
-    Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
+    Menu: ({ children, innerProps }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
 };
 export {};

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

@@ -104,7 +104,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
+            Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
         focusLockEnabled?: undefined;
@@ -114,7 +114,7 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
         mergedComponents: {
             Control: React.FC<import("../types").ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => import("@emotion/react").jsx.JSX.Element;
-            Menu: ({ children, innerProps, ...props }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
+            Menu: ({ children, innerProps }: import("../types").MenuProps<OptionType, boolean>) => import("@emotion/react").jsx.JSX.Element;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
     };

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

@@ -15,6 +15,6 @@ export declare const DummyControl: FC<ControlProps<OptionType, boolean>>;
 export declare const defaultComponents: {
     Control: FC<ControlProps<OptionType, boolean>>;
     DropdownIndicator: () => jsx.JSX.Element;
-    Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
+    Menu: ({ children, innerProps }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/select",
-  "version": "16.7.1",
+  "version": "16.7.2",
   "description": "Select allows users to make a single selection or multiple selections from a list of options.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/report.api.md

@@ -624,7 +624,6 @@ const defaultComponents: {
   Menu: ({
     children,
     innerProps,
-    ...props
   }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
 };
 
@@ -1122,7 +1121,6 @@ export class PopupSelect<
           Menu: ({
             children,
             innerProps,
-            ...props
           }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
@@ -1135,7 +1133,6 @@ export class PopupSelect<
           Menu: ({
             children,
             innerProps,
-            ...props
           }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;

package/tmp/api-report-tmp.d.ts

@@ -311,7 +311,7 @@ export default _default;
 const defaultComponents: {
     Control: FC<ControlProps<OptionType, boolean>>;
     DropdownIndicator: () => jsx.JSX.Element;
-    Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
+    Menu: ({ children, innerProps }: MenuProps<OptionType, boolean>) => jsx.JSX.Element;
 };
 
 // @public (undocumented)
@@ -548,7 +548,7 @@ export class PopupSelect<Option = OptionType, IsMulti extends boolean = false, M
         mergedComponents: {
             Control: React_2.FC<ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => jsx;
-            Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx;
+            Menu: ({ children, innerProps }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
     } | {
@@ -556,7 +556,7 @@ export class PopupSelect<Option = OptionType, IsMulti extends boolean = false, M
         mergedComponents: {
             Control: React_2.FC<ControlProps<OptionType, boolean>>;
             DropdownIndicator: () => jsx;
-            Menu: ({ children, innerProps, ...props }: MenuProps<OptionType, boolean>) => jsx;
+            Menu: ({ children, innerProps }: MenuProps<OptionType, boolean>) => jsx;
         };
         mergedPopperProps: PopperPropsNoChildren<string>;
         focusLockEnabled?: undefined;