@synerise/ds-autocomplete 0.4.8 → 0.4.11

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.4.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-autocomplete@0.4.10...@synerise/ds-autocomplete@0.4.11) (2022-06-10)
+
+**Note:** Version bump only for package @synerise/ds-autocomplete
+
+
+
+
+
+## [0.4.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-autocomplete@0.4.9...@synerise/ds-autocomplete@0.4.10) (2022-04-29)
+
+**Note:** Version bump only for package @synerise/ds-autocomplete
+
+
+
+
+
+## [0.4.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-autocomplete@0.4.8...@synerise/ds-autocomplete@0.4.9) (2022-04-05)
+
+**Note:** Version bump only for package @synerise/ds-autocomplete
+
+
+
+
+
 ## [0.4.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-autocomplete@0.4.7...@synerise/ds-autocomplete@0.4.8) (2022-03-24)
 
 **Note:** Version bump only for package @synerise/ds-autocomplete

package/dist/Autocomplete.d.ts

@@ -1,9 +1,6 @@
 import * as React from 'react';
 import '@synerise/ds-core/dist/js/style';
 import './style/index.less';
-import { AutocompleteProps } from 'Autocomplete.types';
-declare class Autocomplete extends React.PureComponent<AutocompleteProps> {
-    static Option: import("rc-select/lib/Option").OptionFC;
-    render(): React.ReactElement;
-}
+import { AutocompleteProps, StaticComponents } from 'Autocomplete.types';
+declare const Autocomplete: React.FC<AutocompleteProps> & StaticComponents;
 export default Autocomplete;

package/dist/Autocomplete.js

@@ -1,9 +1,5 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import * as React from 'react';
 import '@synerise/ds-core/dist/js/style';
 import "./style/index.css";
@@ -11,37 +7,31 @@ import AntdAutoComplete from 'antd/lib/auto-complete';
 import { ErrorText, Description, Label } from '@synerise/ds-typography';
 import * as S from './Autocomplete.styles';
 
-var Autocomplete = /*#__PURE__*/function (_React$PureComponent) {
-  _inheritsLoose(Autocomplete, _React$PureComponent);
-
-  function Autocomplete() {
-    return _React$PureComponent.apply(this, arguments) || this;
-  }
-
-  var _proto = Autocomplete.prototype;
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        className = _this$props.className,
-        label = _this$props.label,
-        description = _this$props.description,
-        errorText = _this$props.errorText,
-        disabled = _this$props.disabled,
-        error = _this$props.error;
-    return /*#__PURE__*/React.createElement(S.AutocompleteWrapper, {
-      className: "ds-autocomplete " + (className || '')
-    }, label && /*#__PURE__*/React.createElement(S.LabelWrapper, null, /*#__PURE__*/React.createElement(Label, null, label)), /*#__PURE__*/React.createElement(AntdAutoComplete // eslint-disable-next-line react/jsx-props-no-spreading
-    , _extends({}, this.props, {
-      dropdownClassName: "ds-autocomplete-dropdown",
-      className: !!errorText || error ? 'error' : undefined
-    })), errorText && /*#__PURE__*/React.createElement(S.ErrorWrapper, null, /*#__PURE__*/React.createElement(ErrorText, null, errorText)), description && /*#__PURE__*/React.createElement(S.DescWrapper, null, description && /*#__PURE__*/React.createElement(Description, {
-      disabled: disabled
-    }, description)));
-  };
-
-  return Autocomplete;
-}(React.PureComponent);
-
-_defineProperty(Autocomplete, "Option", AntdAutoComplete.Option);
-
+var Autocomplete = function Autocomplete(props) {
+  var className = props.className,
+      label = props.label,
+      description = props.description,
+      errorText = props.errorText,
+      disabled = props.disabled,
+      error = props.error,
+      handleInputRef = props.handleInputRef;
+  var inputRef = React.useRef(undefined);
+  React.useEffect(function () {
+    handleInputRef && handleInputRef(inputRef);
+  }, [inputRef, handleInputRef]);
+  return /*#__PURE__*/React.createElement(S.AutocompleteWrapper, {
+    className: "ds-autocomplete " + (className || '')
+  }, label && /*#__PURE__*/React.createElement(S.LabelWrapper, null, /*#__PURE__*/React.createElement(Label, null, label)), /*#__PURE__*/React.createElement(AntdAutoComplete // eslint-disable-next-line react/jsx-props-no-spreading
+  , _extends({}, props, {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
+    // @ts-ignore
+    ref: inputRef,
+    dropdownClassName: "ds-autocomplete-dropdown",
+    className: !!errorText || error ? 'error' : undefined
+  })), errorText && /*#__PURE__*/React.createElement(S.ErrorWrapper, null, /*#__PURE__*/React.createElement(ErrorText, null, errorText)), description && /*#__PURE__*/React.createElement(S.DescWrapper, null, description && /*#__PURE__*/React.createElement(Description, {
+    disabled: disabled
+  }, description)));
+};
+
+Autocomplete.Option = AntdAutoComplete.Option;
 export default Autocomplete;

package/dist/Autocomplete.types.d.ts

@@ -1,10 +1,15 @@
 import * as React from 'react';
-import { AutoCompleteProps as OriginalProps } from 'antd/lib/auto-complete';
+import AntdAutoComplete, { AutoCompleteProps as OriginalProps } from 'antd/lib/auto-complete';
+import Select from 'antd/lib/select';
 export declare type OverrideProps = {
     className?: string;
     errorText?: React.ReactNode | string;
     label?: React.ReactNode | string;
     description?: React.ReactNode | string;
     error?: boolean;
+    handleInputRef?: (ref: React.MutableRefObject<Select | undefined>) => void;
 };
+export interface StaticComponents {
+    Option: typeof AntdAutoComplete.Option;
+}
 export declare type AutocompleteProps = OverrideProps & OriginalProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-autocomplete",
-  "version": "0.4.8",
+  "version": "0.4.11",
   "description": "Autocomplete UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -39,7 +39,7 @@
     "react": ">=16.9.0 < 17.0.0"
   },
   "devDependencies": {
-    "@synerise/ds-utils": "^0.21.8"
+    "@synerise/ds-utils": "^0.21.10"
   },
-  "gitHead": "8d3f48dbf8e3eddd679dee9f6d667d03b5f25ed0"
+  "gitHead": "116cf109200639a805ef51ce8301e47dc7a8b168"
 }