@shoplflow/base 0.29.0 → 0.30.0

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
@@ -2896,7 +2896,8 @@ exports.TreeItem = (_a) => {
2896
2896
  depth = 0,
2897
2897
  initialIsOpen,
2898
2898
  isOpen,
2899
- disabled = false
2899
+ disabled = false,
2900
+ onClick
2900
2901
  } = _b, rest = __objRest(_b, [
2901
2902
  "children",
2902
2903
  "label",
@@ -2905,7 +2906,8 @@ exports.TreeItem = (_a) => {
2905
2906
  "depth",
2906
2907
  "initialIsOpen",
2907
2908
  "isOpen",
2908
- "disabled"
2909
+ "disabled",
2910
+ "onClick"
2909
2911
  ]);
2910
2912
  const [isOpened, setIsOpened] = React3__namespace.default.useState(initialIsOpen != null ? initialIsOpen : false);
2911
2913
  const CloneChildren = React3__namespace.default.Children.map(children, (child) => {
@@ -2923,6 +2925,16 @@ exports.TreeItem = (_a) => {
2923
2925
  e.stopPropagation();
2924
2926
  setIsOpened((prev) => !prev);
2925
2927
  };
2928
+ const handleClickTreeItem = (e) => {
2929
+ if (disabled || !onClick) {
2930
+ return;
2931
+ }
2932
+ return onClick(e);
2933
+ };
2934
+ const LeftSourceClone = leftSource ? React3__namespace.default.cloneElement(leftSource, __spreadValues({
2935
+ disabled,
2936
+ onClick
2937
+ }, rest)) : leftSource;
2926
2938
  React3.useEffect(() => {
2927
2939
  if (isOpen !== void 0) {
2928
2940
  setIsOpened(isOpen);
@@ -2937,10 +2949,11 @@ exports.TreeItem = (_a) => {
2937
2949
  variants: fadeInOut
2938
2950
  }, AnimateKey), {
2939
2951
  layout: true,
2940
- key: String(label)
2952
+ key: String(label),
2953
+ onClick: handleClickTreeItem
2941
2954
  }), rest),
2942
2955
  /* @__PURE__ */ jsxRuntime.jsxs(LeftElementWrapper, { children: [
2943
- leftSource,
2956
+ LeftSourceClone && LeftSourceClone,
2944
2957
  /* @__PURE__ */ jsxRuntime.jsx(exports.StackContainer, { padding: "0 0 0 4px", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Text, { typography: "body1_400", lineClamp: 1, color: disabled ? "neutral350" : "neutral700", children: label }) })
2945
2958
  ] }),
2946
2959
  /* @__PURE__ */ jsxRuntime.jsxs(RightElementWrapper, { children: [