@salutejs/plasma-new-hope 0.262.0-canary.1759.13235886296.0 → 0.262.0-canary.1761.13279424878.0

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

@@ -13,7 +13,7 @@ import { config } from './TextArea.config';
 import { TextArea } from './TextArea';
 
 const labelPlacements = ['inner', 'outer'];
-const sizes = ['xs', 's', 'm', 'l', 'xl'];
+const sizes = ['xs', 's', 'm', 'l'];
 const hintViews = ['default'];
 const hintSizes = ['m', 's'];
 const hintTriggers = ['hover', 'click'];

package/emotion/es/components/Combobox/ComboboxNew/Combobox.js

@@ -1,4 +1,4 @@
-var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "hintView", "hintSize"];
+var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -22,7 +22,7 @@ import { classes } from './Combobox.tokens';
 import { FloatingPopover } from './FloatingPopover';
 import { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';
 import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, filterItems, getItemId, getInitialValue } from './utils';
-import { Inner, StyledTextField } from './ui';
+import { Inner, StyledTextField, VirtualList } from './ui';
 import { pathReducer, focusedPathReducer } from './reducers';
 import { getPathMap, getTreeMaps } from './hooks/getPathMaps';
 import { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState } from './Combobox.styles';
@@ -77,6 +77,8 @@ export var comboboxRoot = function comboboxRoot(Root) {
       zIndex = props.zIndex,
       beforeList = props.beforeList,
       afterList = props.afterList,
+      _props$virtual = props.virtual,
+      virtual = _props$virtual === void 0 ? false : _props$virtual,
       hintView = props.hintView,
       hintSize = props.hintSize,
       rest = _objectWithoutProperties(props, _excluded);
@@ -483,7 +485,10 @@ export var comboboxRoot = function comboboxRoot(Root) {
       listOverflow: listOverflow,
       listWidth: listWidth,
       ref: targetRef
-    }, beforeList, isEmpty(filteredItems) ? /*#__PURE__*/React.createElement(StyledEmptyState, {
+    }, virtual ? /*#__PURE__*/React.createElement(VirtualList, {
+      items: filteredItems,
+      listHeight: listHeight
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null, beforeList, isEmpty(filteredItems) ? /*#__PURE__*/React.createElement(StyledEmptyState, {
       className: classes.emptyStateWrapper,
       size: size,
       description: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E"
@@ -497,7 +502,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
         index: index,
         listWidth: listWidth
       });
-    }), afterList))))));
+    }), afterList)))))));
   });
 };
 export var comboboxConfig = {

package/emotion/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import List from 'rc-virtual-list';
+import { Item } from '../Inner/ui';
+var getHeight = function getHeight(listHeight) {
+  if (!listHeight) return 300;
+  if (typeof listHeight === 'number') return listHeight;
+  return parseInt(listHeight, 10);
+};
+export var VirtualList = function VirtualList(_ref) {
+  var items = _ref.items,
+    listHeight = _ref.listHeight;
+  return /*#__PURE__*/React.createElement(List, {
+    data: items,
+    height: getHeight(listHeight),
+    itemHeight: 100,
+    itemKey: "id"
+  }, function (item, index, props) {
+    return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement(Item, {
+      item: item,
+      path: ['root'],
+      currentLevel: 0,
+      index: index,
+      ariaLevel: 1
+    }));
+  });
+};

package/emotion/es/components/Combobox/ComboboxNew/ui/index.js

@@ -1,2 +1,3 @@
 export * from './Inner/Inner';
-export * from './Target/Target';
+export * from './Target/Target';
+export * from './VirtualList/VirtualList';