@salutejs/plasma-new-hope 0.189.0-canary.1551.11792996525.0 → 0.189.1-canary.1532.11793947290.0

package/emotion/cjs/components/TextArea/hooks/useAutoResize.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.useAutoResize = exports.ROOT_FONT_SIZE = void 0;
 var _react = /*#__PURE__*/require("react");
 var ROOT_FONT_SIZE = exports.ROOT_FONT_SIZE = 16;
-var useAutoResize = exports.useAutoResize = function useAutoResize(active, ref, value, minAuto, maxAuto) {
+var useAutoResize = exports.useAutoResize = function useAutoResize(active, ref, value, minAuto, maxAuto, resize) {
   var previousHeight = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
     if (active && ref && ref.current) {
       // проверка на пользовательский resize (вручную)
       var height = ref.current.clientHeight / ROOT_FONT_SIZE;
-      if (previousHeight.current !== undefined && previousHeight.current !== height) {
+      if (resize && resize !== 'none' && previousHeight.current !== undefined && previousHeight.current !== height) {
         return;
       }
       var style = getComputedStyle(ref.current);
@@ -27,5 +27,5 @@ var useAutoResize = exports.useAutoResize = function useAutoResize(active, ref,
       ref.current.style.height = "".concat(newHeight, "rem");
       previousHeight.current = newHeight;
     }
-  }, [ref, active, value, minAuto, maxAuto]);
+  }, [ref, resize, active, value, minAuto, maxAuto]);
 };

package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx

@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
     contentRight: string;
     stretch: boolean;
     helperText: string;
+    maxItemWidth: string;
 };
 
 const contentLeftOptions = ['none', 'icon'];
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
     component: Tabs,
     decorators: [WithTheme],
     argTypes: {
-        ...disableProps([
-            'orientation',
-            'tabItemContentLeft',
-            'pilled',
-            'animated',
-            'view',
-            'as',
-            'forwardedAs',
-            'outsideScroll',
-            'index',
-        ]),
         contentRight: {
             options: contentRightOptions,
             control: {
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
             },
             if: { arg: 'stretch', truthy: false },
         },
+        ...disableProps([
+            'orientation',
+            'tabItemContentLeft',
+            'pilled',
+            'animated',
+            'view',
+            'as',
+            'forwardedAs',
+            'outsideScroll',
+            'index',
+        ]),
     },
 };
 
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
         stretch,
         maxItemWidth,
         helperText,
+        clip,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
 
     return (
-        <Tabs clip="none" view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
+        <Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
             {items.map((_, i) => {
                 if (helperText !== '') {
                     return (
@@ -651,7 +653,7 @@ const StoryHeaderDefault = (props: HorizontalStoryTabsProps) => {
                     size={size as HeaderSize}
                     maxItemWidth={maxItemWidth}
                 >
-                    {`Label${i + 1}`}
+                    {`${labels[i % labels.length]} ${i + 1}`}
                 </TabItem>
             ))}
         </Tabs>