@redneckz/wildless-cms-uni-blocks 0.14.148 → 0.14.149
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +66 -13
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/TabsLayout/TabsLayout.d.ts +5 -0
- package/bundle/components/TabsLayout/TabsLayoutButton.d.ts +10 -0
- package/bundle/components/TabsLayout/TabsLayoutContent.d.ts +21 -0
- package/bundle/components/TabsLayout/TabsLayoutRedirectTab.d.ts +6 -0
- package/bundle/components/TabsLayout/alignTabStyle.d.ts +2 -0
- package/bundle/ui-kit/Shimmer/Shimmer.d.ts +5 -0
- package/bundle/ui-kit/SwipeListControl/SwipeListContainer.d.ts +2 -2
- package/bundle/ui-kit/SwipeListControl/useSwipeListScroll.d.ts +1 -1
- package/dist/components/Blocks.js +3 -1
- package/dist/components/Blocks.js.map +1 -1
- package/dist/components/Blocks.mobile.js +3 -1
- package/dist/components/Blocks.mobile.js.map +1 -1
- package/dist/components/ContentPage/ContentPage.page.json +0 -37
- package/dist/components/Placeholder/Placeholder.js +2 -7
- package/dist/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/components/TabsLayout/TabsLayout.d.ts +5 -0
- package/dist/components/TabsLayout/TabsLayout.js +32 -0
- package/dist/components/TabsLayout/TabsLayout.js.map +1 -0
- package/dist/components/TabsLayout/TabsLayoutButton.d.ts +10 -0
- package/dist/components/TabsLayout/TabsLayoutButton.js +23 -0
- package/dist/components/TabsLayout/TabsLayoutButton.js.map +1 -0
- package/dist/components/TabsLayout/TabsLayoutContent.d.ts +21 -0
- package/dist/components/TabsLayout/TabsLayoutContent.js +2 -0
- package/dist/components/TabsLayout/TabsLayoutContent.js.map +1 -0
- package/dist/components/TabsLayout/TabsLayoutRedirectTab.d.ts +6 -0
- package/dist/components/TabsLayout/TabsLayoutRedirectTab.js +17 -0
- package/dist/components/TabsLayout/TabsLayoutRedirectTab.js.map +1 -0
- package/dist/components/TabsLayout/alignTabStyle.d.ts +2 -0
- package/dist/components/TabsLayout/alignTabStyle.js +8 -0
- package/dist/components/TabsLayout/alignTabStyle.js.map +1 -0
- package/dist/setup-fixture.js +1 -1
- package/dist/setup-fixture.js.map +1 -1
- package/dist/ui-kit/Shimmer/Shimmer.d.ts +5 -0
- package/dist/ui-kit/Shimmer/Shimmer.js +13 -0
- package/dist/ui-kit/Shimmer/Shimmer.js.map +1 -0
- package/dist/ui-kit/SwipeListControl/SwipeListContainer.d.ts +2 -2
- package/dist/ui-kit/SwipeListControl/SwipeListContainer.js +2 -2
- package/dist/ui-kit/SwipeListControl/SwipeListContainer.js.map +1 -1
- package/dist/ui-kit/SwipeListControl/SwipeListItem.js +3 -2
- package/dist/ui-kit/SwipeListControl/SwipeListItem.js.map +1 -1
- package/dist/ui-kit/SwipeListControl/useSwipeListScroll.d.ts +1 -1
- package/dist/ui-kit/SwipeListControl/useSwipeListScroll.js +6 -6
- package/dist/ui-kit/SwipeListControl/useSwipeListScroll.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/Blocks.js +3 -1
- package/lib/components/Blocks.js.map +1 -1
- package/lib/components/Blocks.mobile.js +3 -1
- package/lib/components/Blocks.mobile.js.map +1 -1
- package/lib/components/ContentPage/ContentPage.page.json +0 -37
- package/lib/components/Placeholder/Placeholder.js +2 -7
- package/lib/components/Placeholder/Placeholder.js.map +1 -1
- package/lib/components/TabsLayout/TabsLayout.d.ts +5 -0
- package/lib/components/TabsLayout/TabsLayout.fixture.d.ts +6 -0
- package/lib/components/TabsLayout/TabsLayout.fixture.mobile.d.ts +6 -0
- package/lib/components/TabsLayout/TabsLayout.js +30 -0
- package/lib/components/TabsLayout/TabsLayout.js.map +1 -0
- package/lib/components/TabsLayout/TabsLayoutButton.d.ts +10 -0
- package/lib/components/TabsLayout/TabsLayoutButton.js +21 -0
- package/lib/components/TabsLayout/TabsLayoutButton.js.map +1 -0
- package/lib/components/TabsLayout/TabsLayoutContent.d.ts +21 -0
- package/lib/components/TabsLayout/TabsLayoutContent.js +2 -0
- package/lib/components/TabsLayout/TabsLayoutContent.js.map +1 -0
- package/lib/components/TabsLayout/TabsLayoutRedirectTab.d.ts +6 -0
- package/lib/components/TabsLayout/TabsLayoutRedirectTab.js +15 -0
- package/lib/components/TabsLayout/TabsLayoutRedirectTab.js.map +1 -0
- package/lib/components/TabsLayout/alignTabStyle.d.ts +2 -0
- package/lib/components/TabsLayout/alignTabStyle.js +6 -0
- package/lib/components/TabsLayout/alignTabStyle.js.map +1 -0
- package/lib/setup-fixture.js +1 -1
- package/lib/setup-fixture.js.map +1 -1
- package/lib/ui-kit/Shimmer/Shimmer.d.ts +5 -0
- package/lib/ui-kit/Shimmer/Shimmer.js +11 -0
- package/lib/ui-kit/Shimmer/Shimmer.js.map +1 -0
- package/lib/ui-kit/SwipeListControl/SwipeListContainer.d.ts +2 -2
- package/lib/ui-kit/SwipeListControl/SwipeListContainer.js +2 -2
- package/lib/ui-kit/SwipeListControl/SwipeListContainer.js.map +1 -1
- package/lib/ui-kit/SwipeListControl/SwipeListItem.js +3 -2
- package/lib/ui-kit/SwipeListControl/SwipeListItem.js.map +1 -1
- package/lib/ui-kit/SwipeListControl/useSwipeListScroll.d.ts +1 -1
- package/lib/ui-kit/SwipeListControl/useSwipeListScroll.js +6 -6
- package/lib/ui-kit/SwipeListControl/useSwipeListScroll.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +75 -22
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/TabsLayout/TabsLayout.d.ts +5 -0
- package/mobile/bundle/components/TabsLayout/TabsLayoutButton.d.ts +10 -0
- package/mobile/bundle/components/TabsLayout/TabsLayoutContent.d.ts +21 -0
- package/mobile/bundle/components/TabsLayout/TabsLayoutRedirectTab.d.ts +6 -0
- package/mobile/bundle/components/TabsLayout/alignTabStyle.d.ts +2 -0
- package/mobile/bundle/ui-kit/Shimmer/Shimmer.d.ts +5 -0
- package/mobile/bundle/ui-kit/SwipeListControl/SwipeListContainer.d.ts +2 -2
- package/mobile/bundle/ui-kit/SwipeListControl/useSwipeListScroll.d.ts +1 -1
- package/mobile/dist/components/Blocks.js +3 -1
- package/mobile/dist/components/Blocks.js.map +1 -1
- package/mobile/dist/components/ContentPage/ContentPage.page.json +0 -37
- package/mobile/dist/components/Placeholder/Placeholder.js +2 -7
- package/mobile/dist/components/Placeholder/Placeholder.js.map +1 -1
- package/mobile/dist/components/TabsLayout/TabsLayout.d.ts +5 -0
- package/mobile/dist/components/TabsLayout/TabsLayout.js +32 -0
- package/mobile/dist/components/TabsLayout/TabsLayout.js.map +1 -0
- package/mobile/dist/components/TabsLayout/TabsLayoutButton.d.ts +10 -0
- package/mobile/dist/components/TabsLayout/TabsLayoutButton.js +23 -0
- package/mobile/dist/components/TabsLayout/TabsLayoutButton.js.map +1 -0
- package/mobile/dist/components/TabsLayout/TabsLayoutContent.d.ts +21 -0
- package/mobile/dist/components/TabsLayout/TabsLayoutContent.js +2 -0
- package/mobile/dist/components/TabsLayout/TabsLayoutContent.js.map +1 -0
- package/mobile/dist/components/TabsLayout/TabsLayoutRedirectTab.d.ts +6 -0
- package/mobile/dist/components/TabsLayout/TabsLayoutRedirectTab.js +17 -0
- package/mobile/dist/components/TabsLayout/TabsLayoutRedirectTab.js.map +1 -0
- package/mobile/dist/components/TabsLayout/alignTabStyle.d.ts +2 -0
- package/mobile/dist/components/TabsLayout/alignTabStyle.js +8 -0
- package/mobile/dist/components/TabsLayout/alignTabStyle.js.map +1 -0
- package/mobile/dist/setup-fixture.js +1 -1
- package/mobile/dist/setup-fixture.js.map +1 -1
- package/mobile/dist/ui-kit/Shimmer/Shimmer.d.ts +5 -0
- package/mobile/dist/ui-kit/Shimmer/Shimmer.js +13 -0
- package/mobile/dist/ui-kit/Shimmer/Shimmer.js.map +1 -0
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListContainer.d.ts +2 -2
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListContainer.js +2 -2
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListContainer.js.map +1 -1
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListItem.js +3 -2
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListItem.js.map +1 -1
- package/mobile/dist/ui-kit/SwipeListControl/useSwipeListScroll.d.ts +1 -1
- package/mobile/dist/ui-kit/SwipeListControl/useSwipeListScroll.js +6 -6
- package/mobile/dist/ui-kit/SwipeListControl/useSwipeListScroll.js.map +1 -1
- package/mobile/lib/common.css +1 -1
- package/mobile/lib/components/Blocks.js +3 -1
- package/mobile/lib/components/Blocks.js.map +1 -1
- package/mobile/lib/components/ContentPage/ContentPage.page.json +0 -37
- package/mobile/lib/components/Placeholder/Placeholder.js +2 -7
- package/mobile/lib/components/Placeholder/Placeholder.js.map +1 -1
- package/mobile/lib/components/TabsLayout/TabsLayout.d.ts +5 -0
- package/mobile/lib/components/TabsLayout/TabsLayout.js +30 -0
- package/mobile/lib/components/TabsLayout/TabsLayout.js.map +1 -0
- package/mobile/lib/components/TabsLayout/TabsLayoutButton.d.ts +10 -0
- package/mobile/lib/components/TabsLayout/TabsLayoutButton.js +21 -0
- package/mobile/lib/components/TabsLayout/TabsLayoutButton.js.map +1 -0
- package/mobile/lib/components/TabsLayout/TabsLayoutContent.d.ts +21 -0
- package/mobile/lib/components/TabsLayout/TabsLayoutContent.js +2 -0
- package/mobile/lib/components/TabsLayout/TabsLayoutContent.js.map +1 -0
- package/mobile/lib/components/TabsLayout/TabsLayoutRedirectTab.d.ts +6 -0
- package/mobile/lib/components/TabsLayout/TabsLayoutRedirectTab.js +15 -0
- package/mobile/lib/components/TabsLayout/TabsLayoutRedirectTab.js.map +1 -0
- package/mobile/lib/components/TabsLayout/alignTabStyle.d.ts +2 -0
- package/mobile/lib/components/TabsLayout/alignTabStyle.js +6 -0
- package/mobile/lib/components/TabsLayout/alignTabStyle.js.map +1 -0
- package/mobile/lib/setup-fixture.js +1 -1
- package/mobile/lib/setup-fixture.js.map +1 -1
- package/mobile/lib/ui-kit/Shimmer/Shimmer.d.ts +5 -0
- package/mobile/lib/ui-kit/Shimmer/Shimmer.js +11 -0
- package/mobile/lib/ui-kit/Shimmer/Shimmer.js.map +1 -0
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.d.ts +2 -2
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.js +2 -2
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.js.map +1 -1
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListItem.js +3 -2
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListItem.js.map +1 -1
- package/mobile/lib/ui-kit/SwipeListControl/useSwipeListScroll.d.ts +1 -1
- package/mobile/lib/ui-kit/SwipeListControl/useSwipeListScroll.js +6 -6
- package/mobile/lib/ui-kit/SwipeListControl/useSwipeListScroll.js.map +1 -1
- package/mobile/src/components/Blocks.ts +3 -1
- package/mobile/src/components/ContentPage/ContentPage.page.json +0 -37
- package/mobile/src/components/Placeholder/Placeholder.tsx +2 -19
- package/mobile/src/components/TabsLayout/TabsLayout.example.json +8 -0
- package/mobile/src/components/TabsLayout/TabsLayout.tsx +88 -0
- package/mobile/src/components/TabsLayout/TabsLayout.ui.json +11 -0
- package/mobile/src/components/TabsLayout/TabsLayoutButton.tsx +60 -0
- package/mobile/src/components/TabsLayout/TabsLayoutContent.ts +26 -0
- package/mobile/src/components/TabsLayout/TabsLayoutRedirectTab.tsx +26 -0
- package/mobile/src/components/TabsLayout/alignTabStyle.ts +7 -0
- package/mobile/src/setup-fixture.ts +1 -1
- package/mobile/src/ui-kit/Shimmer/Shimmer.tsx +29 -0
- package/mobile/src/ui-kit/SwipeListControl/SwipeListContainer.tsx +5 -4
- package/mobile/src/ui-kit/SwipeListControl/SwipeListItem.tsx +12 -3
- package/mobile/src/ui-kit/SwipeListControl/useSwipeListScroll.ts +10 -7
- package/package.json +2 -2
- package/src/components/Blocks.mobile.ts +3 -1
- package/src/components/Blocks.ts +3 -1
- package/src/components/ContentPage/ContentPage.page.json +0 -37
- package/src/components/Placeholder/Placeholder.tsx +2 -19
- package/src/components/TabsLayout/TabsLayout.example.json +8 -0
- package/src/components/TabsLayout/TabsLayout.fixture.mobile.tsx +53 -0
- package/src/components/TabsLayout/TabsLayout.fixture.tsx +53 -0
- package/src/components/TabsLayout/TabsLayout.tsx +88 -0
- package/src/components/TabsLayout/TabsLayout.ui.json +11 -0
- package/src/components/TabsLayout/TabsLayoutButton.tsx +60 -0
- package/src/components/TabsLayout/TabsLayoutContent.ts +26 -0
- package/src/components/TabsLayout/TabsLayoutRedirectTab.tsx +26 -0
- package/src/components/TabsLayout/alignTabStyle.ts +7 -0
- package/src/setup-fixture.ts +1 -1
- package/src/ui-kit/Shimmer/Shimmer.tsx +29 -0
- package/src/ui-kit/SwipeListControl/SwipeListContainer.tsx +5 -4
- package/src/ui-kit/SwipeListControl/SwipeListItem.tsx +12 -3
- package/src/ui-kit/SwipeListControl/useSwipeListScroll.ts +10 -7
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
+
import { style } from '../../utils/style.js';
|
|
4
|
+
const GOLDEN_RATIO = 1.618;
|
|
5
|
+
export const Shimmer = JSX(({ className, size }) => (_jsx("figure", { className: style('m-0 mt-xl min-w-[80%]', className), children: renderShimmer(size) })));
|
|
6
|
+
const renderShimmer = (size = 3) => goldenSequence(100, size)
|
|
7
|
+
.map((_) => Math.floor(_))
|
|
8
|
+
.map(renderShimmerItem);
|
|
9
|
+
const renderShimmerItem = (width, index) => (_jsx("div", { style: { width: `${width || 100}%` }, className: "h-4 mt-xs bg-secondary-light" }, String(index)));
|
|
10
|
+
const goldenSequence = (first, size) => [first].concat(size > 0 ? goldenSequence(first / GOLDEN_RATIO, size - 1) : []);
|
|
11
|
+
//# sourceMappingURL=Shimmer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Shimmer.js","sourceRoot":"","sources":["../../../src/ui-kit/Shimmer/Shimmer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,YAAY,GAAG,KAAK,CAAC;AAO3B,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAe,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAChE,iBAAQ,SAAS,EAAE,KAAK,CAAC,uBAAuB,EAAE,SAAS,CAAC,YAAG,aAAa,CAAC,IAAI,CAAC,GAAU,CAC7F,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,EAAE,CACjC,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC;KACtB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KACzB,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,KAAa,EAAE,EAAE,CAAC,CAC1D,cAEE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,GAAG,GAAG,EAAE,EACpC,SAAS,EAAC,8BAA8B,IAFnC,MAAM,CAAC,KAAK,CAAC,CAGlB,CACH,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,IAAY,EAAY,EAAE,CAC/D,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,GAAG,YAAY,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { type SwipeListContainerContent } from './SwipeListControlContent';
|
|
2
2
|
declare type ItemsVisibilityList = Array<IntersectionObserverEntry | undefined>;
|
|
3
|
-
declare type SwipeListItemWidthAuto = 0;
|
|
4
3
|
/**
|
|
5
4
|
* @title Список
|
|
6
5
|
*/
|
|
7
6
|
interface SwipeListContainerProps extends SwipeListContainerContent {
|
|
8
7
|
className?: string;
|
|
8
|
+
itemClassName?: string;
|
|
9
9
|
containerRef?: {
|
|
10
10
|
current: HTMLDivElement | null;
|
|
11
11
|
};
|
|
12
12
|
activeIndex?: number;
|
|
13
|
-
visibleItemCount?:
|
|
13
|
+
visibleItemCount?: 0 | 1 | 2 | 3 | 4;
|
|
14
14
|
snapAlign?: 'snap-start' | 'snap-center' | 'snap-end';
|
|
15
15
|
gap?: number;
|
|
16
16
|
padding?: number;
|
|
@@ -6,7 +6,7 @@ import { style } from '../../utils/style.js';
|
|
|
6
6
|
import { getContainerHeight } from './getContainerHeight.js';
|
|
7
7
|
import { SwipeListItem } from './SwipeListItem.js';
|
|
8
8
|
const childStyleMap = ['min-w-full', '@lg:min-w-[50%]', '@lg:min-w-[33.3%]', '@lg:min-w-[25%]'];
|
|
9
|
-
export const SwipeListContainer = JSX(({ className
|
|
9
|
+
export const SwipeListContainer = JSX(({ className, itemClassName, containerRef, activeIndex, visibleItemCount = 0, gap = 0, padding = 0, listType = 'horizontal-list', snapAlign = 'snap-center', minHeight, children, onVisibleItemsChange, onVisibleIndicesChange, }) => {
|
|
10
10
|
const observerOptions = {
|
|
11
11
|
sensitivity: 1,
|
|
12
12
|
rootRef: containerRef,
|
|
@@ -27,7 +27,7 @@ export const SwipeListContainer = JSX(({ className = '', containerRef, activeInd
|
|
|
27
27
|
...(isVerticalList ? getContainerHeight(minHeight) : {}),
|
|
28
28
|
gap: `${gap}px`,
|
|
29
29
|
};
|
|
30
|
-
return (_jsx("div", { className: style('box-border overflow-auto no-scrollbar', listType, className), style: containerStyle, 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) }));
|
|
30
|
+
return (_jsx("div", { className: style('box-border overflow-auto no-scrollbar', listType, className), style: containerStyle, ref: containerRef, children: mapChildren((child, idx) => (_jsx(SwipeListItem, { className: style(snapAlign, visibleItemCount ? childStyleMap[visibleItemCount - 1] : '', isVerticalList ? 'h-full' : '', itemClassName), style: isHorizontalList ? getContainerOffset(padding / 4) : {}, activeIndex: activeIndex, idx: idx, observerOptions: observerOptions, onIntersection: handleIntersection, children: child }, String(idx))))(children) }));
|
|
31
31
|
});
|
|
32
32
|
// Styles used to compensate outer container padding to get rid of clipping effect
|
|
33
33
|
const getContainerOffset = (padding, additionalPadding = 0) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwipeListContainer.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"SwipeListContainer.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/SwipeListContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,13 +2,14 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
|
|
4
4
|
import { useIntersectionObserver, } from '../../hooks/useIntersectionObserver.js';
|
|
5
|
-
|
|
5
|
+
import { style } from '../../utils/style.js';
|
|
6
|
+
export const SwipeListItem = JSX(({ className, style: inlineStyle, idx, activeIndex, observerOptions, children, onIntersection, }) => {
|
|
6
7
|
const observerCallback = useCallback((entries) => {
|
|
7
8
|
if (entries.length && onIntersection) {
|
|
8
9
|
onIntersection(idx || 0, entries[entries.length - 1]);
|
|
9
10
|
}
|
|
10
11
|
}, [onIntersection, idx]);
|
|
11
12
|
const ref = useIntersectionObserver(observerCallback, observerOptions);
|
|
12
|
-
return (_jsx("div", { className:
|
|
13
|
+
return (_jsx("div", { className: style('inline-block snap-always box-border', className), style: inlineStyle, "aria-current": Boolean(idx === activeIndex), ref: ref, children: children }));
|
|
13
14
|
});
|
|
14
15
|
//# sourceMappingURL=SwipeListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAc1C,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EACC,SAAS,EACT,KAAK,EAAE,WAAW,EAClB,GAAG,EACH,WAAW,EACX,eAAe,EACf,QAAQ,EACR,cAAc,GACf,EAAE,EAAE;IACH,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,KAAK,CAAC,qCAAqC,EAAE,SAAS,CAAC,EAClE,KAAK,EAAE,WAAW,kBACJ,OAAO,CAAC,GAAG,KAAK,WAAW,CAAC,EAC1C,GAAG,EAAE,GAAG,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export interface SwipeListScroll {
|
|
2
2
|
scrollLeft: () => void;
|
|
3
3
|
scrollRight: () => void;
|
|
4
|
-
scrollTo: (idx: number) => void;
|
|
4
|
+
scrollTo: (idx: number, options?: ScrollIntoViewOptions) => void;
|
|
5
5
|
canScrollLeft: boolean;
|
|
6
6
|
canScrollRight: boolean;
|
|
7
7
|
visibleIndicesRange: [number, number];
|
|
@@ -39,13 +39,13 @@ export const useSwipeListScroll = ({ itemCount, onVisibleIndicesChange, }) => {
|
|
|
39
39
|
scrollToStart(containerRef.current);
|
|
40
40
|
}
|
|
41
41
|
}, [itemCount, canScrollRight]);
|
|
42
|
-
const scrollTo = useCallback((idx
|
|
42
|
+
const scrollTo = useCallback((idx, options = {
|
|
43
|
+
behavior: 'smooth',
|
|
44
|
+
block: 'nearest',
|
|
45
|
+
inline: 'center',
|
|
46
|
+
}) => {
|
|
43
47
|
if (containerRef?.current) {
|
|
44
|
-
containerRef.current.children[idx]?.scrollIntoView(
|
|
45
|
-
behavior: 'smooth',
|
|
46
|
-
block: 'nearest',
|
|
47
|
-
inline: 'center',
|
|
48
|
-
});
|
|
48
|
+
containerRef.current.children[idx]?.scrollIntoView(options);
|
|
49
49
|
}
|
|
50
50
|
}, [containerRef]);
|
|
51
51
|
return [
|
|
@@ -1 +1 @@
|
|
|
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,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,aAAa,EAAE;YACjB,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;SAC/C;aAAM;YACL,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SACnC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;IAE/B,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACzB,OAAO;SACR;QAED,IAAI,cAAc,EAAE;YAClB,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;SAC9C;aAAM;YACL,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;SACrC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEhC,MAAM,QAAQ,GAAG,WAAW,CAC1B,
|
|
1
|
+
{"version":3,"file":"useSwipeListScroll.js","sourceRoot":"","sources":["../../../src/ui-kit/SwipeListControl/useSwipeListScroll.ts"],"names":[],"mappings":"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"}
|
|
@@ -2193,18 +2193,18 @@
|
|
|
2193
2193
|
.concat(1);
|
|
2194
2194
|
}
|
|
2195
2195
|
|
|
2196
|
-
const SwipeListItem = JSX(({ className
|
|
2196
|
+
const SwipeListItem = JSX(({ className, style: inlineStyle, idx, activeIndex, observerOptions, children, onIntersection, }) => {
|
|
2197
2197
|
const observerCallback = useCallback((entries) => {
|
|
2198
2198
|
if (entries.length && onIntersection) {
|
|
2199
2199
|
onIntersection(idx || 0, entries[entries.length - 1]);
|
|
2200
2200
|
}
|
|
2201
2201
|
}, [onIntersection, idx]);
|
|
2202
2202
|
const ref = useIntersectionObserver(observerCallback, observerOptions);
|
|
2203
|
-
return (jsx("div", { className:
|
|
2203
|
+
return (jsx("div", { className: style('inline-block snap-always box-border', className), style: inlineStyle, "aria-current": Boolean(idx === activeIndex), ref: ref, children: children }));
|
|
2204
2204
|
});
|
|
2205
2205
|
|
|
2206
2206
|
const childStyleMap = ['min-w-full', '@lg:min-w-[50%]', '@lg:min-w-[33.3%]', '@lg:min-w-[25%]'];
|
|
2207
|
-
const SwipeListContainer = JSX(({ className
|
|
2207
|
+
const SwipeListContainer = JSX(({ className, itemClassName, containerRef, activeIndex, visibleItemCount = 0, gap = 0, padding = 0, listType = 'horizontal-list', snapAlign = 'snap-center', minHeight, children, onVisibleItemsChange, onVisibleIndicesChange, }) => {
|
|
2208
2208
|
const observerOptions = {
|
|
2209
2209
|
sensitivity: 1,
|
|
2210
2210
|
rootRef: containerRef,
|
|
@@ -2225,7 +2225,7 @@
|
|
|
2225
2225
|
...(isVerticalList ? getContainerHeight(minHeight) : {}),
|
|
2226
2226
|
gap: `${gap}px`,
|
|
2227
2227
|
};
|
|
2228
|
-
return (jsx("div", { className: style('box-border overflow-auto no-scrollbar', listType, className), style: containerStyle, 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) }));
|
|
2228
|
+
return (jsx("div", { className: style('box-border overflow-auto no-scrollbar', listType, className), style: containerStyle, ref: containerRef, children: mapChildren((child, idx) => (jsx(SwipeListItem, { className: style(snapAlign, visibleItemCount ? childStyleMap[visibleItemCount - 1] : '', isVerticalList ? 'h-full' : '', itemClassName), style: isHorizontalList ? getContainerOffset(padding / 4) : {}, activeIndex: activeIndex, idx: idx, observerOptions: observerOptions, onIntersection: handleIntersection, children: child }, String(idx))))(children) }));
|
|
2229
2229
|
});
|
|
2230
2230
|
// Styles used to compensate outer container padding to get rid of clipping effect
|
|
2231
2231
|
const getContainerOffset = (padding, additionalPadding = 0) => ({
|
|
@@ -2319,13 +2319,13 @@
|
|
|
2319
2319
|
scrollToStart(containerRef.current);
|
|
2320
2320
|
}
|
|
2321
2321
|
}, [itemCount, canScrollRight]);
|
|
2322
|
-
const scrollTo = useCallback((idx
|
|
2322
|
+
const scrollTo = useCallback((idx, options = {
|
|
2323
|
+
behavior: 'smooth',
|
|
2324
|
+
block: 'nearest',
|
|
2325
|
+
inline: 'center',
|
|
2326
|
+
}) => {
|
|
2323
2327
|
if (containerRef?.current) {
|
|
2324
|
-
containerRef.current.children[idx]?.scrollIntoView(
|
|
2325
|
-
behavior: 'smooth',
|
|
2326
|
-
block: 'nearest',
|
|
2327
|
-
inline: 'center',
|
|
2328
|
-
});
|
|
2328
|
+
containerRef.current.children[idx]?.scrollIntoView(options);
|
|
2329
2329
|
}
|
|
2330
2330
|
}, [containerRef]);
|
|
2331
2331
|
return [
|
|
@@ -4674,13 +4674,15 @@
|
|
|
4674
4674
|
});
|
|
4675
4675
|
|
|
4676
4676
|
const GOLDEN_RATIO = 1.618;
|
|
4677
|
-
const
|
|
4677
|
+
const Shimmer = JSX(({ className, size }) => (jsx("figure", { className: style('m-0 mt-xl min-w-[80%]', className), children: renderShimmer(size) })));
|
|
4678
4678
|
const renderShimmer = (size = 3) => goldenSequence(100, size)
|
|
4679
4679
|
.map((_) => Math.floor(_))
|
|
4680
4680
|
.map(renderShimmerItem);
|
|
4681
4681
|
const renderShimmerItem = (width, index) => (jsx("div", { style: { width: `${width || 100}%` }, className: "h-4 mt-xs bg-secondary-light" }, String(index)));
|
|
4682
4682
|
const goldenSequence = (first, size) => [first].concat(size > 0 ? goldenSequence(first / GOLDEN_RATIO, size - 1) : []);
|
|
4683
4683
|
|
|
4684
|
+
const Placeholder = JSX(({ className, title, description = 'Блок в разработке...', ...rest }) => (jsxs(BlockWrapper, { className: style('box-border', className), ...rest, children: [jsx(Headline, { className: "max-w-[600px]", title: title, description: description, headlineVersion: "L", align: "text-left", isEmbedded: true }), jsx(Shimmer, {})] })));
|
|
4685
|
+
|
|
4684
4686
|
const ProductGallery = JSX(({ className, padding, slides = [], ...rest }) => (jsx(BlockWrapper, { className: style('overflow-hidden relative', className), padding: padding, ...rest, children: jsx(SwipeListControl, { gap: 0, padding: 0, children: slides
|
|
4685
4687
|
.map((s) => s.productBlock)
|
|
4686
4688
|
.map((_, i) => (jsx("div", { className: "box-border h-full", children: jsx(BaseProductTile, { className: "px-5 h-full", headlineVersion: "L", ..._, ...rest }) }, String(i)))) }) })));
|
|
@@ -4964,6 +4966,65 @@
|
|
|
4964
4966
|
};
|
|
4965
4967
|
const normalizeTab = (_) => _?.type === 'group' ? { text: _.title, name: _.ref } : _;
|
|
4966
4968
|
|
|
4969
|
+
const alignTabStyle = {
|
|
4970
|
+
start: 'text-start',
|
|
4971
|
+
center: 'text-center',
|
|
4972
|
+
end: 'text-end',
|
|
4973
|
+
};
|
|
4974
|
+
|
|
4975
|
+
const getButtonClassNames = (isActive) => ({
|
|
4976
|
+
btn: `w-96 ${isActive
|
|
4977
|
+
? 'p-m border-none bg-primary-main text-white'
|
|
4978
|
+
: 'p-s ease-in duration-300 bg-white text-primary-text'}`,
|
|
4979
|
+
title: isActive ? 'mb-xs text-xl' : 'mb-2xs text-l',
|
|
4980
|
+
desc: `font-light ${isActive ? 'text-l text-white' : 'text-m text-secondary-text'}`,
|
|
4981
|
+
icon: isActive ? '' : 'text-primary-main',
|
|
4982
|
+
iconVersion: (isActive ? 'white' : 'normal'),
|
|
4983
|
+
});
|
|
4984
|
+
const TabsLayoutButton = JSX(({ tab, className, onClick, isActive }) => {
|
|
4985
|
+
const buttonClassNames = getButtonClassNames(isActive);
|
|
4986
|
+
return (jsxs("button", { type: "button", onClick: onClick, "aria-label": tab?.title, className: style('border border-gray cursor-pointer text-left border-b-0 mt-auto flex gap-2xs', buttonClassNames.btn, className), children: [tab?.icon ? (jsx(Img, { className: style('h-6 w-6 min-w-6 min-h-6', buttonClassNames.icon), image: {
|
|
4987
|
+
...tab?.icon,
|
|
4988
|
+
iconVersion: tab?.icon?.iconVersion ?? buttonClassNames.iconVersion,
|
|
4989
|
+
}, width: "24", height: "24" })) : null, jsxs("div", { className: "border-0", children: [tab?.title ? jsx("div", { className: buttonClassNames.title, children: tab.title }) : null, tab?.description ? jsx("div", { className: buttonClassNames.desc, children: tab.description }) : null] })] }));
|
|
4990
|
+
});
|
|
4991
|
+
|
|
4992
|
+
function useDebouncedEffect(effect, deps, delay = 300) {
|
|
4993
|
+
useEffect(() => {
|
|
4994
|
+
const timerId = globalThis.setTimeout(effect, delay);
|
|
4995
|
+
return () => {
|
|
4996
|
+
globalThis.clearTimeout(timerId);
|
|
4997
|
+
};
|
|
4998
|
+
}, deps);
|
|
4999
|
+
}
|
|
5000
|
+
|
|
5001
|
+
const REDIRECT_DELAY = 0.5 * 1000;
|
|
5002
|
+
const TabsLayoutRedirectTab = JSX(({ tab }) => {
|
|
5003
|
+
const link = useLink();
|
|
5004
|
+
useDebouncedEffect(() => {
|
|
5005
|
+
const { onClick } = link(tab);
|
|
5006
|
+
onClick();
|
|
5007
|
+
}, [tab], REDIRECT_DELAY);
|
|
5008
|
+
return jsx(Shimmer, { className: "col-span-12 p-xl", size: 5 });
|
|
5009
|
+
});
|
|
5010
|
+
|
|
5011
|
+
const TabsLayout = JSX(({ className = '', tabs = [], block, tabAlign, ...rest }) => {
|
|
5012
|
+
const [activeTabIndex, setActiveTabIndex] = useState(getInitSelectedIndex(tabs));
|
|
5013
|
+
const slotName = getSlotName(tabs[activeTabIndex], activeTabIndex);
|
|
5014
|
+
const itemCount = tabs.length;
|
|
5015
|
+
const [activeSlideIndex, { inc: incActiveSlideIndex, dec: decActiveSlideIndex }] = useCarouselControls({ itemCount }, activeTabIndex);
|
|
5016
|
+
const [containerRef, scroll] = useSwipeListScroll({ itemCount });
|
|
5017
|
+
useEffect(() => {
|
|
5018
|
+
scroll.scrollTo(activeTabIndex, { behavior: 'auto' });
|
|
5019
|
+
}, []);
|
|
5020
|
+
return (jsxs(BlockWrapper, { className: style(className), defaultPadding: "p-0", ...rest, children: [jsxs("div", { className: "relative border-b-8 border-primary-main", children: [jsx(SwipeListContainer, { itemClassName: "flex", containerRef: containerRef, snapAlign: "snap-end", gap: 8, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs.map(renderTabButton(activeTabIndex, setActiveTabIndex, tabAlign)) }), jsx(CarouselScrollButtons, { scroll: scroll, arrowsPadded: true, onScrollLeft: decActiveSlideIndex, onScrollRight: incActiveSlideIndex, activeIndex: activeSlideIndex, itemCount: itemCount })] }), jsx("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: tabs[activeTabIndex]?.href ? (jsx(TabsLayoutRedirectTab, { tab: tabs[activeTabIndex] })) : (renderBlocksList(block?.slots?.[slotName], { ...rest?.options, slotName })) })] }));
|
|
5021
|
+
});
|
|
5022
|
+
TabsLayout.slots = ({ tabs }) => tabs?.filter((_) => !_.href).map(getSlotName) || [];
|
|
5023
|
+
TabsLayout.childrenTypes = { exclude: ['TabsLayout'] };
|
|
5024
|
+
const getSlotName = (tab, index) => tab?.title || `Слот №${index}`;
|
|
5025
|
+
const getInitSelectedIndex = (tabs) => tabs.reduce((selectedIndex, tab, i) => (tab.selected ? i : selectedIndex), 0);
|
|
5026
|
+
const renderTabButton = (activeTabIndex, onClick, tabAlign = 'start') => (tab, i) => (jsx(TabsLayoutButton, { className: alignTabStyle[tabAlign], tab: tab, isActive: activeTabIndex === i, onClick: () => onClick(i) }, String(i)));
|
|
5027
|
+
|
|
4967
5028
|
const dividerStyle = '@4xl:border-main-divider @4xl:border-b';
|
|
4968
5029
|
const firstCellStyle = 'w-80 flex-shrink-0';
|
|
4969
5030
|
const COLS_LENGTH_FOR_SCROLL = 2;
|
|
@@ -5175,27 +5236,19 @@
|
|
|
5175
5236
|
Placeholder,
|
|
5176
5237
|
ProductBlock,
|
|
5177
5238
|
ProductGallery,
|
|
5178
|
-
UnitBlock,
|
|
5179
5239
|
RepresentativeOfficeInfo,
|
|
5180
5240
|
RichTextBlock,
|
|
5181
5241
|
RollupItem,
|
|
5182
5242
|
SafeDepositRental,
|
|
5183
5243
|
StepsBlock,
|
|
5184
5244
|
Tabs,
|
|
5245
|
+
TabsLayout,
|
|
5185
5246
|
TariffsTable,
|
|
5186
5247
|
TextBlock,
|
|
5248
|
+
UnitBlock,
|
|
5187
5249
|
VerticalLayout,
|
|
5188
5250
|
};
|
|
5189
5251
|
|
|
5190
|
-
function useDebouncedEffect(effect, deps, delay = 300) {
|
|
5191
|
-
useEffect(() => {
|
|
5192
|
-
const timerId = globalThis.setTimeout(effect, delay);
|
|
5193
|
-
return () => {
|
|
5194
|
-
globalThis.clearTimeout(timerId);
|
|
5195
|
-
};
|
|
5196
|
-
}, deps);
|
|
5197
|
-
}
|
|
5198
|
-
|
|
5199
5252
|
const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", children: jsx(Img, { image: { icon: 'CloseIcon' }, width: "24", height: "24" }) })));
|
|
5200
5253
|
|
|
5201
5254
|
const COOKIE_DIALOG_ID = 'cookie';
|
|
@@ -5741,7 +5794,7 @@
|
|
|
5741
5794
|
|
|
5742
5795
|
const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
|
|
5743
5796
|
|
|
5744
|
-
const packageVersion = "0.14.
|
|
5797
|
+
const packageVersion = "0.14.148";
|
|
5745
5798
|
|
|
5746
5799
|
exports.Blocks = Blocks;
|
|
5747
5800
|
exports.ContentPage = ContentPage;
|