@synerise/ds-autocomplete 0.8.27 → 0.8.29

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.8.29](https://github.com/Synerise/synerise-design/compare/@synerise/ds-autocomplete@0.8.28...@synerise/ds-autocomplete@0.8.29) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-autocomplete
+
+
+
+
+
+## [0.8.28](https://github.com/Synerise/synerise-design/compare/@synerise/ds-autocomplete@0.8.27...@synerise/ds-autocomplete@0.8.28) (2024-11-21)
+
+**Note:** Version bump only for package @synerise/ds-autocomplete
+
+
+
+
+
 ## [0.8.27](https://github.com/Synerise/synerise-design/compare/@synerise/ds-autocomplete@0.8.26...@synerise/ds-autocomplete@0.8.27) (2024-11-12)
 
 **Note:** Version bump only for package @synerise/ds-autocomplete

package/dist/Autocomplete.js

@@ -1,9 +1,6 @@
 var _excluded = ["className", "label", "description", "errorText", "disabled", "error", "handleInputRef", "getPopupContainer", "autoResize", "readOnly"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React, { useRef, useEffect } from 'react';
 import '@synerise/ds-core/dist/js/style';
 import "./style/index.css";
@@ -13,20 +10,18 @@ import { AutosizeWrapper } from '@synerise/ds-input';
 import { useResizeObserver } from '@synerise/ds-utils';
 import * as S from './Autocomplete.styles';
 var AUTOSIZE_EXTRA_WIDTH = 27;
-
 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,
-      getPopupContainer = props.getPopupContainer,
-      autoResize = props.autoResize,
-      readOnly = props.readOnly,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
+    label = props.label,
+    description = props.description,
+    errorText = props.errorText,
+    disabled = props.disabled,
+    error = props.error,
+    handleInputRef = props.handleInputRef,
+    getPopupContainer = props.getPopupContainer,
+    autoResize = props.autoResize,
+    readOnly = props.readOnly,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var scrollLeftRef = useRef(0);
   var antSelectRef = useRef(null);
   var inputRef = useRef(null);
@@ -43,35 +38,27 @@ var Autocomplete = function Autocomplete(props) {
       inputRef.current = autosizeRef.current.inputRef.current;
     }
   }, []);
-
   var getParentNode = function getParentNode(triggerNode) {
     return triggerNode.parentNode;
   };
-
   var stretchToFit = autoResize && autoResize !== true && Boolean(autoResize.stretchToFit);
   var placeholder = typeof rest.placeholder === 'string' ? rest.placeholder : undefined;
-
   var handlePreAutosize = function handlePreAutosize() {
     var _inputRef$current;
-
     scrollLeftRef.current = ((_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.scrollLeft) || 0;
     autocompleteInputRef.current && autocompleteInputRef.current.style.removeProperty('max-width');
   };
-
   var handleAutosize = function handleAutosize() {
     var parentRect = elementRef.current && elementRef.current.getBoundingClientRect();
-
     if (stretchToFit && autocompleteInputRef.current && parentRect != null && parentRect.width) {
       autocompleteInputRef.current.style.maxWidth = (parentRect == null ? void 0 : parentRect.width) + 1 + "px";
       inputRef.current && inputRef.current.scrollTo(scrollLeftRef.current, 0);
     }
   };
-
   var transformRef = function transformRef(element) {
     autocompleteInputRef.current = element;
     return element.querySelector('input');
   };
-
   return /*#__PURE__*/React.createElement(S.AutocompleteWrapper, {
     ref: elementRef,
     autoResize: autoResize,
@@ -98,6 +85,5 @@ var Autocomplete = function Autocomplete(props) {
     disabled: disabled
   }, description)));
 };
-
 Autocomplete.Option = AntdAutoComplete.Option;
 export default Autocomplete;

package/dist/Autocomplete.styles.js

@@ -16,7 +16,6 @@ export var LoaderWrapper = styled.div.withConfig({
   displayName: "Autocompletestyles__LoaderWrapper",
   componentId: "sc-10de6ms-3"
 })(["margin-right:10px;"]);
-
 var active = function active() {
   return css(["transition:ease-in-out all 0.2s,width 0s,min-width 0s,max-width 0s;box-shadow:inset 0 0 0 1px ", ";border:1px solid ", ";background-color:", ";"], function (props) {
     return props.theme.palette['blue-600'];
@@ -26,7 +25,6 @@ var active = function active() {
     return props.theme.palette['blue-050'];
   });
 };
-
 var error = function error() {
   return css(["transition:ease-in-out all 0.2s,width 0s,min-width 0s,max-width 0s;box-shadow:inset 0 0 0 1px ", ";background:", ";border:1px solid ", ";"], function (props) {
     return props.theme.palette['red-600'];
@@ -36,7 +34,6 @@ var error = function error() {
     return props.theme.palette['red-600'];
   });
 };
-
 var readonly = function readonly() {
   return css(["background-color:", ";color:", ";input{cursor:auto;}"], function (props) {
     return props.theme.palette.white;
@@ -44,7 +41,6 @@ var readonly = function readonly() {
     return props.theme.palette['grey-700'];
   });
 };
-
 export var AutocompleteWrapper = styled.div.withConfig({
   displayName: "Autocompletestyles__AutocompleteWrapper",
   componentId: "sc-10de6ms-4"
@@ -64,10 +60,8 @@ export var ComponentWrapper = styled.div.withConfig({
   if (props.readOnly) {
     return css([".ant-select-selector{&:hover{", "}", "}"], readonly(), readonly());
   }
-
   if (props.error) {
     return css([".ant-select-selector{&:hover{", "}", "}"], error(), error());
   }
-
   return css(["&.ant-select{.ant-select-selector{padding:0 10px;}.ant-input{transition:ease-in-out all 0.3s,width 0s,min-width 0s,max-width 0s;&:focus{", " &:hover{", "}}}}"], active(), active());
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-autocomplete",
-  "version": "0.8.27",
+  "version": "0.8.29",
   "description": "Autocomplete UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,9 +34,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-input": "^0.24.13",
-    "@synerise/ds-typography": "^0.16.5",
-    "@synerise/ds-utils": "^0.31.1"
+    "@synerise/ds-input": "^0.24.15",
+    "@synerise/ds-typography": "^0.16.7",
+    "@synerise/ds-utils": "^0.31.2"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -44,5 +44,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "8d26191fc0475407e0691b9b183761ad3cd7c87d"
+  "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
 }