@synerise/ds-search-bar 0.6.78 → 0.6.80

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.6.80](https://github.com/Synerise/synerise-design/compare/@synerise/ds-search-bar@0.6.79...@synerise/ds-search-bar@0.6.80) (2024-07-15)
+
+**Note:** Version bump only for package @synerise/ds-search-bar
+
+
+
+
+
+## [0.6.79](https://github.com/Synerise/synerise-design/compare/@synerise/ds-search-bar@0.6.78...@synerise/ds-search-bar@0.6.79) (2024-07-05)
+
+
+### Bug Fixes
+
+* fixed missing dependencies ([f718fb7](https://github.com/Synerise/synerise-design/commit/f718fb7e954a19857ea4b6bbd417e3fe290fd2dc))
+
+
+
+
+
 ## [0.6.78](https://github.com/Synerise/synerise-design/compare/@synerise/ds-search-bar@0.6.77...@synerise/ds-search-bar@0.6.78) (2024-07-02)
 
 **Note:** Version bump only for package @synerise/ds-search-bar

package/dist/SearchBar.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { SearchBarProps } from './SearchBar.types';
-declare const SearchBar: React.FC<SearchBarProps>;
+declare const SearchBar: ({ value, className, onSearchChange, onClearInput, placeholder, iconLeft, autofocus, clearTooltip, disabled, borderRadius, handleInputRef, autofocusDelay, }: SearchBarProps) => React.JSX.Element;
 export default SearchBar;

package/dist/SearchBar.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React, { useEffect, useState } from 'react';
 import Icon, { Close3M } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
 import Tooltip from '@synerise/ds-tooltip';
@@ -22,33 +22,42 @@ var SearchBar = function SearchBar(_ref) {
       handleInputRef = _ref.handleInputRef,
       autofocusDelay = _ref.autofocusDelay;
 
-  var _React$useState = React.useState(false),
-      isFocused = _React$useState[0],
-      setFocus = _React$useState[1];
+  var _useState = useState(false),
+      isFocused = _useState[0],
+      setFocus = _useState[1];
 
-  var _React$useState2 = React.useState(),
-      inputRef = _React$useState2[0],
-      setInputRef = _React$useState2[1];
+  var _useState2 = useState(),
+      input = _useState2[0],
+      setInput = _useState2[1];
 
-  React.useEffect(function () {
-    if (inputRef) {
-      handleInputRef && handleInputRef(inputRef);
+  var handleRef = function handleRef(ref) {
+    // eslint-disable-next-line no-unused-expressions
+    handleInputRef == null || handleInputRef(ref);
+    if (ref.current) setInput(ref.current);
+  };
 
+  useEffect(function () {
+    if (input) {
       if (autofocus) {
         if (autofocusDelay) {
-          setTimeout(function () {
-            inputRef.current && inputRef.current.focus({
+          var timeout = setTimeout(function () {
+            input.focus({
               preventScroll: true
             });
-          }, 50);
-        } else {
-          inputRef.current && inputRef.current.focus({
-            preventScroll: true
-          });
+          }, autofocusDelay);
+          return function () {
+            clearTimeout(timeout);
+          };
         }
+
+        input.focus({
+          preventScroll: true
+        });
       }
     }
-  }, [autofocus, autofocusDelay, handleInputRef, inputRef]);
+
+    return undefined;
+  }, [autofocus, autofocusDelay, input]);
   return /*#__PURE__*/React.createElement(S.SearchBarWrapper, {
     iconLeft: iconLeft,
     isEmpty: !value,
@@ -66,8 +75,8 @@ var SearchBar = function SearchBar(_ref) {
     color: theme.palette['grey-500'],
     size: 18
   })), /*#__PURE__*/React.createElement(S.SearchBar, {
-    onChange: function onChange(e) {
-      return onSearchChange(e.currentTarget.value);
+    onChange: function onChange(event) {
+      return onSearchChange(event.currentTarget.value);
     },
     onFocus: function onFocus() {
       return setFocus(true);
@@ -79,7 +88,7 @@ var SearchBar = function SearchBar(_ref) {
     value: value,
     className: className,
     resetMargin: true,
-    handleInputRef: setInputRef,
+    handleInputRef: handleRef,
     disabled: disabled,
     autoComplete: "off"
   }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-search-bar",
-  "version": "0.6.78",
+  "version": "0.6.80",
   "description": "SearchBar UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,20 +33,16 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^0.63.0",
-    "@synerise/ds-input": "^0.23.0",
-    "@synerise/ds-tooltip": "^0.14.31",
-    "@synerise/ds-utils": "^0.27.0"
+    "@synerise/ds-icon": "^0.64.1",
+    "@synerise/ds-input": "^0.23.2",
+    "@synerise/ds-tooltip": "^0.14.33",
+    "@synerise/ds-utils": "^0.28.0",
+    "react-intl": "^3.12.0"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
-    "react": ">=16.9.0 < 17.0.0",
+    "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "devDependencies": {
-    "@testing-library/dom": "^7.0.2",
-    "@testing-library/jest-dom": "5.1.1",
-    "@testing-library/react": "10.0.1"
-  },
-  "gitHead": "0692552b018dc9c8042f18c773f88890c9ad3270"
+  "gitHead": "6f4996380356c1e5cb9a9d8b553069ad9cea7c27"
 }