@homebound/beam 3.32.0 → 3.33.0

package/dist/index.cjs

@@ -12102,7 +12102,8 @@ function TreeOption(props) {
   const {
     item,
     state,
-    allowCollapsing = true
+    allowCollapsing = true,
+    disabledReason
   } = props;
   const leveledOption = item.value;
   if (!leveledOption) return null;
@@ -12159,43 +12160,47 @@ function TreeOption(props) {
       }]
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("li", { ...hoverProps, onClick: (e) => {
-    if (!isGroup) return;
-    e.preventDefault();
-    e.stopPropagation();
-    toggleCollapsed();
-  }, ...(0, import_runtime37.trussProps)({
-    ...{
-      display: "df",
-      alignItems: "aic",
-      justifyContent: "jcsb",
-      gap: "gap1",
-      paddingLeft: ["pl_var", {
-        "--paddingLeft": `${16 + level * 8}px`
-      }],
-      minHeight: "mh_42px",
-      outline: "outline0",
-      cursor: "cursorPointer",
-      fontWeight: "fw4",
-      fontSize: "fz_14px",
-      lineHeight: "lh_20px"
-    },
-    ...listItemStyles.item,
-    ...isHovered && (!isDisabled || isGroup) ? listItemStyles.hover : {},
-    ...isFocused && !isGroup ? listItemStyles.focus : {},
-    ...isDisabled && !isGroup ? listItemStyles.disabled : {}
-  }), children: [
-    allowCollapsing && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "w_18px fs0 df aic", children: canCollapse && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("button", { onClick: (e) => {
+  return maybeTooltip({
+    title: !isGroup ? disabledReason : void 0,
+    placement: "right",
+    children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("li", { ...hoverProps, onClick: (e) => {
+      if (!isGroup) return;
       e.preventDefault();
       e.stopPropagation();
       toggleCollapsed();
-      return false;
-    }, className: "br4 h_16px w_16px bgTransparent h_bgGray300", ...tid[`collapseToggle_${item.key}`], children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { icon: collapsedKeys.includes(item.key) ? "triangleRight" : "triangleDown", inc: 2 }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "df aic gap1 h100 fg1 pt1 pb1 pr2", ref, ...optionProps, "data-label": item.textValue, children: [
-      !isGroup && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(StyledCheckbox, { isDisabled, isSelected, isIndeterminate, ...tid[item.key.toString()] }),
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "pl1", children: item.rendered })
+    }, ...(0, import_runtime37.trussProps)({
+      ...{
+        display: "df",
+        alignItems: "aic",
+        justifyContent: "jcsb",
+        gap: "gap1",
+        paddingLeft: ["pl_var", {
+          "--paddingLeft": `${16 + level * 8}px`
+        }],
+        minHeight: "mh_42px",
+        outline: "outline0",
+        cursor: "cursorPointer",
+        fontWeight: "fw4",
+        fontSize: "fz_14px",
+        lineHeight: "lh_20px"
+      },
+      ...listItemStyles.item,
+      ...isHovered && (!isDisabled || isGroup) ? listItemStyles.hover : {},
+      ...isFocused && !isGroup ? listItemStyles.focus : {},
+      ...isDisabled && !isGroup ? listItemStyles.disabled : {}
+    }), children: [
+      allowCollapsing && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "w_18px fs0 df aic", children: canCollapse && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("button", { onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        toggleCollapsed();
+        return false;
+      }, className: "br4 h_16px w_16px bgTransparent h_bgGray300", ...tid[`collapseToggle_${item.key}`], children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { icon: collapsedKeys.includes(item.key) ? "triangleRight" : "triangleDown", inc: 2 }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "df aic gap1 h100 fg1 pt1 pb1 pr2", ref, ...optionProps, "data-label": item.textValue, children: [
+        !isGroup && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(StyledCheckbox, { isDisabled, isSelected, isIndeterminate, ...tid[item.key.toString()] }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "pl1", children: item.rendered })
+      ] })
     ] })
-  ] });
+  });
 }
 function hasSelectedChildren(childOption, state, getOptionValue) {
   if (childOption.children && childOption.children.length > 0) {
@@ -12293,7 +12298,8 @@ function VirtualizedOptions(props) {
               {
                 item,
                 state,
-                allowCollapsing
+                allowCollapsing,
+                disabledReason: disabledOptionsWithReasons[item.key]
               },
               item.key
             );
@@ -12874,7 +12880,7 @@ function TreeSelectFieldBase(props) {
         onClose: () => state.toggle(),
         isOpen: state.isOpen,
         minWidth: 320,
-        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ListBox, { ...listBoxProps, positionProps, state, listBoxRef, selectedOptions: fieldState.selectedChipOptions, getOptionLabel, getOptionValue: (o) => valueToKey(getOptionValue(o)), horizontalLayout: labelStyle === "left", loading: fieldState.optionsLoading, allowCollapsing: fieldState.allowCollapsing, isTree: true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ListBox, { ...listBoxProps, positionProps, state, listBoxRef, selectedOptions: fieldState.selectedChipOptions, getOptionLabel, getOptionValue: (o) => valueToKey(getOptionValue(o)), horizontalLayout: labelStyle === "left", loading: fieldState.optionsLoading, allowCollapsing: fieldState.allowCollapsing, disabledOptionsWithReasons, isTree: true })
       }
     )
   ] });