@redneckz/wildless-cms-uni-blocks 0.8.18 → 0.8.19

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

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkButton/LinkButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAEjC,MAAM,eAAe,GAAG;;uEAE+C,CAAC;AAExE,MAAM,sBAAsB,GAC1B,sEAAsE,CAAC;AAMzE,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IACnD,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,eAAK,SAAS,EAAE,yDAAyD,SAAS,EAAE,aAClF,aAAG,SAAS,EAAE,eAAe,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aACnE,cAAK,SAAS,EAAC,OAAO,YAAE,IAAI,GAAO,EACnC,cAAK,SAAS,EAAC,SAAS,YACtB,KAAC,GAAG,IACF,SAAS,EAAC,8FAA8F,EACxG,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,OAAO,EAAE,EACvD,cAAc,EAAC,oCAAoC,EACnD,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,GACE,IACJ,EACJ,cAAK,SAAS,EAAE,GAAG,sBAAsB,gBAAgB,GAAI,EAC7D,cAAK,SAAS,EAAE,GAAG,sBAAsB,YAAY,GAAI,IACrD,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"LinkButton.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkButton/LinkButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,MAAM,eAAe,GAAG;;uEAE+C,CAAC;AAExE,MAAM,sBAAsB,GAC1B,sEAAsE,CAAC;AAMzE,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAC3B,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE;IACnD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;IAE7C,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,eAAK,SAAS,EAAE,yDAAyD,SAAS,EAAE,aAClF,aAAG,SAAS,EAAE,eAAe,EAAE,IAAI,EAAC,MAAM,KAAK,aAAa,aAC1D,cAAK,SAAS,EAAC,OAAO,YAAE,IAAI,GAAO,EACnC,cAAK,SAAS,EAAC,SAAS,YACtB,KAAC,GAAG,IACF,SAAS,EAAC,8FAA8F,EACxG,KAAK,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,OAAO,EAAE,EACvD,cAAc,EAAC,oCAAoC,EACnD,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,GACE,IACJ,EACJ,cAAK,SAAS,EAAE,GAAG,sBAAsB,gBAAgB,GAAI,EAC7D,cAAK,SAAS,EAAE,GAAG,sBAAsB,YAAY,GAAI,IACrD,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.d.ts

@@ -1,4 +1,3 @@
-import type { SwipeListControlType } from './SwipeListControlContent';
 import type { SwipeContainerProps } from './SwipeListControlProps';
 declare type ItemsVisibilityList = Array<IntersectionObserverEntry | undefined>;
 declare type SwipeListItemWidthAuto = 0;
@@ -15,7 +14,6 @@ interface SwipeListContainerProps extends SwipeContainerProps {
     snapAlign?: 'snap-start' | 'snap-center' | 'snap-end';
     onVisibleItemsChange?: (itemsVisibilityList: ItemsVisibilityList) => void;
     onVisibleIndicesChange?: (indices: number[]) => void;
-    listType?: SwipeListControlType;
 }
 export declare const SwipeListContainer: import("@redneckz/uni-jsx").UNIComponent<SwipeListContainerProps, any, any>;
 export {};

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

@@ -3,10 +3,10 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import { mapChildren } from '../../utils/mapChildren.js';
 import { style } from '../../utils/style.js';
+import { getContainerHeight } from './getContainerHeight.js';
 import { SwipeListItem } from './SwipeListItem.js';
 const childStyleMap = ['min-w-[100%]', 'min-w-[50%]', 'min-w-[33.33%]', 'min-w-[25%]'];
-const DEFAULT_HEIGHT = '866px';
-export const SwipeListContainer = JSX(({ className = '', containerRef, activeIndex, visibleItemCount = 0, gap = 0, padding = 0, listType = 'horizontal-list', snapAlign = 'snap-center', children, onVisibleItemsChange, onVisibleIndicesChange, }) => {
+export const SwipeListContainer = JSX(({ className = '', containerRef, activeIndex, visibleItemCount = 0, gap = 0, padding = 0, listType = 'horizontal-list', snapAlign = 'snap-center', minHeight, children, onVisibleItemsChange, onVisibleIndicesChange, }) => {
     const observerOptions = {
         sensitivity: 1,
         rootRef: containerRef,
@@ -24,14 +24,10 @@ export const SwipeListContainer = JSX(({ className = '', containerRef, activeInd
     const isHorizontalList = listType === 'horizontal-list';
     const containerStyle = {
         ...(isHorizontalList ? getContainerOffset(padding, additionPadding) : {}),
-        ...(isVerticalList ? { height: DEFAULT_HEIGHT } : {}),
+        ...(isVerticalList ? getContainerHeight(minHeight) : {}),
         gap: `${gap}px`,
     };
-    const itemContainerStyle = {
-        ...(isHorizontalList ? getContainerOffset(padding / 4) : {}),
-        maxHeight: DEFAULT_HEIGHT,
-    };
-    return (_jsx("div", { className: style('box-border overflow-auto no-scrollbar', listType, className), style: containerStyle, role: "list", ref: containerRef, children: mapChildren((child, idx) => (_jsx(SwipeListItem, { className: style(snapAlign, visibleItemCount ? childStyleMap[visibleItemCount - 1] : '', isVerticalList ? 'h-full' : ''), style: itemContainerStyle, activeIndex: activeIndex, idx: idx, observerOptions: observerOptions, onIntersection: handleIntersection, children: child }, String(idx))))(children) }));
+    return (_jsx("div", { className: style('box-border overflow-auto no-scrollbar', listType, className), style: containerStyle, role: "list", ref: containerRef, children: mapChildren((child, idx) => (_jsx(SwipeListItem, { className: style(snapAlign, visibleItemCount ? childStyleMap[visibleItemCount - 1] : '', isVerticalList ? 'h-full' : ''), style: isHorizontalList ? getContainerOffset(padding / 4) : {}, activeIndex: activeIndex, idx: idx, observerOptions: observerOptions, onIntersection: handleIntersection, children: child }, String(idx))))(children) }));
 });
 // Styles used to compensate outer container padding to get rid of clipping effect
 const getContainerOffset = (padding, additionalPadding = 0) => ({

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

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

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

@@ -11,13 +11,13 @@ const DEFAULT_GAP = 14;
   and get rid of a clipping effect caused by overflow: hidden.
  */
 const DEFAULT_PADDING = 16;
-export const SwipeListControl = JSX(({ className = '', gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = true, children, onVisibleIndicesChange, listType = 'horizontal-list', }) => {
+export const SwipeListControl = JSX(({ className = '', gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = true, minHeight, children, onVisibleIndicesChange, listType = 'horizontal-list', }) => {
     const itemCount = Array.isArray(children) ? children.length : 0;
     const [containerRef, scroll] = useSwipeListScroll({
         itemCount,
         onVisibleIndicesChange,
     });
     const [activeIndex] = scroll.visibleIndicesRange;
-    return (_jsxs("div", { className: style(className, listType === 'vertical-list' ? 'relative h-full' : ''), children: [_jsx(SwipeListContainer, { containerRef: containerRef, activeIndex: activeIndex, visibleItemCount: 1, gap: gap, padding: padding, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, listType: listType, children: children }), showDots ? (_jsx(SwipeListControlDots, { containerRef: containerRef, activeIndex: activeIndex, dotCount: itemCount, listType: listType })) : null] }));
+    return (_jsxs("div", { className: style(className, listType === 'vertical-list' ? 'relative h-full' : ''), children: [_jsx(SwipeListContainer, { containerRef: containerRef, activeIndex: activeIndex, visibleItemCount: 1, gap: gap, padding: padding, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, listType: listType, minHeight: minHeight, children: children }), showDots ? (_jsx(SwipeListControlDots, { containerRef: containerRef, activeIndex: activeIndex, dotCount: itemCount, listType: listType })) : null] }));
 });
 //# 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,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,GAAG,EAAE,CAAC;AAEvB;;;;GAIG;AACH,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,sBAAsB,EACtB,QAAQ,GAAG,iBAAiB,GAC7B,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,kBAAkB,CAAiB;QAChE,SAAS;QACT,sBAAsB;KACvB,CAAC,CAAC;IACH,MAAM,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,mBAAmB,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,KAAK,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,aACrF,KAAC,kBAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,CAAC,EACnB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,EACzD,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,GACU,EACpB,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,oBAAoB,IACnB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,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,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,GAAG,EAAE,CAAC;AAEvB;;;;GAIG;AACH,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CACjC,CAAC,EACC,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,QAAQ,EACR,sBAAsB,EACtB,QAAQ,GAAG,iBAAiB,GAC7B,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,kBAAkB,CAAiB;QAChE,SAAS;QACT,sBAAsB;KACvB,CAAC,CAAC;IACH,MAAM,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,mBAAmB,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,KAAK,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,aACrF,KAAC,kBAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,CAAC,EACnB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,EACzD,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACU,EACpB,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,oBAAoB,IACnB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlContent.d.ts

@@ -1,15 +1,10 @@
 import type { BlockVersion } from '../../model/BlockVersion';
-/**
- * @title Вид
- * @enumNames ["Горизонтальный", "Вертикальный"]
- */
-export declare type SwipeListControlType = 'horizontal-list' | 'vertical-list';
+import type { SwipeContainerProps } from './SwipeListControlProps';
 /**
  * @title Swipe-контроллер
  */
-export interface SwipeListControlContent {
+export interface SwipeListControlContent extends SwipeContainerProps {
     /** @title Точки-индикаторы */
     showDots?: boolean;
-    listType?: SwipeListControlType;
     version?: BlockVersion;
 }

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.d.ts

@@ -1,4 +1,4 @@
-import type { SwipeListControlType } from './SwipeListControlContent';
+import type { SwipeListControlType } from './SwipeListControlProps';
 interface SwipeListControlDotsProps {
     containerRef?: {
         current: HTMLDivElement | null;

package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlProps.d.ts

@@ -1,12 +1,21 @@
 import type { SwipeListControlContent } from './SwipeListControlContent';
 /**
- * @title Контейнер
+ * @title Вид
+ * @enumNames ["Горизонтальный", "Вертикальный"]
  */
+export declare type SwipeListControlType = 'horizontal-list' | 'vertical-list';
+/**
+ * @title Минимальная высота
+ * @enumNames ['Стандартная', 'Маленькая']
+ */
+export declare type ContainerMinHeight = 866 | 720;
 export interface SwipeContainerProps {
-    /** @title Расстояние между элементами */
+    /** @hidden */
     gap?: number;
-    /** @title Отступы */
+    /** @hidden */
     padding?: number;
+    listType?: SwipeListControlType;
+    minHeight?: ContainerMinHeight;
 }
 /**
  * @title Swipe-контроллер

package/mobile/lib/ui-kit/SwipeListControl/getContainerHeight.d.ts

@@ -0,0 +1,4 @@
+export declare const getContainerHeight: (minHeight?: number) => {
+    height: string;
+    minHeight: string;
+};

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

@@ -0,0 +1,10 @@
+const HEADER_HEIGHT = 170;
+const FOOTER_HEIGHT = 48;
+const BLOCKS_GAP = 4;
+const PAGE_PADDINGS_X = 20;
+const DEFAULT_HEIGHT = 866;
+export const getContainerHeight = (minHeight) => ({
+    height: `calc(100vh - ${HEADER_HEIGHT + FOOTER_HEIGHT + BLOCKS_GAP + PAGE_PADDINGS_X}px)`,
+    minHeight: `${minHeight || DEFAULT_HEIGHT}px`,
+});
+//# sourceMappingURL=getContainerHeight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getContainerHeight.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/getContainerHeight.ts"],"names":[],"mappings":"AAAA,MAAM,aAAa,GAAG,GAAG,CAAC;AAC1B,MAAM,aAAa,GAAG,EAAE,CAAC;AACzB,MAAM,UAAU,GAAG,CAAC,CAAC;AACrB,MAAM,eAAe,GAAG,EAAE,CAAC;AAC3B,MAAM,cAAc,GAAG,GAAG,CAAC;AAE3B,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAAkB,EAAE,EAAE,CAAC,CAAC;IACzD,MAAM,EAAE,gBAAgB,aAAa,GAAG,aAAa,GAAG,UAAU,GAAG,eAAe,KAAK;IACzF,SAAS,EAAE,GAAG,SAAS,IAAI,cAAc,IAAI;CAC9C,CAAC,CAAC"}

package/mobile/src/components/CarouselLinks/CarouselLinks.tsx

@@ -10,7 +10,7 @@ import type { CarouselLinksContent } from './CarouselLinksContent';
 
 export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {}
 
-const MAX_LINKS_COUNT = 12;
+const MAX_LINKS_COUNT = 10;
 
 export const CarouselLinks = JSX<CarouselLinksProps>(
   ({

package/mobile/src/components/CarouselLinks/CarouselLinks.ui.json

@@ -0,0 +1,8 @@
+{
+  "content": {},
+  "style": {
+    "ui:options": {
+      "minCols": 12
+    }
+  }
+}

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

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { LinkProps } from '../../model/LinkProps';
 import { Img } from '../Img/Img';
+import { useLink } from '../../hooks/useLink';
+import type { LinkProps } from '../../model/LinkProps';
 
 const LINK_CLASS_NAME = `absolute border border-primary-main ml-3 px-6 py-5
   text-l-light bg-white text-primary-text flex w-[316px]
@@ -15,13 +16,12 @@ export type LinkButtonProps = LinkProps & {
 
 export const LinkButton = JSX<LinkButtonProps>(
   ({ text, href = '', target = '', className = '' }) => {
-    if (!text) {
-      return null;
-    }
+    const link = useLink();
+    const adjustedProps = link({ href, target });
 
-    return (
+    return text ? (
       <div className={`relative group/link cursor-pointer w-[328px] h-[82px] ${className}`}>
-        <a className={LINK_CLASS_NAME} role="link" href={href} target={target}>
+        <a className={LINK_CLASS_NAME} role="link" {...adjustedProps}>
           <div className="p-0.5">{text}</div>
           <div className="w-6 h-6">
             <Img
@@ -37,6 +37,6 @@ export const LinkButton = JSX<LinkButtonProps>(
         <div className={`${LINK_BORDER_CLASS_NAME} mx-1.5 mt-1.5`} />
         <div className={`${LINK_BORDER_CLASS_NAME} mt-3 mr-3`} />
       </div>
-    );
+    ) : null;
   },
 );

package/mobile/src/ui-kit/SwipeListControl/SwipeListContainer.tsx

@@ -3,7 +3,7 @@ import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import type { IntersectionObserverOptions } from '../../hooks/useIntersectionObserver';
 import { mapChildren } from '../../utils/mapChildren';
 import { style } from '../../utils/style';
-import type { SwipeListControlType } from './SwipeListControlContent';
+import { getContainerHeight } from './getContainerHeight';
 import type { SwipeContainerProps } from './SwipeListControlProps';
 import { SwipeListItem } from './SwipeListItem';
 
@@ -22,13 +22,10 @@ interface SwipeListContainerProps extends SwipeContainerProps {
   snapAlign?: 'snap-start' | 'snap-center' | 'snap-end';
   onVisibleItemsChange?: (itemsVisibilityList: ItemsVisibilityList) => void;
   onVisibleIndicesChange?: (indices: number[]) => void;
-  listType?: SwipeListControlType;
 }
 
 const childStyleMap = ['min-w-[100%]', 'min-w-[50%]', 'min-w-[33.33%]', 'min-w-[25%]'];
 
-const DEFAULT_HEIGHT = '866px';
-
 export const SwipeListContainer = JSX<SwipeListContainerProps>(
   ({
     className = '',
@@ -39,6 +36,7 @@ export const SwipeListContainer = JSX<SwipeListContainerProps>(
     padding = 0,
     listType = 'horizontal-list',
     snapAlign = 'snap-center',
+    minHeight,
     children,
     onVisibleItemsChange,
     onVisibleIndicesChange,
@@ -67,13 +65,9 @@ export const SwipeListContainer = JSX<SwipeListContainerProps>(
     const isHorizontalList = listType === 'horizontal-list';
     const containerStyle = {
       ...(isHorizontalList ? getContainerOffset(padding, additionPadding) : {}),
-      ...(isVerticalList ? { height: DEFAULT_HEIGHT } : {}),
+      ...(isVerticalList ? getContainerHeight(minHeight) : {}),
       gap: `${gap}px`,
     };
-    const itemContainerStyle = {
-      ...(isHorizontalList ? getContainerOffset(padding / 4) : {}),
-      maxHeight: DEFAULT_HEIGHT,
-    };
 
     return (
       <div
@@ -90,7 +84,7 @@ export const SwipeListContainer = JSX<SwipeListContainerProps>(
               visibleItemCount ? childStyleMap[visibleItemCount - 1] : '',
               isVerticalList ? 'h-full' : '',
             )}
-            style={itemContainerStyle}
+            style={isHorizontalList ? getContainerOffset(padding / 4) : {}}
             activeIndex={activeIndex}
             idx={idx}
             observerOptions={observerOptions}

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

@@ -20,6 +20,7 @@ export const SwipeListControl = JSX<SwipeListControlProps>(
     gap = DEFAULT_GAP,
     padding = DEFAULT_PADDING,
     showDots = true,
+    minHeight,
     children,
     onVisibleIndicesChange,
     listType = 'horizontal-list',
@@ -42,6 +43,7 @@ export const SwipeListControl = JSX<SwipeListControlProps>(
           padding={padding}
           onVisibleIndicesChange={scroll.handleVisibleIndicesChange}
           listType={listType}
+          minHeight={minHeight}
         >
           {children}
         </SwipeListContainer>

package/mobile/src/ui-kit/SwipeListControl/SwipeListControlContent.ts

@@ -1,17 +1,11 @@
 import type { BlockVersion } from '../../model/BlockVersion';
-
-/**
- * @title Вид
- * @enumNames ["Горизонтальный", "Вертикальный"]
- */
-export type SwipeListControlType = 'horizontal-list' | 'vertical-list';
+import type { SwipeContainerProps } from './SwipeListControlProps';
 
 /**
  * @title Swipe-контроллер
  */
-export interface SwipeListControlContent {
+export interface SwipeListControlContent extends SwipeContainerProps {
   /** @title Точки-индикаторы */
   showDots?: boolean;
-  listType?: SwipeListControlType;
   version?: BlockVersion;
 }

package/mobile/src/ui-kit/SwipeListControl/SwipeListControlDots.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { SwipeListControlType } from './SwipeListControlContent';
+import type { SwipeListControlType } from './SwipeListControlProps';
 
 const containerStyles: Record<SwipeListControlType, string> = {
   'horizontal-list': 'mx-auto mt-5 w-fit',

package/mobile/src/ui-kit/SwipeListControl/SwipeListControlProps.ts

@@ -1,13 +1,24 @@
 import type { SwipeListControlContent } from './SwipeListControlContent';
 
 /**
- * @title Контейнер
+ * @title Вид
+ * @enumNames ["Горизонтальный", "Вертикальный"]
  */
+export type SwipeListControlType = 'horizontal-list' | 'vertical-list';
+
+/**
+ * @title Минимальная высота
+ * @enumNames ['Стандартная', 'Маленькая']
+ */
+export type ContainerMinHeight = 866 | 720;
+
 export interface SwipeContainerProps {
-  /** @title Расстояние между элементами */
+  /** @hidden */
   gap?: number;
-  /** @title Отступы */
+  /** @hidden */
   padding?: number;
+  listType?: SwipeListControlType;
+  minHeight?: ContainerMinHeight;
 }
 
 /**

package/mobile/src/ui-kit/SwipeListControl/getContainerHeight.ts

@@ -0,0 +1,10 @@
+const HEADER_HEIGHT = 170;
+const FOOTER_HEIGHT = 48;
+const BLOCKS_GAP = 4;
+const PAGE_PADDINGS_X = 20;
+const DEFAULT_HEIGHT = 866;
+
+export const getContainerHeight = (minHeight?: number) => ({
+  height: `calc(100vh - ${HEADER_HEIGHT + FOOTER_HEIGHT + BLOCKS_GAP + PAGE_PADDINGS_X}px)`,
+  minHeight: `${minHeight || DEFAULT_HEIGHT}px`,
+});

package/package.json

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

package/src/components/CarouselLinks/CarouselLinks.tsx

@@ -10,7 +10,7 @@ import type { CarouselLinksContent } from './CarouselLinksContent';
 
 export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {}
 
-const MAX_LINKS_COUNT = 12;
+const MAX_LINKS_COUNT = 10;
 
 export const CarouselLinks = JSX<CarouselLinksProps>(
   ({

package/src/components/CarouselLinks/CarouselLinks.ui.json

@@ -0,0 +1,8 @@
+{
+  "content": {},
+  "style": {
+    "ui:options": {
+      "minCols": 12
+    }
+  }
+}

package/src/ui-kit/LinkButton/LinkButton.tsx

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { LinkProps } from '../../model/LinkProps';
 import { Img } from '../Img/Img';
+import { useLink } from '../../hooks/useLink';
+import type { LinkProps } from '../../model/LinkProps';
 
 const LINK_CLASS_NAME = `absolute border border-primary-main ml-3 px-6 py-5
   text-l-light bg-white text-primary-text flex w-[316px]
@@ -15,13 +16,12 @@ export type LinkButtonProps = LinkProps & {
 
 export const LinkButton = JSX<LinkButtonProps>(
   ({ text, href = '', target = '', className = '' }) => {
-    if (!text) {
-      return null;
-    }
+    const link = useLink();
+    const adjustedProps = link({ href, target });
 
-    return (
+    return text ? (
       <div className={`relative group/link cursor-pointer w-[328px] h-[82px] ${className}`}>
-        <a className={LINK_CLASS_NAME} role="link" href={href} target={target}>
+        <a className={LINK_CLASS_NAME} role="link" {...adjustedProps}>
           <div className="p-0.5">{text}</div>
           <div className="w-6 h-6">
             <Img
@@ -37,6 +37,6 @@ export const LinkButton = JSX<LinkButtonProps>(
         <div className={`${LINK_BORDER_CLASS_NAME} mx-1.5 mt-1.5`} />
         <div className={`${LINK_BORDER_CLASS_NAME} mt-3 mr-3`} />
       </div>
-    );
+    ) : null;
   },
 );

package/src/ui-kit/SwipeListControl/SwipeListContainer.tsx

@@ -3,7 +3,7 @@ import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import type { IntersectionObserverOptions } from '../../hooks/useIntersectionObserver';
 import { mapChildren } from '../../utils/mapChildren';
 import { style } from '../../utils/style';
-import type { SwipeListControlType } from './SwipeListControlContent';
+import { getContainerHeight } from './getContainerHeight';
 import type { SwipeContainerProps } from './SwipeListControlProps';
 import { SwipeListItem } from './SwipeListItem';
 
@@ -22,13 +22,10 @@ interface SwipeListContainerProps extends SwipeContainerProps {
   snapAlign?: 'snap-start' | 'snap-center' | 'snap-end';
   onVisibleItemsChange?: (itemsVisibilityList: ItemsVisibilityList) => void;
   onVisibleIndicesChange?: (indices: number[]) => void;
-  listType?: SwipeListControlType;
 }
 
 const childStyleMap = ['min-w-[100%]', 'min-w-[50%]', 'min-w-[33.33%]', 'min-w-[25%]'];
 
-const DEFAULT_HEIGHT = '866px';
-
 export const SwipeListContainer = JSX<SwipeListContainerProps>(
   ({
     className = '',
@@ -39,6 +36,7 @@ export const SwipeListContainer = JSX<SwipeListContainerProps>(
     padding = 0,
     listType = 'horizontal-list',
     snapAlign = 'snap-center',
+    minHeight,
     children,
     onVisibleItemsChange,
     onVisibleIndicesChange,
@@ -67,13 +65,9 @@ export const SwipeListContainer = JSX<SwipeListContainerProps>(
     const isHorizontalList = listType === 'horizontal-list';
     const containerStyle = {
       ...(isHorizontalList ? getContainerOffset(padding, additionPadding) : {}),
-      ...(isVerticalList ? { height: DEFAULT_HEIGHT } : {}),
+      ...(isVerticalList ? getContainerHeight(minHeight) : {}),
       gap: `${gap}px`,
     };
-    const itemContainerStyle = {
-      ...(isHorizontalList ? getContainerOffset(padding / 4) : {}),
-      maxHeight: DEFAULT_HEIGHT,
-    };
 
     return (
       <div
@@ -90,7 +84,7 @@ export const SwipeListContainer = JSX<SwipeListContainerProps>(
               visibleItemCount ? childStyleMap[visibleItemCount - 1] : '',
               isVerticalList ? 'h-full' : '',
             )}
-            style={itemContainerStyle}
+            style={isHorizontalList ? getContainerOffset(padding / 4) : {}}
             activeIndex={activeIndex}
             idx={idx}
             observerOptions={observerOptions}

package/src/ui-kit/SwipeListControl/SwipeListControl.tsx

@@ -20,6 +20,7 @@ export const SwipeListControl = JSX<SwipeListControlProps>(
     gap = DEFAULT_GAP,
     padding = DEFAULT_PADDING,
     showDots = true,
+    minHeight,
     children,
     onVisibleIndicesChange,
     listType = 'horizontal-list',
@@ -42,6 +43,7 @@ export const SwipeListControl = JSX<SwipeListControlProps>(
           padding={padding}
           onVisibleIndicesChange={scroll.handleVisibleIndicesChange}
           listType={listType}
+          minHeight={minHeight}
         >
           {children}
         </SwipeListContainer>

package/src/ui-kit/SwipeListControl/SwipeListControlContent.ts

@@ -1,17 +1,11 @@
 import type { BlockVersion } from '../../model/BlockVersion';
-
-/**
- * @title Вид
- * @enumNames ["Горизонтальный", "Вертикальный"]
- */
-export type SwipeListControlType = 'horizontal-list' | 'vertical-list';
+import type { SwipeContainerProps } from './SwipeListControlProps';
 
 /**
  * @title Swipe-контроллер
  */
-export interface SwipeListControlContent {
+export interface SwipeListControlContent extends SwipeContainerProps {
   /** @title Точки-индикаторы */
   showDots?: boolean;
-  listType?: SwipeListControlType;
   version?: BlockVersion;
 }

package/src/ui-kit/SwipeListControl/SwipeListControlDots.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { SwipeListControlType } from './SwipeListControlContent';
+import type { SwipeListControlType } from './SwipeListControlProps';
 
 const containerStyles: Record<SwipeListControlType, string> = {
   'horizontal-list': 'mx-auto mt-5 w-fit',

package/src/ui-kit/SwipeListControl/SwipeListControlProps.ts

@@ -1,13 +1,24 @@
 import type { SwipeListControlContent } from './SwipeListControlContent';
 
 /**
- * @title Контейнер
+ * @title Вид
+ * @enumNames ["Горизонтальный", "Вертикальный"]
  */
+export type SwipeListControlType = 'horizontal-list' | 'vertical-list';
+
+/**
+ * @title Минимальная высота
+ * @enumNames ['Стандартная', 'Маленькая']
+ */
+export type ContainerMinHeight = 866 | 720;
+
 export interface SwipeContainerProps {
-  /** @title Расстояние между элементами */
+  /** @hidden */
   gap?: number;
-  /** @title Отступы */
+  /** @hidden */
   padding?: number;
+  listType?: SwipeListControlType;
+  minHeight?: ContainerMinHeight;
 }
 
 /**

package/src/ui-kit/SwipeListControl/getContainerHeight.ts

@@ -0,0 +1,10 @@
+const HEADER_HEIGHT = 170;
+const FOOTER_HEIGHT = 48;
+const BLOCKS_GAP = 4;
+const PAGE_PADDINGS_X = 20;
+const DEFAULT_HEIGHT = 866;
+
+export const getContainerHeight = (minHeight?: number) => ({
+  height: `calc(100vh - ${HEADER_HEIGHT + FOOTER_HEIGHT + BLOCKS_GAP + PAGE_PADDINGS_X}px)`,
+  minHeight: `${minHeight || DEFAULT_HEIGHT}px`,
+});