@atlaskit/react-select 1.0.5 → 1.0.6

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @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
 
 ### Patch Changes

package/dist/cjs/components/menu.js

@@ -310,7 +310,6 @@ var MenuList = exports.MenuList = function MenuList(props) {
     'menu-list': true,
     'menu-list--is-multi': isMulti
   }), {
-    //@ts-ignore
     ref: innerRef
   }, innerProps), children);
 };
@@ -338,19 +337,16 @@ var NoOptionsMessage = exports.NoOptionsMessage = function NoOptionsMessage(_ref
     children = _ref6$children === void 0 ? 'No options' : _ref6$children,
     innerProps = _ref6.innerProps,
     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);
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/cjs/components/option.js

@@ -52,7 +52,6 @@ var Option = function Option(props) {
     'option--is-focused': isFocused,
     'option--is-selected': isSelected
   }), {
-    //@ts-ignore
     ref: innerRef,
     "aria-disabled": isDisabled
   }, innerProps), children);

package/dist/cjs/select.js

@@ -822,7 +822,6 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
       event.preventDefault();
     });
     _this.state.instancePrefix = 'react-select-' + (_this.props.instanceId || ++instanceId);
-    //@ts-ignore
     _this.state.selectValue = (0, _utils.cleanValue)(_props.value);
     // Set focusedOption if menuIsOpen is set on init (e.g. defaultMenuIsOpen)
     if (_props.menuIsOpen && _this.state.selectValue.length) {
@@ -1260,7 +1259,7 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
         'aria-labelledby': this.props['aria-labelledby'] || labelId,
         'aria-required': required || isRequired,
         role: 'combobox',
-        'aria-activedescendant': this.isAppleDevice ? undefined : this.state.focusedOptionId
+        'aria-activedescendant': this.isAppleDevice ? undefined : this.state.focusedOptionId ? this.state.focusedOptionId : undefined
       }, menuIsOpen && {
         'aria-controls': this.getElementId('listbox')
       }), !isSearchable && {
@@ -1272,22 +1271,18 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
       });
       if (!isSearchable) {
         // use a dummy input to maintain focus/blur functionality
-        return (
-          /*#__PURE__*/
-          //@ts-ignore
-          _react.default.createElement(_internal.DummyInput, (0, _extends2.default)({
-            id: id,
-            innerRef: this.getInputRef,
-            onBlur: this.onInputBlur,
-            onChange: _utils.noop,
-            onFocus: this.onInputFocus,
-            disabled: isDisabled,
-            tabIndex: tabIndex,
-            inputMode: "none",
-            form: form,
-            value: ""
-          }, ariaAttributes))
-        );
+        return /*#__PURE__*/_react.default.createElement(_internal.DummyInput, (0, _extends2.default)({
+          id: id,
+          innerRef: this.getInputRef,
+          onBlur: this.onInputBlur,
+          onChange: _utils.noop,
+          onFocus: this.onInputFocus,
+          disabled: isDisabled,
+          tabIndex: tabIndex,
+          inputMode: "none",
+          form: form,
+          value: ""
+        }, ariaAttributes));
       }
       return /*#__PURE__*/_react.default.createElement(Input, (0, _extends2.default)({}, commonProps, {
         autoCapitalize: "none",
@@ -1762,7 +1757,6 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
         menuIsOpen = props.menuIsOpen,
         inputValue = props.inputValue,
         isMulti = props.isMulti;
-      //@ts-ignore
       var selectValue = (0, _utils.cleanValue)(value);
       var newMenuOptionsState = {};
       if (prevProps && (value !== prevProps.value || options !== prevProps.options || menuIsOpen !== prevProps.menuIsOpen || inputValue !== prevProps.inputValue)) {

package/dist/cjs/use-creatable.js

@@ -73,13 +73,10 @@ function useCreatable(_ref) {
     value = restSelectProps.value,
     name = restSelectProps.name;
   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]);
   var options = (0, _react.useMemo)(function () {
     return (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat((0, _toConsumableArray2.default)(propsOptions)) : [].concat((0, _toConsumableArray2.default)(propsOptions), [newOption]) : propsOptions;
@@ -99,9 +96,7 @@ function useCreatable(_ref) {
           name: name,
           option: newOptionData
         };
-        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);
       }
       return;
     }

package/dist/es2019/components/menu.js

@@ -313,7 +313,6 @@ export const MenuList = props => {
     'menu-list': true,
     'menu-list--is-multi': isMulti
   }), {
-    //@ts-ignore
     ref: innerRef
   }, innerProps), children);
 };
@@ -344,20 +343,17 @@ export const NoOptionsMessage = ({
   innerProps,
   ...restProps
 }) => {
-  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);
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/es2019/components/option.js

@@ -47,7 +47,6 @@ const Option = props => {
     'option--is-focused': isFocused,
     'option--is-selected': isSelected
   }), {
-    //@ts-ignore
     ref: innerRef,
     "aria-disabled": isDisabled
   }, innerProps), children);

package/dist/es2019/select.js

@@ -797,7 +797,6 @@ export default class Select extends Component {
       event.preventDefault();
     });
     this.state.instancePrefix = 'react-select-' + (this.props.instanceId || ++instanceId);
-    //@ts-ignore
     this.state.selectValue = cleanValue(_props.value);
     // Set focusedOption if menuIsOpen is set on init (e.g. defaultMenuIsOpen)
     if (_props.menuIsOpen && this.state.selectValue.length) {
@@ -826,7 +825,6 @@ export default class Select extends Component {
       inputValue,
       isMulti
     } = props;
-    //@ts-ignore
     const selectValue = cleanValue(value);
     let newMenuOptionsState = {};
     if (prevProps && (value !== prevProps.value || options !== prevProps.options || menuIsOpen !== prevProps.menuIsOpen || inputValue !== prevProps.inputValue)) {
@@ -1270,7 +1268,7 @@ export default class Select extends Component {
       'aria-labelledby': this.props['aria-labelledby'] || labelId,
       'aria-required': required || isRequired,
       role: 'combobox',
-      'aria-activedescendant': this.isAppleDevice ? undefined : this.state.focusedOptionId,
+      'aria-activedescendant': this.isAppleDevice ? undefined : this.state.focusedOptionId ? this.state.focusedOptionId : undefined,
       ...(menuIsOpen && {
         'aria-controls': this.getElementId('listbox')
       }),
@@ -1285,22 +1283,18 @@ export default class Select extends Component {
     };
     if (!isSearchable) {
       // 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));
     }
     return /*#__PURE__*/React.createElement(Input, _extends({}, commonProps, {
       autoCapitalize: "none",

package/dist/es2019/use-creatable.js

@@ -25,7 +25,6 @@ export default function useCreatable({
   allowCreateWhileLoading = false,
   createOptionPosition = 'last',
   formatCreateLabel = builtins.formatCreateLabel,
-  //@ts-ignore
   isValidNewOption = builtins.isValidNewOption,
   //@ts-ignore
   getNewOptionData = builtins.getNewOptionData,
@@ -43,9 +42,7 @@ export default function useCreatable({
     value,
     name
   } = restSelectProps;
-  const newOption = useMemo(() =>
-  //@ts-ignore
-  isValidNewOption(inputValue, cleanValue(value), propsOptions, {
+  const newOption = useMemo(() => isValidNewOption(inputValue, cleanValue(value), propsOptions, {
     getOptionValue,
     getOptionLabel
   }) ? getNewOptionData(inputValue, formatCreateLabel(inputValue)) : undefined, [formatCreateLabel, getNewOptionData, getOptionLabel, getOptionValue, inputValue, isValidNewOption, propsOptions, value]);
@@ -65,9 +62,7 @@ export default function useCreatable({
           name,
           option: newOptionData
         };
-        propsOnChange(
-        //@ts-ignore
-        valueTernary(isMulti, [...cleanValue(value), newOptionData], newOptionData), newActionMeta);
+        propsOnChange(valueTernary(isMulti, [...cleanValue(value), newOptionData], newOptionData), newActionMeta);
       }
       return;
     }

package/dist/esm/components/menu.js

@@ -306,7 +306,6 @@ export var MenuList = function MenuList(props) {
     'menu-list': true,
     'menu-list--is-multi': isMulti
   }), {
-    //@ts-ignore
     ref: innerRef
   }, innerProps), children);
 };
@@ -334,19 +333,16 @@ export var NoOptionsMessage = function NoOptionsMessage(_ref6) {
     children = _ref6$children === void 0 ? 'No options' : _ref6$children,
     innerProps = _ref6.innerProps,
     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);
 };
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/esm/components/option.js

@@ -47,7 +47,6 @@ var Option = function Option(props) {
     'option--is-focused': isFocused,
     'option--is-selected': isSelected
   }), {
-    //@ts-ignore
     ref: innerRef,
     "aria-disabled": isDisabled
   }, innerProps), children);

package/dist/esm/select.js

@@ -812,7 +812,6 @@ var Select = /*#__PURE__*/function (_Component) {
       event.preventDefault();
     });
     _this.state.instancePrefix = 'react-select-' + (_this.props.instanceId || ++instanceId);
-    //@ts-ignore
     _this.state.selectValue = cleanValue(_props.value);
     // Set focusedOption if menuIsOpen is set on init (e.g. defaultMenuIsOpen)
     if (_props.menuIsOpen && _this.state.selectValue.length) {
@@ -1250,7 +1249,7 @@ var Select = /*#__PURE__*/function (_Component) {
         'aria-labelledby': this.props['aria-labelledby'] || labelId,
         'aria-required': required || isRequired,
         role: 'combobox',
-        'aria-activedescendant': this.isAppleDevice ? undefined : this.state.focusedOptionId
+        'aria-activedescendant': this.isAppleDevice ? undefined : this.state.focusedOptionId ? this.state.focusedOptionId : undefined
       }, menuIsOpen && {
         'aria-controls': this.getElementId('listbox')
       }), !isSearchable && {
@@ -1262,22 +1261,18 @@ var Select = /*#__PURE__*/function (_Component) {
       });
       if (!isSearchable) {
         // 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));
       }
       return /*#__PURE__*/React.createElement(Input, _extends({}, commonProps, {
         autoCapitalize: "none",
@@ -1752,7 +1747,6 @@ var Select = /*#__PURE__*/function (_Component) {
         menuIsOpen = props.menuIsOpen,
         inputValue = props.inputValue,
         isMulti = props.isMulti;
-      //@ts-ignore
       var selectValue = cleanValue(value);
       var newMenuOptionsState = {};
       if (prevProps && (value !== prevProps.value || options !== prevProps.options || menuIsOpen !== prevProps.menuIsOpen || inputValue !== prevProps.inputValue)) {

package/dist/esm/use-creatable.js

@@ -66,13 +66,10 @@ export default function useCreatable(_ref) {
     value = restSelectProps.value,
     name = restSelectProps.name;
   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]);
   var options = useMemo(function () {
     return (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(_toConsumableArray(propsOptions)) : [].concat(_toConsumableArray(propsOptions), [newOption]) : propsOptions;
@@ -92,9 +89,7 @@ export default function useCreatable(_ref) {
           name: name,
           option: newOptionData
         };
-        propsOnChange(
-        //@ts-ignore
-        valueTernary(isMulti, [].concat(_toConsumableArray(cleanValue(value)), [newOptionData]), newOptionData), newActionMeta);
+        propsOnChange(valueTernary(isMulti, [].concat(_toConsumableArray(cleanValue(value)), [newOptionData]), newOptionData), newActionMeta);
       }
       return;
     }

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

@@ -84,7 +84,7 @@ export interface MenuListProps<Option = unknown, IsMulti extends boolean = boole
     /**
      * Inner ref to DOM ReactNode
      */
-    innerRef: LegacyRef<HTMLUListElement>;
+    innerRef: LegacyRef<HTMLDivElement>;
     /**
      * The currently focused option
      */

package/dist/types/select.d.ts

@@ -543,8 +543,8 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
     getControlRef: RefCallback<HTMLDivElement>;
     focusedOptionRef: HTMLDivElement | null;
     getFocusedOptionRef: RefCallback<HTMLDivElement>;
-    menuListRef: HTMLUListElement | null;
-    getMenuListRef: RefCallback<HTMLUListElement>;
+    menuListRef: HTMLDivElement | null;
+    getMenuListRef: RefCallback<HTMLDivElement>;
     inputRef: HTMLInputElement | null;
     getInputRef: RefCallback<HTMLInputElement>;
     constructor(props: SelectProps<Option, IsMulti, Group>);

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

@@ -84,7 +84,7 @@ export interface MenuListProps<Option = unknown, IsMulti extends boolean = boole
     /**
      * Inner ref to DOM ReactNode
      */
-    innerRef: LegacyRef<HTMLUListElement>;
+    innerRef: LegacyRef<HTMLDivElement>;
     /**
      * The currently focused option
      */

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

@@ -543,8 +543,8 @@ export default class Select<Option = unknown, IsMulti extends boolean = false, G
     getControlRef: RefCallback<HTMLDivElement>;
     focusedOptionRef: HTMLDivElement | null;
     getFocusedOptionRef: RefCallback<HTMLDivElement>;
-    menuListRef: HTMLUListElement | null;
-    getMenuListRef: RefCallback<HTMLUListElement>;
+    menuListRef: HTMLDivElement | null;
+    getMenuListRef: RefCallback<HTMLDivElement>;
     inputRef: HTMLInputElement | null;
     getInputRef: RefCallback<HTMLInputElement>;
     constructor(props: SelectProps<Option, IsMulti, Group>);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"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",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",