@atlaskit/react-select - npm Package Compare versions

Comparing version 1.0.5 to 1.0.6

CHANGELOG.md

 # @atlaskit/react-select
 
+## 1.0.6
+
+### Patch Changes
+
+- [#154659](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/154659)
+  [`110ee6d55bdb1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/110ee6d55bdb1) -
+  Remove ts-ignore comments
+
 ## 1.0.5
@@ -4,0 +12,0 @@

dist/cjs/components/menu.js

@@ -313,3 +313,2 @@ "use strict";
   }), {
-    //@ts-ignore
     ref: innerRef
@@ -342,15 +341,12 @@ }, innerProps), children);
     restProps = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
-  return (
-    //@ts-ignore
-    (0, _react2.jsx)("div", (0, _extends2.default)({}, (0, _utils.getStyleProps)(_objectSpread(_objectSpread({}, restProps), {}, {
-      children: children,
-      innerProps: innerProps
-    }), 'noOptionsMessage', {
-      'menu-notice': true,
-      'menu-notice--no-options': true
-    }), {
-      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
-      role: "option"
-    }, innerProps), children)
-  );
+  return (0, _react2.jsx)("div", (0, _extends2.default)({}, (0, _utils.getStyleProps)(_objectSpread(_objectSpread({}, restProps), {}, {
+    children: children,
+    innerProps: innerProps
+  }), 'noOptionsMessage', {
+    'menu-notice': true,
+    'menu-notice--no-options': true
+  }), {
+    // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+    role: "option"
+  }, innerProps), children);
 };
@@ -357,0 +353,0 @@

dist/cjs/components/option.js

@@ -55,3 +55,2 @@ "use strict";
   }), {
-    //@ts-ignore
     ref: innerRef,
@@ -58,0 +57,0 @@ "aria-disabled": isDisabled

dist/cjs/use-creatable.js

@@ -76,9 +76,6 @@ "use strict";
   var newOption = (0, _react.useMemo)(function () {
-    return (
-      //@ts-ignore
-      isValidNewOption(inputValue, (0, _utils.cleanValue)(value), propsOptions, {
-        getOptionValue: getOptionValue,
-        getOptionLabel: getOptionLabel
-      }) ? getNewOptionData(inputValue, formatCreateLabel(inputValue)) : undefined
-    );
+    return isValidNewOption(inputValue, (0, _utils.cleanValue)(value), propsOptions, {
+      getOptionValue: getOptionValue,
+      getOptionLabel: getOptionLabel
+    }) ? getNewOptionData(inputValue, formatCreateLabel(inputValue)) : undefined;
   }, [formatCreateLabel, getNewOptionData, getOptionLabel, getOptionValue, inputValue, isValidNewOption, propsOptions, value]);
@@ -103,5 +100,3 @@ var options = (0, _react.useMemo)(function () {
         };
-        propsOnChange(
-        //@ts-ignore
-        (0, _utils.valueTernary)(isMulti, [].concat((0, _toConsumableArray2.default)((0, _utils.cleanValue)(value)), [newOptionData]), newOptionData), newActionMeta);
+        propsOnChange((0, _utils.valueTernary)(isMulti, [].concat((0, _toConsumableArray2.default)((0, _utils.cleanValue)(value)), [newOptionData]), newOptionData), newActionMeta);
       }
@@ -108,0 +103,0 @@ return;

dist/es2019/components/menu.js

@@ -316,3 +316,2 @@ import _extends from "@babel/runtime/helpers/extends";
   }), {
-    //@ts-ignore
     ref: innerRef
@@ -348,16 +347,13 @@ }, innerProps), children);
 }) => {
-  return (
-    //@ts-ignore
-    jsx("div", _extends({}, getStyleProps({
-      ...restProps,
-      children,
-      innerProps
-    }, 'noOptionsMessage', {
-      'menu-notice': true,
-      'menu-notice--no-options': true
-    }), {
-      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
-      role: "option"
-    }, innerProps), children)
-  );
+  return jsx("div", _extends({}, getStyleProps({
+    ...restProps,
+    children,
+    innerProps
+  }, 'noOptionsMessage', {
+    'menu-notice': true,
+    'menu-notice--no-options': true
+  }), {
+    // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+    role: "option"
+  }, innerProps), children);
 };
@@ -364,0 +360,0 @@

dist/es2019/components/option.js

@@ -50,3 +50,2 @@ import _extends from "@babel/runtime/helpers/extends";
   }), {
-    //@ts-ignore
     ref: innerRef,
@@ -53,0 +52,0 @@ "aria-disabled": isDisabled

dist/es2019/select.js

@@ -800,3 +800,2 @@ import _extends from "@babel/runtime/helpers/extends";
     this.state.instancePrefix = 'react-select-' + (this.props.instanceId || ++instanceId);
-    //@ts-ignore
     this.state.selectValue = cleanValue(_props.value);
@@ -830,3 +829,2 @@ // Set focusedOption if menuIsOpen is set on init (e.g. defaultMenuIsOpen)
     } = props;
-    //@ts-ignore
     const selectValue = cleanValue(value);
@@ -1275,3 +1273,3 @@ let newMenuOptionsState = {};
       role: 'combobox',
-      'aria-activedescendant': this.isAppleDevice ? undefined : this.state.focusedOptionId,
+      'aria-activedescendant': this.isAppleDevice ? undefined : this.state.focusedOptionId ? this.state.focusedOptionId : undefined,
       ...(menuIsOpen && {
@@ -1291,18 +1289,14 @@ 'aria-controls': this.getElementId('listbox')
       // use a dummy input to maintain focus/blur functionality
-      return (
-        /*#__PURE__*/
-        //@ts-ignore
-        React.createElement(DummyInput, _extends({
-          id: id,
-          innerRef: this.getInputRef,
-          onBlur: this.onInputBlur,
-          onChange: noop,
-          onFocus: this.onInputFocus,
-          disabled: isDisabled,
-          tabIndex: tabIndex,
-          inputMode: "none",
-          form: form,
-          value: ""
-        }, ariaAttributes))
-      );
+      return /*#__PURE__*/React.createElement(DummyInput, _extends({
+        id: id,
+        innerRef: this.getInputRef,
+        onBlur: this.onInputBlur,
+        onChange: noop,
+        onFocus: this.onInputFocus,
+        disabled: isDisabled,
+        tabIndex: tabIndex,
+        inputMode: "none",
+        form: form,
+        value: ""
+      }, ariaAttributes));
     }
@@ -1309,0 +1303,0 @@ return /*#__PURE__*/React.createElement(Input, _extends({}, commonProps, {

dist/es2019/use-creatable.js

@@ -28,3 +28,2 @@ import { useCallback, useMemo } from 'react';
   formatCreateLabel = builtins.formatCreateLabel,
-  //@ts-ignore
   isValidNewOption = builtins.isValidNewOption,
@@ -47,5 +46,3 @@ //@ts-ignore
   } = restSelectProps;
-  const newOption = useMemo(() =>
-  //@ts-ignore
-  isValidNewOption(inputValue, cleanValue(value), propsOptions, {
+  const newOption = useMemo(() => isValidNewOption(inputValue, cleanValue(value), propsOptions, {
     getOptionValue,
@@ -70,5 +67,3 @@ getOptionLabel
         };
-        propsOnChange(
-        //@ts-ignore
-        valueTernary(isMulti, [...cleanValue(value), newOptionData], newOptionData), newActionMeta);
+        propsOnChange(valueTernary(isMulti, [...cleanValue(value), newOptionData], newOptionData), newActionMeta);
       }
@@ -75,0 +70,0 @@ return;

dist/esm/components/menu.js

@@ -309,3 +309,2 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
   }), {
-    //@ts-ignore
     ref: innerRef
@@ -338,15 +337,12 @@ }, innerProps), children);
     restProps = _objectWithoutProperties(_ref6, _excluded);
-  return (
-    //@ts-ignore
-    jsx("div", _extends({}, getStyleProps(_objectSpread(_objectSpread({}, restProps), {}, {
-      children: children,
-      innerProps: innerProps
-    }), 'noOptionsMessage', {
-      'menu-notice': true,
-      'menu-notice--no-options': true
-    }), {
-      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
-      role: "option"
-    }, innerProps), children)
-  );
+  return jsx("div", _extends({}, getStyleProps(_objectSpread(_objectSpread({}, restProps), {}, {
+    children: children,
+    innerProps: innerProps
+  }), 'noOptionsMessage', {
+    'menu-notice': true,
+    'menu-notice--no-options': true
+  }), {
+    // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+    role: "option"
+  }, innerProps), children);
 };
@@ -353,0 +349,0 @@

dist/esm/components/option.js

@@ -50,3 +50,2 @@ import _extends from "@babel/runtime/helpers/extends";
   }), {
-    //@ts-ignore
     ref: innerRef,
@@ -53,0 +52,0 @@ "aria-disabled": isDisabled

dist/esm/use-creatable.js

@@ -69,9 +69,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
   var newOption = useMemo(function () {
-    return (
-      //@ts-ignore
-      isValidNewOption(inputValue, cleanValue(value), propsOptions, {
-        getOptionValue: getOptionValue,
-        getOptionLabel: getOptionLabel
-      }) ? getNewOptionData(inputValue, formatCreateLabel(inputValue)) : undefined
-    );
+    return isValidNewOption(inputValue, cleanValue(value), propsOptions, {
+      getOptionValue: getOptionValue,
+      getOptionLabel: getOptionLabel
+    }) ? getNewOptionData(inputValue, formatCreateLabel(inputValue)) : undefined;
   }, [formatCreateLabel, getNewOptionData, getOptionLabel, getOptionValue, inputValue, isValidNewOption, propsOptions, value]);
@@ -96,5 +93,3 @@ var options = useMemo(function () {
         };
-        propsOnChange(
-        //@ts-ignore
-        valueTernary(isMulti, [].concat(_toConsumableArray(cleanValue(value)), [newOptionData]), newOptionData), newActionMeta);
+        propsOnChange(valueTernary(isMulti, [].concat(_toConsumableArray(cleanValue(value)), [newOptionData]), newOptionData), newActionMeta);
       }
@@ -101,0 +96,0 @@ return;

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

@@ -87,3 +87,3 @@ /**
      */
-    innerRef: LegacyRef<HTMLUListElement>;
+    innerRef: LegacyRef<HTMLDivElement>;
     /**
@@ -90,0 +90,0 @@ * The currently focused option

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

@@ -546,4 +546,4 @@ import React, { type AriaAttributes, Component, type FocusEventHandler, type FormEventHandler, type KeyboardEventHandler, type MouseEventHandler, type ReactNode, type RefCallback, type TouchEventHandler } from 'react';
     getFocusedOptionRef: RefCallback<HTMLDivElement>;
-    menuListRef: HTMLUListElement | null;
-    getMenuListRef: RefCallback<HTMLUListElement>;
+    menuListRef: HTMLDivElement | null;
+    getMenuListRef: RefCallback<HTMLDivElement>;
     inputRef: HTMLInputElement | null;
@@ -550,0 +550,0 @@ getInputRef: RefCallback<HTMLInputElement>;

dist/types/components/menu.d.ts

@@ -87,3 +87,3 @@ /**
      */
-    innerRef: LegacyRef<HTMLUListElement>;
+    innerRef: LegacyRef<HTMLDivElement>;
     /**
@@ -90,0 +90,0 @@ * The currently focused option

dist/types/select.d.ts

@@ -546,4 +546,4 @@ import React, { type AriaAttributes, Component, type FocusEventHandler, type FormEventHandler, type KeyboardEventHandler, type MouseEventHandler, type ReactNode, type RefCallback, type TouchEventHandler } from 'react';
     getFocusedOptionRef: RefCallback<HTMLDivElement>;
-    menuListRef: HTMLUListElement | null;
-    getMenuListRef: RefCallback<HTMLUListElement>;
+    menuListRef: HTMLDivElement | null;
+    getMenuListRef: RefCallback<HTMLDivElement>;
     inputRef: HTMLInputElement | null;
@@ -550,0 +550,0 @@ getInputRef: RefCallback<HTMLInputElement>;

package.json

 {
 	"name": "@atlaskit/react-select",
-	"version": "1.0.5",
+	"version": "1.0.6",
 	"description": "A forked version of react-select to only be used in atlaskit/select",
@@ -5,0 +5,0 @@ "author": "Atlassian Pty Ltd",

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

Worsened metrics

Total package byte prevSize

760684

decreased by-0.05%

Lines of code

18336

decreased by-0.26%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes