@true-engineering/true-react-common-ui-kit 4.0.0-alpha28 → 4.0.0-alpha29

package/dist/components/FiltersPane/components/FiltersPaneSearch/FiltersPaneSearch.styles.d.ts

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../../../theme';
 import { ISearchInputStyles } from '../../../SearchInput';
 import { ISelectStyles } from '../../../Select';
-export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "open" | "active" | "disabled" | "dropdownInput" | "chevronIcon" | "dropdown" | "focused" | "selectWrapper" | "selectBlock" | "selectLabel", unknown>;
+export declare const useStyles: import("../../../../theme").IUseStyles<"root" | "open" | "active" | "disabled" | "dropdownInput" | "chevronIcon" | "dropdown" | "focused" | "hasValue" | "selectWrapper" | "selectBlock" | "selectLabel", unknown>;
 export declare const searchInputStyles: ISearchInputStyles;
 export declare const selectStyles: ISelectStyles;
 export type IFiltersPaneSearchStyles = ITweakStyles<typeof useStyles, {

package/dist/true-react-common-ui-kit.js

@@ -8192,17 +8192,18 @@ var WithPopup = function(param) {
     theme: tweakStyles
   });
   var _useState = _sliced_to_array$m(useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+  var isActive = isOpen && !isDisabled;
   var arrowRef = useRef(null);
-  var handleToggle = function(isActive, event) {
+  var handleToggle = function(next, event) {
     event === null || event === void 0 ? void 0 : event.stopPropagation();
-    onToggle === null || onToggle === void 0 ? void 0 : onToggle(isActive, event);
-    setIsOpen(isActive);
+    onToggle === null || onToggle === void 0 ? void 0 : onToggle(next, event);
+    setIsOpen(next);
   };
   var handleClose = function(event) {
     handleToggle(false, event);
   };
   var _useFloating = useFloating({
-    open: isOpen && !isDisabled,
+    open: isActive,
     middleware: [
       offset$2(popupOffset),
       canBeFlipped && flip$2({
@@ -8255,7 +8256,7 @@ var WithPopup = function(param) {
   var triggerElement = applyAction(trigger, {
     referenceProps: !isTriggerWrapped ? referenceProps : void 0,
     triggerProps: _object_spread$12({
-      isActive: isOpen,
+      isActive,
       isDisabled
     }, !isTriggerWrapped && _object_spread$12({
       data,
@@ -8266,7 +8267,7 @@ var WithPopup = function(param) {
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
       isTriggerWrapped ? /* @__PURE__ */ jsx("div", _object_spread_props$S(_object_spread$12({
-        className: clsx(classes.trigger, (_obj2 = {}, _define_property$14(_obj2, classes.clickable, eventType === "click"), _define_property$14(_obj2, classes.disabled, isDisabled), _define_property$14(_obj2, classes.active, isOpen), _obj2))
+        className: clsx(classes.trigger, (_obj2 = {}, _define_property$14(_obj2, classes.clickable, eventType === "click"), _define_property$14(_obj2, classes.disabled, isDisabled), _define_property$14(_obj2, classes.active, isActive), _obj2))
       }, referenceProps, addDataAttributes$1(data, testId)), {
         children: triggerElement
       })) : triggerElement,
@@ -20008,6 +20009,10 @@ var useStyles$o = createThemedStyles("FiltersPaneSearch", {
       cursor: "default"
     }
   },
+  hasValue: {
+    backgroundColor: colors.CLASSIC_WHITE,
+    borderColor: colors.BORDER_MAIN
+  },
   selectWrapper: {
     position: "relative",
     display: "flex",
@@ -20237,7 +20242,7 @@ function FiltersPaneSearch(param) {
   };
   var _obj2;
   return /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
-    className: clsx(classes.root, (_obj2 = {}, _define_property$r(_obj2, classes.focused, isInputFocused), _define_property$r(_obj2, classes.disabled, isDisabled), _obj2)),
+    className: clsx(classes.root, (_obj2 = {}, _define_property$r(_obj2, classes.focused, isInputFocused), _define_property$r(_obj2, classes.disabled, isDisabled), _define_property$r(_obj2, classes.hasValue, isArrayLikeNotEmpty(value)), _obj2)),
     ref: refRoot
   }, addDataAttributes$1(data, testId)), {
     children: [
@@ -20259,7 +20264,7 @@ function FiltersPaneSearch(param) {
       /* @__PURE__ */ jsxs("div", {
         className: classes.selectWrapper,
         children: [
-          fields.length > 0 && /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
+          isArrayNotEmpty(fields) && /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
             className: classes.selectBlock,
             onClick: !isDisabled ? function() {
               return setIsOpen(!isOpen);