@vkontakte/vkui 7.4.1 → 7.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "type": "module",
-  "version": "7.4.1",
+  "version": "7.4.3",
   "name": "@vkontakte/vkui",
   "description": "VKUI library",
   "module": "./dist/index.js",
@@ -89,7 +89,7 @@
     "@vkontakte/icons": "^3.0.0",
     "@vkontakte/vkjs": "^2.0.1",
     "@vkontakte/vkui-date-fns-tz": "^0.0.4",
-    "@vkontakte/vkui-floating-ui": "^0.2.3",
+    "@vkontakte/vkui-floating-ui": "^0.2.5",
     "date-fns": "^4.1.0"
   },
   "devDependencies": {

package/src/components/ImageBase/ImageBase.tsx

@@ -286,7 +286,7 @@ export const ImageBase: React.FC<ImageBaseProps> & {
         baseStyle={{ width, height }}
         baseClassName={classNames(
           styles.host,
-          loaded && styles.loaded,
+          hasSrc && loaded && styles.loaded,
           withTransparentBackground && styles.transparentBackground,
         )}
         getRootRef={wrapperRef}

package/src/components/SimpleCell/SimpleCell.module.css

@@ -123,6 +123,7 @@
   flex-shrink: 0;
   align-items: center;
   align-self: stretch;
+  padding-inline-start: var(--vkui--spacing_size_xl);
   color: var(--vkui_internal--icon_color, var(--vkui--color_icon_accent));
 }
 
@@ -138,10 +139,13 @@
 }
 
 .chevronIcon {
-  padding-inline-start: var(--vkui--spacing_size_xl);
   color: var(--vkui--color_icon_tertiary);
 }
 
+.chevronIcon:not(:first-child) {
+  padding-inline-start: var(--vkui--spacing_size_xl);
+}
+
 /**
  * sizeY === 'compact'
  */

package/src/components/SimpleCell/SimpleCell.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./SimpleCell.module.css"],"names":["host","mult","children","disabled","before","beforeIos","middle","overTitle","text","subtitle","extraSubtitle","content","badge","indicator","after","chevronIcon","sizeYCompact","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAYAC,M,WAZA;AAAA,E,aAgBAA,M,WAhBA;AAAA,E,aAgBMC,U,WAhBN;AAAA,E,aAoBAC,U,WApBA;AAAA,E,aAwBAC,Q,WAxBA;AAAA,E,aAkCAA,Q,WAlCA;AAAA,E,aAwCAC,W,WAxCA;AAAA,E,aA4CAD,Q,WA5CA;AAAA,E,aAgDAE,Q,WAhDA;AAAA,E,aA4DAA,Q,WA5DA;AAAA,E,aAgEAC,W,WAhEA;AAAA,E,aAoEAC,M,WApEA;AAAA,E,aAyEAC,U,WAzEA;AAAA,E,aA0EAC,e,WA1EA;AAAA,E,aA8EAV,M,WA9EA;AAAA,E,aA8EMW,S,WA9EN;AAAA,E,aAsFAT,U,WAtFA;AAAA,E,aA6FAD,M,WA7FA;AAAA,E,aA6FMC,U,WA7FN;AAAA,E,aA8FAD,M,WA9FA;AAAA,E,aA8FMQ,U,WA9FN;AAAA,E,aAkGAG,O,WAlGA;AAAA,E,aA0GAD,S,WA1GA;AAAA,E,aA8GAE,W,WA9GA;AAAA,E,aAwHAC,O,WAxHA;AAAA,E,aAiIAA,O,WAjIA;AAAA,E,aAuIAA,O,WAvIA;AAAA,E,aA2IAC,a,WA3IA;AAAA,E,aAoJAC,c,WApJA;AAAA,E,aAwJAA,c,WAxJA;AAAA,E,aAwJcZ,Q,WAxJd;AAAA,E,aA6JEa,W,WA7JF;AAAA,E,aAiKEA,W,WAjKF;AAAA,E,aAiKab,Q,WAjKb;AAAA,E,aA2KiCJ,M,WA3KjC;AAAA;AAAA","file":"SimpleCell.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./SimpleCell.module.css"],"names":["host","mult","children","disabled","before","beforeIos","middle","overTitle","text","subtitle","extraSubtitle","content","badge","indicator","after","chevronIcon","sizeYCompact","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAYAC,M,WAZA;AAAA,E,aAgBAA,M,WAhBA;AAAA,E,aAgBMC,U,WAhBN;AAAA,E,aAoBAC,U,WApBA;AAAA,E,aAwBAC,Q,WAxBA;AAAA,E,aAkCAA,Q,WAlCA;AAAA,E,aAwCAC,W,WAxCA;AAAA,E,aA4CAD,Q,WA5CA;AAAA,E,aAgDAE,Q,WAhDA;AAAA,E,aA4DAA,Q,WA5DA;AAAA,E,aAgEAC,W,WAhEA;AAAA,E,aAoEAC,M,WApEA;AAAA,E,aAyEAC,U,WAzEA;AAAA,E,aA0EAC,e,WA1EA;AAAA,E,aA8EAV,M,WA9EA;AAAA,E,aA8EMW,S,WA9EN;AAAA,E,aAsFAT,U,WAtFA;AAAA,E,aA6FAD,M,WA7FA;AAAA,E,aA6FMC,U,WA7FN;AAAA,E,aA8FAD,M,WA9FA;AAAA,E,aA8FMQ,U,WA9FN;AAAA,E,aAkGAG,O,WAlGA;AAAA,E,aA0GAD,S,WA1GA;AAAA,E,aA8GAE,W,WA9GA;AAAA,E,aAwHAC,O,WAxHA;AAAA,E,aAkIAA,O,WAlIA;AAAA,E,aAwIAA,O,WAxIA;AAAA,E,aA4IAC,a,WA5IA;AAAA,E,aAgJAA,a,WAhJA;AAAA,E,aAwJAC,c,WAxJA;AAAA,E,aA4JAA,c,WA5JA;AAAA,E,aA4JcZ,Q,WA5Jd;AAAA,E,aAiKEa,W,WAjKF;AAAA,E,aAqKEA,W,WArKF;AAAA,E,aAqKab,Q,WArKb;AAAA,E,aA+KiCJ,M,WA/KjC;AAAA;AAAA","file":"SimpleCell.module.css.d.ts","sourceRoot":""}

package/src/components/Switch/Switch.module.css

@@ -261,12 +261,3 @@
     --vkui_internal--Switch__handleRipple_opacity_duration: 105ms;
   }
 }
-
-/**
- * CMP:
- * SimpleCell
- */
-/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
-:global(.vkuiInternalSimpleCell__after) > .host {
-  margin-inline-start: 12px;
-}

package/src/components/Switch/Switch.module.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["./Switch.module.css"],"names":["host","rtl","disabled","default","sizeYCompact","sizeYNone","ios","inputFake","inputNative","track","handle","handleWithRipple"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAsBAC,K,WAtBA;AAAA,E,aA0BAC,U,WA1BA;AAAA,E,aA+BAC,S,WA/BA;AAAA,E,aAsDAA,S,WAtDA;AAAA,E,aAsDQC,c,WAtDR;AAAA,E,aAoEED,S,WApEF;AAAA,E,aAoEUE,W,WApEV;AAAA,E,aAkFAC,K,WAlFA;AAAA,E,aA4GAA,K,WA5GA;AAAA,E,aA4GIF,c,WA5GJ;AAAA,E,aA0HEE,K,WA1HF;AAAA,E,aA0HMD,W,WA1HN;AAAA,E,aAwIAE,W,WAxIA;AAAA,E,aA4IAC,a,WA5IA;AAAA,E,aA4IuBD,W,WA5IvB;AAAA,E,aAyJAJ,S,WAzJA;AAAA,E,aAyJaD,U,WAzJb;AAAA,E,aAyJwBK,W,WAzJxB;AAAA,E,aA+JAE,O,WA/JA;AAAA,E,aAyKAN,S,WAzKA;AAAA,E,aAyKSM,O,WAzKT;AAAA,E,aAoLAC,Q,WApLA;AAAA,E,aAiMAA,Q,WAjMA;AAAA,E,aA+MAC,kB,WA/MA;AAAA,E,aAwOEA,kB,WAxOF;AAAA,E,aAgPEJ,W,WAhPF;AAAA,E,aAgPmBI,kB,WAhPnB;AAAA,E,aAqPAJ,W,WArPA;AAAA,E,aAqPkBI,kB,WArPlB;AAAA,E,aAyPAH,a,WAzPA;AAAA,E,aAyPuBD,W,WAzPvB;AAAA,E,aAyPkCI,kB,WAzPlC;AAAA,E,aA+PEA,kB,WA/PF;AAAA,E,aAmQEJ,W,WAnQF;AAAA,E,aAmQoBI,kB,WAnQpB;AAAA,E,aA6Q0CX,M,WA7Q1C;AAAA;AAAA","file":"Switch.module.css.d.ts","sourceRoot":""}
+{"version":3,"sources":["./Switch.module.css"],"names":["host","rtl","disabled","default","sizeYCompact","sizeYNone","ios","inputFake","inputNative","track","handle","handleWithRipple"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAsBAC,K,WAtBA;AAAA,E,aA0BAC,U,WA1BA;AAAA,E,aA+BAC,S,WA/BA;AAAA,E,aAsDAA,S,WAtDA;AAAA,E,aAsDQC,c,WAtDR;AAAA,E,aAoEED,S,WApEF;AAAA,E,aAoEUE,W,WApEV;AAAA,E,aAkFAC,K,WAlFA;AAAA,E,aA4GAA,K,WA5GA;AAAA,E,aA4GIF,c,WA5GJ;AAAA,E,aA0HEE,K,WA1HF;AAAA,E,aA0HMD,W,WA1HN;AAAA,E,aAwIAE,W,WAxIA;AAAA,E,aA4IAC,a,WA5IA;AAAA,E,aA4IuBD,W,WA5IvB;AAAA,E,aAyJAJ,S,WAzJA;AAAA,E,aAyJaD,U,WAzJb;AAAA,E,aAyJwBK,W,WAzJxB;AAAA,E,aA+JAE,O,WA/JA;AAAA,E,aAyKAN,S,WAzKA;AAAA,E,aAyKSM,O,WAzKT;AAAA,E,aAoLAC,Q,WApLA;AAAA,E,aAiMAA,Q,WAjMA;AAAA,E,aA+MAC,kB,WA/MA;AAAA,E,aAwOEA,kB,WAxOF;AAAA,E,aAgPEJ,W,WAhPF;AAAA,E,aAgPmBI,kB,WAhPnB;AAAA,E,aAqPAJ,W,WArPA;AAAA,E,aAqPkBI,kB,WArPlB;AAAA,E,aAyPAH,a,WAzPA;AAAA,E,aAyPuBD,W,WAzPvB;AAAA,E,aAyPkCI,kB,WAzPlC;AAAA,E,aA+PEA,kB,WA/PF;AAAA,E,aAmQEJ,W,WAnQF;AAAA,E,aAmQoBI,kB,WAnQpB;AAAA;AAAA","file":"Switch.module.css.d.ts","sourceRoot":""}

package/src/lib/floating/useFloatingMiddlewaresBootstrap/index.ts

@@ -27,6 +27,9 @@ export interface UseFloatingMiddlewaresBootstrapOptions {
    * Не оказывает влияния при `placement` значениях - `'auto' | 'auto-start' | 'auto-end'`
    */
   disableFlipMiddleware?: boolean;
+  /**
+   * Задаёт резервный вариант размещения по перпендикулярной оси.
+   */
   flipMiddlewareFallbackAxisSideDirection?: FlipMiddlewareOptions['fallbackAxisSideDirection'];
   /**
    * Отступ по главной оси.
@@ -75,7 +78,7 @@ export const useFloatingMiddlewaresBootstrap = ({
   customMiddlewares,
   hideWhenReferenceHidden,
   disableFlipMiddleware = false,
-  flipMiddlewareFallbackAxisSideDirection = 'start',
+  flipMiddlewareFallbackAxisSideDirection = 'end',
 }: UseFloatingMiddlewaresBootstrapOptions): {
   middlewares: UseFloatingMiddleware[];
   strictPlacement: Placement | undefined;
@@ -89,19 +92,29 @@ export const useFloatingMiddlewaresBootstrap = ({
       }),
     ];
 
-    // см. https://floating-ui.com/docs/flip#conflict-with-autoplacement
+    const shiftMiddlewareInstance = shiftMiddleware();
+
+    // см. https://github.com/floating-ui/floating-ui/blob/%40floating-ui/core%401.7.1/website/pages/docs/flip.mdx#conflict-with-autoplacementjs
     if (isAutoPlacement) {
-      middlewares.push(autoPlacementMiddleware({ alignment: getAutoPlacementAlign(placement) }));
-    } else if (!disableFlipMiddleware) {
       middlewares.push(
-        flipMiddleware({
-          fallbackAxisSideDirection: flipMiddlewareFallbackAxisSideDirection,
-          crossAxis: false,
-        }),
+        autoPlacementMiddleware({ alignment: getAutoPlacementAlign(placement) }),
+        shiftMiddlewareInstance,
       );
-    }
+    } else if (!disableFlipMiddleware) {
+      const flipMiddlewareInstance = flipMiddleware({
+        crossAxis: 'alignment',
+        fallbackAxisSideDirection: flipMiddlewareFallbackAxisSideDirection,
+      });
 
-    middlewares.push(shiftMiddleware());
+      // см. https://github.com/floating-ui/floating-ui/blob/%40floating-ui/core%401.7.1/website/pages/docs/flip.mdx#combining-with-shiftjs
+      if (placement.includes('-')) {
+        middlewares.push(flipMiddlewareInstance, shiftMiddlewareInstance);
+      } else {
+        middlewares.push(shiftMiddlewareInstance, flipMiddlewareInstance);
+      }
+    } else {
+      middlewares.push(shiftMiddlewareInstance);
+    }
 
     if (sameWidth) {
       middlewares.push(
@@ -119,7 +132,7 @@ export const useFloatingMiddlewaresBootstrap = ({
       middlewares.push(...customMiddlewares);
     }
 
-    // см. https://floating-ui.com/docs/arrow#order
+    // см. https://github.com/floating-ui/floating-ui/blob/%40floating-ui/core%401.7.1/website/pages/docs/arrow.mdx#order
     if (arrow) {
       middlewares.push(
         arrowMiddleware({