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

package/dist/true-react-common-ui-kit.umd.cjs

@@ -8179,17 +8179,18 @@
       theme: tweakStyles
     });
     var _useState = _sliced_to_array$m(React.useState(false), 2), isOpen = _useState[0], setIsOpen = _useState[1];
+    var isActive = isOpen && !isDisabled;
     var arrowRef = React.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 = react.useFloating({
-      open: isOpen && !isDisabled,
+      open: isActive,
       middleware: [
         react.offset(popupOffset),
         canBeFlipped && react.flip({
@@ -8242,7 +8243,7 @@
     var triggerElement = trueReactPlatformHelpers.applyAction(trigger, {
       referenceProps: !isTriggerWrapped ? referenceProps : void 0,
       triggerProps: _object_spread$12({
-        isActive: isOpen,
+        isActive,
         isDisabled
       }, !isTriggerWrapped && _object_spread$12({
         data,
@@ -8253,7 +8254,7 @@
     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, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
           children: triggerElement
         })) : triggerElement,
@@ -19995,6 +19996,10 @@
         cursor: "default"
       }
     },
+    hasValue: {
+      backgroundColor: colors.CLASSIC_WHITE,
+      borderColor: colors.BORDER_MAIN
+    },
     selectWrapper: {
       position: "relative",
       display: "flex",
@@ -20224,7 +20229,7 @@
     };
     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, trueReactPlatformHelpers.isArrayLikeNotEmpty(value)), _obj2)),
       ref: refRoot
     }, trueReactPlatformHelpers.addDataAttributes(data, testId)), {
       children: [
@@ -20246,7 +20251,7 @@
         /* @__PURE__ */ jsxs("div", {
           className: classes.selectWrapper,
           children: [
-            fields.length > 0 && /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
+            trueReactPlatformHelpers.isArrayNotEmpty(fields) && /* @__PURE__ */ jsxs("div", _object_spread_props$p(_object_spread$q({
               className: classes.selectBlock,
               onClick: !isDisabled ? function() {
                 return setIsOpen(!isOpen);