@salutejs/plasma-new-hope 0.320.1-canary.1912.14382016568.0 → 0.320.1-canary.1914.14404950905.0

package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx

@@ -24,7 +24,7 @@ const meta: Meta<typeof Checkbox> = {
             },
         },
         size: {
-            options: ['l', 'm', 's'],
+            options: ['m', 's'],
             control: {
                 type: 'radio',
             },

package/emotion/es/components/Tree/Tree.js

@@ -15,8 +15,9 @@ export var treeRoot = function treeRoot(Root) {
       _ref$arrowPlacement = _ref.arrowPlacement,
       arrowPlacement = _ref$arrowPlacement === void 0 ? 'left' : _ref$arrowPlacement,
       _ref$virtual = _ref.virtual,
-      virtual = _ref$virtual === void 0 ? false : _ref$virtual,
+      virtual = _ref$virtual === void 0 ? true : _ref$virtual,
       height = _ref.height,
+      itemHeight = _ref.itemHeight,
       size = _ref.size,
       view = _ref.view,
       _ref$fullWidthItemSel = _ref.fullWidthItemSelection,
@@ -50,6 +51,7 @@ export var treeRoot = function treeRoot(Root) {
       items: items
     }, /*#__PURE__*/React.createElement(Tree, _extends({
       height: height,
+      itemHeight: itemHeight,
       virtual: virtual,
       multiple: multiple,
       checkable: checkable,

package/emotion/es/components/Tree/Tree.template-doc.mdx

@@ -99,7 +99,7 @@ type TreeItem = {
             ];
 
             return (
-                <div style={{ display: 'block' }}>
+                <div style=\{{ display: 'block' }}>
                     <Tree items={treeData} defaultExpandAll />
                 </div>
             );
@@ -166,7 +166,7 @@ type TreeItem = {
             const [selected, setSelected] = React.useState<React.Key>([]);
 
             return (
-                <div style={{ display: 'block' }}>
+                <div style=\{{ display: 'block' }}>
                     <Tree
                         items={treeData}
                         checkable
@@ -182,5 +182,28 @@ type TreeItem = {
         }
         ```
     </TabItem>
+    <TabItem value="virtual" label="Virtual">
+        Для включения виртуализации обязательными являются 2 свойства: `height` и `itemHeight`. \
+        Также есть опциональный флаг для явного отключения/включения виртуализации: `virtual`.
+
+        ```tsx live
+        import React from 'react';
+        import { Tree } from '@salutejs/{{ package }}';
+
+        export function App() {
+            return (
+                <div style=\{{ display: 'block' }}>
+                    <Tree
+                        items={Array(1000)
+                            .fill(1)
+                            .map((_, i) => ({ key: i.toString(), title: i.toString() }))}
+                        height={400}
+                        itemHeight={48}
+                    />
+                </div>
+            );
+        }
+        ```
+    </TabItem>
 </Tabs>