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

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

@@ -1,43 +1,22 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { DEFAULT_GAP, DEFAULT_PADDING } from './constants.js';
+import { SwipeListContainer } from './SwipeListContainer.js';
 import { SwipeListControlDots } from './SwipeListControlDots.js';
-import { SwipeListControlList } from './SwipeListControlList.js';
-import { getIndexParts } from './utils/getIndexParts.js';
-import { getScrollPoints } from './utils/getScrollPoints.js';
-export const SwipeListControl = JSX(({ className, gap = DEFAULT_GAP, padding = DEFAULT_PADDING, showDots = true, onSlideChange, children, }) => {
-    const [activeIndex, setActiveIndex] = useState(0);
-    const [indexFraction, setIndexFraction] = useState(0);
-    const dotsProps = {
-        activeIndex,
-        indexFraction,
-        showDots,
-        children,
-    };
-    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;
-        const scrollPoints = getScrollPoints({
-            gap,
-            padding,
-            clientWidth,
-            scrollWidth,
-            childElementCount,
-            itemWidth,
-        });
-        const { index, fraction } = getIndexParts(scrollLeft, scrollPoints);
-        if (index !== activeIndex && onSlideChange) {
-            onSlideChange();
-        }
-        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 })] }));
+import { useSwipeListScroll } from './useSwipeListScroll.js';
+const DEFAULT_GAP = 14;
+/*
+  Horizontal padding used on a container above SwipeListControl.
+  Same value used on a SwipeListControlChildren container to compensate it
+  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, }) => {
+    const itemCount = Array.isArray(children) ? children.length : 0;
+    const [containerRef, scroll] = useSwipeListScroll({
+        itemCount,
+        onVisibleIndicesChange,
+    });
+    const [activeIndex] = scroll.visibleIndicesRange;
+    return (_jsxs("div", { className: className, children: [_jsx(SwipeListContainer, { containerRef: containerRef, activeIndex: activeIndex, visibleItemCount: 1, gap: gap, padding: padding, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: children }), showDots ? (_jsx(SwipeListControlDots, { containerRef: containerRef, activeIndex: activeIndex, dotCount: itemCount })) : 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,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"}
+{"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,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,EACT,GAAG,GAAG,WAAW,EACjB,OAAO,GAAG,eAAe,EACzB,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,sBAAsB,GACvB,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,SAAS,aACvB,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,YAExD,QAAQ,GACU,EACpB,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,oBAAoB,IACnB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,SAAS,GACnB,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -1,6 +1,9 @@
-export interface SwipeListControlDotsProps {
-    activeIndex: number;
-    indexFraction: number;
-    showDots?: boolean;
+interface SwipeListControlDotsProps {
+    containerRef?: {
+        current: HTMLDivElement | null;
+    };
+    activeIndex?: number;
+    dotCount?: number;
 }
 export declare const SwipeListControlDots: import("@redneckz/uni-jsx").UNIComponent<SwipeListControlDotsProps, any, any>;
+export {};

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

@@ -1,32 +1,15 @@
 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 = useCallback((idx) => (e) => {
-        if (idx === activeIndex) {
-            return;
+const dotStyle = 'cursor-pointer bg-primary-main h-2 rounded-full transition-width duration-300';
+export const SwipeListControlDots = JSX(({ containerRef, activeIndex, dotCount = 0 }) => {
+    const handleClick = (idx) => {
+        if (idx !== activeIndex && containerRef?.current) {
+            containerRef.current.children[idx]?.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
         }
-        const contentContainer = e.currentTarget.parentElement
-            ?.previousElementSibling;
-        contentContainer?.children[idx]?.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-    }, [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) {
-        return undefined;
-    }
-    const leftIndexMod = 1 - indexFraction;
-    const rightIndexMod = indexFraction;
-    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`,
+    };
+    return dotCount ? (_jsx("div", { className: "flex gap-2 mx-auto mt-5 w-fit", children: new Array(dotCount).fill(null).map((_, idx) => (_jsx("div", { className: `${dotStyle} ${idx === activeIndex ? 'w-6' : 'w-2 opacity-30'}`, role: "button", "aria-hidden": true, onClick: () => handleClick(idx) }, String(idx)))) })) : null;
 });
 //# 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;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"}
+{"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,QAAQ,GAAG,+EAA+E,CAAC;AAQjG,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE;IAC9C,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE;QAClC,IAAI,GAAG,KAAK,WAAW,IAAI,YAAY,EAAE,OAAO,EAAE;YAChD,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC;gBACjD,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,SAAS;aACjB,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,cAAK,SAAS,EAAC,+BAA+B,YAC3C,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE,CAAC,CACtD,cAEE,SAAS,EAAE,GAAG,QAAQ,IAAI,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,EAAE,EAC1E,IAAI,EAAC,QAAQ,uBAEb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,IAJ1B,MAAM,CAAC,GAAG,CAAC,CAKhB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC"}

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

@@ -1,7 +1,7 @@
 /**
  * @title Контейнер
  */
-export interface SwipeContainer {
+export interface SwipeContainerProps {
     /** @title Расстояние между элементами */
     gap?: number;
     /** @title Отступы */
@@ -10,9 +10,9 @@ export interface SwipeContainer {
 /**
  * @title Swipe-контроллер
  */
-export interface SwipeListControlProps extends SwipeContainer {
+export interface SwipeListControlProps extends SwipeContainerProps {
     className?: string;
     /** @title Точки-индикаторы */
     showDots?: boolean;
-    onSlideChange?: () => void;
+    onVisibleIndicesChange?: (indices: number[]) => void;
 }

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

@@ -0,0 +1,14 @@
+import { type IntersectionObserverOptions } from '../../hooks/useIntersectionObserver';
+/**
+ * @title Элемент списка
+ */
+interface SwipeListControlItemProps {
+    className?: string;
+    style?: Record<string, string>;
+    idx?: number;
+    activeIndex?: number;
+    observerOptions?: IntersectionObserverOptions;
+    onIntersection?: (idx: number, entry: IntersectionObserverEntry) => void;
+}
+export declare const SwipeListItem: import("@redneckz/uni-jsx").UNIComponent<SwipeListControlItemProps, any, any>;
+export {};

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useIntersectionObserver, } from '../../hooks/useIntersectionObserver.js';
+export const SwipeListItem = JSX(({ className = '', style, idx, activeIndex, observerOptions, children, onIntersection }) => {
+    const observerCallback = useCallback((entries) => {
+        if (entries.length && onIntersection) {
+            onIntersection(idx || 0, entries[entries.length - 1]);
+        }
+    }, [onIntersection, idx]);
+    const ref = useIntersectionObserver(observerCallback, observerOptions);
+    return (_jsx("div", { className: `inline-block snap-always box-border ${className}`, style: style, role: "listitem", "aria-current": Boolean(idx === activeIndex), ref: ref, children: children }));
+});
+//# sourceMappingURL=SwipeListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeListItem.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EACL,uBAAuB,GAExB,MAAM,qCAAqC,CAAC;AAc7C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,EAAE;IACzF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,OAAoC,EAAE,EAAE;QACvC,IAAI,OAAO,CAAC,MAAM,IAAI,cAAc,EAAE;YACpC,cAAc,CAAC,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;SACvD;IACH,CAAC,EACD,CAAC,cAAc,EAAE,GAAG,CAAC,CACtB,CAAC;IACF,MAAM,GAAG,GAAG,uBAAuB,CAAiB,gBAAgB,EAAE,eAAe,CAAC,CAAC;IAEvF,OAAO,CACL,cACE,SAAS,EAAE,uCAAuC,SAAS,EAAE,EAC7D,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,UAAU,kBACD,OAAO,CAAC,GAAG,KAAK,WAAW,CAAC,EAC1C,GAAG,EAAE,GAAG,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -0,0 +1 @@
+export declare const scrollBy: (container: HTMLElement) => (itemCount: number, delta: -1 | 1) => void;

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

@@ -0,0 +1,5 @@
+const getItemWidth = (container) => (itemCount) => container.scrollWidth / itemCount;
+export const scrollBy = (container) => (itemCount, delta) => {
+    container.scrollBy({ left: delta * getItemWidth(container)(itemCount), behavior: 'smooth' });
+};
+//# sourceMappingURL=scrollBy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scrollBy.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/scrollBy.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAChB,CAAC,SAAsB,EAAE,EAAE,CAC3B,CAAC,SAAiB,EAAU,EAAE,CAC5B,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC;AAEtC,MAAM,CAAC,MAAM,QAAQ,GACnB,CAAC,SAAsB,EAAE,EAAE,CAC3B,CAAC,SAAiB,EAAE,KAAa,EAAQ,EAAE;IACzC,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC/F,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export declare const scrollToEnd: (container: HTMLElement) => void;

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

@@ -0,0 +1,4 @@
+export const scrollToEnd = (container) => {
+    container.scrollTo({ left: container.scrollWidth, behavior: 'smooth' });
+};
+//# sourceMappingURL=scrollToEnd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scrollToEnd.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/scrollToEnd.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,SAAsB,EAAQ,EAAE;IAC1D,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC1E,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export declare const scrollToStart: (container: HTMLElement) => void;

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

@@ -0,0 +1,4 @@
+export const scrollToStart = (container) => {
+    container.scrollTo({ left: 0, behavior: 'smooth' });
+};
+//# sourceMappingURL=scrollToStart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scrollToStart.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/scrollToStart.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,SAAsB,EAAQ,EAAE;IAC5D,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;AACtD,CAAC,CAAC"}

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

@@ -0,0 +1,17 @@
+export interface SwipeListScroll {
+    scrollLeft: () => void;
+    scrollRight: () => void;
+    canScrollLeft: boolean;
+    canScrollRight: boolean;
+    visibleIndicesRange: [number, number];
+    handleVisibleIndicesChange: (indices: number[]) => void;
+}
+interface SwipeListScrollProps {
+    itemCount: number;
+    isCyclic?: boolean;
+    onVisibleIndicesChange?: (indices: number[]) => void;
+}
+export declare const useSwipeListScroll: <E extends HTMLElement>({ itemCount, isCyclic, onVisibleIndicesChange, }: SwipeListScrollProps) => [containerRef: {
+    current: E | null;
+}, scroll: SwipeListScroll];
+export {};

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

@@ -0,0 +1,54 @@
+import { useCallback, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { areArraysEqual } from '../../utils/areArraysEqual.js';
+import { maxBy } from '../../utils/maxBy.js';
+import { minBy } from '../../utils/minBy.js';
+import { scrollBy } from './scrollBy.js';
+import { scrollToEnd } from './scrollToEnd.js';
+import { scrollToStart } from './scrollToStart.js';
+export const useSwipeListScroll = ({ itemCount, isCyclic, onVisibleIndicesChange, }) => {
+    const containerRef = useRef(null);
+    const [visibleIndices, setVisibleIndices] = useState([]);
+    const handleVisibleIndicesChange = useCallback((indices) => {
+        setVisibleIndices((prevIndices) => areArraysEqual(prevIndices, indices) ? prevIndices : indices);
+        onVisibleIndicesChange && onVisibleIndicesChange(indices);
+    }, [itemCount]);
+    const [minIndex, maxIndex] = visibleIndices.length
+        ? [minBy()(visibleIndices), maxBy()(visibleIndices)]
+        : [-1, -1];
+    const canScrollLeft = minIndex > 0;
+    const canScrollRight = maxIndex < itemCount - 1;
+    const scrollLeft = useCallback(() => {
+        if (!containerRef.current) {
+            return;
+        }
+        if (isCyclic && !canScrollLeft) {
+            scrollToEnd(containerRef.current);
+        }
+        else {
+            scrollBy(containerRef.current)(itemCount, -1);
+        }
+    }, [isCyclic, itemCount, canScrollLeft]);
+    const scrollRight = useCallback(() => {
+        if (!containerRef.current) {
+            return;
+        }
+        if (isCyclic && !canScrollRight) {
+            scrollToStart(containerRef.current);
+        }
+        else {
+            scrollBy(containerRef.current)(itemCount, 1);
+        }
+    }, [itemCount, isCyclic, canScrollRight]);
+    return [
+        containerRef,
+        {
+            scrollLeft,
+            scrollRight,
+            canScrollLeft: isCyclic || canScrollLeft,
+            canScrollRight: isCyclic || canScrollRight,
+            visibleIndicesRange: [minIndex, maxIndex],
+            handleVisibleIndicesChange,
+        },
+    ];
+};
+//# sourceMappingURL=useSwipeListScroll.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSwipeListScroll.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/useSwipeListScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAiBhD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAwB,EACxD,SAAS,EACT,QAAQ,EACR,sBAAsB,GACD,EAAkE,EAAE;IACzF,MAAM,YAAY,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IAE5C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IACnE,MAAM,0BAA0B,GAAG,WAAW,CAC5C,CAAC,OAAiB,EAAE,EAAE;QACpB,iBAAiB,CAAC,CAAC,WAAW,EAAE,EAAE,CAChC,cAAc,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAC7D,CAAC;QACF,sBAAsB,IAAI,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,cAAc,CAAC,MAAM;QAChD,CAAC,CAAC,CAAC,KAAK,EAAU,CAAC,cAAc,CAAC,EAAE,KAAK,EAAU,CAAC,cAAc,CAAC,CAAC;QACpE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEb,MAAM,aAAa,GAAG,QAAQ,GAAG,CAAC,CAAC;IACnC,MAAM,cAAc,GAAG,QAAQ,GAAG,SAAS,GAAG,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACzB,OAAO;SACR;QAED,IAAI,QAAQ,IAAI,CAAC,aAAa,EAAE;YAC9B,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SACnC;aAAM;YACL,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;SAC/C;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;IAEzC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACzB,OAAO;SACR;QAED,IAAI,QAAQ,IAAI,CAAC,cAAc,EAAE;YAC/B,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SACrC;aAAM;YACL,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;SAC9C;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE1C,OAAO;QACL,YAAY;QACZ;YACE,UAAU;YACV,WAAW;YACX,aAAa,EAAE,QAAQ,IAAI,aAAa;YACxC,cAAc,EAAE,QAAQ,IAAI,cAAc;YAC1C,mBAAmB,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;YACzC,0BAA0B;SAC3B;KACF,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,29 +1,4 @@
-/**
- * @title Размер текста
- */
-export declare type TextSize = '' | 'text-xs-light' | 'text-s-light' | 'text-s' | 'text-m-light' | 'text-m' | 'text-l-light' | 'text-l' | 'text-xl-light' | 'text-xl';
-/**
- * @title Размер текста
- */
-export declare type TitleSize = '' | 'text-h6' | 'text-h5' | 'text-h5-light' | 'text-h4' | 'text-h3' | 'text-h2' | 'text-h1' | 'text-h0' | 'text-m-title' | 'text-m-title-xs' | 'title-extra' | 'title-huge';
-/**
- * @title Цвет текста
- */
-export declare type TextColor = '' | 'text-main' | 'text-primary-text' | 'text-primary-main' | 'text-secondary-text' | 'text-secondary-light' | 'text-error' | 'text-white' | 'text-green';
-/**
- * @title Выравнивание
- * @enumNames [
- *    "По умолчанию",
- *    "По левому краю",
- *    "По центру",
- *    "По правому краю"
- * ]
- */
-export declare type TextAlign = '' | 'text-left' | 'text-center' | 'text-right';
-/**
- * @title Насыщенность шрифта
- */
-export declare type FontWeight = '' | 'font-light' | 'font-normal' | 'font-medium';
+import type { FontWeight, TextAlign, TextColor, TextSize, TitleSize } from './TextProps';
 interface TextProps {
     size?: TextSize | TitleSize;
     color?: TextColor;

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/ui-kit/Text/Text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAwExC,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,WAAW,GAAG,aAAa,IAAI,IAAI,KAAK,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;IAElE,OAAO,eAAM,SAAS,EAAE,WAAW,YAAG,QAAQ,GAAQ,CAAC;AACzD,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/ui-kit/Text/Text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAUxC,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAY,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,WAAW,GAAG,aAAa,IAAI,IAAI,KAAK,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;IAElE,OAAO,eAAM,SAAS,EAAE,WAAW,YAAG,QAAQ,GAAQ,CAAC;AACzD,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/Text/TextProps.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @title Размер текста
+ */
+export declare type TextSize = '' | 'text-xs' | 'text-xs-light' | 'text-s-light' | 'text-s' | 'text-m-light' | 'text-m' | 'text-l-light' | 'text-l' | 'text-xl-light' | 'text-xl';
+/**
+ * @title Размер текста
+ */
+export declare type TitleSize = '' | 'text-h6' | 'text-h5' | 'text-h5-light' | 'text-h4' | 'text-h3' | 'text-h2' | 'text-h1' | 'text-h0' | 'text-m-title' | 'text-m-title-xs' | 'title-extra' | 'title-huge';
+/**
+ * @title Цвет текста
+ */
+export declare type TextColor = '' | 'text-main' | 'text-primary-text' | 'text-primary-main' | 'text-secondary-text' | 'text-secondary-light' | 'text-error' | 'text-white' | 'text-green';
+/**
+ * @title Выравнивание
+ * @enumNames [
+ *    "По умолчанию",
+ *    "По левому краю",
+ *    "По центру",
+ *    "По правому краю"
+ * ]
+ */
+export declare type TextAlign = '' | 'text-left' | 'text-center' | 'text-right';
+/**
+ * @title Насыщенность шрифта
+ */
+export declare type FontWeight = '' | 'font-light' | 'font-normal' | 'font-medium';

package/mobile/lib/ui-kit/Text/TextProps.js

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

package/mobile/lib/ui-kit/Text/TextProps.js.map

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

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

@@ -0,0 +1 @@
+export declare const areArraysEqual: <T>(as?: T[] | undefined, bs?: T[] | undefined) => boolean;

package/mobile/lib/utils/areArraysEqual.js

@@ -0,0 +1,2 @@
+export const areArraysEqual = (as, bs) => as === bs || Boolean(as && bs && as?.length === bs?.length && as.every((_, i) => _ === bs[i]));
+//# sourceMappingURL=areArraysEqual.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"areArraysEqual.js","sourceRoot":"","sources":["../../src/utils/areArraysEqual.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAI,EAAQ,EAAE,EAAQ,EAAW,EAAE,CAC/D,EAAE,KAAK,EAAE,IAAI,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,MAAM,KAAK,EAAE,EAAE,MAAM,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+import type { VNode } from '../model/VNode';
+export declare const mapChildren: (mapper: (node: VNode, idx: number) => VNode) => (children: VNode) => VNode;

package/mobile/lib/utils/mapChildren.js

@@ -0,0 +1,7 @@
+export const mapChildren = (mapper) => (children) => {
+    if (children === null || children === undefined) {
+        return children;
+    }
+    return Array.isArray(children) ? children.map(mapper) : mapper(children, 0);
+};
+//# sourceMappingURL=mapChildren.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapChildren.js","sourceRoot":"","sources":["../../src/utils/mapChildren.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GACtB,CAAC,MAA2C,EAAE,EAAE,CAChD,CAAC,QAAe,EAAS,EAAE;IACzB,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,SAAS,EAAE;QAC/C,OAAO,QAAQ,CAAC;KACjB;IAED,OAAO,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;AAC9E,CAAC,CAAC"}

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

@@ -1,2 +1,2 @@
-export declare const maxBy: <Item, Value>(discriminator: (item: Item) => Value) => (list: Item[]) => Item;
-export declare const minBy: <Item, Value>(discriminator: (item: Item) => Value) => (list: Item[]) => Item;
+export declare const defaultDiscriminator: <Item, Value>(_: Item) => Value;
+export declare const maxBy: <Item, Value = Item>(discriminator?: (item: Item) => Value) => (list: Item[]) => Item;

package/mobile/lib/utils/maxBy.js

@@ -1,3 +1,3 @@
-export const maxBy = (discriminator) => (list) => list.reduceRight((a, b) => (discriminator(a) > discriminator(b) ? a : b));
-export const minBy = (discriminator) => maxBy((_) => -discriminator(_));
+export const defaultDiscriminator = (_) => _;
+export const maxBy = (discriminator = defaultDiscriminator) => (list) => list.reduceRight((a, b) => (discriminator(a) > discriminator(b) ? a : b));
 //# sourceMappingURL=maxBy.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"maxBy.js","sourceRoot":"","sources":["../../src/utils/maxBy.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAChB,CAAc,aAAoC,EAAE,EAAE,CACtD,CAAC,IAAY,EAAQ,EAAE,CACrB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,KAAK,GAAG,CAAc,aAAoC,EAAE,EAAE,CACzE,KAAK,CAAC,CAAC,CAAO,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"maxBy.js","sourceRoot":"","sources":["../../src/utils/maxBy.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAc,CAAO,EAAS,EAAE,CAAC,CAAQ,CAAC;AAE9E,MAAM,CAAC,MAAM,KAAK,GAChB,CAAqB,gBAAuC,oBAAoB,EAAE,EAAE,CACpF,CAAC,IAAY,EAAQ,EAAE,CACrB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export declare const minBy: <Item, Value = Item>(discriminator?: (item: Item) => Value) => (list: Item[]) => Item;

package/mobile/lib/utils/minBy.js

@@ -0,0 +1,3 @@
+import { defaultDiscriminator, maxBy } from './maxBy.js';
+export const minBy = (discriminator = defaultDiscriminator) => maxBy((_) => -discriminator(_));
+//# sourceMappingURL=minBy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"minBy.js","sourceRoot":"","sources":["../../src/utils/minBy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,CAAC,MAAM,KAAK,GAAG,CACnB,gBAAuC,oBAAoB,EAC3D,EAAE,CAAC,KAAK,CAAC,CAAC,CAAO,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/mobile/src/common.css

@@ -73,13 +73,6 @@ html {
     scroll-snap-type: x mandatory;
   }
 
-  .horizontal-list-item {
-    flex-shrink: 0;
-    scroll-snap-align: start;
-    scroll-snap-stop: always;
-    width: 100%;
-  }
-
   .gradient-color-text {
     background: linear-gradient(180deg, #42ab44 0%, #f6db7d 100%);
     -webkit-background-clip: text;

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

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { CommonCalculatorProps } from './CalculatorContent';
 import { CalculatorValueBlock } from './CalculatorValueBlock';
 import { DEFAULT_REST_MIN_SUM, DEFAULT_TRAVEL_MIN_SUM } from './constants';
@@ -16,7 +16,9 @@ export interface BonusCalculatorProps extends CommonCalculatorProps {
 export const BonusCalculatorForm = JSX<BonusCalculatorProps>(
   ({ className = '', sourceBookDir = '', buttons, footnote }) => {
     const [travelExpenseValue, setTravelExpenseValue] = useState(DEFAULT_TRAVEL_MIN_SUM);
+    const handleTravelExpenseValue = useCallback((_: number) => setTravelExpenseValue(_), []);
     const [restExpenseValue, setRestExpenseValue] = useState(DEFAULT_REST_MIN_SUM);
+    const handleRestExpenseValue = useCallback((_: number) => setRestExpenseValue(_), []);
     const userInputParams = {
       travelExpenseValue,
       restExpenseValue,
@@ -36,7 +38,7 @@ export const BonusCalculatorForm = JSX<BonusCalculatorProps>(
               step: 500,
               isShowItems: false,
             },
-            setTravelExpenseValue,
+            handleTravelExpenseValue,
           )}
           {renderWantedSumInput(
             'Сумма покупок в остальных категориях, ₽',
@@ -48,7 +50,7 @@ export const BonusCalculatorForm = JSX<BonusCalculatorProps>(
               step: 500,
               isShowItems: false,
             },
-            setRestExpenseValue,
+            handleRestExpenseValue,
           )}
         </div>
         <div>

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

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
 import { RadioButtonGroup } from '../../ui-kit/RadioButtonGroup/RadioButtonGroup';
 import { CommonCalculatorProps } from './CalculatorContent';
@@ -37,7 +37,9 @@ export const CreditCalculatorForm = JSX<CreditCalculatorProp>(
     const [isSalaryClient, toggleIsSalaryClient] = useState(false);
     const [isStateEmployee, toggleIsStateEmployee] = useState(false);
     const [moneyValue, setMoneyValue] = useState(DEFAULT_SUM);
+    const handleMoneyValue = useCallback((_: number) => setMoneyValue(_), []);
     const [monthsValue, setMonthsValue] = useState(DEFAULT_MONTHS);
+    const handleMonthsValue = useCallback((_: number) => setMonthsValue(_), []);
     const userInputParams = {
       isAnnuity,
       isInsurance,
@@ -54,9 +56,9 @@ export const CreditCalculatorForm = JSX<CreditCalculatorProp>(
           {renderWantedSumInput(
             'Сумма кредита, ₽',
             { ...calculatorParams, step: 500 },
-            setMoneyValue,
+            handleMoneyValue,
           )}
-          {renderMonthsInput('Срок кредита, месяцев', calculatorParams, setMonthsValue)}
+          {renderMonthsInput('Срок кредита, месяцев', calculatorParams, handleMonthsValue)}
           <div className="mt-7">
             <Checkbox
               text="Получаю зарплату на счёт в Россельхозбанке"

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

@@ -1,7 +1,7 @@
 // TEMP
 
 import { JSX } from '@redneckz/uni-jsx';
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { RadioButtonGroup } from '../../ui-kit/RadioButtonGroup/RadioButtonGroup';
 import { CommonCalculatorProps, DepositCalculatorParams } from './CalculatorContent';
 import { CalculatorValueBlock } from './CalculatorValueBlock';
@@ -34,6 +34,7 @@ const depositTypeItems = [
 export const DepositCalculatorForm = JSX<DepositCalculatorProp>(
   ({ className = '', sourceBookDir, buttons, footnote }) => {
     const [moneyValue, setMoneyValue] = useState(DEFAULT_SUM);
+    const handleMoneyValue = useCallback((_: number) => setMoneyValue(_), []);
     const [monthsValue, setMonthsValue] = useState(DEFAULT_MONTHS);
     const [isMonthlyInterestPayment, toggleIsMonthlyInterestPayment] = useState(false);
     const userInputParams = {
@@ -41,6 +42,8 @@ export const DepositCalculatorForm = JSX<DepositCalculatorProp>(
       monthsValue,
       isMonthlyInterestPayment,
     };
+    const handleMonthsValue = useCallback((_: number) => setMonthsValue(_), []);
+    const [isEveryMonth, toggleIsEveryMonth] = useState(false);
 
     const calculatorParams = useDepositCalculatorParams(userInputParams, sourceBookDir);
     const { income, finalSum, rate } = calculatorParams;
@@ -53,14 +56,14 @@ export const DepositCalculatorForm = JSX<DepositCalculatorProp>(
             {
               ...calculatorParams,
             },
-            setMoneyValue,
+            handleMoneyValue,
           )}
           {renderMonthsInput(
             'Срок вклада, месяцев',
             {
               ...calculatorParams,
             },
-            setMonthsValue,
+            handleMonthsValue,
           )}
         </div>
         <Rate rate={rate || 1} rateBlockClassName="tracking-[-25px]" unit="%" />