@vkontakte/vkui 8.1.1 → 8.1.2

package/dist/components/Flex/FlexItem/FlexItem.d.ts

@@ -11,5 +11,5 @@ export type FlexItemProps = RootComponentProps<HTMLElement> & Pick<LayoutProps,
      */
     flex?: 'grow' | 'shrink' | 'content' | 'fixed' | undefined;
 };
-export declare const FlexItem: ({ flex, ...restProps }: FlexItemProps) => React.ReactNode;
+export declare const FlexItem: ({ flex, flexBasis, ...restProps }: FlexItemProps) => React.ReactNode;
 //# sourceMappingURL=FlexItem.d.ts.map

package/dist/components/Flex/FlexItem/FlexItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlexItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/FlexItem/FlexItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAsB,MAAM,sBAAsB,CAAC;AAG5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAU5E,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAC,WAAW,CAAC,GACzD,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,aAAa,GAAG,WAAW,CAAC,GAAG;IAC7D;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;CAC5D,CAAC;AAIJ,eAAO,MAAM,QAAQ,GAAI,wBAAwB,aAAa,KAAG,KAAK,CAAC,SAQtE,CAAC"}
+{"version":3,"file":"FlexItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/FlexItem/FlexItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAsB,MAAM,sBAAsB,CAAC;AAG5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAC,WAAW,CAAC,GACzD,IAAI,CAAC,WAAW,EAAE,WAAW,GAAG,aAAa,GAAG,WAAW,CAAC,GAAG;IAC7D;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;CAC5D,CAAC;AAoCJ,eAAO,MAAM,QAAQ,GAAI,mCAAmC,aAAa,KAAG,KAAK,CAAC,SAUjF,CAAC"}

package/dist/components/Flex/FlexItem/FlexItem.js

@@ -1,21 +1,52 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { getRequiredValueByKey } from "../../../helpers/getValueByKey.js";
 import { resolveLayoutProps } from "../../../lib/layouts/index.js";
 import { warnOnce } from "../../../lib/warnOnce.js";
 import { RootComponent } from "../../RootComponent/RootComponent.js";
-const flexClassNames = {
-    grow: "vkuiFlexItem__flexGrow",
-    shrink: "vkuiFlexItem__flexShrink",
-    content: "vkuiFlexItem__flexContent",
-    fixed: "vkuiFlexItem__flexFixed"
+const resolveFlexProps = (flex, flexBasis)=>{
+    const overrideProps = flexBasis !== undefined ? {
+        flexBasis
+    } : {};
+    if (!flex) {
+        return overrideProps;
+    }
+    return {
+        ...getRequiredValueByKey(flex, {
+            grow: {
+                flexGrow: 1,
+                flexShrink: 0,
+                flexBasis: 'auto'
+            },
+            shrink: {
+                flexGrow: 0,
+                flexShrink: 1,
+                flexBasis: 'auto'
+            },
+            content: {
+                flexGrow: 1,
+                flexShrink: 1,
+                flexBasis: 'auto'
+            },
+            fixed: {
+                flexGrow: 0,
+                flexShrink: 0,
+                flexBasis: 'auto'
+            }
+        }),
+        ...overrideProps
+    };
 };
 const warn = warnOnce('Flex.Item');
-export const FlexItem = ({ flex, ...restProps })=>{
+export const FlexItem = ({ flex, flexBasis, ...restProps })=>{
     if (process.env.NODE_ENV === 'development') {
         warn('Компонент Flex.Item устарел, используйте компонент Box в качестве альтернативы.');
     }
-    const resolvedProps = resolveLayoutProps(restProps);
+    const flexProps = resolveFlexProps(flex, flexBasis);
+    const resolvedProps = resolveLayoutProps({
+        ...restProps,
+        ...flexProps
+    });
     return /*#__PURE__*/ _jsx(RootComponent, {
-        baseClassName: flex && flexClassNames[flex],
         ...resolvedProps
     });
 };

package/dist/components/Flex/FlexItem/FlexItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Flex/FlexItem/FlexItem.tsx"],"sourcesContent":["import { type LayoutProps, resolveLayoutProps } from '../../../lib/layouts';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport type { RootComponentProps } from '../../RootComponent/RootComponent';\nimport styles from './FlexItem.module.css';\n\nconst flexClassNames = {\n  grow: styles.flexGrow,\n  shrink: styles.flexShrink,\n  content: styles.flexContent,\n  fixed: styles.flexFixed,\n};\n\nexport type FlexItemProps = RootComponentProps<HTMLElement> &\n  Pick<LayoutProps, 'alignSelf' | 'justifySelf' | 'flexBasis'> & {\n    /**\n     * Позволяет задать предопределенные значения свойства `flex`:\n     *\n     * - `grow` соответствует значению `1 0 auto`\n     * - `shrink` соответствует значению `0 1 auto`\n     * - `content` соответствует значению `1 1 auto`\n     * - `fixed` соответствует значению `0 0 auto`.\n     */\n    flex?: 'grow' | 'shrink' | 'content' | 'fixed' | undefined;\n  };\n\nconst warn = warnOnce('Flex.Item');\n\nexport const FlexItem = ({ flex, ...restProps }: FlexItemProps): React.ReactNode => {\n  if (process.env.NODE_ENV === 'development') {\n    warn('Компонент Flex.Item устарел, используйте компонент Box в качестве альтернативы.');\n  }\n\n  const resolvedProps = resolveLayoutProps(restProps);\n\n  return <RootComponent baseClassName={flex && flexClassNames[flex]} {...resolvedProps} />;\n};\n"],"names":["resolveLayoutProps","warnOnce","RootComponent","flexClassNames","grow","shrink","content","fixed","warn","FlexItem","flex","restProps","process","env","NODE_ENV","resolvedProps","baseClassName"],"mappings":";AAAA,SAA2BA,kBAAkB,QAAQ,gCAAuB;AAC5E,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,aAAa,QAAQ,uCAAoC;AAIlE,MAAMC,iBAAiB;IACrBC,IAAI;IACJC,MAAM;IACNC,OAAO;IACPC,KAAK;AACP;AAeA,MAAMC,OAAOP,SAAS;AAEtB,OAAO,MAAMQ,WAAW,CAAC,EAAEC,IAAI,EAAE,GAAGC,WAA0B;IAC5D,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1CN,KAAK;IACP;IAEA,MAAMO,gBAAgBf,mBAAmBW;IAEzC,qBAAO,KAACT;QAAcc,eAAeN,QAAQP,cAAc,CAACO,KAAK;QAAG,GAAGK,aAAa;;AACtF,EAAE"}
+{"version":3,"sources":["../../../../src/components/Flex/FlexItem/FlexItem.tsx"],"sourcesContent":["import { getRequiredValueByKey } from '../../../helpers/getValueByKey';\nimport { type LayoutProps, resolveLayoutProps } from '../../../lib/layouts';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport type { RootComponentProps } from '../../RootComponent/RootComponent';\n\nexport type FlexItemProps = RootComponentProps<HTMLElement> &\n  Pick<LayoutProps, 'alignSelf' | 'justifySelf' | 'flexBasis'> & {\n    /**\n     * Позволяет задать предопределенные значения свойства `flex`:\n     *\n     * - `grow` соответствует значению `1 0 auto`\n     * - `shrink` соответствует значению `0 1 auto`\n     * - `content` соответствует значению `1 1 auto`\n     * - `fixed` соответствует значению `0 0 auto`.\n     */\n    flex?: 'grow' | 'shrink' | 'content' | 'fixed' | undefined;\n  };\n\nconst resolveFlexProps = (flex: FlexItemProps['flex'], flexBasis: FlexItemProps['flexBasis']) => {\n  const overrideProps = flexBasis !== undefined ? { flexBasis } : {};\n  if (!flex) {\n    return overrideProps;\n  }\n  return {\n    ...getRequiredValueByKey<Pick<LayoutProps, 'flexGrow' | 'flexShrink' | 'flexBasis'>>(flex, {\n      grow: {\n        flexGrow: 1,\n        flexShrink: 0,\n        flexBasis: 'auto',\n      },\n      shrink: {\n        flexGrow: 0,\n        flexShrink: 1,\n        flexBasis: 'auto',\n      },\n      content: {\n        flexGrow: 1,\n        flexShrink: 1,\n        flexBasis: 'auto',\n      },\n      fixed: {\n        flexGrow: 0,\n        flexShrink: 0,\n        flexBasis: 'auto',\n      },\n    }),\n    ...overrideProps,\n  };\n};\n\nconst warn = warnOnce('Flex.Item');\n\nexport const FlexItem = ({ flex, flexBasis, ...restProps }: FlexItemProps): React.ReactNode => {\n  if (process.env.NODE_ENV === 'development') {\n    warn('Компонент Flex.Item устарел, используйте компонент Box в качестве альтернативы.');\n  }\n\n  const flexProps = resolveFlexProps(flex, flexBasis);\n\n  const resolvedProps = resolveLayoutProps({ ...restProps, ...flexProps });\n\n  return <RootComponent {...resolvedProps} />;\n};\n"],"names":["getRequiredValueByKey","resolveLayoutProps","warnOnce","RootComponent","resolveFlexProps","flex","flexBasis","overrideProps","undefined","grow","flexGrow","flexShrink","shrink","content","fixed","warn","FlexItem","restProps","process","env","NODE_ENV","flexProps","resolvedProps"],"mappings":";AAAA,SAASA,qBAAqB,QAAQ,oCAAiC;AACvE,SAA2BC,kBAAkB,QAAQ,gCAAuB;AAC5E,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,aAAa,QAAQ,uCAAoC;AAgBlE,MAAMC,mBAAmB,CAACC,MAA6BC;IACrD,MAAMC,gBAAgBD,cAAcE,YAAY;QAAEF;IAAU,IAAI,CAAC;IACjE,IAAI,CAACD,MAAM;QACT,OAAOE;IACT;IACA,OAAO;QACL,GAAGP,sBAAkFK,MAAM;YACzFI,MAAM;gBACJC,UAAU;gBACVC,YAAY;gBACZL,WAAW;YACb;YACAM,QAAQ;gBACNF,UAAU;gBACVC,YAAY;gBACZL,WAAW;YACb;YACAO,SAAS;gBACPH,UAAU;gBACVC,YAAY;gBACZL,WAAW;YACb;YACAQ,OAAO;gBACLJ,UAAU;gBACVC,YAAY;gBACZL,WAAW;YACb;QACF,EAAE;QACF,GAAGC,aAAa;IAClB;AACF;AAEA,MAAMQ,OAAOb,SAAS;AAEtB,OAAO,MAAMc,WAAW,CAAC,EAAEX,IAAI,EAAEC,SAAS,EAAE,GAAGW,WAA0B;IACvE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1CL,KAAK;IACP;IAEA,MAAMM,YAAYjB,iBAAiBC,MAAMC;IAEzC,MAAMgB,gBAAgBrB,mBAAmB;QAAE,GAAGgB,SAAS;QAAE,GAAGI,SAAS;IAAC;IAEtE,qBAAO,KAAClB;QAAe,GAAGmB,aAAa;;AACzC,EAAE"}