sellmate-design-system-react 9.0.0-beta.4 → 9.0.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -4701,7 +4701,7 @@ var STreeItemImpl = /* @__PURE__ */ forwardRef(function STreeItem({
4701
4701
  "aria-disabled": node.disabled || void 0,
4702
4702
  onClick: handleRowClick,
4703
4703
  className: cn(
4704
- "group/tree-item flex min-h-[32px] w-full items-center gap-(--cmp-tree-item-rowGap) bg-(--cmp-tree-item-bg-default) px-(--cmp-tree-item-paddingX) text-left",
4704
+ "group/tree-item box-border flex h-[32px] w-full items-center gap-(--cmp-tree-item-rowGap) overflow-hidden bg-(--cmp-tree-item-bg-default) px-(--cmp-tree-item-paddingX) text-left",
4705
4705
  border && "border-b border-(--cmp-tree-item-border-default)",
4706
4706
  !node.disabled && "hover:bg-(--cmp-tree-item-bg-hover)",
4707
4707
  node.disabled && "cursor-not-allowed opacity-60",
@@ -4720,7 +4720,7 @@ var STreeItemImpl = /* @__PURE__ */ forwardRef(function STreeItem({
4720
4720
  ancestorLast
4721
4721
  }
4722
4722
  ),
4723
- /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-(--cmp-tree-item-contentGap) py-(--cmp-tree-item-paddingY)", children: [
4723
+ /* @__PURE__ */ jsxs("div", { className: "box-border flex h-full min-w-0 flex-1 items-center gap-(--cmp-tree-item-contentGap) py-(--cmp-tree-item-paddingY)", children: [
4724
4724
  hasChildren ? /* @__PURE__ */ jsx(
4725
4725
  SGhostButton,
4726
4726
  {
@@ -4756,25 +4756,17 @@ var STreeItemImpl = /* @__PURE__ */ forwardRef(function STreeItem({
4756
4756
  /* @__PURE__ */ jsx(
4757
4757
  "span",
4758
4758
  {
4759
+ onClick: (event) => {
4760
+ if (!selectable) return;
4761
+ event.stopPropagation();
4762
+ if (!node.disabled && selectable) onTreeSelect?.(node, event);
4763
+ },
4759
4764
  className: cn(
4760
- "min-w-0 flex-1 text-[14px] leading-[24px]",
4761
- selected || indeterminate ? "font-bold text-(--cmp-tree-item-text-selected)" : "font-medium text-(--cmp-tree-item-text-default)"
4765
+ "block min-w-0 flex-1 truncate text-[14px] leading-[24px]",
4766
+ selected || indeterminate ? "font-bold text-(--cmp-tree-item-text-selected)" : "font-medium text-(--cmp-tree-item-text-default)",
4767
+ node.disabled ? "cursor-not-allowed" : selectable ? "cursor-pointer" : void 0
4762
4768
  ),
4763
- children: /* @__PURE__ */ jsx(
4764
- "span",
4765
- {
4766
- onClick: (event) => {
4767
- if (!selectable) return;
4768
- event.stopPropagation();
4769
- if (!node.disabled && selectable) onTreeSelect?.(node, event);
4770
- },
4771
- className: cn(
4772
- "inline-block max-w-full truncate",
4773
- node.disabled ? "cursor-not-allowed" : selectable ? "cursor-pointer" : void 0
4774
- ),
4775
- children: node.label
4776
- }
4777
- )
4769
+ children: node.label
4778
4770
  }
4779
4771
  ),
4780
4772
  trailingNode