@redneckz/wildless-cms-uni-blocks 0.8.2 → 0.8.3
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 +106 -29
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/Carousel/CarouselContent.d.ts +6 -1
- package/bundle/components/Carousel/CarouselScrollButtons.d.ts +13 -0
- package/bundle/components/CarouselBankHistoryCard/CarouselBankHistoryCard.d.ts +9 -0
- package/bundle/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.d.ts +9 -0
- package/bundle/components/CarouselRecommendationCard/CarouselRecommendationCardContent.d.ts +0 -1
- package/bundle/components/Footer/MediaButton.d.ts +2 -2
- package/bundle/components/Footer/SocialMedia.d.ts +2 -2
- package/bundle/hooks/useLink.d.ts +1 -1
- package/bundle/services/sitemap/isHrefActive.d.ts +2 -1
- package/bundle/services/sitemap/isTopItemActive.d.ts +2 -3
- package/dist/components/Blocks.js +2 -0
- package/dist/components/Blocks.js.map +1 -1
- package/dist/components/Carousel/Carousel.js +27 -6
- package/dist/components/Carousel/Carousel.js.map +1 -1
- package/dist/components/Carousel/CarouselContent.d.ts +6 -1
- package/dist/components/Carousel/CarouselScrollButtons.d.ts +13 -0
- package/dist/components/Carousel/CarouselScrollButtons.js +35 -0
- package/dist/components/Carousel/CarouselScrollButtons.js.map +1 -0
- package/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCard.d.ts +9 -0
- package/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js +46 -0
- package/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js.map +1 -0
- package/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.d.ts +9 -0
- package/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.js +2 -0
- package/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.js.map +1 -0
- package/dist/components/CarouselCard/CarouselCard.js +1 -1
- package/dist/components/CarouselCard/CarouselCard.js.map +1 -1
- package/dist/components/CarouselCatalogCard/CarouselCatalogCard.js +1 -1
- package/dist/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -1
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -1
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCardContent.d.ts +0 -1
- package/dist/components/Footer/MediaButton.d.ts +2 -2
- package/dist/components/Footer/SocialMedia.d.ts +2 -2
- package/dist/components/Footer/SocialMedia.js +2 -1
- package/dist/components/Footer/SocialMedia.js.map +1 -1
- package/dist/hooks/useLink.d.ts +1 -1
- package/dist/hooks/useLink.js +2 -2
- package/dist/hooks/useLink.js.map +1 -1
- package/dist/services/sitemap/findActiveSubItem.js +2 -2
- package/dist/services/sitemap/findActiveSubItem.js.map +1 -1
- package/dist/services/sitemap/isHrefActive.d.ts +2 -1
- package/dist/services/sitemap/isHrefActive.js +1 -2
- package/dist/services/sitemap/isHrefActive.js.map +1 -1
- package/dist/services/sitemap/isTopItemActive.d.ts +2 -3
- package/dist/services/sitemap/isTopItemActive.js +1 -2
- package/dist/services/sitemap/isTopItemActive.js.map +1 -1
- package/dist/ui-kit/TopItem/TopItem.js +1 -1
- package/dist/ui-kit/TopItem/TopItem.js.map +1 -1
- package/dist/utils/url.js +1 -7
- package/dist/utils/url.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/Blocks.js +2 -0
- package/lib/components/Blocks.js.map +1 -1
- package/lib/components/Carousel/Carousel.fixture.d.ts +1 -0
- package/lib/components/Carousel/Carousel.js +28 -7
- package/lib/components/Carousel/Carousel.js.map +1 -1
- package/lib/components/Carousel/CarouselContent.d.ts +6 -1
- package/lib/components/Carousel/CarouselScrollButtons.d.ts +13 -0
- package/lib/components/Carousel/CarouselScrollButtons.js +33 -0
- package/lib/components/Carousel/CarouselScrollButtons.js.map +1 -0
- package/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.d.ts +9 -0
- package/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.fixture.d.ts +15 -0
- package/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js +44 -0
- package/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js.map +1 -0
- package/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.d.ts +9 -0
- package/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.js +2 -0
- package/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.js.map +1 -0
- package/lib/components/CarouselCard/CarouselCard.js +1 -1
- package/lib/components/CarouselCard/CarouselCard.js.map +1 -1
- package/lib/components/CarouselCatalogCard/CarouselCatalogCard.js +1 -1
- package/lib/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -1
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -1
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCardContent.d.ts +0 -1
- package/lib/components/Footer/MediaButton.d.ts +2 -2
- package/lib/components/Footer/SocialMedia.d.ts +2 -2
- package/lib/components/Footer/SocialMedia.js +2 -1
- package/lib/components/Footer/SocialMedia.js.map +1 -1
- package/lib/hooks/useLink.d.ts +1 -1
- package/lib/hooks/useLink.js +2 -2
- package/lib/hooks/useLink.js.map +1 -1
- package/lib/services/sitemap/findActiveSubItem.js +2 -2
- package/lib/services/sitemap/findActiveSubItem.js.map +1 -1
- package/lib/services/sitemap/isHrefActive.d.ts +2 -1
- package/lib/services/sitemap/isHrefActive.js +2 -3
- package/lib/services/sitemap/isHrefActive.js.map +1 -1
- package/lib/services/sitemap/isTopItemActive.d.ts +2 -3
- package/lib/services/sitemap/isTopItemActive.js +1 -2
- package/lib/services/sitemap/isTopItemActive.js.map +1 -1
- package/lib/ui-kit/TopItem/TopItem.js +1 -1
- package/lib/ui-kit/TopItem/TopItem.js.map +1 -1
- package/lib/utils/url.js +1 -7
- package/lib/utils/url.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +8 -19
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/Carousel/CarouselContent.d.ts +6 -1
- package/mobile/bundle/components/Carousel/CarouselScrollButtons.d.ts +13 -0
- package/mobile/bundle/components/CarouselBankHistoryCard/CarouselBankHistoryCard.d.ts +9 -0
- package/mobile/bundle/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.d.ts +9 -0
- package/mobile/bundle/components/CarouselRecommendationCard/CarouselRecommendationCardContent.d.ts +0 -1
- package/mobile/bundle/components/Footer/MediaButton.d.ts +2 -2
- package/mobile/bundle/hooks/useLink.d.ts +1 -1
- package/mobile/bundle/services/sitemap/isHrefActive.d.ts +2 -1
- package/mobile/bundle/services/sitemap/isTopItemActive.d.ts +2 -3
- package/mobile/dist/components/Carousel/Carousel.js +27 -6
- package/mobile/dist/components/Carousel/Carousel.js.map +1 -1
- package/mobile/dist/components/Carousel/CarouselContent.d.ts +6 -1
- package/mobile/dist/components/Carousel/CarouselScrollButtons.d.ts +13 -0
- package/mobile/dist/components/Carousel/CarouselScrollButtons.js +35 -0
- package/mobile/dist/components/Carousel/CarouselScrollButtons.js.map +1 -0
- package/mobile/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCard.d.ts +9 -0
- package/mobile/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js +46 -0
- package/mobile/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js.map +1 -0
- package/mobile/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.d.ts +9 -0
- package/mobile/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.js +2 -0
- package/mobile/dist/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.js.map +1 -0
- package/mobile/dist/components/CarouselCard/CarouselCard.js +1 -1
- package/mobile/dist/components/CarouselCard/CarouselCard.js.map +1 -1
- package/mobile/dist/components/CarouselCatalogCard/CarouselCatalogCard.js +1 -1
- package/mobile/dist/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -1
- package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -1
- package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCardContent.d.ts +0 -1
- package/mobile/dist/components/Footer/MediaButton.d.ts +2 -2
- package/mobile/dist/hooks/useLink.d.ts +1 -1
- package/mobile/dist/hooks/useLink.js +2 -2
- package/mobile/dist/hooks/useLink.js.map +1 -1
- package/mobile/dist/services/sitemap/findActiveSubItem.js +2 -2
- package/mobile/dist/services/sitemap/findActiveSubItem.js.map +1 -1
- package/mobile/dist/services/sitemap/isHrefActive.d.ts +2 -1
- package/mobile/dist/services/sitemap/isHrefActive.js +1 -2
- package/mobile/dist/services/sitemap/isHrefActive.js.map +1 -1
- package/mobile/dist/services/sitemap/isTopItemActive.d.ts +2 -3
- package/mobile/dist/services/sitemap/isTopItemActive.js +1 -2
- package/mobile/dist/services/sitemap/isTopItemActive.js.map +1 -1
- package/mobile/dist/ui-kit/TopItem/TopItem.js +1 -1
- package/mobile/dist/ui-kit/TopItem/TopItem.js.map +1 -1
- package/mobile/dist/utils/url.js +1 -7
- package/mobile/dist/utils/url.js.map +1 -1
- package/mobile/lib/components/Carousel/Carousel.js +28 -7
- package/mobile/lib/components/Carousel/Carousel.js.map +1 -1
- package/mobile/lib/components/Carousel/CarouselContent.d.ts +6 -1
- package/mobile/lib/components/Carousel/CarouselScrollButtons.d.ts +13 -0
- package/mobile/lib/components/Carousel/CarouselScrollButtons.js +33 -0
- package/mobile/lib/components/Carousel/CarouselScrollButtons.js.map +1 -0
- package/mobile/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.d.ts +9 -0
- package/mobile/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js +44 -0
- package/mobile/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCard.js.map +1 -0
- package/mobile/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.d.ts +9 -0
- package/mobile/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.js +2 -0
- package/mobile/lib/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.js.map +1 -0
- package/mobile/lib/components/CarouselCard/CarouselCard.js +1 -1
- package/mobile/lib/components/CarouselCard/CarouselCard.js.map +1 -1
- package/mobile/lib/components/CarouselCatalogCard/CarouselCatalogCard.js +1 -1
- package/mobile/lib/components/CarouselCatalogCard/CarouselCatalogCard.js.map +1 -1
- package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -1
- package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCardContent.d.ts +0 -1
- package/mobile/lib/components/Footer/MediaButton.d.ts +2 -2
- package/mobile/lib/hooks/useLink.d.ts +1 -1
- package/mobile/lib/hooks/useLink.js +2 -2
- package/mobile/lib/hooks/useLink.js.map +1 -1
- package/mobile/lib/services/sitemap/findActiveSubItem.js +2 -2
- package/mobile/lib/services/sitemap/findActiveSubItem.js.map +1 -1
- package/mobile/lib/services/sitemap/isHrefActive.d.ts +2 -1
- package/mobile/lib/services/sitemap/isHrefActive.js +2 -3
- package/mobile/lib/services/sitemap/isHrefActive.js.map +1 -1
- package/mobile/lib/services/sitemap/isTopItemActive.d.ts +2 -3
- package/mobile/lib/services/sitemap/isTopItemActive.js +1 -2
- package/mobile/lib/services/sitemap/isTopItemActive.js.map +1 -1
- package/mobile/lib/ui-kit/TopItem/TopItem.js +1 -1
- package/mobile/lib/ui-kit/TopItem/TopItem.js.map +1 -1
- package/mobile/lib/utils/url.js +1 -7
- package/mobile/lib/utils/url.js.map +1 -1
- package/mobile/src/common.css +17 -0
- package/mobile/src/components/Carousel/Carousel.tsx +43 -32
- package/mobile/src/components/Carousel/CarouselContent.ts +6 -1
- package/mobile/src/components/Carousel/CarouselScrollButtons.tsx +81 -0
- package/mobile/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.example.json +4 -0
- package/mobile/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.tsx +85 -0
- package/mobile/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.ui.json +1 -0
- package/mobile/src/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.ts +9 -0
- package/mobile/src/components/CarouselCard/CarouselCard.tsx +2 -2
- package/mobile/src/components/CarouselCatalogCard/CarouselCatalogCard.tsx +1 -1
- package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +1 -1
- package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.ui.json +10 -9
- package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCardContent.ts +0 -1
- package/mobile/src/components/Footer/MediaButton.tsx +2 -2
- package/mobile/src/hooks/useLink.ts +4 -4
- package/mobile/src/services/sitemap/findActiveSubItem.ts +2 -2
- package/mobile/src/services/sitemap/isHrefActive.ts +6 -6
- package/mobile/src/services/sitemap/isTopItemActive.ts +3 -3
- package/mobile/src/ui-kit/TopItem/TopItem.tsx +1 -1
- package/mobile/src/utils/url.ts +1 -9
- package/package.json +3 -3
- package/src/common.css +17 -0
- package/src/components/Blocks.ts +2 -0
- package/src/components/Carousel/Carousel.fixture.tsx +20 -0
- package/src/components/Carousel/Carousel.tsx +43 -32
- package/src/components/Carousel/CarouselContent.ts +6 -1
- package/src/components/Carousel/CarouselScrollButtons.tsx +81 -0
- package/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.example.json +4 -0
- package/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.fixture.tsx +19 -0
- package/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.tsx +85 -0
- package/src/components/CarouselBankHistoryCard/CarouselBankHistoryCard.ui.json +1 -0
- package/src/components/CarouselBankHistoryCard/CarouselBankHistoryCardContent.ts +9 -0
- package/src/components/CarouselCard/CarouselCard.tsx +2 -2
- package/src/components/CarouselCatalogCard/CarouselCatalogCard.tsx +1 -1
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +1 -1
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.ui.json +10 -9
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCardContent.ts +0 -1
- package/src/components/Footer/MediaButton.tsx +2 -2
- package/src/components/Footer/SocialMedia.tsx +6 -3
- package/src/hooks/useLink.ts +4 -4
- package/src/services/sitemap/findActiveSubItem.ts +2 -2
- package/src/services/sitemap/isHrefActive.ts +6 -6
- package/src/services/sitemap/isTopItemActive.ts +3 -3
- package/src/ui-kit/TopItem/TopItem.tsx +1 -1
- package/src/utils/url.ts +1 -9
- package/tailwind.config.cjs +2 -0
- package/bundle/services/sitemap/isSubItemActive.d.ts +0 -4
- package/bundle/utils/adjustHref.d.ts +0 -1
- package/dist/services/sitemap/isSubItemActive.d.ts +0 -4
- package/dist/services/sitemap/isSubItemActive.js +0 -6
- package/dist/services/sitemap/isSubItemActive.js.map +0 -1
- package/dist/utils/adjustHref.d.ts +0 -1
- package/dist/utils/adjustHref.js +0 -9
- package/dist/utils/adjustHref.js.map +0 -1
- package/lib/services/sitemap/isSubItemActive.d.ts +0 -4
- package/lib/services/sitemap/isSubItemActive.js +0 -3
- package/lib/services/sitemap/isSubItemActive.js.map +0 -1
- package/lib/utils/adjustHref.d.ts +0 -1
- package/lib/utils/adjustHref.js +0 -6
- package/lib/utils/adjustHref.js.map +0 -1
- package/mobile/bundle/services/sitemap/isSubItemActive.d.ts +0 -4
- package/mobile/bundle/utils/adjustHref.d.ts +0 -1
- package/mobile/dist/services/sitemap/isSubItemActive.d.ts +0 -4
- package/mobile/dist/services/sitemap/isSubItemActive.js +0 -6
- package/mobile/dist/services/sitemap/isSubItemActive.js.map +0 -1
- package/mobile/dist/utils/adjustHref.d.ts +0 -1
- package/mobile/dist/utils/adjustHref.js +0 -9
- package/mobile/dist/utils/adjustHref.js.map +0 -1
- package/mobile/lib/services/sitemap/isSubItemActive.d.ts +0 -4
- package/mobile/lib/services/sitemap/isSubItemActive.js +0 -3
- package/mobile/lib/services/sitemap/isSubItemActive.js.map +0 -1
- package/mobile/lib/utils/adjustHref.d.ts +0 -1
- package/mobile/lib/utils/adjustHref.js +0 -6
- package/mobile/lib/utils/adjustHref.js.map +0 -1
- package/mobile/src/services/sitemap/isSubItemActive.ts +0 -7
- package/mobile/src/utils/adjustHref.ts +0 -7
- package/src/services/sitemap/isSubItemActive.ts +0 -7
- package/src/utils/adjustHref.ts +0 -7
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
|
|
2
3
|
import { renderChildren } from '../../BlockRenderer/renderChildren';
|
|
4
|
+
import { BlockDef } from '../../model/ContentPageDef';
|
|
3
5
|
import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
|
|
4
6
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
5
|
-
import { ScrollLeftButton, ScrollRightButton } from '../../ui-kit/Button/ArrowButton';
|
|
6
7
|
import { SwipeListContainer } from '../../ui-kit/SwipeListControl/SwipeListContainer';
|
|
7
|
-
import {
|
|
8
|
-
SwipeListScroll,
|
|
9
|
-
useSwipeListScroll,
|
|
10
|
-
} from '../../ui-kit/SwipeListControl/useSwipeListScroll';
|
|
11
|
-
import type { CarouselContent } from './CarouselContent';
|
|
8
|
+
import { useSwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
|
|
12
9
|
import { style } from '../../utils/style';
|
|
10
|
+
import type { CarouselContent } from './CarouselContent';
|
|
11
|
+
import { CarouselScrollButtons } from './CarouselScrollButtons';
|
|
13
12
|
|
|
14
13
|
export interface CarouselProps extends CarouselContent, UniBlockProps {
|
|
15
14
|
itemCount?: number;
|
|
@@ -17,9 +16,6 @@ export interface CarouselProps extends CarouselContent, UniBlockProps {
|
|
|
17
16
|
|
|
18
17
|
const ITEMS_GAP = 4;
|
|
19
18
|
|
|
20
|
-
const blurBaseStyle = 'absolute top-0 bottom-0 z-50 w-[84px] pointer-events-none';
|
|
21
|
-
const scrollButtonStyle = 'absolute top-[calc(50%-12px)] z-50';
|
|
22
|
-
|
|
23
19
|
export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
|
|
24
20
|
({
|
|
25
21
|
className = '',
|
|
@@ -27,17 +23,25 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
|
|
|
27
23
|
visibleItemCount,
|
|
28
24
|
isBlur = true,
|
|
29
25
|
isCyclic = false,
|
|
26
|
+
arrowsPadded = true,
|
|
30
27
|
isPadding = true,
|
|
31
28
|
...rest
|
|
32
29
|
}) => {
|
|
33
30
|
const { blocks: childBlocks } = rest.block || {};
|
|
34
31
|
const count = itemCount || childBlocks?.length || 0;
|
|
35
32
|
|
|
33
|
+
const [activeIndex, setActiveIndex] = useState<number>(Math.floor((visibleItemCount || 0) / 2));
|
|
34
|
+
|
|
35
|
+
const increaseActiveIndex = useCallback(() => setActiveIndex((_) => _ + 1), []);
|
|
36
|
+
const decreaseActiveIndex = useCallback(() => setActiveIndex((_) => _ - 1), []);
|
|
37
|
+
|
|
36
38
|
const [containerRef, scroll] = useSwipeListScroll<HTMLDivElement>({
|
|
37
39
|
itemCount: count,
|
|
38
40
|
isCyclic,
|
|
39
41
|
});
|
|
40
42
|
|
|
43
|
+
const isBankHistoryCarousel = childBlocks && childBlocks[0].type === 'CarouselBankHistoryCard';
|
|
44
|
+
|
|
41
45
|
return (
|
|
42
46
|
<BlockWrapper className={style(getPaddingStyle(isPadding), className)} {...rest}>
|
|
43
47
|
<div className="relative max-w-full">
|
|
@@ -48,15 +52,21 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
|
|
|
48
52
|
gap={ITEMS_GAP}
|
|
49
53
|
onVisibleIndicesChange={scroll.handleVisibleIndicesChange}
|
|
50
54
|
>
|
|
51
|
-
{renderChildren(
|
|
55
|
+
{renderChildren({
|
|
56
|
+
...rest,
|
|
57
|
+
block: { ...rest.block, blocks: buildBlocks(childBlocks, activeIndex) },
|
|
58
|
+
})}
|
|
52
59
|
</SwipeListContainer>
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
+
<CarouselScrollButtons
|
|
61
|
+
scroll={scroll}
|
|
62
|
+
isBlur={isBlur}
|
|
63
|
+
arrowsPadded={arrowsPadded}
|
|
64
|
+
onScrollLeft={decreaseActiveIndex}
|
|
65
|
+
onScrollRight={increaseActiveIndex}
|
|
66
|
+
hasEdgeBlocks={isBankHistoryCarousel}
|
|
67
|
+
activeIndex={activeIndex}
|
|
68
|
+
itemCount={count}
|
|
69
|
+
/>
|
|
60
70
|
</div>
|
|
61
71
|
</BlockWrapper>
|
|
62
72
|
);
|
|
@@ -65,6 +75,7 @@ export const Carousel: JSXBlock<CarouselProps> = JSX<CarouselProps>(
|
|
|
65
75
|
|
|
66
76
|
Carousel.childrenTypes = [
|
|
67
77
|
'CarouselCard',
|
|
78
|
+
'CarouselBankHistoryCard',
|
|
68
79
|
'CarouselCatalogCard',
|
|
69
80
|
'CarouselInvestmentCard',
|
|
70
81
|
'CarouselProductCard',
|
|
@@ -74,20 +85,20 @@ Carousel.childrenTypes = [
|
|
|
74
85
|
'CarouselInvestmentCard',
|
|
75
86
|
];
|
|
76
87
|
|
|
77
|
-
const
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
88
|
+
const buildBlocks = (blocks?: BlockDef[], activeIndex?: number) => {
|
|
89
|
+
return blocks && blocks[0].type === 'CarouselBankHistoryCard'
|
|
90
|
+
? blocks.map((_, i) => {
|
|
91
|
+
return {
|
|
92
|
+
..._,
|
|
93
|
+
content: {
|
|
94
|
+
..._.content,
|
|
95
|
+
orderNumber: i,
|
|
96
|
+
isActive: activeIndex === i,
|
|
97
|
+
blocksLength: blocks.length,
|
|
98
|
+
},
|
|
99
|
+
};
|
|
100
|
+
})
|
|
101
|
+
: blocks;
|
|
102
|
+
};
|
|
92
103
|
|
|
93
104
|
const getPaddingStyle = (isPadding: boolean): string => (isPadding ? 'p-12' : '');
|
|
@@ -7,8 +7,13 @@ export interface CarouselContent {
|
|
|
7
7
|
* @enumNames ["auto", "1", "2", "3"]
|
|
8
8
|
*/
|
|
9
9
|
visibleItemCount?: 0 | 1 | 2 | 3 | 4;
|
|
10
|
-
/** @title Добавление блюра
|
|
10
|
+
/** @title Добавление блюра на стрелках*/
|
|
11
11
|
isBlur?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* @title Добавление отступа на стрелках
|
|
14
|
+
* @default true
|
|
15
|
+
* */
|
|
16
|
+
arrowsPadded?: boolean;
|
|
12
17
|
/** @title Цикличность */
|
|
13
18
|
isCyclic?: boolean;
|
|
14
19
|
/** @title Внутренний отступ */
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
|
+
import { ScrollLeftButton, ScrollRightButton } from '../../ui-kit/Button/ArrowButton';
|
|
4
|
+
import { SwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
|
|
5
|
+
import { style } from '../../utils/style';
|
|
6
|
+
|
|
7
|
+
interface CarouselScrollButtonsProps {
|
|
8
|
+
scroll: SwipeListScroll;
|
|
9
|
+
arrowsPadded: boolean;
|
|
10
|
+
isBlur: boolean;
|
|
11
|
+
onScrollLeft: () => void;
|
|
12
|
+
onScrollRight: () => void;
|
|
13
|
+
hasEdgeBlocks?: boolean;
|
|
14
|
+
activeIndex: number;
|
|
15
|
+
itemCount: number;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
const scrollButtonStyle = 'absolute top-[calc(50%-24px)] z-50';
|
|
19
|
+
const blurBaseStyle = 'absolute top-0 bottom-0 z-50 w-[84px] pointer-events-none';
|
|
20
|
+
|
|
21
|
+
export const CarouselScrollButtons = JSX<CarouselScrollButtonsProps>(
|
|
22
|
+
({
|
|
23
|
+
scroll,
|
|
24
|
+
arrowsPadded,
|
|
25
|
+
isBlur,
|
|
26
|
+
onScrollLeft,
|
|
27
|
+
onScrollRight,
|
|
28
|
+
hasEdgeBlocks,
|
|
29
|
+
activeIndex,
|
|
30
|
+
itemCount,
|
|
31
|
+
}) => {
|
|
32
|
+
const { canScrollLeft, canScrollRight, scrollLeft, scrollRight } = scroll;
|
|
33
|
+
|
|
34
|
+
const canMoveLeft = hasEdgeBlocks ? activeIndex > 0 : canScrollLeft;
|
|
35
|
+
const canMoveRight = hasEdgeBlocks ? activeIndex < itemCount - 1 : canScrollRight;
|
|
36
|
+
|
|
37
|
+
const handleScrollLeft = useCallback(() => {
|
|
38
|
+
if (!hasEdgeBlocks) {
|
|
39
|
+
scrollLeft();
|
|
40
|
+
} else {
|
|
41
|
+
canScrollLeft && activeIndex !== itemCount - 1 && scrollLeft();
|
|
42
|
+
onScrollLeft();
|
|
43
|
+
}
|
|
44
|
+
}, [scrollLeft, onScrollLeft, hasEdgeBlocks, canScrollLeft, activeIndex, itemCount]);
|
|
45
|
+
|
|
46
|
+
const handleScrollRight = useCallback(() => {
|
|
47
|
+
if (!hasEdgeBlocks) {
|
|
48
|
+
scrollRight();
|
|
49
|
+
} else {
|
|
50
|
+
canScrollRight && activeIndex !== 0 && scrollRight();
|
|
51
|
+
onScrollRight();
|
|
52
|
+
}
|
|
53
|
+
}, [scrollRight, onScrollRight, hasEdgeBlocks, canScrollLeft, activeIndex, itemCount]);
|
|
54
|
+
|
|
55
|
+
return (
|
|
56
|
+
<div>
|
|
57
|
+
{renderBlur(isBlur, scroll)}
|
|
58
|
+
{canMoveLeft ? (
|
|
59
|
+
<ScrollLeftButton
|
|
60
|
+
className={style(scrollButtonStyle, arrowsPadded ? 'left-8' : 'left-0')}
|
|
61
|
+
onClick={handleScrollLeft}
|
|
62
|
+
/>
|
|
63
|
+
) : null}
|
|
64
|
+
{canMoveRight ? (
|
|
65
|
+
<ScrollRightButton
|
|
66
|
+
className={style(scrollButtonStyle, arrowsPadded ? 'right-8' : 'right-0')}
|
|
67
|
+
onClick={handleScrollRight}
|
|
68
|
+
/>
|
|
69
|
+
) : null}
|
|
70
|
+
</div>
|
|
71
|
+
);
|
|
72
|
+
},
|
|
73
|
+
);
|
|
74
|
+
|
|
75
|
+
const renderBlur = (isBlur: boolean, scroll: SwipeListScroll) =>
|
|
76
|
+
(scroll.canScrollLeft || scroll.canScrollRight) && isBlur ? (
|
|
77
|
+
<div>
|
|
78
|
+
<div className={style(blurBaseStyle, 'left-0 bg-opacity-from-white')} />
|
|
79
|
+
<div className={style(blurBaseStyle, 'right-0 bg-opacity-to-white')} />
|
|
80
|
+
</div>
|
|
81
|
+
) : null;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { CarouselBankHistoryCard } from './CarouselBankHistoryCard';
|
|
2
|
+
|
|
3
|
+
export const BANK_HISTORY_CARD = {
|
|
4
|
+
title: '1796г.',
|
|
5
|
+
description:
|
|
6
|
+
"Россельхозбанк стал одним из ключевых участников Приоритетного национального проекта 'Развитие АПК' основной целью которого было развитие агропромышленного сектора российской экономики и обеспечение продовольственной безопасности страны.",
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export const ACTIVE_BANK_HISTORY_CARD = {
|
|
10
|
+
title: '1796г.',
|
|
11
|
+
description:
|
|
12
|
+
"Россельхозбанк стал одним из ключевых участников Приоритетного национального проекта 'Развитие АПК' основной целью которого было развитие агропромышленного сектора российской экономики и обеспечение продовольственной безопасности страны.",
|
|
13
|
+
isActive: true,
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export default {
|
|
17
|
+
default: <CarouselBankHistoryCard {...BANK_HISTORY_CARD} />,
|
|
18
|
+
active: <CarouselBankHistoryCard {...ACTIVE_BANK_HISTORY_CARD} />,
|
|
19
|
+
};
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import type { UniBlockProps } from '../../model/JSXBlock';
|
|
3
|
+
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
4
|
+
import { style } from '../../utils/style';
|
|
5
|
+
import { Headline } from '../Headline/Headline';
|
|
6
|
+
import type { CarouselBankHistoryCardContent } from './CarouselBankHistoryCardContent';
|
|
7
|
+
|
|
8
|
+
interface CarouselBankHistoryCardProps extends CarouselBankHistoryCardContent, UniBlockProps {
|
|
9
|
+
isActive?: boolean;
|
|
10
|
+
orderNumber?: number;
|
|
11
|
+
blocksLength?: number;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export const CarouselBankHistoryCard = JSX<CarouselBankHistoryCardProps>(
|
|
15
|
+
({ title, description, isActive, orderNumber = 0, blocksLength = 0 }) => {
|
|
16
|
+
return (
|
|
17
|
+
<BlockWrapper className="flex h-[485px]">
|
|
18
|
+
{isActive ? (
|
|
19
|
+
<div className="relative flex items-center w-full">
|
|
20
|
+
<Headline
|
|
21
|
+
headlineVersion="S"
|
|
22
|
+
title={title}
|
|
23
|
+
description={description}
|
|
24
|
+
align="text-left"
|
|
25
|
+
className={style(
|
|
26
|
+
'absolute z-10 h-[385px] w-[440px] text-white shadow-dark-blue',
|
|
27
|
+
getActiveBlockPosition(orderNumber, blocksLength),
|
|
28
|
+
getBackgroundColor(orderNumber),
|
|
29
|
+
)}
|
|
30
|
+
/>
|
|
31
|
+
</div>
|
|
32
|
+
) : (
|
|
33
|
+
<div className="flex w-full items-center justify-center">
|
|
34
|
+
<div
|
|
35
|
+
className={style(
|
|
36
|
+
'flex justify-center items-center h-[300px] w-[340px] font-mohave text-title-large tracking-[-0.03em]',
|
|
37
|
+
getBackgroundColor(orderNumber),
|
|
38
|
+
)}
|
|
39
|
+
>
|
|
40
|
+
<span className={getTextColor(orderNumber)}>{title}</span>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
)}
|
|
44
|
+
</BlockWrapper>
|
|
45
|
+
);
|
|
46
|
+
},
|
|
47
|
+
);
|
|
48
|
+
|
|
49
|
+
const getBackgroundColor = (orderNumber: number) => {
|
|
50
|
+
const division = orderNumber % 3;
|
|
51
|
+
switch (division) {
|
|
52
|
+
case 0:
|
|
53
|
+
return 'bg-primary-main';
|
|
54
|
+
case 1:
|
|
55
|
+
return 'bg-green-light';
|
|
56
|
+
case 2:
|
|
57
|
+
return 'bg-yellow-light';
|
|
58
|
+
|
|
59
|
+
default:
|
|
60
|
+
return 'bg-primary-main';
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
const getTextColor = (orderNumber: number) => {
|
|
65
|
+
const division = orderNumber % 3;
|
|
66
|
+
switch (division) {
|
|
67
|
+
case 1:
|
|
68
|
+
return 'gradient-color-text-on-yellow';
|
|
69
|
+
case 2:
|
|
70
|
+
return 'gradient-color-text-on-yellow';
|
|
71
|
+
|
|
72
|
+
default:
|
|
73
|
+
return 'gradient-color-text-on-green';
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
const getActiveBlockPosition = (orderNumber: number, blocksLength: number) => {
|
|
78
|
+
if (orderNumber === 0) {
|
|
79
|
+
return 'left-9';
|
|
80
|
+
} else if (orderNumber === blocksLength - 1) {
|
|
81
|
+
return 'right-9';
|
|
82
|
+
} else {
|
|
83
|
+
return '-left-[25px]';
|
|
84
|
+
}
|
|
85
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{}
|
|
@@ -17,13 +17,13 @@ const CARD_WIDTH_MAP: Record<CarouselCardVersion, string> = {
|
|
|
17
17
|
export const CarouselCard = JSX<CarouselCardProps>(
|
|
18
18
|
({ className = '', button, description, title, carouselVersion = 'normal' }) => (
|
|
19
19
|
<section
|
|
20
|
-
className={`flex pb-9 pl-12 border-box ${CARD_WIDTH_MAP[carouselVersion]} ${className}`}
|
|
20
|
+
className={`flex pb-9 pl-12 border-box h-full ${CARD_WIDTH_MAP[carouselVersion]} ${className}`}
|
|
21
21
|
>
|
|
22
22
|
<div className="relative w-full">
|
|
23
23
|
<div className={`${BLOCK_CLASSES} z-10 top-9 right-12 bg-green-dark`} />
|
|
24
24
|
<div className={`${BLOCK_CLASSES} z-10 top-6 right-8 bg-green`} />
|
|
25
25
|
<div className={`${BLOCK_CLASSES} z-10 top-3 right-4 bg-green-light`} />
|
|
26
|
-
<div className="relative bg-white z-10 p-10 border border-solid border-green-light">
|
|
26
|
+
<div className="relative h-full bg-white z-10 p-10 border border-solid border-green-light">
|
|
27
27
|
<Headline
|
|
28
28
|
className="!p-0"
|
|
29
29
|
title={title}
|
|
@@ -19,7 +19,7 @@ const cardStyleMap: Record<ProductColorVersion, string> = {
|
|
|
19
19
|
export const CarouselCatalogCard = JSX<CarouselCatalogCardProps>(
|
|
20
20
|
({ className = '', title, description, image, price, button, colors, ...rest }) => (
|
|
21
21
|
<BlockWrapper
|
|
22
|
-
className={`border box-border border-gray p-7 min-w-[392px] flex flex-col justify-left ${className}`}
|
|
22
|
+
className={`border box-border border-gray p-7 min-w-[392px] h-full flex flex-col justify-left ${className}`}
|
|
23
23
|
{...rest}
|
|
24
24
|
>
|
|
25
25
|
{image?.src ? <Img className="mb-5 flex justify-center" image={image} /> : null}
|
|
@@ -36,7 +36,7 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
|
|
|
36
36
|
return (
|
|
37
37
|
<BlockWrapper
|
|
38
38
|
className={style(
|
|
39
|
-
'relative p-7 min-w-[524px] text-left box-border group-data-gray:bg-main-divider/50',
|
|
39
|
+
'relative p-7 min-w-[524px] h-full text-left box-border group-data-gray:bg-main-divider/50',
|
|
40
40
|
BORDER_STYLE,
|
|
41
41
|
className,
|
|
42
42
|
)}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"content": {
|
|
3
|
-
"
|
|
4
|
-
"
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
"image": {
|
|
4
|
+
"ui:field": "picture"
|
|
5
|
+
},
|
|
6
|
+
"socialMedia": {
|
|
7
|
+
"items": {
|
|
8
|
+
"icon": {
|
|
9
|
+
"ui:field": "icon"
|
|
10
|
+
},
|
|
11
|
+
"iconRight": {
|
|
12
|
+
"ui:field": "icon"
|
|
12
13
|
}
|
|
13
14
|
}
|
|
14
15
|
}
|
|
@@ -5,7 +5,7 @@ import { style } from '../../utils/style';
|
|
|
5
5
|
import type { Picture } from '../../model/Picture';
|
|
6
6
|
import type { IconVersion } from '../../model/IconVersion';
|
|
7
7
|
import { Button } from '../../ui-kit/Button/Button';
|
|
8
|
-
import type {
|
|
8
|
+
import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
|
|
9
9
|
|
|
10
10
|
const ICONS_MAP: Array<{
|
|
11
11
|
origins: string[];
|
|
@@ -46,7 +46,7 @@ const ICONS_MAP: Array<{
|
|
|
46
46
|
|
|
47
47
|
export type ButtonSize = 'default' | 'small';
|
|
48
48
|
|
|
49
|
-
interface MediaButtonProps extends
|
|
49
|
+
interface MediaButtonProps extends ButtonWithIconProps {
|
|
50
50
|
iconVersion?: IconVersion;
|
|
51
51
|
buttonSize?: ButtonSize;
|
|
52
52
|
}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
-
import type {
|
|
2
|
+
import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
|
|
3
3
|
import { MediaButton, type ButtonSize } from './MediaButton';
|
|
4
|
+
import { Text } from '../../ui-kit/Text/Text';
|
|
4
5
|
|
|
5
6
|
export interface SocialMediaProps {
|
|
6
7
|
className?: string;
|
|
7
|
-
media?:
|
|
8
|
+
media?: ButtonWithIconProps[];
|
|
8
9
|
buttonSize?: ButtonSize;
|
|
9
10
|
}
|
|
10
11
|
|
|
@@ -16,7 +17,9 @@ export const SocialMedia = JSX<SocialMediaProps>(
|
|
|
16
17
|
<MediaButton key={String(index)} buttonSize={buttonSize} version={_.version} {..._} />
|
|
17
18
|
))}
|
|
18
19
|
</div>
|
|
19
|
-
<
|
|
20
|
+
<Text size="text-s-light" color="text-secondary-text">
|
|
21
|
+
{children}
|
|
22
|
+
</Text>
|
|
20
23
|
</div>
|
|
21
24
|
),
|
|
22
25
|
);
|
package/src/hooks/useLink.ts
CHANGED
|
@@ -8,15 +8,15 @@ interface ClickHandler {
|
|
|
8
8
|
onClick(ev?: { preventDefault: () => void }): void;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
-
export function useLink(
|
|
12
|
-
|
|
13
|
-
) => L & ClickHandler {
|
|
11
|
+
export function useLink(
|
|
12
|
+
isRemote?: boolean,
|
|
13
|
+
): <L extends Partial<LinkProps & ClickHandler>>(props: L) => L & ClickHandler {
|
|
14
14
|
const router = useRouter();
|
|
15
15
|
const blockRouter = useBlockRouter();
|
|
16
16
|
|
|
17
17
|
const handleLocalURL =
|
|
18
18
|
(href: string | undefined, target?: Target) => (ev?: { preventDefault: () => void }) => {
|
|
19
|
-
if (!isLocalURL(href, target)) {
|
|
19
|
+
if (isRemote || !isLocalURL(href, target)) {
|
|
20
20
|
// Proceed with native handle
|
|
21
21
|
return;
|
|
22
22
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import type { Router } from '../../hooks/useRouter';
|
|
2
2
|
import type { LinkProps } from '../../model/LinkProps';
|
|
3
3
|
import { maxBy } from '../../utils/maxBy';
|
|
4
|
-
import {
|
|
4
|
+
import { isHrefActive } from './isHrefActive';
|
|
5
5
|
|
|
6
6
|
export const findActiveSubItem =
|
|
7
7
|
(router: Router) =>
|
|
8
8
|
<T extends LinkProps>(items: T[] = []): T | undefined => {
|
|
9
|
-
const possibleActiveSubItems = items?.filter(
|
|
9
|
+
const possibleActiveSubItems = items?.filter(isHrefActive(router));
|
|
10
10
|
|
|
11
11
|
return possibleActiveSubItems?.length
|
|
12
12
|
? maxBy((_: T) => _.href?.length || 0)(possibleActiveSubItems) // More specific item with max length
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import type { Router } from '../../hooks/useRouter';
|
|
2
|
+
import { isURL, withoutQuery } from '../../utils/url';
|
|
3
3
|
|
|
4
|
-
export const isHrefActive =
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
export const isHrefActive =
|
|
5
|
+
(router: Router) =>
|
|
6
|
+
({ href }: { href?: string }): boolean =>
|
|
7
|
+
withoutQuery(isURL(href) ? router.href : router.pathname).startsWith(withoutQuery(href));
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import type { Router } from '../../hooks/useRouter';
|
|
1
2
|
import { isHrefActive } from './isHrefActive';
|
|
2
|
-
import { isSubItemActive } from './isSubItemActive';
|
|
3
3
|
import { TopMenuItem } from './SitemapProps';
|
|
4
4
|
|
|
5
5
|
export const isTopItemActive =
|
|
6
|
-
(router:
|
|
6
|
+
(router: Router) =>
|
|
7
7
|
(topItem: TopMenuItem): boolean =>
|
|
8
|
-
topItem.items?.some(
|
|
8
|
+
topItem.items?.some(isHrefActive(router)) || isHrefActive(router)(topItem);
|
|
@@ -15,7 +15,7 @@ export interface TopItemProps extends TopItemContent {
|
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
export const TopItem = JSX<TopItemProps>(({ className = '', active, flat, children, ...rest }) => {
|
|
18
|
-
const link = useLink();
|
|
18
|
+
const link = useLink(true);
|
|
19
19
|
const { href, target, text, onClick } = link(rest);
|
|
20
20
|
|
|
21
21
|
return (
|
package/src/utils/url.ts
CHANGED
|
@@ -1,18 +1,10 @@
|
|
|
1
1
|
import type { Target } from '../model/LinkProps';
|
|
2
|
-
import { projectSettings } from '../ProjectSettings';
|
|
3
2
|
|
|
4
3
|
export const isURL = (href?: string): href is `${string}//${string}` =>
|
|
5
4
|
Boolean(href?.includes('//'));
|
|
6
5
|
|
|
7
6
|
export const isLocalURL = (href: string | undefined, target?: Target) =>
|
|
8
|
-
Boolean(
|
|
9
|
-
href &&
|
|
10
|
-
!isURL(href) &&
|
|
11
|
-
(projectSettings.BASE_PATH
|
|
12
|
-
? href.startsWith(projectSettings.BASE_PATH)
|
|
13
|
-
: !href.startsWith('/')) &&
|
|
14
|
-
(!target || target === '_self'),
|
|
15
|
-
);
|
|
7
|
+
Boolean(href && !isURL(href) && (!target || target === '_self'));
|
|
16
8
|
|
|
17
9
|
export const isHash = (href?: string): href is `#${string}` => Boolean(href?.startsWith('#'));
|
|
18
10
|
|
package/tailwind.config.cjs
CHANGED
|
@@ -59,6 +59,7 @@ module.exports = {
|
|
|
59
59
|
'm-title': ['1.375rem', '1.8125rem'], // 22px 29px // Временно оставлен до готовности нового мобильного дизайна
|
|
60
60
|
'm-title-xs': ['1.0625rem', '1.375rem'], // 17px 22px // Временно оставлен до готовности нового мобильного дизайна
|
|
61
61
|
|
|
62
|
+
'title-large': ['7.5rem', '10rem'], // 120px 160px
|
|
62
63
|
'title-extra': ['15.625rem', '14.687rem'], // 250px 235px
|
|
63
64
|
'title-huge': ['12.5rem', '15.625rem'], // 200px 250px
|
|
64
65
|
h0: [
|
|
@@ -237,6 +238,7 @@ module.exports = {
|
|
|
237
238
|
'green-dark': 'rgba(var(--color-green-dark), <alpha-value>)',
|
|
238
239
|
'green-more-dark': 'rgba(var(--color-green-more-dark), <alpha-value>)',
|
|
239
240
|
yellow: 'rgba(var(--color-yellow), <alpha-value>)',
|
|
241
|
+
'yellow-light': 'rgba(206, 200, 51, <alpha-value>)',
|
|
240
242
|
gray: 'rgba(var(--color-gray), <alpha-value>)',
|
|
241
243
|
error: 'rgba(242, 48, 48, <alpha-value>)',
|
|
242
244
|
},
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const adjustHref: (href: string | undefined) => string | undefined;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.isSubItemActive = void 0;
|
|
3
|
-
const isHrefActive_1 = require("./isHrefActive");
|
|
4
|
-
const isSubItemActive = (router) => (subItem) => (0, isHrefActive_1.isHrefActive)(subItem.href, router);
|
|
5
|
-
exports.isSubItemActive = isSubItemActive;
|
|
6
|
-
//# sourceMappingURL=isSubItemActive.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"isSubItemActive.js","sourceRoot":"","sources":["../../../src/services/sitemap/isSubItemActive.ts"],"names":[],"mappings":";;AACA,iDAA8C;AAEvC,MAAM,eAAe,GAC1B,CAAC,MAAyB,EAAE,EAAE,CAC9B,CAAC,OAAkB,EAAW,EAAE,CAC9B,IAAA,2BAAY,EAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAH1B,QAAA,eAAe,mBAGW"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const adjustHref: (href: string | undefined) => string | undefined;
|
package/dist/utils/adjustHref.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
-
exports.adjustHref = void 0;
|
|
3
|
-
const ProjectSettings_1 = require("../ProjectSettings");
|
|
4
|
-
const url_1 = require("./url");
|
|
5
|
-
const adjustHref = (href) => href && ProjectSettings_1.projectSettings.BASE_PATH && !((0, url_1.isURL)(href) || href.startsWith('/'))
|
|
6
|
-
? `${ProjectSettings_1.projectSettings.BASE_PATH}${href}`
|
|
7
|
-
: href;
|
|
8
|
-
exports.adjustHref = adjustHref;
|
|
9
|
-
//# sourceMappingURL=adjustHref.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"adjustHref.js","sourceRoot":"","sources":["../../src/utils/adjustHref.ts"],"names":[],"mappings":";;AAAA,wDAAqD;AACrD,+BAA8B;AAEvB,MAAM,UAAU,GAAG,CAAC,IAAwB,EAAE,EAAE,CACrD,IAAI,IAAI,iCAAe,CAAC,SAAS,IAAI,CAAC,CAAC,IAAA,WAAK,EAAC,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IACzE,CAAC,CAAC,GAAG,iCAAe,CAAC,SAAS,GAAG,IAAI,EAAE;IACvC,CAAC,CAAC,IAAI,CAAC;AAHE,QAAA,UAAU,cAGZ"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"isSubItemActive.js","sourceRoot":"","sources":["../../../src/services/sitemap/isSubItemActive.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,eAAe,GAC1B,CAAC,MAAyB,EAAE,EAAE,CAC9B,CAAC,OAAkB,EAAW,EAAE,CAC9B,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const adjustHref: (href: string | undefined) => string | undefined;
|