@snack-uikit/tree 0.9.25 → 0.9.27-preview-419c2a77.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/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 0.9.26 (2025-09-16)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **PDS-2808:** tree line height ([fda93b8](https://github.com/cloud-ru-tech/snack-uikit/commit/fda93b833d446ce77b6dc14b0f37d0c93e1d252a))
12
+
13
+
14
+
15
+
16
+
6
17
  ## 0.9.25 (2025-09-15)
7
18
 
8
19
 
@@ -156,7 +156,7 @@ exports.ExpandableTreeNode = (0, react_1.forwardRef)((_a, ref) => {
156
156
  children: [(0, jsx_runtime_1.jsx)(TreeLine_1.TreeLine, {
157
157
  visible: showLines,
158
158
  "data-test-id": constants_1.TEST_IDS.line,
159
- height: `calc(100% - ${lastItemHeight / 2}px)`,
159
+ height: `calc(100% - ${lastItemHeight}px)`,
160
160
  className: styles_module_scss_1.default.treeLine
161
161
  }), (0, jsx_runtime_1.jsx)("div", {
162
162
  className: styles_module_scss_1.default.expandableNested,
@@ -34,6 +34,6 @@
34
34
  }
35
35
 
36
36
  .treeLine{
37
- box-sizing:border-box;
37
+ box-sizing:content-box;
38
38
  padding-bottom:calc(var(--size-tree-item-line-height, 32px) / 2);
39
39
  }
@@ -92,7 +92,7 @@ export const ExpandableTreeNode = forwardRef((_a, ref) => {
92
92
  return;
93
93
  }
94
94
  };
95
- return (_jsxs("div", { className: styles.expandableTreeNode, "data-test-id": dataTestId, "data-expandable": Boolean(node.nested) || undefined, "data-disabled": node.disabled || undefined, ref: ref, children: [_jsx(TreeNode, Object.assign({}, node, { isLoading: isLoading, parentNode: parentNode, onChevronClick: toggleExpand, onKeyDown: handleKeyDown, tabIndexAvailable: tabIndexAvailable })), node.nested && (_jsx("div", { className: styles.expandableWrap, "data-expanded": isExpanded || undefined, "data-test-id": TEST_IDS.expandable, children: showContent && (_jsxs("div", { className: styles.expandableContent, "data-test-id": TEST_IDS.expandableContent, children: [_jsx(TreeLine, { visible: showLines, "data-test-id": TEST_IDS.line, height: `calc(100% - ${lastItemHeight / 2}px)`, className: styles.treeLine }), _jsx("div", { className: styles.expandableNested, children: node.nested.map((nestedNode, index) => {
95
+ return (_jsxs("div", { className: styles.expandableTreeNode, "data-test-id": dataTestId, "data-expandable": Boolean(node.nested) || undefined, "data-disabled": node.disabled || undefined, ref: ref, children: [_jsx(TreeNode, Object.assign({}, node, { isLoading: isLoading, parentNode: parentNode, onChevronClick: toggleExpand, onKeyDown: handleKeyDown, tabIndexAvailable: tabIndexAvailable })), node.nested && (_jsx("div", { className: styles.expandableWrap, "data-expanded": isExpanded || undefined, "data-test-id": TEST_IDS.expandable, children: showContent && (_jsxs("div", { className: styles.expandableContent, "data-test-id": TEST_IDS.expandableContent, children: [_jsx(TreeLine, { visible: showLines, "data-test-id": TEST_IDS.line, height: `calc(100% - ${lastItemHeight}px)`, className: styles.treeLine }), _jsx("div", { className: styles.expandableNested, children: node.nested.map((nestedNode, index) => {
96
96
  const parent = { id: node.id, nested: node.nested, parentNode };
97
97
  return (_jsx(TreeItem, { ref: el => (childrenRefs.current[index] = el), node: Object.assign(Object.assign({}, nestedNode), { disabled: node.disabled || nestedNode.disabled }), parentNode: parent }, nestedNode.id));
98
98
  }) })] })) }))] }));
@@ -34,6 +34,6 @@
34
34
  }
35
35
 
36
36
  .treeLine{
37
- box-sizing:border-box;
37
+ box-sizing:content-box;
38
38
  padding-bottom:calc(var(--size-tree-item-line-height, 32px) / 2);
39
39
  }
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Tree",
7
- "version": "0.9.25",
7
+ "version": "0.9.27-preview-419c2a77.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -37,15 +37,15 @@
37
37
  "scripts": {},
38
38
  "dependencies": {
39
39
  "@snack-uikit/button": "0.19.16",
40
- "@snack-uikit/icons": "0.27.2",
41
- "@snack-uikit/list": "0.32.4",
42
- "@snack-uikit/toggles": "0.13.21",
43
- "@snack-uikit/truncate-string": "0.7.1",
40
+ "@snack-uikit/icons": "0.27.3-preview-419c2a77.0",
41
+ "@snack-uikit/list": "0.32.5-preview-419c2a77.0",
42
+ "@snack-uikit/toggles": "0.13.22-preview-419c2a77.0",
43
+ "@snack-uikit/truncate-string": "0.7.2-preview-419c2a77.0",
44
44
  "@snack-uikit/typography": "0.8.11",
45
45
  "@snack-uikit/utils": "4.0.0",
46
46
  "classnames": "2.5.1",
47
47
  "react-transition-state": "2.1.1",
48
48
  "uncontrollable": "8.0.4"
49
49
  },
50
- "gitHead": "abf20ca13f6a8d78404132a054168125f32284cc"
50
+ "gitHead": "9f210a0e129c15e353709e4684524ce6eb3a7d5e"
51
51
  }
@@ -125,7 +125,7 @@ export const ExpandableTreeNode = forwardRef<HTMLDivElement, ExpandableTreeNodeP
125
125
  <TreeLine
126
126
  visible={showLines}
127
127
  data-test-id={TEST_IDS.line}
128
- height={`calc(100% - ${lastItemHeight / 2}px)`}
128
+ height={`calc(100% - ${lastItemHeight}px)`}
129
129
  className={styles.treeLine}
130
130
  />
131
131
 
@@ -43,6 +43,6 @@
43
43
  }
44
44
 
45
45
  .treeLine {
46
- box-sizing: border-box;
46
+ box-sizing: content-box;
47
47
  padding-bottom: calc(#{tree.$size-tree-item-line-height} / 2);
48
48
  }