@redneckz/wildless-cms-uni-blocks 0.3.85 → 0.3.86

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/ui-kit/Heading/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,YAAY,GAAgC;IAChD,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAEpD,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,GAAG,GAAG,EAAE,IAAI,WAAW,CAAC;IAE9B,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,6BAA6B,YAAY,CAAC,WAAW,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,YACxF,KAAK,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/ui-kit/Heading/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,YAAY,GAAgC;IAChD,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;IACrB,EAAE,EAAE,iBAAiB;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvE,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,6BAA6B,YAAY,CAAC,WAAW,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,YACxF,KAAK,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/Heading/HeadingProps.d.ts

@@ -0,0 +1,20 @@
+import type { TitleProp } from '../../model/HeadlineType';
+/**
+ *
+ * @title Размер заголовка
+ * @enumNames [
+ *   "h0", "h1", "h2", "h3", "h4", "h5", "h6"
+ * ]
+ */
+export declare type HeadingType = 'h0' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+/**
+ * @hidden
+ */
+export declare type HeadingTagType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export interface HeadingCommonProps extends TitleProp {
+    as?: HeadingTagType;
+    headingType?: HeadingType;
+}
+export interface HeadingProps extends HeadingCommonProps {
+    className?: string;
+}

package/mobile/lib/ui-kit/Heading/HeadingProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=HeadingProps.js.map

package/mobile/lib/ui-kit/Heading/HeadingProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Heading/HeadingProps.ts"],"names":[],"mappings":""}

package/mobile/lib/ui-kit/InputRange/InputRangeProps.d.ts

@@ -1,4 +1,3 @@
-import type { FuncReturnVoid } from '../../types';
 export interface InputRangeProps {
     className?: string;
     items?: string[];
@@ -7,5 +6,5 @@ export interface InputRangeProps {
     step?: number;
     value?: number;
     title?: string;
-    onChange?: FuncReturnVoid<number>;
+    onChange?: (value: number) => void;
 }

package/mobile/lib/ui-kit/SVG.d.ts

@@ -1,8 +1,8 @@
 interface SVGPathOptions {
     fill?: string;
     stroke?: string;
-    strokeLinecap?: string;
-    strokeLinejoin?: string;
+    strokeLinecap?: 'inherit' | 'butt' | 'round' | 'square';
+    strokeLinejoin?: 'inherit' | 'round' | 'miter' | 'bevel';
     strokeWidth?: string;
     strokeMiterlimit?: string;
 }

package/mobile/lib/ui-kit/SearchBar/SearchBarInner.js

@@ -9,13 +9,13 @@ export const SearchBarInner = JSX(({ className, context, isMobile = false }) =>
     const SearchBarInputClassName = isMobile
         ? ' placeholder-transparent font-normal'
         : 'font-light h-full';
-    const inputPlaceholder = isMobile ? 'some search' : null;
+    const inputPlaceholder = isMobile ? 'some search' : undefined;
     return (_jsxs("form", { className: `font-sans relative ${className}`, children: [_jsxs("div", { className: "absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none", children: [_jsx("div", { className: LoupeIconClassName, children: _jsx(Img, { image: "LoupeIcon", width: "24", height: "24" }) }), term ? null : (_jsx("label", { htmlFor: "search-bar-input", className: `text-secondary-text ${SearchBarLabelClassName}`, children: "\u041F\u043E\u0438\u0441\u043A \u043F\u043E \u0441\u0430\u0439\u0442\u0443" }))] }), _jsx("input", { id: "search-bar-input", className: `h-12 pl-12 w-full peer text-base text-black border border-solid rounded box-border
               outline-none pr-[6%] border-main-divider focus:border-primary-text ${SearchBarInputClassName}`, value: term, onChange: (e) => setTerm(e.target.value), type: "text", name: "search-bar-input", placeholder: inputPlaceholder }), isMobile ? (_jsx("button", { className: "visible peer-placeholder-shown:invisible absolute top-2 right-3 w-6 h-6 p-1 bg-transparent cursor-pointer border-none", onClick: (e) => {
                     e.preventDefault();
                     setTerm('');
-                }, children: _jsx(Img, { image: "CloseIcon", width: "24", height: "24" }) })) : (_jsx(Button, { version: "primary", text: "\u041D\u0430\u0439\u0442\u0438", className: "invisible peer-focus:visible absolute top-1 right-1", onClick: (e) => {
-                    e.preventDefault();
+                }, children: _jsx(Img, { image: "CloseIcon", width: "24", height: "24" }) })) : (_jsx(Button, { version: "primary", text: "\u041D\u0430\u0439\u0442\u0438", className: "invisible peer-focus:visible absolute top-1 right-1", onClick: (ev) => {
+                    ev?.preventDefault();
                     console.log('click');
                 }, children: _jsx("div", { className: "font-normal text-sm px-9 py-[9px]", children: "\u041D\u0430\u0439\u0442\u0438" }) }))] }));
 });

package/mobile/lib/ui-kit/SearchBar/SearchBarInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBarInner.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchBar/SearchBarInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAMjC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAE9C,MAAM,kBAAkB,GAAG,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAChF,MAAM,uBAAuB,GAAG,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAC1F,MAAM,uBAAuB,GAAG,QAAQ;QACtC,CAAC,CAAC,sCAAsC;QACxC,CAAC,CAAC,mBAAmB,CAAC;IACxB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC;IAEzD,OAAO,CACL,gBAAM,SAAS,EAAE,sBAAsB,SAAS,EAAE,aAChD,eAAK,SAAS,EAAC,yGAAyG,aACtH,cAAK,SAAS,EAAE,kBAAkB,YAChC,KAAC,GAAG,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACb,gBACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAE,uBAAuB,uBAAuB,EAAE,2FAGrD,CACT,IACG,EACN,gBACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EAAE;mFAC8D,uBAAuB,EAAE,EAClG,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,kBAAkB,EACvB,WAAW,EAAE,gBAAgB,GAC7B,EACD,QAAQ,CAAC,CAAC,CAAC,CACV,iBACE,SAAS,EAAC,uHAAuH,EACjI,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,CAAC,EAAE,CAAC,CAAC;gBACd,CAAC,YAED,KAAC,GAAG,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GACzC,CACV,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,gCAAO,EACZ,SAAS,EAAC,qDAAqD,EAC/D,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACvB,CAAC,YAED,cAAK,SAAS,EAAC,mCAAmC,+CAAY,GACvD,CACV,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"SearchBarInner.js","sourceRoot":"","sources":["../../../src/ui-kit/SearchBar/SearchBarInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAMjC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAE9C,MAAM,kBAAkB,GAAG,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAChF,MAAM,uBAAuB,GAAG,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAC1F,MAAM,uBAAuB,GAAG,QAAQ;QACtC,CAAC,CAAC,sCAAsC;QACxC,CAAC,CAAC,mBAAmB,CAAC;IACxB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9D,OAAO,CACL,gBAAM,SAAS,EAAE,sBAAsB,SAAS,EAAE,aAChD,eAAK,SAAS,EAAC,yGAAyG,aACtH,cAAK,SAAS,EAAE,kBAAkB,YAChC,KAAC,GAAG,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC5C,EACL,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACb,gBACE,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAE,uBAAuB,uBAAuB,EAAE,2FAGrD,CACT,IACG,EACN,gBACE,EAAE,EAAC,kBAAkB,EACrB,SAAS,EAAE;mFAC8D,uBAAuB,EAAE,EAClG,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACxC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,kBAAkB,EACvB,WAAW,EAAE,gBAAgB,GAC7B,EACD,QAAQ,CAAC,CAAC,CAAC,CACV,iBACE,SAAS,EAAC,uHAAuH,EACjI,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,CAAC,EAAE,CAAC,CAAC;gBACd,CAAC,YAED,KAAC,GAAG,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GACzC,CACV,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,gCAAO,EACZ,SAAS,EAAC,qDAAqD,EAC/D,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;oBACd,EAAE,EAAE,cAAc,EAAE,CAAC;oBACrB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACvB,CAAC,YAED,cAAK,SAAS,EAAC,mCAAmC,+CAAY,GACvD,CACV,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -1,8 +1,7 @@
-import { FuncReturnVoid } from '../../types';
 export interface TableArrowScrollControlProps {
     isScrollAvailable?: boolean;
-    handleNextClick: FuncReturnVoid<MouseEvent>;
-    handlePrevClick: FuncReturnVoid<MouseEvent>;
+    handleNextClick: () => void;
+    handlePrevClick: () => void;
     showNextButton: boolean;
     showPrevButton: boolean;
 }

package/mobile/lib/ui-kit/Tabs/TabsProps.d.ts

@@ -1,5 +1,4 @@
 import type { Picture } from '../../model/Picture';
-import { FuncReturnVoid } from '../../types';
 /**
  * @title Вкладка
  */
@@ -10,7 +9,7 @@ export interface Tab {
     description?: string;
     icon?: Picture;
 }
-export declare type TabClickHandler = FuncReturnVoid<number>;
+export declare type TabClickHandler = (tabIndex: number) => void;
 export interface TabsProps {
     tabs?: Tab[];
     currentTabIndex: number;

package/mobile/lib/ui-kit/TopItem/TopItem.d.ts

@@ -7,7 +7,7 @@ export interface TopItemProps extends TopItemContent {
     className?: string;
     flat?: boolean;
     ariaLabel?: string;
-    onClick?: (ev: MouseEvent) => any;
+    onClick?: () => void;
     bgColor?: BgColorVersion;
     dataItemName?: string;
 }

package/mobile/lib/utils/url.d.ts

@@ -2,3 +2,4 @@ export declare const isURL: (href?: string) => boolean | undefined;
 export declare const withoutQuery: (href?: string) => string;
 export declare const getOrigin: (href?: string) => string | undefined;
 export declare const getHash: (href?: string) => string | undefined;
+export declare const isHash: (href?: string) => boolean | undefined;

package/mobile/lib/utils/url.js

@@ -17,4 +17,5 @@ export const getHash = (href) => {
     const hashIndex = href.indexOf('#');
     return hashIndex !== -1 ? href.substring(hashIndex, href.length) : undefined;
 };
+export const isHash = (href) => href?.startsWith('#');
 //# sourceMappingURL=url.js.map

package/mobile/lib/utils/url.js.map

@@ -1 +1 @@
-{"version":3,"file":"url.js","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AAE7D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;AAEnF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAa,EAAE,EAAE;IACzC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QACzB,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,GAAG,GAAG,IAAI,CAAC;IACjB,MAAM,cAAc,GAAG,IAAI,CAAC;IAC5B,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,UAAU,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAEzE,OAAO,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAa,EAAE,EAAE;IACvC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QACzB,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAEpC,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC/E,CAAC,CAAC"}
+{"version":3,"file":"url.js","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AAE7D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;AAEnF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAa,EAAE,EAAE;IACzC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QACzB,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,GAAG,GAAG,IAAI,CAAC;IACjB,MAAM,cAAc,GAAG,IAAI,CAAC;IAC5B,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE,UAAU,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAEzE,OAAO,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAa,EAAE,EAAE;IACvC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QACzB,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAEpC,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC/E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC"}

package/mobile/src/components/Accordion/useActiveHandler.ts

@@ -6,17 +6,17 @@ export const useActiveHandler = ({ context, blocks, initialState = false }: Acti
   const hasContent = blocks?.length;
   const icon: IconName = isActive ? 'MinusIcon' : 'PlusIcon';
 
-  const getContentBlock = ({ currentTarget }) => currentTarget.nextSibling;
+  const handleToggle = (e) => {
+    const currentTarget = e.currentTarget as HTMLElement;
 
-  const handleToggle = (e: MouseEvent) => {
-    if (!hasContent) {
+    if (!currentTarget) {
       return;
     }
 
     setIsActive(!isActive);
-    const contentBlock = getContentBlock(e);
+    const contentBlock = currentTarget.nextSibling as HTMLElement;
     contentBlock.style.maxHeight = contentBlock.style.maxHeight
-      ? null
+      ? ''
       : `${contentBlock.scrollHeight}px`;
   };
 

package/mobile/src/components/BaseTile/BaseTile.tsx

@@ -5,7 +5,7 @@ import type { BaseTileCommonProps } from './BaseTileProps';
 export interface BaseTileProps extends BaseTileCommonProps, UniBlockProps {}
 
 export const BaseTile = JSX<BaseTileProps>(
-  ({ className = '', title, children, buttons, image }) => {
+  ({ className = '', title = '', children, buttons, image }) => {
     return (
       <div className={`font-sans flex flex-col grow h-full items-start ${className}`}>
         {title}

package/mobile/src/components/BaseTile/BaseTileProps.ts

@@ -1,39 +1,16 @@
-import type { BlockVersion } from '../../model/BlockVersion';
-import type { Picture } from '../../model/Picture';
-import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import type { HeadingType } from '../../ui-kit/Heading/HeadingContent';
 import type { AlignType } from '../../model/AlignType';
+import type { BlockVersion } from '../../model/BlockVersion';
+import type { HeadingType } from '../../ui-kit/Heading/HeadingProps';
+import type { VNode } from '../../model/VNode';
 
-/**
- * @title Общий компонент плиток
- */
-export type BaseTileCommonProps = BaseTileTitleProps & BaseTileMainProps;
-
-/**
- * @title Заголовк плитки
- */
-export interface BaseTileTitleProps {
-  /** @title Заголовок */
-  title?: string;
-  /**
-   * @title Тип заголовка
-   */
+export interface BaseTileCommonProps {
+  title?: VNode;
   headingType?: HeadingType;
-}
-
-export interface BaseTileMainProps {
   description?: string;
-  image?: Picture;
-  /** @title Список */
+  image?: VNode;
   items?: string[];
-
   list?: string;
-
-  /**
-   * @title Кнопки
-   * @maxItems 4
-   */
-  buttons?: ButtonWithIconProps[];
+  buttons?: VNode;
   version?: BlockVersion;
   align?: AlignType;
 }

package/mobile/src/components/BaseTile/getTileHeadingType.ts

@@ -3,10 +3,10 @@ import { getColSpan } from '../../utils/getColSpan';
 export function getTileHeadingType(className = '') {
   const colSpan = getColSpan(className);
   if (colSpan <= 4) {
-    return 'h4';
+    return 'S';
   } else if (colSpan <= 8) {
-    return 'h3';
+    return 'M';
   } else {
-    return 'h2';
+    return 'L';
   }
 }

package/mobile/src/components/BenefitsBlock/BenefitsBlockContent.ts

@@ -1,5 +1,5 @@
 import type { Picture } from '../../model/Picture';
-import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
+import type { HeadingCommonProps } from '../../ui-kit/Heading/HeadingProps';
 import type { EmptyOption } from '../../model/EmptyOptionType';
 
 /**
@@ -48,11 +48,10 @@ export interface BenefitItem {
 /**
  * @title Блок преимущества
  */
-export type BenefitsBlockContent = HeadingContent &
-  HeadingTypeContent & {
-    /**
-     * @title Список преимуществ
-     * @maxItems 6
-     */
-    benefitList?: BenefitItem[];
-  };
+export type BenefitsBlockContent = HeadingCommonProps & {
+  /**
+   * @title Список преимуществ
+   * @maxItems 6
+   */
+  benefitList?: BenefitItem[];
+};

package/mobile/src/components/Blocks.spec.tsx

@@ -0,0 +1,74 @@
+import { setup } from '@redneckz/uni-jsx';
+import { render } from '@testing-library/react';
+import { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Blocks } from './Blocks';
+import type { ContentPageContext } from './ContentPage/ContentPageContext';
+
+setup(jsx, jsxs);
+
+jest.mock('../ui-kit/BlockWrapper', () => ({
+  __esModule: true,
+  BlockWrapper: ({ children }) => <section>{children}</section>,
+}));
+
+const emptyFn = () => {
+  /* For sure */
+};
+
+const context: ContentPageContext = {
+  useState,
+  useRouter: () => ({
+    pathname: '/credits',
+    query: {},
+    push: emptyFn,
+    replace: emptyFn,
+  }),
+  useAsyncData: () => ({}),
+  useGeolocation: (defaultLocation) => [defaultLocation, emptyFn],
+  useLikeService: () => ({
+    likeCount: 0,
+    like: emptyFn,
+    dislike: emptyFn,
+  }),
+  handlerDecorator: (): any => emptyFn,
+  useSearch: () => ({
+    term: '',
+    setTerm: emptyFn,
+  }),
+  IntersectionObserverTag: ({ children }) => children,
+};
+
+describe('Blocks', () => {
+  beforeEach(() => {
+    jest.resetModules();
+  });
+
+  for (const [key, BlockComponent] of Object.entries(Blocks)) {
+    describe(key, () => {
+      it(`should render block "${key}" without content`, () => {
+        expect.assertions(2);
+
+        const { container } = render(<BlockComponent context={context} />);
+        expect(container.firstChild).toBeTruthy();
+        expect(container.firstChild).toMatchSnapshot();
+      });
+
+      it(`should render block "${key}" with demo content`, async () => {
+        expect.assertions(1);
+
+        let data = {};
+
+        try {
+          const { default: example } = await import(`./${key}/${key}.example.json`);
+          data = example;
+        } catch (ex) {
+          // Do nothing
+        }
+
+        const { container } = render(<BlockComponent context={context} {...data} />);
+        expect(container.firstChild).toBeTruthy();
+      });
+    });
+  }
+});

package/mobile/src/components/Bonus/BonusContent.ts

@@ -1,5 +1,4 @@
-import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
-import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
+import type { HeadlineCommonProps } from '../../model/HeadlineType';
 
 /** @title Плитка */
 interface BonusItems {
@@ -16,8 +15,7 @@ interface BonusItems {
 /**
  * @title Блок Бонусы
  */
-export type BonusContent = HeadingContent &
-  DescriptionContent & {
-    /** @title Список плиток */
-    bonusItems?: BonusItems[];
-  };
+export type BonusContent = HeadlineCommonProps & {
+  /** @title Список плиток */
+  bonusItems?: BonusItems[];
+};

package/mobile/src/components/Calculator/Calculator.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { FuncReturnVoid, UniBlockProps } from '../../types';
+import type { UniBlockProps } from '../../types';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderArrows } from '../../ui-kit/Button/renderArrows';
 import { Img } from '../../ui-kit/Img/Img';
@@ -12,14 +12,14 @@ type TabsProps = {
   tabsShift: number;
   tabsNav: CalculatorNav[];
   activeSlideIndex: number;
-  setActiveSlideIndex: FuncReturnVoid<number>;
+  setActiveSlideIndex: (index: number) => void;
 };
 
 type NavButtonProps = {
   tab: CalculatorNav;
   i: number;
   activeSlideIndex: number;
-  onClick: FuncReturnVoid<MouseEvent>;
+  onClick: () => void;
 };
 
 export const Calculator = JSX<CalculatorProps>(

package/mobile/src/components/Calculator/Rate.tsx

@@ -12,7 +12,7 @@ export const Rate = JSX<RateProps>(({ rate, title = 'Ставка', unit, rateBl
     <div className="text-sm font-light ml-3">{title}</div>
     <div className="flex justify-start">
       <span
-        className={`block calc-rate-text font-mohave text-highlighted pr-6 -mt-4 ${rateBlockClassName}`}
+        className={`block calc-rate-text font-mohave text-title-huge pr-6 -mt-4 ${rateBlockClassName}`}
       >
         {String(rate).replace('.', ',')}
       </span>

package/mobile/src/components/Catalog/CatalogContent.ts

@@ -1,14 +1,13 @@
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
-import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
+import type { HeadlineCommonProps } from '../../model/HeadlineType';
 
 /**
  * @enumNames ["Черный", "Белый"]
  */
 export type CatalogProductColor = 'black' | 'white';
 
-export interface CatalogCardType extends HeadingContent, DescriptionContent, ImageContent {
+export interface CatalogCardType extends HeadlineCommonProps, ImageContent {
   /** @title Цена в рублях */
   price?: number;
   /** @title Доступные цвета */
@@ -20,8 +19,7 @@ export interface CatalogCardType extends HeadingContent, DescriptionContent, Ima
 /**
  * @title Каталог
  */
-export type CatalogContent = HeadingContent &
-  DescriptionContent & {
-    /** @title Список карточек */
-    cards?: CatalogCardType[];
-  };
+export type CatalogContent = HeadlineCommonProps & {
+  /** @title Список карточек */
+  cards?: CatalogCardType[];
+};

package/mobile/src/components/ComparisonTable/ComparisonTableColumnHeaders.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { TableRowContainer } from './TableRowContainer';
-import { COLUMN_WIDTH, FIRST_CELL_CLASSES } from './constants';
-import { TableCarouselContainer } from './TableCarouselContainer';
-import { HeaderCell } from './HeaderCell';
 import { useLink } from '../../hooks/useLink';
-import type { ColumnHeader } from './ComparisonTableContent';
 import type { HandlerDecorator, Router } from '../ContentPage/ContentPageContext';
+import type { ColumnHeader } from './ComparisonTableContent';
+import { COLUMN_WIDTH, FIRST_CELL_CLASSES } from './constants';
+import { HeaderCell } from './HeaderCell';
+import { TableCarouselContainer } from './TableCarouselContainer';
+import { TableRowContainer } from './TableRowContainer';
 
 interface ComparisonTableColumnHeadersProps {
   colHeaders: ColumnHeader[];
@@ -18,7 +18,7 @@ export const ComparisonTableColumnHeaders = JSX<ComparisonTableColumnHeadersProp
   ({ colHeaders, activeCardIndex, router, handlerDecorator }) => {
     return (
       <TableRowContainer>
-        <div className={FIRST_CELL_CLASSES} role="columnheader" scope="col" />
+        <div className={FIRST_CELL_CLASSES} role="columnheader" />
         <TableCarouselContainer activeCardIndex={activeCardIndex} columnWidth={COLUMN_WIDTH}>
           {colHeaders.map((header, i) => (
             <HeaderCell

package/mobile/src/components/ComparisonTable/ComparisonTableRows.tsx

@@ -2,11 +2,11 @@ import { JSX } from '@redneckz/uni-jsx';
 import { TableRow } from './TableRow';
 import { TableArrowScrollControl } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControl';
 import type { TableArrowScrollControlProps } from '../../ui-kit/TableArrowScrollControl/TableArrowScrollControlProps';
-import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 import type { CellData } from './ComparisonTableContent';
+import type { TitleProp } from '../../model/HeadlineType';
 
 type ComparisonTableRowsProps = TableArrowScrollControlProps & {
-  rowData: { header: HeadingContent; data: CellData[][] }[];
+  rowData: { header: TitleProp; data: CellData[][] }[];
   activeCardIndex: number;
   isColoredFirstColumn: boolean;
 };

package/mobile/src/components/ContentPage/ContentPageContext.tsx

@@ -1,5 +1,4 @@
 import { VNode } from '../../model/VNode';
-import type { FuncReturnVoid } from '../../types';
 
 export interface Router {
   pathname: string;
@@ -34,7 +33,7 @@ export type SetStateAction<S> = S | ((prevState: S) => S);
 
 export type SetStateHook = <State>(
   initialState: State | (() => State),
-) => [State, FuncReturnVoid<SetStateAction<State>>];
+) => [State, (action: SetStateAction<State>) => void];
 
 export interface IntersectionObserverTagProps {
   Tag: string;

package/mobile/src/components/ExchangeRateTile/ExchangeCurrencyCalculator.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { FuncReturnVoid, UniBlockProps } from '../../types';
+import type { UniBlockProps } from '../../types';
+import { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { calculateResult, formatValue } from './calculateResult';
 import { callbackCurrencySelect } from './callbackCurrencySelect';
 import { Currency } from './CurrencyProps';
 import { renderButton } from './renderButton';
 import { renderInput } from './renderInput';
-import { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 
 export interface ExchangeCurrencyItem {
   code?: Currency;
@@ -75,7 +75,7 @@ export const ExchangeCurrencyCalculator = JSX<ExchangeCurrencyCalculatorProps>(
 const handleSelectSell =
   (
     calcState: CalcState,
-    setCalcState: FuncReturnVoid<Partial<CalcState>>,
+    setCalcState: (state: Partial<CalcState>) => void,
     currencyRatesSell: ExchangeCurrencyItem[],
   ) =>
   (value: Currency) => {
@@ -92,7 +92,7 @@ const handleSelectSell =
 const handleSelectBuy =
   (
     calcState: CalcState,
-    setCalcState: FuncReturnVoid<Partial<CalcState>>,
+    setCalcState: (state: Partial<CalcState>) => void,
     currencyRatesBuy: ExchangeCurrencyItem[],
   ) =>
   (value: Currency) => {
@@ -106,7 +106,7 @@ const handleSelectBuy =
   };
 
 const handleInputSell =
-  (setCalcState: FuncReturnVoid<Partial<CalcState>>, currencyRatesSell: ExchangeCurrencyItem[]) =>
+  (setCalcState: (state: Partial<CalcState>) => void, currencyRatesSell: ExchangeCurrencyItem[]) =>
   (value: string, codeFrom: Currency, codeTo: Currency) => {
     setCalcState({ inputSell: formatValue(value), selectBuy: codeTo });
     const rate =
@@ -120,7 +120,7 @@ const handleInputSell =
   };
 
 const handleInputBuy =
-  (setCalcState: FuncReturnVoid<Partial<CalcState>>, currencyRatesBuy: ExchangeCurrencyItem[]) =>
+  (setCalcState: (state: Partial<CalcState>) => void, currencyRatesBuy: ExchangeCurrencyItem[]) =>
   (value: string, codeTo: Currency, codeFrom: Currency) => {
     setCalcState({ inputBuy: formatValue(value), selectSell: codeFrom });
     const rate =

package/mobile/src/components/Footer/HorizontalNavigationLink.tsx

@@ -4,7 +4,7 @@ import type { LinkProps } from '../../model/LinkProps';
 interface HorizontalNavigationLinkProps extends LinkProps {
   className: string;
   index: number;
-  onClick: (ev: MouseEvent) => any;
+  onClick: () => void;
 }
 
 export const HorizontalNavigationLink = JSX<Partial<HorizontalNavigationLinkProps>>(

package/mobile/src/components/Footer/TextInformationLink.tsx

@@ -4,15 +4,13 @@ import type { LinkProps } from '../../model/LinkProps';
 interface TextInformationLinkProps extends LinkProps {
   className: string;
   index: number;
-  onClick: (ev: MouseEvent) => any;
+  onClick: () => void;
 }
 
 export const TextInformationLink = JSX<Partial<TextInformationLinkProps>>(
   ({ className = '', index, text, href, target, onClick }) => (
     <a
-      className={`font-sans text-xs text-secondary-text visited:text-secondary-text hover:text-primary-text inline-block no-underline max-w-[292px] ${
-        className
-      }`}
+      className={`font-sans text-xs text-secondary-text visited:text-secondary-text hover:text-primary-text inline-block no-underline max-w-[292px] ${className}`}
       href={href}
       target={target}
       onClick={onClick}

package/mobile/src/components/GracePeriod/GracePeriodContent.ts

@@ -1,5 +1,5 @@
 import type { Picture } from '../../model/Picture';
-import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
+import type { TitleProp } from '../../model/HeadlineType';
 
 interface Month {
   /** @title Название месяца */
@@ -30,7 +30,7 @@ interface CalendarItem {
 /**
  * @title Льготный период
  */
-export interface GracePeriodContent extends HeadingContent {
+export interface GracePeriodContent extends TitleProp {
   /** @title Описание */
   description?: string;
   /** @title Календарь */

package/mobile/src/components/GroupBlock/GroupBlock.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import type { UniBlockProps } from '../../types';
+import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { filterBlocksByTag } from './filterBlocksByTag';
 import type { GroupBlockContent, GroupBlockTab } from './GroupBlockContent';
 import { GroupBlocksItem } from './GroupBlocksItem';
@@ -29,7 +29,7 @@ export const GroupBlock = JSX<GroupBlockProps>(
     });
 
     return (
-      <BlockWrapper context={context} className={`box-border gap-1 ${className}`} {...rest}>
+      <BlockWrapper context={context} className={`box-border ${className}`} {...rest}>
         {tabsNewMap?.length ? (
           <GroupBlockTabs
             currentTag={currentTag}
@@ -39,7 +39,9 @@ export const GroupBlock = JSX<GroupBlockProps>(
           />
         ) : null}
         {groupBlocks.length ? (
-          <GroupBlocksItem context={context} groupBlocks={filteredBlocks} />
+          <div className="mt-1">
+            <GroupBlocksItem context={context} groupBlocks={filteredBlocks} />
+          </div>
         ) : null}
       </BlockWrapper>
     );