@redneckz/wildless-cms-uni-blocks 0.8.13 → 0.8.15

package/mobile/src/ui-kit/BlockWrapper.tsx

@@ -30,7 +30,12 @@ export const BlockWrapper = JSX<BlockWrapperProps>(
       () =>
         defaultEventBus.subscribe('tab', (event) => {
           setHidden(
-            Boolean(event.type === 'group' && event.label && block?.labels?.includes(event.label)),
+            Boolean(
+              event.type === 'group' &&
+                event.label &&
+                block?.labels?.length &&
+                !block.labels.includes(event.label),
+            ),
           );
         }),
       [block],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.8.13",
+  "version": "0.8.15",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/ProductBlock/ProductBlock.ui.json

@@ -7,6 +7,9 @@
       "iconRight": {
         "ui:field": "icon"
       }
+    },
+    "__html": {
+      "ui:widget": "html"
     }
   }
 }

package/src/components/ProductBlock/ProductBlockContent.ts

@@ -7,8 +7,10 @@ import type { Picture } from '../../model/Picture';
 import type { BenefitItemProps } from '../../ui-kit/BenefitItem/BenefitItemProps';
 import type { BackwardButtonProps, ButtonContent } from '../../ui-kit/Button/ButtonProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
+import type { RichTextProps } from '../../ui-kit/RichText/RichTextProps';
 
 export type ProductBlockInnerContent = HeadlineProps &
+  RichTextProps &
   ListContent &
   ButtonContent &
   Footnote & {

package/src/components/ProductBlock/ProductBlockInner.tsx

@@ -3,6 +3,7 @@ import type { UniBlockProps } from '../../model/JSXBlock';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Img } from '../../ui-kit/Img/Img';
 import { List } from '../../ui-kit/List/List';
+import { RichText } from '../../ui-kit/RichText/RichText';
 import { style } from '../../utils/style';
 import { BaseTile } from '../BaseTile/BaseTile';
 import { Headline } from '../Headline/Headline';
@@ -23,6 +24,7 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
     buttons,
     footnote,
     image,
+    __html,
     items,
     version = 'primary',
     isDotted = true,
@@ -48,6 +50,11 @@ export const ProductBlockInner = JSX<ProductBlockInnerProps>(
                   {benefits.map(renderBenefit(version, benefitsVersion))}
                 </div>
               ) : null}
+              {__html ? (
+                <div className="mt-5">
+                  <RichText __html={__html} />
+                </div>
+              ) : null}
               {items?.length ? (
                 <List
                   className="mt-5 text-h6"

package/src/ui-kit/BlockWrapper.tsx

@@ -30,7 +30,12 @@ export const BlockWrapper = JSX<BlockWrapperProps>(
       () =>
         defaultEventBus.subscribe('tab', (event) => {
           setHidden(
-            Boolean(event.type === 'group' && event.label && block?.labels?.includes(event.label)),
+            Boolean(
+              event.type === 'group' &&
+                event.label &&
+                block?.labels?.length &&
+                !block.labels.includes(event.label),
+            ),
           );
         }),
       [block],