@redneckz/wildless-cms-uni-blocks 0.9.9 → 0.9.10

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.example.json

@@ -9,8 +9,10 @@
       "sources": [
         {
           "media": 1279,
-          "width": 174,
-          "height": 174,
+          "size": {
+            "width": 174,
+            "height": 174
+          },
           "format": "webp",
           "alignment": "southeast"
         }

package/src/components/ErrorBlock/ErrorBlock.example.json

@@ -13,7 +13,9 @@
         "sources": [
           {
             "media": 1279,
-            "width": 276,
+            "size": {
+              "width": 276
+            },
             "format": "webp",
             "alignment": "center"
           }

package/src/components/Footer/MediaButton.tsx

@@ -62,17 +62,15 @@ const buttonStylesWithText = (text: string, buttonSize: string) =>
     : `group/media flex items-center justify-center box-border ${buttonSizeStyles[buttonSize]}`;
 
 export const MediaButton = JSX<MediaButtonProps>(
-  ({ iconVersion = 'color', buttonSize = 'default', rounded = false, icon, ...rest }) => {
-    const { href, version, text, appendLeft, appendRight, aboveText } = rest;
+  ({ buttonSize = 'default', rounded = false, icon, ...rest }) => {
+    const { href, version, text = '' } = rest;
 
     const { iconMapped, label } =
       ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
 
-    const iconCustom = icon ?? iconMapped;
+    const iconCustom = getFilteredIcon(icon) ?? iconMapped;
 
-    const iconWithVersion = iconCustom
-      ? { ...getIconWithVersion(iconCustom), iconVersion }
-      : undefined;
+    const iconWithVersion = iconCustom ? getIconWithVersion(iconCustom) : undefined;
 
     return (
       <Button
@@ -83,11 +81,8 @@ export const MediaButton = JSX<MediaButtonProps>(
           'hover:bg-primary-main hover:text-black',
           'group-data-secondary:bg-white border-main-divider group-data-secondary:hover:bg-secondary-hover',
           'group-data-gray:border-green',
-          buttonStylesWithText(text as string, buttonSize),
+          buttonStylesWithText(text, buttonSize),
         )}
-        aboveText={aboveText}
-        appendLeft={appendLeft}
-        appendRight={appendRight}
         aria-label={label}
         rel="noopener noreferrer"
         target="_blank"
@@ -108,3 +103,5 @@ export const MediaButton = JSX<MediaButtonProps>(
     );
   },
 );
+
+const getFilteredIcon = (icon: Picture | undefined) => (icon?.src || icon?.icon ? icon : undefined);

package/src/components/Footer/SocialMedia.tsx

@@ -1,7 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import { MediaButton, type ButtonSize } from './MediaButton';
 import { Text } from '../../ui-kit/Text/Text';
+import type { ButtonSize } from './MediaButton';
+import { MediaButton } from './MediaButton';
 
 export interface SocialMediaProps {
   className?: string;
@@ -14,16 +15,7 @@ export const SocialMedia = JSX<SocialMediaProps>(
     <div className="font-sans">
       <div className={`flex gap-1 ${className}`}>
         {media?.map((_, index) => (
-          <MediaButton
-            key={String(index)}
-            aboveText={_.aboveText}
-            appendLeft={_.appendLeft}
-            appendRight={_.appendRight}
-            buttonSize={buttonSize}
-            text={_.text}
-            version={_.version}
-            {..._}
-          />
+          <MediaButton key={String(index)} buttonSize={buttonSize} {..._} />
         ))}
       </div>
       <Text size="text-s-light" color="text-secondary-text">

package/src/components/MobileAppTile/MobileAppTile.example.json

@@ -10,7 +10,9 @@
       "sources": [
         {
           "media": 1279,
-          "width": 360,
+          "size": {
+            "width": 360
+          },
           "format": "webp",
           "alignment": "center"
         }

package/src/components/PictureText/PictureText.example.json

@@ -11,7 +11,9 @@
       "sources": [
         {
           "media": 1279,
-          "width": 240,
+          "size": {
+            "width": 240
+          },
           "format": "webp",
           "alignment": "center"
         }

package/src/components/ProductBlock/ProductBlock.example.json

@@ -16,7 +16,9 @@
       "sources": [
         {
           "media": 1279,
-          "width": 164,
+          "size": {
+            "width": 164
+          },
           "format": "webp",
           "alignment": "northeast"
         }

package/src/components/ProductTile/ProductTile.example.json

@@ -11,7 +11,9 @@
       "sources": [
         {
           "media": 1279,
-          "width": 145,
+          "size": {
+            "width": 145
+          },
           "format": "webp",
           "alignment": "southeast"
         }

package/src/components/Tile/Tile.example.json

@@ -11,7 +11,9 @@
       "sources": [
         {
           "media": 1279,
-          "width": 276,
+          "size": {
+            "width": 276
+          },
           "format": "webp",
           "alignment": "southeast"
         }

package/src/components/VerticalLayout/VerticalLayoutContent.ts

@@ -1,5 +1,4 @@
 import type { AlignTypeWithStretch } from '../../model/AlignType';
-import type { ColorPalette } from '../../model/ContentPageDef';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
 
@@ -7,7 +6,6 @@ import type { GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
  * @title Вертикальный компоновщик
  */
 export type VerticalLayoutContent = UniBlockContent & {
-  colorPalette?: ColorPalette;
   align?: AlignTypeWithStretch;
   gap?: GapVersion;
   /** @title Внутренний отступ компоновщика */