@synerise/ds-autocomplete 0.4.30 → 0.4.32

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.32](https://github.com/Synerise/synerise-design/compare/@synerise/ds-autocomplete@0.4.31...@synerise/ds-autocomplete@0.4.32) (2023-02-03)
+
+
+### Bug Fixes
+
+* remove ref to first object render ([7612079](https://github.com/Synerise/synerise-design/commit/7612079baa75a7b2d552c80e792075f9fbbb3d53))
+* **autocomplete:** add getPopupContainer into select component ([39b901b](https://github.com/Synerise/synerise-design/commit/39b901ba7107e66e755f544e29dbf16d99c777d5))
+* **autocomplete:** refactor parentNode func ([34eaa9b](https://github.com/Synerise/synerise-design/commit/34eaa9bb4a04e848c0640c01f059f9ae195815c6))
+
+
+
+
+
+## [0.4.31](https://github.com/Synerise/synerise-design/compare/@synerise/ds-autocomplete@0.4.30...@synerise/ds-autocomplete@0.4.31) (2023-01-25)
+
+
+### Bug Fixes
+
+* **autocomplete:** fix position of autocomplete autoresize when typing ([61c9fad](https://github.com/Synerise/synerise-design/commit/61c9fadf091c801ff846a19f3ec234483c6153aa))
+
+
+
+
+
 ## [0.4.30](https://github.com/Synerise/synerise-design/compare/@synerise/ds-autocomplete@0.4.29...@synerise/ds-autocomplete@0.4.30) (2022-11-08)
 
 

package/dist/Autocomplete.js

@@ -30,6 +30,10 @@ var Autocomplete = function Autocomplete(props) {
     handleInputRef && handleInputRef(inputRef);
   }, [inputRef, handleInputRef]);
 
+  var getParentNode = function getParentNode(triggerNode) {
+    return triggerNode.parentNode;
+  };
+
   var renderAutoCompleteComponent = function renderAutoCompleteComponent() {
     return /*#__PURE__*/React.createElement(AntdAutoComplete // eslint-disable-next-line react/jsx-props-no-spreading
     , _extends({}, props, {
@@ -37,7 +41,8 @@ var Autocomplete = function Autocomplete(props) {
       // @ts-ignore
       ref: inputRef,
       dropdownClassName: "ds-autocomplete-dropdown",
-      className: !!errorText || error ? 'error' : undefined
+      className: !!errorText || error ? 'error' : undefined,
+      getPopupContainer: getParentNode
     }));
   };
 

package/dist/Autocomplete.styles.js

@@ -50,7 +50,7 @@ function autoresizeConfObjToCss(_ref) {
 export var AutocompleteWrapper = styled.div.withConfig({
   displayName: "Autocompletestyles__AutocompleteWrapper",
   componentId: "sc-10de6ms-4"
-})([".ant-select-auto-complete{width:", ";", ";grid-area:1 / 1;}.ant-select-dropdown{&.ant-select{.ant-input{transition:ease-in-out all 0.3s;&:focus{", " &:hover{", "}}}}&.error{.ant-select-selector{&:hover{", "}", "}}.ant-select-selection__rendered{margin:0;}.ant-select-selection:hover .ant-select-selection__rendered{margin-right:10px;}&.ant-select .ant-input{padding:8px 12px;}.ant-select-selection__clear{font-size:15px;color:", ";width:16px;height:16px;margin-top:-7px;}&.ant-select:not(.ant-select-no-arrow) .ant-select-selection__clear{right:12px;&:hover{color:", ";}}.ant-select-selection-placeholder{padding-left:3px;}.ant-select-dropdown{padding:8px;}.ant-select-dropdown-menu-item{font-weight:normal;strong{font-weight:500;}}}.ant-select-selection-search-input{padding:0;}"], function (props) {
+})([".ant-select-auto-complete{width:", ";", ";grid-area:1 / 1;}.ant-select > span{position:absolute;left:0;top:0;}.ant-select-dropdown{&.ant-select{.ant-input{transition:ease-in-out all 0.3s;&:focus{", " &:hover{", "}}}}&.error{.ant-select-selector{&:hover{", "}", "}}.ant-select-selection__rendered{margin:0;}.ant-select-selection:hover .ant-select-selection__rendered{margin-right:10px;}&.ant-select .ant-input{padding:8px 12px;}.ant-select-selection__clear{font-size:15px;color:", ";width:16px;height:16px;margin-top:-7px;}&.ant-select:not(.ant-select-no-arrow) .ant-select-selection__clear{right:12px;&:hover{color:", ";}}.ant-select-selection-placeholder{padding-left:3px;}.ant-select-dropdown{padding:8px;}.ant-select-dropdown-menu-item{font-weight:normal;strong{font-weight:500;}}}.ant-select-selection-search-input{padding:0;}"], function (props) {
   return props.autoResize ? '100%' : '200px';
 }, function (props) {
   return autoresizeConfObjToCss(props);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-autocomplete",
-  "version": "0.4.30",
+  "version": "0.4.32",
   "description": "Autocomplete UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -41,5 +41,5 @@
   "devDependencies": {
     "@synerise/ds-utils": "^0.23.2"
   },
-  "gitHead": "c1fdb8f769bf8c3a529d877a6bd9942a380c3e17"
+  "gitHead": "05f16eaafa3de3ec33cc0d9a6712864646a0617e"
 }