@synerise/ds-search-bar 1.1.4 → 1.2.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-search-bar@1.1.4...@synerise/ds-search-bar@1.2.0) (2025-06-05)
+
+
+### Features
+
+* **column-manager:** removed unnecessary features ([152d3c0](https://github.com/Synerise/synerise-design/commit/152d3c0d87449977f8c4264bb7abd278210470e9))
+
+
+
+
+
 ## [1.1.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-search-bar@1.1.3...@synerise/ds-search-bar@1.1.4) (2025-05-26)
 
 **Note:** Version bump only for package @synerise/ds-search-bar

package/dist/SearchBar.js

@@ -1,8 +1,9 @@
 var _excluded = ["value", "className", "onSearchChange", "onClearInput", "placeholder", "iconLeft", "autofocus", "clearTooltip", "disabled", "borderRadius", "handleInputRef", "autofocusDelay", "clearTooltipProps"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
+import classnames from 'classnames';
 import Icon, { Close3M } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
 import Tooltip from '@synerise/ds-tooltip';
@@ -59,14 +60,20 @@ var SearchBar = function SearchBar(_ref) {
     return undefined;
   }, [autofocus, autofocusDelay, input]);
   var placeholderString = typeof placeholder === 'string' ? placeholder : DEFAULT_PLACEHOLDER_STRING;
+  var finalClassName = useMemo(function () {
+    return classnames(className, {
+      'is-focused': isFocused
+    });
+  }, [className, isFocused]);
   return /*#__PURE__*/React.createElement(S.SearchBarWrapper, _extends({
     iconLeft: iconLeft,
     isEmpty: !value,
-    className: isFocused ? 'is-focused' : '',
     disabled: disabled,
     borderRadius: borderRadius,
     "data-testid": "input-wrapper"
-  }, htmlAttributes), iconLeft && /*#__PURE__*/React.createElement(S.IconLeftWrapper, null, iconLeft), onClearInput && Boolean(value) && /*#__PURE__*/React.createElement(S.ClearInputWrapper, {
+  }, htmlAttributes, {
+    className: finalClassName
+  }), iconLeft && /*#__PURE__*/React.createElement(S.IconLeftWrapper, null, iconLeft), onClearInput && Boolean(value) && /*#__PURE__*/React.createElement(S.ClearInputWrapper, {
     onClick: onClearInput,
     "data-testid": "clear-btn"
   }, /*#__PURE__*/React.createElement(Icon, {
@@ -86,7 +93,6 @@ var SearchBar = function SearchBar(_ref) {
       return setFocus(false);
     },
     value: value,
-    className: className,
     resetMargin: true,
     placeholder: placeholderString,
     handleInputRef: handleRef,

package/dist/SearchBar.styles.d.ts

@@ -2,7 +2,7 @@
 export declare const IconLeftWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ClearInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PlaceholderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SearchBar: import("styled-components").StyledComponent<({ className, errorText, label, description, counterLimit, tooltip, tooltipConfig, icon1, icon1Tooltip, autoResize, icon2, icon2Tooltip, resetMargin, handleInputRef, prefixel, suffixel, error, expandable, expandableTooltip, renderCustomCounter, ...antdInputProps }: import("@synerise/ds-input").InputProps) => import("react").JSX.Element, any, {}, never>;
+export declare const SearchBar: import("styled-components").StyledComponent<({ className, errorText, label, description, counterLimit, tooltip, tooltipConfig, icon1, icon1Tooltip, autoResize, icon2, icon2Tooltip, resetMargin, handleInputRef, prefixel, suffixel, error, expandable, expandableTooltip, renderCustomCounter, autoResizeProps, ...antdInputProps }: import("@synerise/ds-input").InputProps) => import("react").JSX.Element, any, {}, never>;
 export declare const SearchBarWrapper: import("styled-components").StyledComponent<"div", any, {
     iconLeft: React.ReactNode;
     isEmpty: boolean;

package/dist/SearchBar.types.d.ts

@@ -6,7 +6,6 @@ export type SearchBarProps = WithHTMLAttributes<HTMLDivElement, Pick<InputProps,
     onSearchChange: (value: string) => void;
     onClearInput?: () => void;
     placeholder: ReactNode;
-    className?: string;
     clearTooltip?: ReactNode;
     value: string;
     iconLeft?: ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-search-bar",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "description": "SearchBar UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,10 +34,11 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.5.1",
-    "@synerise/ds-input": "^1.1.4",
-    "@synerise/ds-tooltip": "^1.1.8",
-    "@synerise/ds-utils": "^1.1.1"
+    "@synerise/ds-icon": "^1.5.2",
+    "@synerise/ds-input": "^1.2.0",
+    "@synerise/ds-tooltip": "^1.1.9",
+    "@synerise/ds-utils": "^1.2.0",
+    "classnames": "^2.5.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -45,5 +46,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "9e9cc54e3690b4d51323f91c81b3b79305984da6"
+  "gitHead": "93bc81d59d20bc8f3bc80c5d56ae7f7c0838380d"
 }