@redneckz/wildless-cms-uni-blocks 0.6.33 → 0.6.35

package/mobile/lib/model/Picture.d.ts

@@ -21,9 +21,15 @@ export declare type ImgAlignment = 'northwest' | 'north' | 'northeast' | 'west'
 export interface Img {
     /** @title Картинка */
     src?: string;
-    /** @title Альтернативный текст (alt) */
+    /**
+     * @title Альтернативный текст (alt)
+     * @default ""
+     */
     alt?: string;
-    /** @title Текст подсказки (title) */
+    /**
+     * @title Текст подсказки (title)
+     * @default ""
+     */
     title?: string;
 }
 /**

package/mobile/lib/services/sitemap/SitemapProps.d.ts

@@ -17,13 +17,12 @@ export interface DispositionItem extends LinkProps {
     icon?: Picture;
 }
 export interface SitemapDataProps {
-    /** @title Основное меню */
     topItems?: TopMenuItem[];
-    /** @title Дополнительное меню */
     dispositions?: DispositionItem[];
     logo?: {
         image?: Picture;
         title?: string;
     };
     defaultLocation?: string;
+    officesLink?: string;
 }

package/mobile/lib/{react/setup-fixture.js → setup-fixture.js}

@@ -1,9 +1,9 @@
 import '@redneckz/uni-jsx/lib/setup.react';
 import { useState } from 'react';
-import { handlerDecorator } from '../hooks/handlerDecorator.js';
-import { useRouter } from '../hooks/useRouter.js';
-import { projectSettings } from '../ProjectSettings.js';
-import wlc from '../wlc.json.js';
+import { handlerDecorator } from './hooks/handlerDecorator.js';
+import { useRouter } from './hooks/useRouter.js';
+import { projectSettings } from './ProjectSettings.js';
+import wlc from './wlc.json.js';
 projectSettings.setup(wlc);
 useRouter.setup(() => {
     const [href, setHref] = useState(globalThis.location.href);

package/mobile/lib/setup-fixture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-fixture.js","sourceRoot":"","sources":["../src/setup-fixture.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,GAAG,MAAM,YAAY,CAAC;AAE7B,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAE3B,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnE,OAAO;QACL,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,CAAC,GAAW,EAAE,EAAE;YACpB,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;YAC5C,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;QACD,OAAO,EAAE,CAAC,GAAW,EAAE,EAAE;YACvB,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;YAC/C,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,aAAa,EAAO,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE;IAC7D,EAAE,CAAC,cAAc,EAAE,CAAC;IACpB,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,CAAC;AACd,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/Button/renderArrows.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
-export declare type renderArrowsProps = {
-    handler: [() => void, () => void];
-    isShown: [boolean, boolean];
+export declare type RenderArrowsProps = {
+    dec: () => void;
+    inc: () => void;
+    canInc: boolean;
+    canDec: boolean;
     btnClass: [string, string];
     className?: string;
     isDisabled?: boolean;
 };
-export declare function renderArrows({ handler, isShown, btnClass, className, isDisabled, }: renderArrowsProps): JSX.Element;
+export declare function renderArrows({ dec, inc, canDec, canInc, btnClass, className, }: RenderArrowsProps): JSX.Element | null;

package/mobile/lib/ui-kit/Button/renderArrows.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { ArrowButton } from './ArrowButton.js';
-export function renderArrows({ handler, isShown, btnClass, className = '', isDisabled = false, }) {
-    return (_jsxs("div", { children: [isShown[0] || isDisabled ? (_jsx(ArrowButton, { className: `absolute z-10 ${btnClass[0]} ${className}`, onClick: handler[0], ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043B\u0435\u0432\u043E", "data-block-control": "scroll-left", disabled: !isShown[0] })) : null, isShown[1] || isDisabled ? (_jsx(ArrowButton, { className: `absolute z-10 rotate-180 ${btnClass[1]} ${className}`, onClick: handler[1], ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043F\u0440\u0430\u0432\u043E", "data-block-control": "scroll-right", disabled: !isShown[1] })) : null] }));
+export function renderArrows({ dec, inc, canDec, canInc, btnClass, className = '', }) {
+    const isVisible = canDec || canInc;
+    return isVisible ? (_jsxs("div", { children: [canDec ? (_jsx(ArrowButton, { className: `absolute z-50 ${btnClass[0]} ${className}`, onClick: dec, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043B\u0435\u0432\u043E", "data-block-control": "scroll-left", disabled: !canDec })) : null, canInc ? (_jsx(ArrowButton, { className: `absolute z-50 rotate-180 ${btnClass[1]} ${className}`, onClick: inc, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043F\u0440\u0430\u0432\u043E", "data-block-control": "scroll-right", disabled: !canInc })) : null] })) : null;
 }
 //# sourceMappingURL=renderArrows.js.map

package/mobile/lib/ui-kit/Button/renderArrows.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderArrows.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/renderArrows.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAU5C,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,GACA;IAClB,OAAO,CACL,0BACG,OAAO,CAAC,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAC1B,KAAC,WAAW,IACV,SAAS,EAAE,iBAAiB,QAAQ,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,EACtD,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EACnB,SAAS,EAAC,6FAAkB,wBACT,aAAa,EAChC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,GACrB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,CAC1B,KAAC,WAAW,IACV,SAAS,EAAE,4BAA4B,QAAQ,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,EACjE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EACnB,SAAS,EAAC,mGAAmB,wBACV,cAAc,EACjC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,GACrB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"renderArrows.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/renderArrows.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAY5C,MAAM,UAAU,YAAY,CAAC,EAC3B,GAAG,EACH,GAAG,EACH,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,EAAE,GACI;IAClB,MAAM,SAAS,GAAG,MAAM,IAAI,MAAM,CAAC;IAEnC,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,0BACG,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,WAAW,IACV,SAAS,EAAE,iBAAiB,QAAQ,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,EACtD,OAAO,EAAE,GAAG,EACZ,SAAS,EAAC,6FAAkB,wBACT,aAAa,EAChC,QAAQ,EAAE,CAAC,MAAM,GACjB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,WAAW,IACV,SAAS,EAAE,4BAA4B,QAAQ,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,EACjE,OAAO,EAAE,GAAG,EACZ,SAAS,EAAC,mGAAmB,wBACV,cAAc,EACjC,QAAQ,EAAE,CAAC,MAAM,GACjB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC"}

package/mobile/lib/ui-kit/InnerTable/InnerTableBodyItem.js

@@ -1,19 +1,18 @@
 import { jsxs as _jsxs, jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCarouselControls } from '../../hooks/useCarouselControls.js';
 import { renderArrows } from '../Button/renderArrows.js';
 const COLUMN_WIDTH = 140;
 export const InnerTableBodyItem = JSX(({ rows }) => {
-    const [activeColumnIndex, setActiveColumnIndex] = useState(0);
-    const handleNextClick = () => setActiveColumnIndex(activeColumnIndex + 1);
-    const handlePrevClick = () => setActiveColumnIndex(activeColumnIndex - 1);
     const rowsLength = rows?.[0]?.length ?? 0;
-    const showNextButton = rowsLength > 3 && rowsLength > activeColumnIndex + 4;
-    const showPrevButton = activeColumnIndex > 0;
-    return (_jsxs("div", { children: [rows?.map(renderRow(activeColumnIndex)), renderArrows({
-                handler: [handlePrevClick, handleNextClick],
-                isShown: [showPrevButton, showNextButton],
-                btnClass: ['right-3 top-24', 'right-3 top-2'],
+    const CARD_VIEW_COUNT = 5;
+    const [activeIndex, controls] = useCarouselControls({
+        itemCount: rowsLength,
+        visibleItemCount: CARD_VIEW_COUNT,
+    });
+    return (_jsxs("div", { children: [rows?.map(renderRow(activeIndex)), renderArrows({
+                ...controls,
+                btnClass: ['left-3 top-20', 'right-3 top-20'],
                 className: '',
             })] }));
 });

package/mobile/lib/ui-kit/InnerTable/InnerTableBodyItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"InnerTableBodyItem.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableBodyItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"InnerTableBodyItem.js","sourceRoot":"","sources":["../../../src/ui-kit/InnerTable/InnerTableBodyItem.tsx"],"names":[],"mappings":"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"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControl.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { DEFAULT_GAP, DEFAULT_PADDING } from './constants.js';
 import { SwipeListControlDots } from './SwipeListControlDots.js';
 import { SwipeListControlList } from './SwipeListControlList.js';
@@ -15,8 +15,11 @@ export const SwipeListControl = JSX(({ className, gap = DEFAULT_GAP, padding = D
         showDots,
         children,
     };
-    const handleScroll = (e) => {
+    const handleScroll = useCallback((e) => {
         const { scrollLeft, clientWidth, childElementCount, scrollWidth, children: childrenCollection, } = e?.currentTarget;
+        if (!childrenCollection[0]) {
+            return;
+        }
         // horizontal PADDING / 2 to compensate padding-margin combo of child container
         // without CSS calc function, as wrapper element gets bigger in the DOM, remaining same visually
         const itemWidth = childrenCollection[0].offsetWidth - padding / 2;
@@ -34,7 +37,7 @@ export const SwipeListControl = JSX(({ className, gap = DEFAULT_GAP, padding = D
         }
         setActiveIndex(index);
         setIndexFraction(fraction);
-    };
+    }, [gap, padding, activeIndex, onSlideChange]);
     return (_jsxs("div", { className: className, children: [_jsx(SwipeListControlList, { gap: gap, padding: padding, activeIndex: activeIndex, onScroll: handleScroll, children: children }), _jsx(SwipeListControlDots, { ...dotsProps })] }));
 });
 //# sourceMappingURL=SwipeListControl.js.map

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControl.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAA6B,MAAM,wBAAwB,CAAC;AAEzF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,SAAS,EACT,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG;QAChB,WAAW;QACX,aAAa;QACb,QAAQ;QACR,QAAQ;KACT,CAAC;IAEF,MAAM,YAAY,GAA0C,CAAC,CAAC,EAAE,EAAE;QAChE,MAAM,EACJ,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,QAAQ,EAAE,kBAAkB,GAC7B,GAAG,CAAC,EAAE,aAA4B,CAAC;QAEpC,+EAA+E;QAC/E,gGAAgG;QAChG,MAAM,SAAS,GAAI,kBAAkB,CAAC,CAAC,CAAiB,CAAC,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC;QACnF,MAAM,YAAY,GAAG,eAAe,CAAC;YACnC,GAAG;YACH,OAAO;YACP,WAAW;YACX,WAAW;YACX,iBAAiB;YACjB,SAAS;SACV,CAAC,CAAC;QAEH,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QACpE,IAAI,KAAK,KAAK,WAAW,IAAI,aAAa,EAAE;YAC1C,aAAa,EAAE,CAAC;SACjB;QACD,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,KAAC,oBAAoB,IACnB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,YAErB,QAAQ,GACY,EACvB,KAAC,oBAAoB,OAAK,SAAS,GAAI,IACnC,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"SwipeListControl.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,SAAS,EACT,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG;QAChB,WAAW;QACX,aAAa;QACb,QAAQ;QACR,QAAQ;KACT,CAAC;IAEF,MAAM,YAAY,GAA0C,WAAW,CACrE,CAAC,CAAC,EAAE,EAAE;QACJ,MAAM,EACJ,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,QAAQ,EAAE,kBAAkB,GAC7B,GAAG,CAAC,EAAE,aAA4B,CAAC;QACpC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE;YAC1B,OAAO;SACR;QAED,+EAA+E;QAC/E,gGAAgG;QAChG,MAAM,SAAS,GAAI,kBAAkB,CAAC,CAAC,CAAiB,CAAC,WAAW,GAAG,OAAO,GAAG,CAAC,CAAC;QACnF,MAAM,YAAY,GAAG,eAAe,CAAC;YACnC,GAAG;YACH,OAAO;YACP,WAAW;YACX,WAAW;YACX,iBAAiB;YACjB,SAAS;SACV,CAAC,CAAC;QAEH,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QACpE,IAAI,KAAK,KAAK,WAAW,IAAI,aAAa,EAAE;YAC1C,aAAa,EAAE,CAAC;SACjB;QACD,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,CAAC,CAC3C,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,KAAC,oBAAoB,IACnB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,YAErB,QAAQ,GACY,EACvB,KAAC,oBAAoB,OAAK,SAAS,GAAI,IACnC,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.js

@@ -1,20 +1,21 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 const DOT_STYLES = 'bg-primary-main opacity-30 w-1.5 h-1.5 min-w-1.5 min-h-1.5 rounded-full';
 const BASE_DOT_WIDTH = 6;
 const ACTIVE_DOT_WIDTH_CHANGE = 16;
 const BASE_DOT_OPACITY = 0.3;
 const ACTIVE_DOT_OPACITY_CHANGE = 0.7;
 export const SwipeListControlDots = JSX(({ children, activeIndex, indexFraction, showDots }) => {
-    const handleClick = (idx) => (e) => {
+    const handleClick = useCallback((idx) => (e) => {
         if (idx === activeIndex) {
             return;
         }
         const contentContainer = e.currentTarget.parentElement
             ?.previousElementSibling;
         contentContainer?.children[idx]?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-    };
-    return showDots && children?.length ? (_jsx("div", { className: "flex gap-2 mx-auto mt-5 w-fit", children: children?.map((_, idx) => (_jsx("div", { onClick: handleClick(idx), className: `${DOT_STYLES}`, style: getDotStyles(idx, activeIndex, indexFraction), "aria-hidden": true }, String(idx)))) })) : null;
+    }, [activeIndex]);
+    return showDots && children ? (_jsx("div", { className: "flex gap-2 mx-auto mt-5 w-fit", children: children.length && children.map ? (children.map((_, idx) => (_jsx("div", { onClick: handleClick(idx), className: DOT_STYLES, style: getDotStyles(idx, activeIndex, indexFraction), "aria-hidden": true }, String(idx))))) : (_jsx("div", { className: DOT_STYLES, style: createDotStyle(1) })) })) : null;
 });
 const getDotStyles = (currentIdx, activeIndex, indexFraction) => {
     if (currentIdx < activeIndex || currentIdx > activeIndex + 1) {
@@ -22,14 +23,10 @@ const getDotStyles = (currentIdx, activeIndex, indexFraction) => {
     }
     const leftIndexMod = 1 - indexFraction;
     const rightIndexMod = indexFraction;
-    return currentIdx === activeIndex
-        ? {
-            opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * leftIndexMod}`,
-            width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * leftIndexMod}px`,
-        }
-        : {
-            opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * rightIndexMod}`,
-            width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * rightIndexMod}px`,
-        };
+    return createDotStyle(currentIdx === activeIndex ? leftIndexMod : rightIndexMod);
 };
+const createDotStyle = (indexModifier) => ({
+    opacity: `${BASE_DOT_OPACITY + ACTIVE_DOT_OPACITY_CHANGE * indexModifier}`,
+    width: `${BASE_DOT_WIDTH + ACTIVE_DOT_WIDTH_CHANGE * indexModifier}px`,
+});
 //# sourceMappingURL=SwipeListControlDots.js.map

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControlDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlDots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,MAAM,UAAU,GAAG,yEAAyE,CAAC;AAC7F,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,yBAAyB,GAAG,GAAG,CAAC;AAQtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrD,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QACzC,IAAI,GAAG,KAAK,WAAW,EAAE;YACvB,OAAO;SACR;QAED,MAAM,gBAAgB,GAAI,CAAC,CAAC,aAA6B,CAAC,aAAa;YACrE,EAAE,sBAAsB,CAAC;QAE3B,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC5F,CAAC,CAAC;IAEF,OAAO,QAAQ,IAAI,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CACpC,cAAK,SAAS,EAAC,+BAA+B,YAC3C,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE,CAAC,CACjC,cAEE,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,EACzB,SAAS,EAAE,GAAG,UAAU,EAAE,EAC1B,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,CAAC,yBAH/C,MAAM,CAAC,GAAG,CAAC,CAKhB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,UAAkB,EAClB,WAAmB,EACnB,aAAqB,EACe,EAAE;IACtC,IAAI,UAAU,GAAG,WAAW,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC,EAAE;QAC5D,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,YAAY,GAAG,CAAC,GAAG,aAAa,CAAC;IACvC,MAAM,aAAa,GAAG,aAAa,CAAC;IAEpC,OAAO,UAAU,KAAK,WAAW;QAC/B,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,YAAY,EAAE;YACzE,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,YAAY,IAAI;SACtE;QACH,CAAC,CAAC;YACE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,aAAa,EAAE;YAC1E,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,aAAa,IAAI;SACvE,CAAC;AACR,CAAC,CAAC"}
+{"version":3,"file":"SwipeListControlDots.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlDots.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,MAAM,UAAU,GAAG,yEAAyE,CAAC;AAC7F,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAC7B,MAAM,yBAAyB,GAAG,GAAG,CAAC;AAQtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrD,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QACrB,IAAI,GAAG,KAAK,WAAW,EAAE;YACvB,OAAO;SACR;QAED,MAAM,gBAAgB,GAAI,CAAC,CAAC,aAA6B,CAAC,aAAa;YACrE,EAAE,sBAAsB,CAAC;QAE3B,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;IAC5F,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,OAAO,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAC5B,cAAK,SAAS,EAAC,+BAA+B,YAC3C,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CACjC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE,CAAC,CAC/B,cAEE,OAAO,EAAE,WAAW,CAAC,GAAG,CAAC,EACzB,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,WAAW,EAAE,aAAa,CAAC,yBAH/C,MAAM,CAAC,GAAG,CAAC,CAKhB,CACH,CAAC,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAI,CACzD,GACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CACnB,UAAkB,EAClB,WAAmB,EACnB,aAAqB,EACe,EAAE;IACtC,IAAI,UAAU,GAAG,WAAW,IAAI,UAAU,GAAG,WAAW,GAAG,CAAC,EAAE;QAC5D,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,YAAY,GAAG,CAAC,GAAG,aAAa,CAAC;IACvC,MAAM,aAAa,GAAG,aAAa,CAAC;IAEpC,OAAO,cAAc,CAAC,UAAU,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;AACnF,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,aAAqB,EAA0B,EAAE,CAAC,CAAC;IACzE,OAAO,EAAE,GAAG,gBAAgB,GAAG,yBAAyB,GAAG,aAAa,EAAE;IAC1E,KAAK,EAAE,GAAG,cAAc,GAAG,uBAAuB,GAAG,aAAa,IAAI;CACvE,CAAC,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlList.js

@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { DEFAULT_GAP, DEFAULT_PADDING } from './constants.js';
 import { SwipeListControlItem } from './SwipeListControlItem.js';
 import { getContainerStyle } from './utils/getContainerStyle.js';
-export const SwipeListControlList = JSX(({ className = '', children, activeIndex, onScroll, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, }) => {
-    return (_jsx("div", { className: `overflow-auto flex horizontal-list no-scrollbar ${className}`, style: { ...getContainerStyle(padding), gap: `${gap}px` }, role: "list", onScroll: onScroll, children: children?.length ? (children?.map((child, idx) => (_jsx(SwipeListControlItem, { style: getContainerStyle(padding / 4), "aria-current": Boolean(activeIndex === idx), children: child }, String(idx))))) : (_jsx(SwipeListControlItem, { children: children })) }));
+export const SwipeListControlList = JSX(({ className = '', activeIndex = -1, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, children, onScroll, }) => {
+    return children ? (_jsx("div", { className: `overflow-auto flex horizontal-list no-scrollbar ${className}`, style: { ...getContainerStyle(padding), gap: `${gap}px` }, role: "list", onScroll: onScroll, children: children.length && children.map ? (children.map((child, idx) => (_jsx(SwipeListControlItem, { style: getContainerStyle(padding / 4), "aria-current": Boolean(activeIndex === idx), children: child }, String(idx))))) : (_jsx(SwipeListControlItem, { style: getContainerStyle(padding / 4), "aria-current": true, children: children })) })) : null;
 });
 //# sourceMappingURL=SwipeListControlList.js.map

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeListControlList.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAW9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,GAC1B,EAAE,EAAE;IACH,OAAO,CACL,cACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,KAAK,EAAE,EAAE,GAAG,iBAAiB,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,EAAE,EACzD,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,QAAQ,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5B,KAAC,oBAAoB,IAEnB,KAAK,EAAE,iBAAiB,CAAC,OAAO,GAAG,CAAC,CAAC,kBACvB,OAAO,CAAC,WAAW,KAAK,GAAG,CAAC,YAEzC,KAAK,IAJD,MAAM,CAAC,GAAG,CAAC,CAKK,CACxB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,cAAE,QAAQ,GAAwB,CACxD,GACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"SwipeListControlList.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListControlList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAW9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,CAAC,CAAC,EAChB,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cACE,SAAS,EAAE,mDAAmD,SAAS,EAAE,EACzE,KAAK,EAAE,EAAE,GAAG,iBAAiB,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI,EAAE,EACzD,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CACjC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3B,KAAC,oBAAoB,IAEnB,KAAK,EAAE,iBAAiB,CAAC,OAAO,GAAG,CAAC,CAAC,kBACvB,OAAO,CAAC,WAAW,KAAK,GAAG,CAAC,YAEzC,KAAK,IAJD,MAAM,CAAC,GAAG,CAAC,CAKK,CACxB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,oBAAoB,IAAC,KAAK,EAAE,iBAAiB,CAAC,OAAO,GAAG,CAAC,CAAC,kCACxD,QAAQ,GACY,CACxB,GACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/TableArrowScrollControl/TableArrowScrollControl.js

@@ -3,9 +3,11 @@ import { JSX } from '@redneckz/uni-jsx';
 import { renderArrows } from '../Button/renderArrows.js';
 export const TableArrowScrollControl = JSX(({ isScrollAvailable, onNextClick, onPrevClick, showNextButton, showPrevButton }) => {
     return isScrollAvailable ? (_jsx("div", { children: renderArrows({
-            handler: [onPrevClick, onNextClick],
-            isShown: [showPrevButton, showNextButton],
-            btnClass: ['top-[108px]', 'top-11'],
+            dec: onPrevClick,
+            inc: onNextClick,
+            canDec: showPrevButton,
+            canInc: showNextButton,
+            btnClass: ['top-[108px]', 'top-[44px]'],
             className: 'right-7',
             isDisabled: true,
         }) })) : null;

package/mobile/lib/ui-kit/TableArrowScrollControl/TableArrowScrollControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableArrowScrollControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TableArrowScrollControl/TableArrowScrollControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACxC,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,EAAE;IAClF,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,wBACG,YAAY,CAAC;YACZ,OAAO,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;YACnC,OAAO,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC;YACzC,QAAQ,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;YACnC,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,IAAI;SACjB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}
+{"version":3,"file":"TableArrowScrollControl.js","sourceRoot":"","sources":["../../../src/ui-kit/TableArrowScrollControl/TableArrowScrollControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CACxC,CAAC,EAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,EAAE,EAAE;IAClF,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,wBACG,YAAY,CAAC;YACZ,GAAG,EAAE,WAAW;YAChB,GAAG,EAAE,WAAW;YAChB,MAAM,EAAE,cAAc;YACtB,MAAM,EAAE,cAAc;YACtB,QAAQ,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC;YACvC,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,IAAI;SACjB,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/TableArrowScrollControl/TableArrowScrollControlProps.d.ts

@@ -1,8 +1,9 @@
 export interface TableArrowScrollControlProps {
-    activeCardIndex: number;
+    activeIndex: number;
     onNextClick: () => void;
     onPrevClick: () => void;
     isScrollAvailable?: boolean;
     showNextButton: boolean;
     showPrevButton: boolean;
+    setActiveIndex: (index: number) => void;
 }

package/mobile/src/BlockRenderer/BlockRendererOptions.ts

@@ -0,0 +1,12 @@
+import type { BlockAncestors, BlockDecorator } from '../model/BlockDecorator';
+import type { BlocksRegistry } from '../model/BlocksRegistry';
+import type { ContentPageDef, Slot } from '../model/ContentPageDef';
+
+export interface BlockRendererOptions {
+  key?: string;
+  page?: ContentPageDef;
+  blockDecorator?: BlockDecorator;
+  blocksRegistry?: BlocksRegistry;
+  parent?: Slot;
+  ancestors?: BlockAncestors;
+}

package/mobile/src/BlockRenderer/defaultBlockDecorator.ts

@@ -0,0 +1,4 @@
+import type { BlockDecorator } from '../model/BlockDecorator';
+
+export const defaultBlockDecorator: BlockDecorator = ({ blockClassName, block, render }) =>
+  render({ blockClassName, block });

package/mobile/src/{model → BlockRenderer}/getParentBlockContent.ts

@@ -1,11 +1,11 @@
-import type { BlockAncestors } from './BlockDecorator';
+import type { BlockRendererOptions } from './BlockRendererOptions';
 import { getParentBlockDef } from './getParentBlockDef';
 
 export function getParentBlockContent<C extends Record<string, any>>(
-  ancestors: BlockAncestors | undefined,
+  options: BlockRendererOptions | undefined,
   defaultContent: C,
 ): C {
-  const { content } = getParentBlockDef(ancestors);
+  const { content } = getParentBlockDef(options);
 
   return (content as C) || defaultContent;
 }

package/mobile/src/BlockRenderer/getParentBlockDef.ts

@@ -0,0 +1,6 @@
+import type { BlockRendererOptions } from '../BlockRenderer/BlockRendererOptions';
+import type { BlockDef } from '../model/ContentPageDef';
+
+export function getParentBlockDef(options: BlockRendererOptions | undefined): BlockDef {
+  return options?.parent || {};
+}

package/mobile/src/BlockRenderer/renderBlock.tsx

@@ -0,0 +1,47 @@
+import type { BlockAncestors } from '../model/BlockDecorator';
+import type { BlockDef } from '../model/ContentPageDef';
+import { style2className } from '../utils/style2className';
+import type { BlockRendererOptions } from './BlockRendererOptions';
+import { defaultBlockDecorator } from './defaultBlockDecorator';
+
+const DEFAULT_ANCESTORS: BlockAncestors = [];
+const DEFAULT_STYLE = ['col-span-12'];
+
+export function renderBlock(block: BlockDef, options: BlockRendererOptions) {
+  const {
+    key,
+    blockDecorator = defaultBlockDecorator,
+    blocksRegistry = {},
+    ancestors = DEFAULT_ANCESTORS,
+  } = options;
+  const { type } = block;
+
+  if (!(type && type in blocksRegistry)) {
+    console.warn(`No block with "${type}" is registered`);
+  }
+
+  const BlockComponent = type && blocksRegistry[type];
+
+  return blockDecorator(
+    {
+      blockClassName: `scroll-mt-12 ${style2className(block.style || DEFAULT_STYLE)}`, // TODO scroll-mt-12 ? here?
+      block,
+      ancestors,
+      // Adjusted by decorator block and blockClassName
+      render: ({ block: adjustedBlock, blockClassName: adjustedBlockClassName }) => {
+        const { content } = adjustedBlock;
+
+        return BlockComponent ? (
+          <BlockComponent
+            key={key}
+            className={adjustedBlockClassName}
+            block={block}
+            options={options}
+            {...content}
+          />
+        ) : null;
+      },
+    },
+    key,
+  );
+}

package/mobile/src/BlockRenderer/renderBlockList.tsx

@@ -0,0 +1,33 @@
+import type { BlockAncestors, SlotName } from '../model/BlockDecorator';
+import { DEFAULT_SLOT_NAME } from '../model/BlockDecorator';
+import type { BlockDef } from '../model/ContentPageDef';
+import type { VNode } from '../model/VNode';
+import type { BlockRendererOptions } from './BlockRendererOptions';
+import { renderBlock } from './renderBlock';
+
+export interface BlocksListRendererProps extends BlockRendererOptions {
+  slotName?: SlotName;
+  renderChild?: (block: BlockDef, options: BlockRendererOptions) => VNode;
+}
+
+const EMPTY_ANCESTORS: BlockAncestors = [];
+
+export const renderBlocksList = (
+  blocks: BlockDef[] | undefined,
+  {
+    key,
+    ancestors = EMPTY_ANCESTORS,
+    slotName = DEFAULT_SLOT_NAME,
+    renderChild = renderBlock,
+    ...options
+  }: BlocksListRendererProps,
+): VNode[] =>
+  (blocks || []).map((_: BlockDef, j: number) =>
+    renderChild(_, {
+      ...options,
+      key: `${key ? key : _.type}-${j}`,
+      ancestors: options.parent
+        ? [...(ancestors || EMPTY_ANCESTORS), [options.parent, slotName]]
+        : ancestors,
+    }),
+  );

package/mobile/src/BlockRenderer/renderChildren.ts

@@ -0,0 +1,25 @@
+import type { BlockDef } from '../model/ContentPageDef';
+import type { UniBlockProps } from '../model/JSXBlock';
+import type { VNode } from '../model/VNode';
+import type { BlockRendererOptions } from './BlockRendererOptions';
+import { renderBlocksList } from './renderBlockList';
+
+interface ChildrenRendererProps extends UniBlockProps {
+  children?: VNode;
+  renderChild?: (block: BlockDef, options: BlockRendererOptions) => VNode;
+}
+
+export function renderChildren({
+  children,
+  block,
+  options,
+  renderChild,
+}: ChildrenRendererProps): VNode[] | null {
+  if (children) {
+    return children;
+  }
+
+  return block && options
+    ? renderBlocksList(block.blocks, { ...options, parent: block, renderChild })
+    : null;
+}

package/mobile/src/components/Accordion/Accordion.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { renderChildren } from '../../BlockRenderer/renderChildren';
 import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
@@ -9,7 +10,7 @@ import { AccordionItemsList } from './AccordionItemsList';
 export interface AccordionProps extends AccordionContent, UniBlockProps {}
 
 export const Accordion: JSXBlock<AccordionProps> = JSX<AccordionProps>(
-  ({ title, description, className = '', children, ...rest }) => (
+  ({ title, description, className = '', ...rest }) => (
     <BlockWrapper className={`py-6 px-4 bg-white text-primary-text ${className}`} {...rest}>
       {title ? <Heading headingType="h3" className="mb-2 text-center" title={title} /> : null}
       {description ? (
@@ -19,7 +20,7 @@ export const Accordion: JSXBlock<AccordionProps> = JSX<AccordionProps>(
           </Paragraph>
         </div>
       ) : null}
-      <AccordionItemsList>{children}</AccordionItemsList>
+      <AccordionItemsList>{renderChildren(rest)}</AccordionItemsList>
     </BlockWrapper>
   ),
 );

package/mobile/src/components/AccordionItem/AccordionItem.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { getParentBlockContent } from '../../model/getParentBlockContent';
+import { getParentBlockContent } from '../../BlockRenderer/getParentBlockContent';
+import { renderChildren } from '../../BlockRenderer/renderChildren';
 import type { JSXBlock } from '../../model/JSXBlock';
 import type { Picture } from '../../model/Picture';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
@@ -14,8 +15,8 @@ import type { AccordionItemProps } from './AccordionItemProps';
 const icons: IconName[] = ['PlusIcon', 'MinusIcon'];
 
 export const AccordionItem: JSXBlock<AccordionItemProps> = JSX<AccordionItemProps>(
-  ({ className = '', ancestors, label = '', labelIcon, isExpanded, children }) => {
-    const { bordered } = getParentBlockContent(ancestors, {} as AccordionContent);
+  ({ className = '', label = '', labelIcon, isExpanded, ...rest }) => {
+    const { bordered } = getParentBlockContent(rest.options, {} as AccordionContent);
 
     return (
       <li
@@ -31,7 +32,7 @@ export const AccordionItem: JSXBlock<AccordionItemProps> = JSX<AccordionItemProp
               className="flex flex-wrap group-last:last:pb-0 gap-5 [&>*]:p-0"
               isUnfolded={isUnfolded}
             >
-              {children}
+              {renderChildren(rest)}
             </FoldableSection>
           )}
           renderFoldButton={({ isUnfolded, onToggle }) => (

package/mobile/src/components/BonusBenefitsBlock/BonusBenefitsBlock.example.json

@@ -3,6 +3,7 @@
     "title": "Вы можете оплатить бонусными баллами",
     "subtitle": "Удобный каталог с большим ассортиментом товаров и сервисов",
     "columnsCount": "4",
+    "cardTextAlign": "center",
     "bonusBenefits": [
       {
         "label": "Более 5000 товаров",

package/mobile/src/components/BonusBenefitsBlock/BonusBenefitsBlock.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { AlignText } from '../../model/AlignText';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Img } from '../../ui-kit/Img/Img';
@@ -12,13 +13,21 @@ import type {
 export interface BenefitsBlockProps extends BonusBenefitsBlockContent, UniBlockProps {}
 
 export const BonusBenefitsBlock = JSX<BenefitsBlockProps>(
-  ({ className = '', title, subtitle, bonusBenefits, columnsCount = '4', ...rest }) => (
+  ({
+    bonusBenefits,
+    cardTextAlign = 'center',
+    className = '',
+    columnsCount = '4',
+    subtitle,
+    title,
+    ...rest
+  }) => (
     <BlockWrapper
       className={`font-sans text-primary-text bg-white p-[50px] flex flex-col text-center ${className}`}
       {...rest}
     >
       <Headline
-        className="!p-0"
+        className="!p-0 mb-8"
         title={title}
         description={subtitle}
         headlineVersion="M"
@@ -26,7 +35,9 @@ export const BonusBenefitsBlock = JSX<BenefitsBlockProps>(
         {...rest}
       />
       {bonusBenefits?.length ? (
-        <div className={`grid gap-1 mt-8 ${getElementsColsValue(columnsCount)}`}>
+        <div
+          className={`grid gap-1 ${AlignText[cardTextAlign]} ${getElementsColsValue(columnsCount)}`}
+        >
           {bonusBenefits.map(renderBonusBenefit)}
         </div>
       ) : null}
@@ -34,23 +45,25 @@ export const BonusBenefitsBlock = JSX<BenefitsBlockProps>(
   ),
 );
 
-const renderBonusBenefit = (bonusBenefit: BonusBenefit, i: number) => {
+const renderBonusBenefit = ({ icon, label, description }: BonusBenefit, i: number) => {
   return (
-    <div key={String(i)} className="flex flex-col items-center max-w-[292px]">
-      {bonusBenefit?.icon ? (
-        <Img
-          className="h-[160px] w-[180px] min-w-[180px] min-h-[160px]"
-          image={bonusBenefit.icon}
-          width="180"
-          height="160"
-        />
-      ) : null}
-      <div>
-        {bonusBenefit?.label ? <span className="text-h6 m-0">{bonusBenefit.label}</span> : null}
-      </div>
+    <div key={String(i)} className="flex flex-col items-center text-h6">
+      {description ? <span>{description}</span> : null}
+      {icon ? <Img image={icon} height="180" width="auto" className="h-[180px] w-auto" /> : null}
+      <div>{label ? <span>{label}</span> : null}</div>
     </div>
   );
 };
 
-const getElementsColsValue = (colValue: ColumnsCount) =>
-  colValue === '4' ? 'grid-cols-4' : 'grid-cols-5';
+const getElementsColsValue = (colValue: ColumnsCount) => {
+  switch (colValue) {
+    case '3':
+      return 'grid-cols-3';
+    case '4':
+      return 'grid-cols-4';
+    case '5':
+      return 'grid-cols-5';
+    default:
+      return 'grid-cols-5';
+  }
+};

package/mobile/src/components/BonusBenefitsBlock/BonusBenefitsBlockContent.ts

@@ -1,18 +1,20 @@
-import type { LabelProps, TitleProps } from '../../model/HeadlineType';
+import type { AlignType } from '../../model/AlignType';
+import type { DescriptionProps, LabelProps, TitleProps } from '../../model/HeadlineType';
 import type { IconProps } from '../../model/Picture';
 /**
  * @title Количество элементов в строке
  * @enumNames [
+ *   "Три колонки",
  *   "Четыре колонки",
  *   "Пять колонок",
  *  ]
  */
-export type ColumnsCount = '4' | '5';
+export type ColumnsCount = '3' | '4' | '5';
 
 /**
  * @title Бонус и преимущество
  */
-export type BonusBenefit = LabelProps & IconProps;
+export type BonusBenefit = LabelProps & IconProps & DescriptionProps;
 
 /**
  * @title Блок бонусов и преимуществ
@@ -23,4 +25,5 @@ export type BonusBenefitsBlockContent = TitleProps & {
   /** @title Список бонусов */
   bonusBenefits?: BonusBenefit[];
   columnsCount?: ColumnsCount;
+  cardTextAlign?: AlignType;
 };