@shoplflow/base 0.33.3 → 0.33.4
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 +7 -3
- package/dist/index.js +7 -3
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -3322,11 +3322,15 @@ var StyledTree = styled6__default.default(framerMotion.motion.ul)`
|
|
|
3322
3322
|
flex-direction: column;
|
|
3323
3323
|
width: 100%;
|
|
3324
3324
|
`;
|
|
3325
|
+
var StyledTreeItemWrapper = styled6__default.default.div`
|
|
3326
|
+
background: ${({ hasBackground }) => hasBackground ? exports.colorTokens.neutral100 : "transparent"};
|
|
3327
|
+
border-radius: 8px;
|
|
3328
|
+
`;
|
|
3325
3329
|
var StyledTreeItem = styled6__default.default(framerMotion.motion.li)`
|
|
3326
3330
|
display: flex;
|
|
3327
3331
|
flex-direction: row;
|
|
3328
3332
|
width: 100%;
|
|
3329
|
-
height: 48px;
|
|
3333
|
+
min-height: 48px;
|
|
3330
3334
|
gap: 4px;
|
|
3331
3335
|
align-items: center;
|
|
3332
3336
|
justify-content: space-between;
|
|
@@ -3433,7 +3437,7 @@ exports.TreeItem = (_a) => {
|
|
|
3433
3437
|
}
|
|
3434
3438
|
}, [isOpen]);
|
|
3435
3439
|
const isLastTree = !children && depth > 0;
|
|
3436
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3440
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(StyledTreeItemWrapper, { hasBackground: isOpened || isLastTree, children: [
|
|
3437
3441
|
/* @__PURE__ */ React3.createElement(
|
|
3438
3442
|
StyledTreeItem,
|
|
3439
3443
|
__spreadValues(__spreadProps(__spreadValues({
|
|
@@ -3460,7 +3464,7 @@ exports.TreeItem = (_a) => {
|
|
|
3460
3464
|
) }),
|
|
3461
3465
|
isLastTree && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "24px", height: "24px", visibility: "hidden" } }),
|
|
3462
3466
|
LeftSourceClone && LeftSourceClone,
|
|
3463
|
-
/* @__PURE__ */ jsxRuntime.jsx(exports.StackContainer, { padding: "0 0 0 4px", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Text, { typography: "body1_400",
|
|
3467
|
+
/* @__PURE__ */ jsxRuntime.jsx(exports.StackContainer, { padding: "0 0 0 4px", children: /* @__PURE__ */ jsxRuntime.jsx(exports.Text, { typography: "body1_400", wordBreak: "break-all", color: disabled ? "neutral350" : "neutral700", children: label }) })
|
|
3464
3468
|
] }),
|
|
3465
3469
|
/* @__PURE__ */ jsxRuntime.jsx(RightElementWrapper, { children: rightSource })
|
|
3466
3470
|
),
|
package/dist/index.js
CHANGED
|
@@ -3295,11 +3295,15 @@ var StyledTree = styled6(motion.ul)`
|
|
|
3295
3295
|
flex-direction: column;
|
|
3296
3296
|
width: 100%;
|
|
3297
3297
|
`;
|
|
3298
|
+
var StyledTreeItemWrapper = styled6.div`
|
|
3299
|
+
background: ${({ hasBackground }) => hasBackground ? colorTokens.neutral100 : "transparent"};
|
|
3300
|
+
border-radius: 8px;
|
|
3301
|
+
`;
|
|
3298
3302
|
var StyledTreeItem = styled6(motion.li)`
|
|
3299
3303
|
display: flex;
|
|
3300
3304
|
flex-direction: row;
|
|
3301
3305
|
width: 100%;
|
|
3302
|
-
height: 48px;
|
|
3306
|
+
min-height: 48px;
|
|
3303
3307
|
gap: 4px;
|
|
3304
3308
|
align-items: center;
|
|
3305
3309
|
justify-content: space-between;
|
|
@@ -3406,7 +3410,7 @@ var TreeItem = (_a) => {
|
|
|
3406
3410
|
}
|
|
3407
3411
|
}, [isOpen]);
|
|
3408
3412
|
const isLastTree = !children && depth > 0;
|
|
3409
|
-
return /* @__PURE__ */ jsxs(
|
|
3413
|
+
return /* @__PURE__ */ jsxs(StyledTreeItemWrapper, { hasBackground: isOpened || isLastTree, children: [
|
|
3410
3414
|
/* @__PURE__ */ createElement(
|
|
3411
3415
|
StyledTreeItem,
|
|
3412
3416
|
__spreadValues(__spreadProps(__spreadValues({
|
|
@@ -3433,7 +3437,7 @@ var TreeItem = (_a) => {
|
|
|
3433
3437
|
) }),
|
|
3434
3438
|
isLastTree && /* @__PURE__ */ jsx("div", { style: { width: "24px", height: "24px", visibility: "hidden" } }),
|
|
3435
3439
|
LeftSourceClone && LeftSourceClone,
|
|
3436
|
-
/* @__PURE__ */ jsx(StackContainer_default, { padding: "0 0 0 4px", children: /* @__PURE__ */ jsx(Text_default, { typography: "body1_400",
|
|
3440
|
+
/* @__PURE__ */ jsx(StackContainer_default, { padding: "0 0 0 4px", children: /* @__PURE__ */ jsx(Text_default, { typography: "body1_400", wordBreak: "break-all", color: disabled ? "neutral350" : "neutral700", children: label }) })
|
|
3437
3441
|
] }),
|
|
3438
3442
|
/* @__PURE__ */ jsx(RightElementWrapper, { children: rightSource })
|
|
3439
3443
|
),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shoplflow/base",
|
|
3
|
-
"version": "0.33.
|
|
3
|
+
"version": "0.33.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
"react-dom": "^18.2.0",
|
|
92
92
|
"simplebar-react": "^3.2.6",
|
|
93
93
|
"@shoplflow/hada-assets": "^0.1.3",
|
|
94
|
-
"@shoplflow/shopl-assets": "^0.12.
|
|
94
|
+
"@shoplflow/shopl-assets": "^0.12.2",
|
|
95
95
|
"@shoplflow/utils": "^0.6.5"
|
|
96
96
|
},
|
|
97
97
|
"scripts": {
|