@redneckz/wildless-cms-uni-blocks 0.6.16 → 0.6.18

package/lib/ui-kit/Button/ButtonSection.js

@@ -1,14 +1,25 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink.js';
+import { Img } from '../Img/Img.js';
 import { Button } from './Button.js';
 export const ButtonSection = JSX(({ context, className = '', buttons }) => {
     const { handlerDecorator } = context;
     const router = context.useRouter();
-    return buttons && buttons?.length ? (_jsx("div", { className: className, children: buttons.map((button, index) => (_jsx(ButtonSectionItem, { button: button, handlerDecorator: handlerDecorator, router: router }, String(index)))) })) : null;
-});
-const ButtonSectionItem = JSX(({ router, handlerDecorator, button }) => {
-    const buttonProps = useLink({ router, handlerDecorator }, button);
-    return _jsx(Button, { ...button, ...buttonProps });
+    return buttons && buttons?.length ? (_jsx("div", { className: className, children: buttons.map((button, index) => renderButton({ button: useLink({ router, handlerDecorator }, button), index })) })) : null;
 });
+export function renderButton({ button, buttonClassName, index }) {
+    const { icon, iconRight, version, ...rest } = button;
+    const iconVersion = version === 'secondary' ? 'normal' : 'white';
+    const leftIcon = renderButtonIcon({ icon, iconVersion });
+    const rightIcon = renderButtonIcon({ icon: iconRight, iconVersion });
+    return (_jsx(Button, { className: buttonClassName, appendLeft: leftIcon, appendRight: rightIcon, version: version, ...rest }, index ? String(index) : ''));
+}
+const renderButtonIcon = ({ icon, iconVersion }) => {
+    if (!icon?.icon && !icon?.src) {
+        return null;
+    }
+    const iconWidth = icon?.size?.width ? `${icon.size.width}` : '24';
+    return _jsx(Img, { image: { ...icon, iconVersion: iconVersion }, width: iconWidth, height: "24", asSVG: true });
+};
 //# sourceMappingURL=ButtonSection.js.map

package/lib/ui-kit/Button/ButtonSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAWlC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5F,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IACrC,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAEnC,OAAO,OAAO,IAAI,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAClC,cAAK,SAAS,EAAE,SAAS,YACtB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,iBAAiB,IAChB,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAElC,MAAM,EAAE,MAAM,IADT,MAAM,CAAC,KAAK,CAAC,CAElB,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,GAAG,CAAyB,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,EAAE,EAAE,EAAE;IAC7F,MAAM,WAAW,GAAG,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,MAAM,CAAC,CAAC;IAElE,OAAO,KAAC,MAAM,OAAK,MAAM,KAAM,WAAW,GAAI,CAAC;AACjD,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ButtonSection.js","sourceRoot":"","sources":["../../../src/ui-kit/Button/ButtonSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAI9C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAgBlC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5F,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IACrC,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IAEnC,OAAO,OAAO,IAAI,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAClC,cAAK,SAAS,EAAE,SAAS,YACtB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAC7B,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAC/E,GACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAqB;IAChF,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,CAAC;IAErD,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAEjE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,gBAAgB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,CAAC;IAErE,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,QAAQ,EACpB,WAAW,EAAE,SAAS,EACtB,OAAO,EAAE,OAAO,KAEZ,IAAI,IADH,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAE/B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,WAAW,EAAyB,EAAE,EAAE;IACxE,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;IACD,MAAM,SAAS,GAAG,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAElE,OAAO,KAAC,GAAG,IAAC,KAAK,EAAE,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAC,IAAI,EAAC,KAAK,SAAG,CAAC;AACnG,CAAC,CAAC"}

package/lib/ui-kit/IntersectionObserverTag.js

@@ -1,20 +1,20 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
+import { useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
 export const IntersectionObserverTag = JSX((props) => {
     const { tag = 'section', observerCallback, observerOptions, className = '', anchor = null, children, } = props;
-    const intersectionObserver = useRef(null);
-    const ref = useCallback((element) => {
-        if (!element) {
-            return;
+    const tagRef = useRef(null);
+    useEffect(() => {
+        if (!tagRef.current) {
+            return undefined;
         }
-        if (intersectionObserver.current) {
-            intersectionObserver.current.disconnect();
-        }
-        intersectionObserver.current = new IntersectionObserver(observerCallback, observerOptions);
-        intersectionObserver.current.observe(element);
+        const intersectionObserver = new IntersectionObserver(observerCallback, observerOptions);
+        intersectionObserver.observe(tagRef.current);
+        return () => {
+            intersectionObserver.disconnect();
+        };
     }, [observerCallback, observerOptions]);
     const Tag = tag;
-    return (_jsx(Tag, { ref: ref, className: className, id: anchor, children: children }));
+    return (_jsx(Tag, { ref: tagRef, className: className, id: anchor, children: children }));
 });
 //# sourceMappingURL=IntersectionObserverTag.js.map

package/lib/ui-kit/IntersectionObserverTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntersectionObserverTag.js","sourceRoot":"","sources":["../../src/ui-kit/IntersectionObserverTag.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAYlE,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAA+B,CAAC,KAAK,EAAE,EAAE;IACjF,MAAM,EACJ,GAAG,GAAG,SAAS,EACf,gBAAgB,EAChB,eAAe,EACf,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,IAAI,EACb,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,oBAAoB,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAC;IAEvE,MAAM,GAAG,GAAG,WAAW,CACrB,CAAC,OAA2B,EAAE,EAAE;QAC9B,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,IAAI,oBAAoB,CAAC,OAAO,EAAE;YAChC,oBAAoB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;SAC3C;QAED,oBAAoB,CAAC,OAAO,GAAG,IAAI,oBAAoB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;QAC3F,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC,EACD,CAAC,gBAAgB,EAAE,eAAe,CAAC,CACpC,CAAC;IAEF,MAAM,GAAG,GAAG,GAAU,CAAC;IAEvB,OAAO,CACL,KAAC,GAAG,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,YAC5C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"IntersectionObserverTag.js","sourceRoot":"","sources":["../../src/ui-kit/IntersectionObserverTag.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAYhE,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAA+B,CAAC,KAAK,EAAE,EAAE;IACjF,MAAM,EACJ,GAAG,GAAG,SAAS,EACf,gBAAgB,EAChB,eAAe,EACf,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,IAAI,EACb,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,MAAM,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;YACnB,OAAO,SAAS,CAAC;SAClB;QAED,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;QACzF,oBAAoB,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAE7C,OAAO,GAAG,EAAE;YACV,oBAAoB,CAAC,UAAU,EAAE,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC,CAAC;IAExC,MAAM,GAAG,GAAG,GAAU,CAAC;IAEvB,OAAO,CACL,KAAC,GAAG,IAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,YAC/C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/{mobile/bundle/components/OfficeMap → lib/ui-kit/YandexMap}/YandexMap.d.ts

@@ -1,5 +1,8 @@
 interface YandexMapProps {
-    point: number[];
+    points: number[][];
+    className?: string;
+    zoom?: number;
+    showSearchField?: boolean;
 }
 export declare const YandexMap: import("@redneckz/uni-jsx").UNIComponent<YandexMapProps, any, any>;
 export {};

package/lib/ui-kit/YandexMap/YandexMap.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { renderClusterer } from './renderClusterer.js';
+import { renderOpenMap } from './renderOpenMap.js';
+import { renderSearchField } from './renderSearchField.js';
+import { renderUserGeolocation } from './renderUserGeolocation.js';
+import { useYandexMaps } from './useYandexMaps.js';
+import { Icon } from '../Icon/Icon.js';
+import { ZoomButton } from './ZoomButton.js';
+import { mockPoints } from './mockPoints.js';
+const FULLSCREEN_STYLES = {
+    border: 'border border-transparent rounded-md ',
+    position: 'absolute flex items-center justify-center',
+    size: 'w-12 h-12',
+    focus: 'focus:border-primary-focus focus:border',
+    font: 'text-center font-sans',
+    active: 'active:bg-primary-active',
+    hover: 'hover:bg-primary-hover',
+    other: 'select-none cursor-pointer',
+};
+// TODO: Поле для поиска: невыяснено среди каких данных делать поиск (искать в имени офиса, в адресе, метро и т.д.).
+//       Сейчас реализован поиск среди тестовых данных
+// TODO: Также выяснить что делать когда ничего не найдено
+// TODO: На макетах также когда есть поле поиска нет кнопки открыть на карте.
+export const YandexMap = JSX(({ points, className = '', zoom = 5, showSearchField = false }) => {
+    const map = useRef(null);
+    const yandexMaps = useYandexMaps();
+    const [isFullScreen, setIsFullScreen] = useState();
+    const [pointsToRender, setPointsToRender] = useState(normalizePoints(mockPoints));
+    const pointsCenter = getCenterPoint(points);
+    useEffect(() => {
+        if (!map?.current) {
+            yandexMaps?.ready(() => {
+                map.current = new yandexMaps.Map('map', {
+                    center: pointsCenter,
+                    zoom,
+                    controls: [],
+                    suppressMapOpenBlock: true,
+                });
+                renderClusterer(yandexMaps, map.current, pointsToRender);
+            });
+        }
+    }, [yandexMaps, map, pointsToRender]);
+    useEffect(() => {
+        if (map.current && pointsToRender && yandexMaps) {
+            const newPoints = pointsToRender.length < 1 ? normalizePoints(mockPoints) : pointsToRender;
+            renderClusterer(yandexMaps, map.current, newPoints);
+        }
+    }, [map, pointsToRender, yandexMaps]);
+    if (!yandexMaps) {
+        return null;
+    }
+    const toggleFullscreen = () => {
+        const container = map.current.container;
+        if (!isFullScreen) {
+            container.enterFullscreen();
+        }
+        else {
+            container.exitFullscreen();
+        }
+        setIsFullScreen(container.isFullscreen());
+    };
+    const zIndex = isFullScreen ? 'z-[100000]' : 'z-10';
+    const updatePointsToRender = (newPoints) => {
+        if (newPoints) {
+            const normalizedPoints = normalizePoints(newPoints);
+            setPointsToRender(normalizedPoints);
+        }
+    };
+    return (_jsxs("div", { id: "map", className: `${isFullScreen ? '' : 'relative'} w-full ${className}`, children: [_jsx("div", { className: `absolute flex left-2 top-4 w-[50%] ${zIndex}`, children: showSearchField
+                    ? renderSearchField(mockPoints, yandexMaps, updatePointsToRender)
+                    : renderOpenMap(pointsCenter) }), _jsx("div", { className: `${Object.values(FULLSCREEN_STYLES).join(' ')} ${zIndex} right-2 top-4 bg-white`, onClick: toggleFullscreen, children: _jsx(Icon, { name: "FullScreenIcon", width: "16", height: "16" }) }), _jsxs("div", { className: `absolute right-2 top-52 z-10 w-12 overflow-hidden border border-transparent rounded-md ${zIndex}`, children: [_jsx(ZoomButton, { yandexMaps: map }), _jsx(ZoomButton, { yandexMaps: map, direction: "out" })] }), renderUserGeolocation(map.current, yandexMaps, `right-2 top-80 ${zIndex}`)] }));
+});
+const getCenterPoint = (points) => [
+    getArraySumAndAverage(mapByIndex(points, 0)),
+    getArraySumAndAverage(mapByIndex(points, 1)),
+];
+const mapByIndex = (arr, index) => arr.map((a) => a[index]);
+const getArraySumAndAverage = (arr) => arr.reduce((a, b) => a + b) / arr.length;
+const normalizePoints = (points) => (points ? points.map((_) => _.coords) : null);
+//# sourceMappingURL=YandexMap.js.map

package/lib/ui-kit/YandexMap/YandexMap.js.map

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

package/lib/ui-kit/YandexMap/ZoomButton.d.ts

@@ -0,0 +1,7 @@
+import ymaps from 'yandex-maps';
+interface ZoomButtonProps {
+    yandexMaps: ymaps.Map;
+    direction?: string;
+}
+export declare const ZoomButton: import("@redneckz/uni-jsx").UNIComponent<ZoomButtonProps, any, any>;
+export {};

package/lib/ui-kit/YandexMap/ZoomButton.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+import { JSX } from '@redneckz/uni-jsx';
+import { Icon } from '../Icon/Icon.js';
+const styles = {
+    focus: 'focus:border-primary-focus focus:border',
+    hover: 'hover:bg-primary-hover',
+    active: 'active:bg-primary-active',
+    border: 'border-b border-b-2 border-gray last:border-0',
+    position: 'relative flex items-center justify-center',
+    font: 'text-center font-sans text-l',
+};
+// TODO: Добавить метод определения центральной точки
+export const ZoomButton = JSX(({ yandexMaps, direction = 'in' }) => {
+    const iconName = direction === 'in' ? 'PlusIcon' : 'MinusIcon';
+    const changeZoom = () => {
+        const currentZoom = yandexMaps.current.getZoom();
+        const newZoom = direction === 'in' ? currentZoom + 1 : currentZoom - 1;
+        yandexMaps.current.setZoom(newZoom, { checkZoomRange: true });
+    };
+    return (_jsx("div", { onClick: changeZoom, className: `${Object.values(styles).join(' ')} bg-white select-none cursor-pointer w-12 h-12`, children: _jsx(Icon, { name: iconName, width: "20", height: "16" }) }));
+});
+//# sourceMappingURL=ZoomButton.js.map

package/lib/ui-kit/YandexMap/ZoomButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomButton.js","sourceRoot":"","sources":["../../../src/ui-kit/YandexMap/ZoomButton.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOpC,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,yCAAyC;IAChD,KAAK,EAAE,wBAAwB;IAC/B,MAAM,EAAE,0BAA0B;IAClC,MAAM,EAAE,+CAA+C;IACvD,QAAQ,EAAE,2CAA2C;IACrD,IAAI,EAAE,8BAA8B;CACrC,CAAC;AAEF,qDAAqD;AACrD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,UAAU,EAAE,SAAS,GAAG,IAAI,EAAE,EAAE,EAAE;IAClF,MAAM,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;IAC/D,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QACjD,MAAM,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC;QACvE,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,OAAO,CACL,cACE,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,gDAAgD,YAE7F,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GAC3C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui-kit/YandexMap/mockPoints.d.ts

@@ -0,0 +1,5 @@
+export declare type MockPoints = {
+    coords: number[];
+    text: string;
+};
+export declare const mockPoints: MockPoints[];

package/lib/ui-kit/YandexMap/mockPoints.js

@@ -0,0 +1,26 @@
+export const mockPoints = [
+    { coords: [55.77, 37.46], text: 'Трактир' },
+    { coords: [55.66, 37.48], text: 'Трактор' },
+    { coords: [55.65, 37.42], text: 'Ресторан' },
+    { coords: [55.64, 37.54], text: 'Музей' },
+    { coords: [55.54, 37.52], text: 'Библиотека' },
+    { coords: [55.53, 37.56], text: 'Школа' },
+    { coords: [55.61, 37.61], text: 'Аптека' },
+    { coords: [55.8, 37.58], text: 'Бар' },
+    { coords: [55.71, 37.35], text: 'Институт' },
+    { coords: [55.74, 37.57], text: 'Университет' },
+    { coords: [55.58, 37.69], text: 'Больница' },
+    { coords: [55.57, 37.7], text: 'Цирк' },
+    { coords: [55.55, 37.64], text: 'Магазин' },
+    { coords: [55.5, 37.75], text: 'Булочная' },
+    { coords: [55.81, 37.73], text: 'Полиция' },
+    { coords: [55.73, 37.68], text: 'Салон красоты' },
+    { coords: [55.86, 37.76], text: 'Баня' },
+    { coords: [55.38, 37.69], text: 'Гараж' },
+    { coords: [55.91, 37.5], text: 'Дом' },
+    { coords: [55.62, 37.32], text: 'Прачечная' },
+    { coords: [55.85, 37.41], text: 'Стадион' },
+    { coords: [55.67, 37.24], text: 'Вокзал' },
+    { coords: [55.79, 37.41], text: 'Кафе' },
+];
+//# sourceMappingURL=mockPoints.js.map

package/lib/ui-kit/YandexMap/mockPoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockPoints.js","sourceRoot":"","sources":["../../../src/ui-kit/YandexMap/mockPoints.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,UAAU,GAAiB;IACtC,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3C,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3C,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE;IAC5C,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;IACzC,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE;IAC9C,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;IACzC,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC1C,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;IACtC,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE;IAC5C,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE;IAC/C,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE;IAC5C,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;IACvC,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3C,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE;IAC3C,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3C,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE;IACjD,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;IACxC,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;IACzC,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;IACtC,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE;IAC7C,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3C,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC1C,EAAE,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;CACzC,CAAC"}

package/lib/ui-kit/YandexMap/renderClusterer.d.ts

@@ -0,0 +1,2 @@
+import ymaps from 'yandex-maps';
+export declare function renderClusterer(yandexMaps: typeof ymaps, map: ymaps.Map, points: number[][]): void;

package/lib/ui-kit/YandexMap/renderClusterer.js

@@ -0,0 +1,32 @@
+export function renderClusterer(yandexMaps, map, points) {
+    map.geoObjects.removeAll();
+    const clusterIconContentLayout = yandexMaps.templateLayoutFactory.createClass('<div style="margin-top: -3px;">{{properties.geoObjects.length}}</div>');
+    const clusterer = new yandexMaps.Clusterer({
+        clusterIcons: [
+            {
+                href: 'icons/MapMarkerClusterIcon.svg',
+                size: [78, 84],
+                offset: [-35, -50],
+            },
+        ],
+        clusterIconContentLayout,
+        clusterHideIconOnBalloonOpen: false,
+        geoObjectHideIconOnBalloonOpen: false,
+    });
+    const geoObjects = points.map((point) => new yandexMaps.Placemark(point, {}, {
+        iconLayout: 'default#image',
+        iconImageHref: 'icons/MapMarkerSingleIcon.svg',
+        iconImageSize: [78, 84],
+        iconImageOffset: [-35, -50],
+    }));
+    clusterer.add(geoObjects);
+    map.geoObjects.add(clusterer);
+    // TODO: Fix
+    // @ts-ignore
+    map.setBounds(yandexMaps.util.bounds.fromPoints(points)).then(() => {
+        if (map.getZoom() > 10) {
+            map.setZoom(10);
+        }
+    });
+}
+//# sourceMappingURL=renderClusterer.js.map

package/lib/ui-kit/YandexMap/renderClusterer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderClusterer.js","sourceRoot":"","sources":["../../../src/ui-kit/YandexMap/renderClusterer.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,eAAe,CAAC,UAAwB,EAAE,GAAc,EAAE,MAAkB;IAC1F,GAAG,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC;IAE3B,MAAM,wBAAwB,GAAG,UAAU,CAAC,qBAAqB,CAAC,WAAW,CAC3E,uEAAuE,CACxE,CAAC;IAEF,MAAM,SAAS,GAAG,IAAI,UAAU,CAAC,SAAS,CAAC;QACzC,YAAY,EAAE;YACZ;gBACE,IAAI,EAAE,gCAAgC;gBACtC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;gBACd,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;aACnB;SACF;QACD,wBAAwB;QACxB,4BAA4B,EAAE,KAAK;QACnC,8BAA8B,EAAE,KAAK;KACX,CAAC,CAAC;IAE9B,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAC3B,CAAC,KAAK,EAAE,EAAE,CACR,IAAI,UAAU,CAAC,SAAS,CACtB,KAAK,EACL,EAAE,EACF;QACE,UAAU,EAAE,eAAe;QAC3B,aAAa,EAAE,+BAA+B;QAC9C,aAAa,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;QACvB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;KAC5B,CACF,CACJ,CAAC;IAEF,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAE1B,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,SAAgB,CAAC,CAAC;IAErC,YAAY;IACZ,aAAa;IACb,GAAG,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;QACjE,IAAI,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;YACtB,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;SACjB;IACH,CAAC,CAAC,CAAC;AACL,CAAC"}

package/lib/ui-kit/YandexMap/renderOpenMap.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const renderOpenMap: (pointsCenter: number[]) => JSX.Element;

package/lib/ui-kit/YandexMap/renderOpenMap.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+const styles = {
+    focus: 'focus:border-primary-focus focus:border',
+    hover: 'hover:bg-primary-hover',
+    active: 'active:bg-primary-active',
+    border: 'border border-transparent rounded-md',
+    position: 'flex items-center justify-center',
+    font: 'text-center font-sans',
+};
+export const renderOpenMap = (pointsCenter) => {
+    const getYandexMapUrl = () => {
+        return `https://yandex.ru/maps/?ll=${[pointsCenter[1], pointsCenter[0]]}&z=10&l=map`;
+    };
+    return (_jsx("a", { className: `select-none cursor-pointer px-9 h-12 bg-white bg-primary-main text-white ${Object.values(styles).join(' ')}`, href: getYandexMapUrl(), target: "_blank", children: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u043D\u0430 \u043A\u0430\u0440\u0442\u0435" }));
+};
+//# sourceMappingURL=renderOpenMap.js.map

package/lib/ui-kit/YandexMap/renderOpenMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderOpenMap.js","sourceRoot":"","sources":["../../../src/ui-kit/YandexMap/renderOpenMap.tsx"],"names":[],"mappings":";AAAA,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,yCAAyC;IAChD,KAAK,EAAE,wBAAwB;IAC/B,MAAM,EAAE,0BAA0B;IAClC,MAAM,EAAE,sCAAsC;IAC9C,QAAQ,EAAE,kCAAkC;IAC5C,IAAI,EAAE,uBAAuB;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,YAAsB,EAAE,EAAE;IACtD,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,OAAO,8BAA8B,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;IACvF,CAAC,CAAC;IAEF,OAAO,CACL,YACE,SAAS,EAAE,4EAA4E,MAAM,CAAC,MAAM,CAClG,MAAM,CACP,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EACb,IAAI,EAAE,eAAe,EAAE,EACvB,MAAM,EAAC,QAAQ,uGAGb,CACL,CAAC;AACJ,CAAC,CAAC"}

package/lib/ui-kit/YandexMap/renderSearchField.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { MockPoints } from './mockPoints';
+import ymaps from 'yandex-maps';
+export declare const renderSearchField: (points: MockPoints[], yandexMaps: ymaps.Map, updatePointsToRender: (any: MockPoints[] | null) => void) => JSX.Element;

package/lib/ui-kit/YandexMap/renderSearchField.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { Icon } from '../Icon/Icon.js';
+const styles = {
+    border: 'border border-transparent rounded-md',
+    position: 'relative flex items-center',
+    font: 'text-center font-sans',
+    shadow: 'shadow-[0_4px_25px_rgba(0,0,0,0.07)]',
+};
+export const renderSearchField = (points, yandexMaps, updatePointsToRender) => {
+    const onChange = (e) => {
+        const value = e.target?.value ? e.target?.value.toLowerCase() : '';
+        if (value) {
+            const searchResult = points.filter((_) => {
+                const textLowerCase = _.text.toLowerCase();
+                if (textLowerCase.indexOf(value) > -1) {
+                    return _;
+                }
+                return null;
+            });
+            updatePointsToRender(searchResult);
+        }
+        else {
+            updatePointsToRender(null);
+        }
+    };
+    return (_jsxs("div", { className: `${Object.values(styles).join(' ')} bg-white py-3 pl-11 pr-4 w-full`, children: [_jsx(Icon, { name: "LoupeIcon", iconVersion: "black", width: "20", height: "20", asSVG: true, className: "absolute left-4" }), _jsx("input", { type: "text", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441 \u0438\u043B\u0438 \u043C\u0435\u0442\u0440\u043E", onChange: onChange, className: "border-0 focus:border-0 outline-0 w-full" })] }));
+};
+//# sourceMappingURL=renderSearchField.js.map

package/lib/ui-kit/YandexMap/renderSearchField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderSearchField.js","sourceRoot":"","sources":["../../../src/ui-kit/YandexMap/renderSearchField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,MAAM,GAAG;IACb,MAAM,EAAE,sCAAsC;IAC9C,QAAQ,EAAE,4BAA4B;IACtC,IAAI,EAAE,uBAAuB;IAC7B,MAAM,EAAE,sCAAsC;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAAoB,EACpB,UAAqB,EACrB,oBAAwD,EACxD,EAAE;IACF,MAAM,QAAQ,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC1D,MAAM,KAAK,GAAW,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3E,IAAI,KAAK,EAAE;YACT,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAa,EAAE,EAAE;gBACnD,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gBAC3C,IAAI,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE;oBACrC,OAAO,CAAC,CAAC;iBACV;gBAED,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;YACH,oBAAoB,CAAC,YAAY,CAAC,CAAC;SACpC;aAAM;YACL,oBAAoB,CAAC,IAAI,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,kCAAkC,aAClF,KAAC,IAAI,IACH,IAAI,EAAC,WAAW,EAChB,WAAW,EAAC,OAAO,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,QACL,SAAS,EAAC,iBAAiB,GAC3B,EACF,gBACE,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,6HAAyB,EACrC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,0CAA0C,GACpD,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/ui-kit/YandexMap/renderUserGeolocation.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import ymaps from 'yandex-maps';
+export declare const renderUserGeolocation: (map: ymaps.Map, yandexMaps: typeof ymaps, className: string) => JSX.Element;

package/lib/ui-kit/YandexMap/renderUserGeolocation.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+import { Icon } from '../Icon/Icon.js';
+const styles = {
+    focus: 'focus:border-primary-focus focus:border',
+    hover: 'hover:bg-primary-hover',
+    active: 'active:bg-primary-active',
+    border: 'border border-transparent rounded-md',
+    position: 'absolute flex items-center justify-center',
+    font: 'text-center font-sans',
+};
+export const renderUserGeolocation = (map, yandexMaps, className) => {
+    const setUserGeoLocation = () => {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        yandexMaps.geolocation
+            .get({
+            provider: 'yandex',
+            autoReverseGeocode: true,
+            mapStateAutoApply: true,
+        })
+            .then(function (result) {
+            map.geoObjects.add(result.geoObjects);
+        });
+    };
+    return (_jsx("div", { className: `select-none cursor-pointer py-4 w-12 bg-white ${Object.values(styles).join(' ')} ${className}`, onClick: setUserGeoLocation, children: _jsx(Icon, { name: "UserGeoLocationIcon", width: "20", height: "16" }) }));
+};
+//# sourceMappingURL=renderUserGeolocation.js.map

package/lib/ui-kit/YandexMap/renderUserGeolocation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderUserGeolocation.js","sourceRoot":"","sources":["../../../src/ui-kit/YandexMap/renderUserGeolocation.tsx"],"names":[],"mappings":";AAAA,0DAA0D;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,yCAAyC;IAChD,KAAK,EAAE,wBAAwB;IAC/B,MAAM,EAAE,0BAA0B;IAClC,MAAM,EAAE,sCAAsC;IAC9C,QAAQ,EAAE,2CAA2C;IACrD,IAAI,EAAE,uBAAuB;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,GAAc,EACd,UAAwB,EACxB,SAAiB,EACjB,EAAE;IACF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,6DAA6D;QAC7D,aAAa;QACb,UAAU,CAAC,WAAW;aACnB,GAAG,CAAC;YACH,QAAQ,EAAE,QAAQ;YAClB,kBAAkB,EAAE,IAAI;YACxB,iBAAiB,EAAE,IAAI;SACxB,CAAC;aACD,IAAI,CAAC,UAAU,MAAM;YACpB,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,iDAAiD,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CACpF,GAAG,CACJ,IAAI,SAAS,EAAE,EAChB,OAAO,EAAE,kBAAkB,YAE3B,KAAC,IAAI,IAAC,IAAI,EAAC,qBAAqB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GACtD,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/ui-kit/YandexMap/useYandexMaps.d.ts

@@ -0,0 +1,2 @@
+import ymaps from 'yandex-maps';
+export declare const useYandexMaps: () => typeof ymaps | undefined;

package/lib/ui-kit/YandexMap/useYandexMaps.js

@@ -0,0 +1,8 @@
+import { useExternalNS } from '../../hooks/useExternalNS.js';
+import { projectSettings } from '../../ProjectSettings.js';
+const YMAPS_NAMESPACE = 'ymaps';
+export const useYandexMaps = () => {
+    const url = `https://api-maps.yandex.ru/2.1/?apikey=${projectSettings.YANDEX_MAP_API_KEY}&lang=ru_RU`;
+    return useExternalNS(YMAPS_NAMESPACE, url);
+};
+//# sourceMappingURL=useYandexMaps.js.map

package/lib/ui-kit/YandexMap/useYandexMaps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useYandexMaps.js","sourceRoot":"","sources":["../../../src/ui-kit/YandexMap/useYandexMaps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,eAAe,GAAG,OAAO,CAAC;AAEhC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,GAAG,GAAG,0CAA0C,eAAe,CAAC,kBAAkB,aAAa,CAAC;IAEtG,OAAO,aAAa,CAAe,eAAe,EAAE,GAAG,CAAC,CAAC;AAC3D,CAAC,CAAC"}

package/mobile/bundle/bundle.umd.js

@@ -274,24 +274,27 @@
 
     const IntersectionObserverTag = JSX((props) => {
         const { tag = 'section', observerCallback, observerOptions, className = '', anchor = null, children, } = props;
-        const intersectionObserver = useRef(null);
-        const ref = useCallback((element) => {
-            if (!element) {
-                return;
-            }
-            if (intersectionObserver.current) {
-                intersectionObserver.current.disconnect();
+        const tagRef = useRef(null);
+        useEffect(() => {
+            if (!tagRef.current) {
+                return undefined;
             }
-            intersectionObserver.current = new IntersectionObserver(observerCallback, observerOptions);
-            intersectionObserver.current.observe(element);
+            const intersectionObserver = new IntersectionObserver(observerCallback, observerOptions);
+            intersectionObserver.observe(tagRef.current);
+            return () => {
+                intersectionObserver.disconnect();
+            };
         }, [observerCallback, observerOptions]);
         const Tag = tag;
-        return (jsx(Tag, { ref: ref, className: className, id: anchor, children: children }));
+        return (jsx(Tag, { ref: tagRef, className: className, id: anchor, children: children }));
     });
 
     const THRESHOLD_ACCURACY = 100; // Decimals number (100 is for two decimals number, 0.**)
     const THRESHOLD_ARRAY_LENGTH = 18;
     const THRESHOLD_ARRAY_START_VALUE = (THRESHOLD_ACCURACY - THRESHOLD_ARRAY_LENGTH) / THRESHOLD_ACCURACY;
+    const OBSERVER_OPTIONS = {
+        threshold: new Array(THRESHOLD_ARRAY_LENGTH).fill(0).map(getIntersectionThreshold),
+    };
     const BlockWrapper = JSX(({ anchor, className, children, tag = 'section', labels }) => {
         const Tag = tag;
         const [shouldRenderBlock, setShouldRenderBlock] = useState(true);
@@ -320,9 +323,7 @@
         if (!shouldRenderBlock) {
             return null;
         }
-        return anchor ? (jsx(IntersectionObserverTag, { tag: tag, className: className, observerCallback: observerCallback, observerOptions: {
-                threshold: new Array(THRESHOLD_ARRAY_LENGTH).fill(0).map(getIntersectionThreshold),
-            }, anchor: anchor, children: children })) : (jsx(Tag, { className: className, children: children }));
+        return anchor ? (jsx(IntersectionObserverTag, { tag: tag, className: className, observerCallback: observerCallback, observerOptions: OBSERVER_OPTIONS, anchor: anchor, children: children })) : (jsx(Tag, { className: className, children: children }));
     });
     function getIntersectionThreshold(_, i) {
         const value = (i + 1) / THRESHOLD_ACCURACY + THRESHOLD_ARRAY_START_VALUE;
@@ -1000,10 +1001,10 @@
     }
     function renderCard(card, key) {
         return (jsxs("div", { className: `h-full justify-between box-border horizontal-list-item border-solid border rounded-md border-main-stroke p-4 flex flex-col
-      ${VersionStyleMap[card.version ?? 'primary']}`, children: [jsxs("div", { children: [renderImage$2(card.icon), card.title ? jsx("h3", { className: `text-m-title-xs font-medium m-0`, children: card.title }) : null, card.description ? renderDescription(card) : null, card.items?.length ? renderItems(card.items, card.isDotted, card.version) : null] }), card?.button?.text ? renderButton(card.button) : null] }, key));
+      ${VersionStyleMap[card.version ?? 'primary']}`, children: [jsxs("div", { children: [renderImage$2(card.icon), card.title ? jsx("h3", { className: `text-m-title-xs font-medium m-0`, children: card.title }) : null, card.description ? renderDescription(card) : null, card.items?.length ? renderItems(card.items, card.isDotted, card.version) : null] }), card?.button?.text ? renderButton$1(card.button) : null] }, key));
     }
     const renderImage$2 = (image) => image?.src || image?.icon ? (jsx("div", { className: "flex justify-center", children: jsx(Img, { className: "mb-3.5", image: image }) })) : null;
-    function renderButton(button) {
+    function renderButton$1(button) {
         return jsx(Button, { className: "mt-3", ...button });
     }
     function renderDescription(card) {
@@ -1232,12 +1233,22 @@
     const ButtonSection = JSX(({ context, className = '', buttons }) => {
         const { handlerDecorator } = context;
         const router = context.useRouter();
-        return buttons && buttons?.length ? (jsx("div", { className: className, children: buttons.map((button, index) => (jsx(ButtonSectionItem, { button: button, handlerDecorator: handlerDecorator, router: router }, String(index)))) })) : null;
-    });
-    const ButtonSectionItem = JSX(({ router, handlerDecorator, button }) => {
-        const buttonProps = useLink({ router, handlerDecorator }, button);
-        return jsx(Button, { ...button, ...buttonProps });
+        return buttons && buttons?.length ? (jsx("div", { className: className, children: buttons.map((button, index) => renderButton({ button: useLink({ router, handlerDecorator }, button), index })) })) : null;
     });
+    function renderButton({ button, buttonClassName, index }) {
+        const { icon, iconRight, version, ...rest } = button;
+        const iconVersion = version === 'secondary' ? 'normal' : 'white';
+        const leftIcon = renderButtonIcon({ icon, iconVersion });
+        const rightIcon = renderButtonIcon({ icon: iconRight, iconVersion });
+        return (jsx(Button, { className: buttonClassName, appendLeft: leftIcon, appendRight: rightIcon, version: version, ...rest }, index ? String(index) : ''));
+    }
+    const renderButtonIcon = ({ icon, iconVersion }) => {
+        if (!icon?.icon && !icon?.src) {
+            return null;
+        }
+        const iconWidth = icon?.size?.width ? `${icon.size.width}` : '24';
+        return jsx(Img, { image: { ...icon, iconVersion: iconVersion }, width: iconWidth, height: "24", asSVG: true });
+    };
 
     const LIST_DOT_STYLE_MAP = {
         primary: 'bg-primary-text',
@@ -1392,7 +1403,10 @@
         return (jsx("div", { className: `${iconAreaSize} ${styleMap.iconBackground} rounded-full z-10 mr-3 flex justify-center content-center`, children: jsx("span", { className: `font-medium flex self-center ${styleMap.title} ${iconTextSize}`, children: checkIsIconRenderable(step?.icon) ? (jsx(Img, { image: { ...step.icon, iconVersion: STEPS_SVG_VERSION_MAP[version] }, width: iconSize, height: iconSize, asSVG: true })) : (jsx("span", { children: i + 1 })) }) }));
     };
 
-    const renderButtonsCellData = ({ buttons }) => buttons && buttons?.length ? (jsx("div", { children: buttons.map(({ rounded, appendLeft, ariaLabel, ...buttonProps }, idx) => (jsx(Button, { className: `mt-3 ${idx > 0 && rounded ? 'ml-2.5' : ''} ${appendLeft ? 'w-12 h-12' : ''}`, appendLeft: appendLeft, rounded: rounded, ariaLabel: ariaLabel, ...buttonProps }, String(idx)))) })) : null;
+    const renderButtonsCellData = ({ buttons }) => buttons && buttons?.length ? (jsx("div", { children: buttons.map(({ rounded, icon, ...buttonProps }, idx) => renderButton({
+            button: { rounded, icon, ...buttonProps },
+            buttonClassName: `mt-3 ${idx > 0 && rounded ? 'ml-2.5' : ''} ${icon ? 'w-12 h-12' : ''}`,
+        })) })) : null;
     const renderLabelDescriptionCellData = ({ label, description }) => {
         const labelClassName = `text-xl font-medium m-0 ${description ? 'mb-1' : ''}`;
         return (jsxs("div", { children: [label ? jsx("div", { className: labelClassName, children: label }) : null, description ? jsx("div", { className: "text-s text-secondary-text", children: description }) : null] }));
@@ -1592,7 +1606,7 @@
         return (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: i }, el) : [el]), []);
     }
 
-    const packageVersion = "0.6.16";
+    const packageVersion = "0.6.18";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;