@stokr/components-library 3.0.41 → 3.0.42

package/dist/components/Header/Header.js

@@ -298,7 +298,15 @@ function HeaderView({
       ] }),
       /* @__PURE__ */ jsxs(MobileMenu, { isActive: currentActiveMenu === "main", withSidebar, children: [
         /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MobileMenuPart, { withPadding: true, children: /* @__PURE__ */ jsx(MenuNav, { mobile: true, children: /* @__PURE__ */ jsxs("ul", { children: [
-          /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(MobileMenuLink, { to: newPlatformUrl + "/featured-assets", "data-cy": "invest-nav-link", children: "Invest" }) }),
+          /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(
+            MobileMenuLink,
+            {
+              to: newPlatformUrl + "/featured-assets",
+              "data-cy": "invest-nav-link",
+              onClick: () => toggleMenu("main"),
+              children: "Invest"
+            }
+          ) }),
           /* @__PURE__ */ jsx(
             RenderSubMenu,
             {
@@ -323,7 +331,7 @@ function HeaderView({
               }
             }
           ),
-          /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(MobileMenuLink, { to: newPlatformUrl + "/team", children: "Team" }) })
+          /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(MobileMenuLink, { to: newPlatformUrl + "/team", onClick: () => toggleMenu("main"), children: "Team" }) })
         ] }) }) }) }),
         hasLoggedInSession(user) ? /* @__PURE__ */ jsxs(Fragment, { children: [
           !signupFlow && /* @__PURE__ */ jsx(MobileMenuPart, { withPadding: true, flexColumn: true, borderTop: true, children: /* @__PURE__ */ jsx(MenuNav, { mobile: true, children: /* @__PURE__ */ jsx("ul", { children: isAdmin ? /* @__PURE__ */ jsx(Fragment, { children: isVentureDashboard ? /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(stdin_default$1, { to: "/settings", children: "Settings" }) }) : /* @__PURE__ */ jsx(MobileMenuItem, { children: /* @__PURE__ */ jsx(stdin_default$1, { to: getConfig("adminUrl"), onClick: () => toggleMenu("main"), children: "Dashboard" }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/components/Input/Select.js

@@ -97,6 +97,7 @@ const Select = (props) => {
     multiple = false,
     menuHeight,
     selectedLabel = "Selected",
+    floatingLabel = true,
     formatCreateLabel,
     dataCy,
     onChange,
@@ -157,9 +158,15 @@ const Select = (props) => {
     }
     return options?.find((o) => o.value === value) || null;
   }, [multiple, creatable, value, options]);
+  const hasValue = useMemo(() => {
+    if (multiple) return currentValue.length > 0;
+    return currentValue != null && currentValue.value !== "";
+  }, [multiple, currentValue]);
+  const isLabelUp = floatingLabel ? hasFocus || hasValue : Boolean(label);
+  const effectivePlaceholder = label ? hasFocus && placeholder ? placeholder : "" : placeholder;
   return /* @__PURE__ */ jsxs(Wrapper, { children: [
     /* @__PURE__ */ jsx(IoniconsStyles, {}),
-    label && /* @__PURE__ */ jsx(Label, { isUp: Boolean(label), active: hasFocus, error: error && touched, htmlFor: id, children: label }),
+    label && /* @__PURE__ */ jsx(Label, { isUp: isLabelUp, active: hasFocus, error: error && touched, htmlFor: id, children: label }),
     /* @__PURE__ */ jsx(
       SelectComponent,
       {
@@ -168,7 +175,7 @@ const Select = (props) => {
         name,
         options,
         value: currentValue,
-        placeholder,
+        placeholder: effectivePlaceholder,
         isMulti: multiple,
         isDisabled: disabled,
         isSearchable: search,
@@ -242,6 +249,8 @@ Select.propTypes = {
   menuHeight: PropTypes.number,
   /** Heading shown above the chips list in multi mode (default: "Selected"). */
   selectedLabel: PropTypes.string,
+  /** Input-like floating label behavior: label starts in-field, moves up on focus/value. */
+  floatingLabel: PropTypes.bool,
   formatCreateLabel: PropTypes.func,
   onChange: PropTypes.func,
   onBlur: PropTypes.func,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "3.0.41",
+  "version": "3.0.42",
   "description": "STOKR - Components Library",
   "author": "Bilal Hodzic <bilal@stokr.io>",
   "license": "MIT",