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.cjs CHANGED
@@ -4729,7 +4729,7 @@ var STreeItemImpl = /* @__PURE__ */ react.forwardRef(function STreeItem({
4729
4729
  "aria-disabled": node.disabled || void 0,
4730
4730
  onClick: handleRowClick,
4731
4731
  className: cn(
4732
- "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",
4732
+ "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",
4733
4733
  border && "border-b border-(--cmp-tree-item-border-default)",
4734
4734
  !node.disabled && "hover:bg-(--cmp-tree-item-bg-hover)",
4735
4735
  node.disabled && "cursor-not-allowed opacity-60",
@@ -4748,7 +4748,7 @@ var STreeItemImpl = /* @__PURE__ */ react.forwardRef(function STreeItem({
4748
4748
  ancestorLast
4749
4749
  }
4750
4750
  ),
4751
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-(--cmp-tree-item-contentGap) py-(--cmp-tree-item-paddingY)", children: [
4751
+ /* @__PURE__ */ jsxRuntime.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: [
4752
4752
  hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(
4753
4753
  SGhostButton,
4754
4754
  {
@@ -4784,25 +4784,17 @@ var STreeItemImpl = /* @__PURE__ */ react.forwardRef(function STreeItem({
4784
4784
  /* @__PURE__ */ jsxRuntime.jsx(
4785
4785
  "span",
4786
4786
  {
4787
+ onClick: (event) => {
4788
+ if (!selectable) return;
4789
+ event.stopPropagation();
4790
+ if (!node.disabled && selectable) onTreeSelect?.(node, event);
4791
+ },
4787
4792
  className: cn(
4788
- "min-w-0 flex-1 text-[14px] leading-[24px]",
4789
- selected || indeterminate ? "font-bold text-(--cmp-tree-item-text-selected)" : "font-medium text-(--cmp-tree-item-text-default)"
4793
+ "block min-w-0 flex-1 truncate text-[14px] leading-[24px]",
4794
+ selected || indeterminate ? "font-bold text-(--cmp-tree-item-text-selected)" : "font-medium text-(--cmp-tree-item-text-default)",
4795
+ node.disabled ? "cursor-not-allowed" : selectable ? "cursor-pointer" : void 0
4790
4796
  ),
4791
- children: /* @__PURE__ */ jsxRuntime.jsx(
4792
- "span",
4793
- {
4794
- onClick: (event) => {
4795
- if (!selectable) return;
4796
- event.stopPropagation();
4797
- if (!node.disabled && selectable) onTreeSelect?.(node, event);
4798
- },
4799
- className: cn(
4800
- "inline-block max-w-full truncate",
4801
- node.disabled ? "cursor-not-allowed" : selectable ? "cursor-pointer" : void 0
4802
- ),
4803
- children: node.label
4804
- }
4805
- )
4797
+ children: node.label
4806
4798
  }
4807
4799
  ),
4808
4800
  trailingNode