@redneckz/wildless-cms-uni-blocks 0.10.7 → 0.10.8
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 +59 -40
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.d.ts +5 -0
- package/bundle/components/CarouselRecommendationCard/cardStyle.d.ts +1 -0
- package/bundle/components/CarouselTariffsCard/getPaddingStyle.d.ts +1 -1
- package/bundle/components/Tabs/CenteredTabs.d.ts +7 -0
- package/bundle/components/Tabs/LinkTab.d.ts +2 -2
- package/bundle/components/Tabs/TabsContent.d.ts +3 -2
- package/bundle/components/Tabs/renderGroupTab.d.ts +2 -2
- package/bundle/components/Tabs/renderTab.d.ts +3 -3
- package/bundle/components/Tabs/tabItemClasses.d.ts +3 -2
- package/dist/components/Blocks.mobile.js +2 -0
- package/dist/components/Blocks.mobile.js.map +1 -1
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +2 -2
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.d.ts +5 -0
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.js +17 -0
- package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.js.map +1 -0
- package/dist/components/CarouselRecommendationCard/cardStyle.d.ts +1 -0
- package/dist/components/CarouselRecommendationCard/cardStyle.js +4 -0
- package/dist/components/CarouselRecommendationCard/cardStyle.js.map +1 -0
- package/dist/components/CarouselTariffsCard/getPaddingStyle.d.ts +1 -1
- package/dist/components/CarouselTariffsCard/getPaddingStyle.js +1 -1
- package/dist/components/CarouselTariffsCard/getPaddingStyle.js.map +1 -1
- package/dist/components/CarouselTariffsCard/getPaddingStyle.mobile.js +1 -1
- package/dist/components/CarouselTariffsCard/getPaddingStyle.mobile.js.map +1 -1
- package/dist/components/Footer/Footer.mobile.js +1 -1
- package/dist/components/Footer/Footer.mobile.js.map +1 -1
- package/dist/components/Footer/SocialMedia.mobile.js +1 -1
- package/dist/components/Footer/SocialMedia.mobile.js.map +1 -1
- package/dist/components/Tabs/CenteredTabs.d.ts +7 -0
- package/dist/components/Tabs/CenteredTabs.js +7 -0
- package/dist/components/Tabs/CenteredTabs.js.map +1 -0
- package/dist/components/Tabs/LinkTab.d.ts +2 -2
- package/dist/components/Tabs/LinkTab.js +2 -2
- package/dist/components/Tabs/LinkTab.js.map +1 -1
- package/dist/components/Tabs/ScrollableTabs.js +3 -9
- package/dist/components/Tabs/ScrollableTabs.js.map +1 -1
- package/dist/components/Tabs/Tabs.js +14 -7
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/Tabs/TabsContent.d.ts +3 -2
- package/dist/components/Tabs/renderGroupTab.d.ts +2 -2
- package/dist/components/Tabs/renderGroupTab.js +4 -4
- package/dist/components/Tabs/renderGroupTab.js.map +1 -1
- package/dist/components/Tabs/renderTab.d.ts +3 -3
- package/dist/components/Tabs/renderTab.js +3 -3
- package/dist/components/Tabs/renderTab.js.map +1 -1
- package/dist/components/Tabs/tabItemClasses.d.ts +3 -2
- package/dist/components/Tabs/tabItemClasses.js +26 -10
- package/dist/components/Tabs/tabItemClasses.js.map +1 -1
- package/dist/hooks/useLink.js +1 -1
- package/dist/hooks/useLink.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/Blocks.mobile.js +2 -0
- package/lib/components/Blocks.mobile.js.map +1 -1
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.fixture.mobile.d.ts +16 -0
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -1
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.d.ts +5 -0
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.js +15 -0
- package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.js.map +1 -0
- package/lib/components/CarouselRecommendationCard/cardStyle.d.ts +1 -0
- package/lib/components/CarouselRecommendationCard/cardStyle.js +2 -0
- package/lib/components/CarouselRecommendationCard/cardStyle.js.map +1 -0
- package/lib/components/CarouselTariffsCard/getPaddingStyle.d.ts +1 -1
- package/lib/components/CarouselTariffsCard/getPaddingStyle.js +1 -1
- package/lib/components/CarouselTariffsCard/getPaddingStyle.js.map +1 -1
- package/lib/components/CarouselTariffsCard/getPaddingStyle.mobile.js +1 -1
- package/lib/components/CarouselTariffsCard/getPaddingStyle.mobile.js.map +1 -1
- package/lib/components/Footer/Footer.mobile.js +1 -1
- package/lib/components/Footer/Footer.mobile.js.map +1 -1
- package/lib/components/Footer/SocialMedia.mobile.js +1 -1
- package/lib/components/Footer/SocialMedia.mobile.js.map +1 -1
- package/lib/components/Tabs/CenteredTabs.d.ts +7 -0
- package/lib/components/Tabs/CenteredTabs.js +5 -0
- package/lib/components/Tabs/CenteredTabs.js.map +1 -0
- package/lib/components/Tabs/LinkTab.d.ts +2 -2
- package/lib/components/Tabs/LinkTab.js +2 -2
- package/lib/components/Tabs/LinkTab.js.map +1 -1
- package/lib/components/Tabs/ScrollableTabs.js +3 -9
- package/lib/components/Tabs/ScrollableTabs.js.map +1 -1
- package/lib/components/Tabs/Tabs.fixture.d.ts +1 -0
- package/lib/components/Tabs/Tabs.js +14 -7
- package/lib/components/Tabs/Tabs.js.map +1 -1
- package/lib/components/Tabs/TabsContent.d.ts +3 -2
- package/lib/components/Tabs/renderGroupTab.d.ts +2 -2
- package/lib/components/Tabs/renderGroupTab.js +5 -5
- package/lib/components/Tabs/renderGroupTab.js.map +1 -1
- package/lib/components/Tabs/renderTab.d.ts +3 -3
- package/lib/components/Tabs/renderTab.js +3 -3
- package/lib/components/Tabs/renderTab.js.map +1 -1
- package/lib/components/Tabs/tabItemClasses.d.ts +3 -2
- package/lib/components/Tabs/tabItemClasses.js +26 -10
- package/lib/components/Tabs/tabItemClasses.js.map +1 -1
- package/lib/hooks/useLink.js +1 -1
- package/lib/hooks/useLink.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +143 -135
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/CarouselRecommendationCard/cardStyle.d.ts +1 -0
- package/mobile/bundle/components/Tabs/CenteredTabs.d.ts +7 -0
- package/mobile/bundle/components/Tabs/LinkTab.d.ts +2 -2
- package/mobile/bundle/components/Tabs/TabsContent.d.ts +3 -2
- package/mobile/bundle/components/Tabs/renderGroupTab.d.ts +2 -2
- package/mobile/bundle/components/Tabs/renderTab.d.ts +3 -3
- package/mobile/bundle/components/Tabs/tabItemClasses.d.ts +3 -2
- package/mobile/dist/components/Blocks.js +2 -0
- package/mobile/dist/components/Blocks.js.map +1 -1
- package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +4 -4
- package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/mobile/dist/components/CarouselRecommendationCard/cardStyle.d.ts +1 -0
- package/mobile/dist/components/CarouselRecommendationCard/cardStyle.js +4 -0
- package/mobile/dist/components/CarouselRecommendationCard/cardStyle.js.map +1 -0
- package/mobile/dist/components/CarouselTariffsCard/getPaddingStyle.js +1 -1
- package/mobile/dist/components/CarouselTariffsCard/getPaddingStyle.js.map +1 -1
- package/mobile/dist/components/Footer/Footer.js +1 -1
- package/mobile/dist/components/Footer/Footer.js.map +1 -1
- package/mobile/dist/components/Footer/SocialMedia.js +1 -1
- package/mobile/dist/components/Footer/SocialMedia.js.map +1 -1
- package/mobile/dist/components/Tabs/CenteredTabs.d.ts +7 -0
- package/mobile/dist/components/Tabs/CenteredTabs.js +7 -0
- package/mobile/dist/components/Tabs/CenteredTabs.js.map +1 -0
- package/mobile/dist/components/Tabs/LinkTab.d.ts +2 -2
- package/mobile/dist/components/Tabs/LinkTab.js +2 -2
- package/mobile/dist/components/Tabs/LinkTab.js.map +1 -1
- package/mobile/dist/components/Tabs/ScrollableTabs.js +3 -9
- package/mobile/dist/components/Tabs/ScrollableTabs.js.map +1 -1
- package/mobile/dist/components/Tabs/Tabs.js +14 -7
- package/mobile/dist/components/Tabs/Tabs.js.map +1 -1
- package/mobile/dist/components/Tabs/TabsContent.d.ts +3 -2
- package/mobile/dist/components/Tabs/renderGroupTab.d.ts +2 -2
- package/mobile/dist/components/Tabs/renderGroupTab.js +4 -4
- package/mobile/dist/components/Tabs/renderGroupTab.js.map +1 -1
- package/mobile/dist/components/Tabs/renderTab.d.ts +3 -3
- package/mobile/dist/components/Tabs/renderTab.js +3 -3
- package/mobile/dist/components/Tabs/renderTab.js.map +1 -1
- package/mobile/dist/components/Tabs/tabItemClasses.d.ts +3 -2
- package/mobile/dist/components/Tabs/tabItemClasses.js +26 -10
- package/mobile/dist/components/Tabs/tabItemClasses.js.map +1 -1
- package/mobile/dist/hooks/useLink.js +1 -1
- package/mobile/dist/hooks/useLink.js.map +1 -1
- package/mobile/lib/common.css +1 -1
- package/mobile/lib/components/Blocks.js +2 -0
- package/mobile/lib/components/Blocks.js.map +1 -1
- package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +4 -4
- package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
- package/mobile/lib/components/CarouselRecommendationCard/cardStyle.d.ts +1 -0
- package/mobile/lib/components/CarouselRecommendationCard/cardStyle.js +2 -0
- package/mobile/lib/components/CarouselRecommendationCard/cardStyle.js.map +1 -0
- package/mobile/lib/components/CarouselTariffsCard/getPaddingStyle.js +1 -1
- package/mobile/lib/components/CarouselTariffsCard/getPaddingStyle.js.map +1 -1
- package/mobile/lib/components/Footer/Footer.js +1 -1
- package/mobile/lib/components/Footer/Footer.js.map +1 -1
- package/mobile/lib/components/Footer/SocialMedia.js +1 -1
- package/mobile/lib/components/Footer/SocialMedia.js.map +1 -1
- package/mobile/lib/components/Tabs/CenteredTabs.d.ts +7 -0
- package/mobile/lib/components/Tabs/CenteredTabs.js +5 -0
- package/mobile/lib/components/Tabs/CenteredTabs.js.map +1 -0
- package/mobile/lib/components/Tabs/LinkTab.d.ts +2 -2
- package/mobile/lib/components/Tabs/LinkTab.js +2 -2
- package/mobile/lib/components/Tabs/LinkTab.js.map +1 -1
- package/mobile/lib/components/Tabs/ScrollableTabs.js +3 -9
- package/mobile/lib/components/Tabs/ScrollableTabs.js.map +1 -1
- package/mobile/lib/components/Tabs/Tabs.js +14 -7
- package/mobile/lib/components/Tabs/Tabs.js.map +1 -1
- package/mobile/lib/components/Tabs/TabsContent.d.ts +3 -2
- package/mobile/lib/components/Tabs/renderGroupTab.d.ts +2 -2
- package/mobile/lib/components/Tabs/renderGroupTab.js +5 -5
- package/mobile/lib/components/Tabs/renderGroupTab.js.map +1 -1
- package/mobile/lib/components/Tabs/renderTab.d.ts +3 -3
- package/mobile/lib/components/Tabs/renderTab.js +3 -3
- package/mobile/lib/components/Tabs/renderTab.js.map +1 -1
- package/mobile/lib/components/Tabs/tabItemClasses.d.ts +3 -2
- package/mobile/lib/components/Tabs/tabItemClasses.js +26 -10
- package/mobile/lib/components/Tabs/tabItemClasses.js.map +1 -1
- package/mobile/lib/hooks/useLink.js +1 -1
- package/mobile/lib/hooks/useLink.js.map +1 -1
- package/mobile/src/components/Blocks.ts +2 -0
- package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +14 -20
- package/mobile/src/components/CarouselRecommendationCard/cardStyle.ts +2 -0
- package/mobile/src/components/CarouselTariffsCard/getPaddingStyle.tsx +2 -2
- package/mobile/src/components/Footer/Footer.tsx +1 -1
- package/mobile/src/components/Footer/SocialMedia.tsx +1 -1
- package/mobile/src/components/Tabs/CenteredTabs.tsx +12 -0
- package/mobile/src/components/Tabs/LinkTab.tsx +5 -5
- package/mobile/src/components/Tabs/ScrollableTabs.tsx +5 -13
- package/mobile/src/components/Tabs/Tabs.tsx +21 -19
- package/mobile/src/components/Tabs/TabsContent.ts +3 -2
- package/mobile/src/components/Tabs/renderGroupTab.tsx +11 -10
- package/mobile/src/components/Tabs/renderTab.tsx +5 -13
- package/mobile/src/components/Tabs/tabItemClasses.ts +28 -10
- package/mobile/src/hooks/useLink.ts +1 -1
- package/package.json +1 -1
- package/src/components/Blocks.mobile.ts +2 -0
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.fixture.mobile.tsx +148 -0
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.tsx +63 -0
- package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +1 -3
- package/src/components/CarouselRecommendationCard/cardStyle.ts +2 -0
- package/src/components/CarouselTariffsCard/getPaddingStyle.mobile.tsx +2 -2
- package/src/components/CarouselTariffsCard/getPaddingStyle.tsx +1 -1
- package/src/components/Footer/Footer.mobile.tsx +1 -1
- package/src/components/Footer/SocialMedia.mobile.tsx +1 -1
- package/src/components/Tabs/CenteredTabs.tsx +12 -0
- package/src/components/Tabs/LinkTab.tsx +5 -5
- package/src/components/Tabs/ScrollableTabs.tsx +5 -13
- package/src/components/Tabs/Tabs.fixture.tsx +27 -0
- package/src/components/Tabs/Tabs.tsx +21 -19
- package/src/components/Tabs/TabsContent.ts +3 -2
- package/src/components/Tabs/renderGroupTab.tsx +11 -10
- package/src/components/Tabs/renderTab.tsx +5 -13
- package/src/components/Tabs/tabItemClasses.ts +28 -10
- package/src/hooks/useLink.ts +1 -1
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { UniBlockProps } from '../../model/JSXBlock';
|
|
2
|
+
import type { CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
|
|
3
|
+
export interface RecommendationCardProps extends CarouselRecommendationCardContent, UniBlockProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const CarouselRecommendationCard: import("@redneckz/uni-jsx").UNIComponent<RecommendationCardProps, any, any>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const BORDER_STYLE = "border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const getPaddingStyle: (isHighlighting?: boolean) =>
|
|
1
|
+
export declare const getPaddingStyle: (isHighlighting?: boolean) => string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { RenderTabProps } from './renderTab';
|
|
2
|
+
import type { TabData } from './TabsContent';
|
|
3
|
+
interface CenteredTabsProps extends RenderTabProps {
|
|
4
|
+
tabs?: TabData[];
|
|
5
|
+
}
|
|
6
|
+
export declare const CenteredTabs: import("@redneckz/uni-jsx").UNIComponent<CenteredTabsProps, any, any>;
|
|
7
|
+
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { LinkTabData, TabData } from './TabsContent';
|
|
1
|
+
import type { LinkTabData, TabData, TabsMode } from './TabsContent';
|
|
2
2
|
interface LinkTabProps {
|
|
3
3
|
tab: LinkTabData;
|
|
4
4
|
currentTab?: TabData;
|
|
5
|
-
isScrollable?: boolean;
|
|
6
5
|
onClick: (tab: TabData) => void;
|
|
6
|
+
tabsMode?: TabsMode;
|
|
7
7
|
}
|
|
8
8
|
export declare const LinkTab: import("@redneckz/uni-jsx").UNIComponent<LinkTabProps, any, any>;
|
|
9
9
|
export {};
|
|
@@ -27,10 +27,11 @@ export declare type TabData = GroupTabData | LinkTabData;
|
|
|
27
27
|
/**
|
|
28
28
|
* @enumNames [
|
|
29
29
|
* "По ширине экрана",
|
|
30
|
-
* "С прокруткой"
|
|
30
|
+
* "С прокруткой",
|
|
31
|
+
* "По центру"
|
|
31
32
|
* ]
|
|
32
33
|
*/
|
|
33
|
-
export declare type TabsMode = 'wideScreen' | 'scrollable';
|
|
34
|
+
export declare type TabsMode = 'wideScreen' | 'scrollable' | 'centered';
|
|
34
35
|
/**
|
|
35
36
|
* @title Вкладки
|
|
36
37
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { GroupTabData } from './TabsContent';
|
|
3
2
|
import type { RenderTabProps } from './renderTab';
|
|
4
|
-
|
|
3
|
+
import type { GroupTabData } from './TabsContent';
|
|
4
|
+
export declare const renderGroupTab: ({ page, currentTab, showCounter, onClick, tabsMode }: RenderTabProps) => (tab: GroupTabData, i: number) => JSX.Element;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ContentPageDef } from '../../model/ContentPageDef';
|
|
3
|
-
import type { TabData } from './TabsContent';
|
|
3
|
+
import type { TabData, TabsMode } from './TabsContent';
|
|
4
4
|
export interface RenderTabProps {
|
|
5
5
|
page?: ContentPageDef;
|
|
6
6
|
currentTab?: TabData;
|
|
7
7
|
showCounter?: boolean;
|
|
8
8
|
onClick: (tab: TabData) => void;
|
|
9
|
-
|
|
9
|
+
tabsMode?: TabsMode;
|
|
10
10
|
}
|
|
11
|
-
export declare const renderTab: ({ page,
|
|
11
|
+
export declare const renderTab: ({ page, showCounter, ...rest }: RenderTabProps) => (tab: TabData, i: number) => JSX.Element | null;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { TabsMode } from './TabsContent';
|
|
1
2
|
export declare const LINK_CLASSES = "h-12 flex-1 flex items-center justify-center cursor-pointer";
|
|
2
3
|
export declare const ACTIVE_LINK_CLASSES = "bg-primary-main";
|
|
3
4
|
export declare const INACTIVE_LINK_CLASSES = "group/btn bg-white";
|
|
@@ -7,5 +8,5 @@ export declare const TEXT_CLASSES = "font-sans text-m text-center";
|
|
|
7
8
|
export declare const ACTIVE_TEXT_CLASSES = "text-white";
|
|
8
9
|
export declare const INACTIVE_TEXT_CLASSES = "text-secondary-text group-hover/btn:text-primary-main";
|
|
9
10
|
export declare const WHITE_ACTIVE_TEXT_CLASSES = "text-primary-main";
|
|
10
|
-
export declare const getGroupTabClassName: (type: string, active: boolean,
|
|
11
|
-
export declare const getLinkTabClassName: (type: string, active: boolean,
|
|
11
|
+
export declare const getGroupTabClassName: (type: string, active: boolean, tabsMode?: TabsMode) => any;
|
|
12
|
+
export declare const getLinkTabClassName: (type: string, active: boolean, tabsMode?: TabsMode) => any;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
2
|
exports.Blocks = void 0;
|
|
3
3
|
const Carousel_1 = require("./Carousel/Carousel");
|
|
4
|
+
const CarouselRecommendationCard_1 = require("./CarouselRecommendationCard/CarouselRecommendationCard");
|
|
4
5
|
const CarouselTariffsCard_1 = require("./CarouselTariffsCard/CarouselTariffsCard");
|
|
5
6
|
const ComparisonTable_1 = require("./ComparisonTable/ComparisonTable");
|
|
6
7
|
const Footer_1 = require("./Footer/Footer");
|
|
@@ -37,5 +38,6 @@ exports.Blocks = {
|
|
|
37
38
|
RichTextBlock: RichTextBlock_1.RichTextBlock,
|
|
38
39
|
RollupItem: RollupItem_1.RollupItem,
|
|
39
40
|
VerticalLayout: VerticalLayout_1.VerticalLayout,
|
|
41
|
+
CarouselRecommendationCard: CarouselRecommendationCard_1.CarouselRecommendationCard,
|
|
40
42
|
};
|
|
41
43
|
//# sourceMappingURL=Blocks.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blocks.mobile.js","sourceRoot":"","sources":["../../src/components/Blocks.mobile.ts"],"names":[],"mappings":";;AACA,kDAA+C;AAC/C,mFAAgF;AAChF,uEAAoE;AACpE,4CAAyC;AACzC,4CAAyC;AACzC,kDAA+C;AAC/C,kDAA+C;AAC/C,kDAA+C;AAC/C,kDAA+C;AAC/C,iEAA8D;AAC9D,2DAAwD;AACxD,8DAA2D;AAC3D,iEAA8D;AAC9D,wDAAqD;AACrD,wDAAqD;AACrD,8DAA2D;AAC3D,qDAAkD;AAClD,oEAAiE;AAEpD,QAAA,MAAM,GAAmB;IACpC,QAAQ,EAAR,mBAAQ;IACR,mBAAmB,EAAnB,yCAAmB;IACnB,eAAe,EAAf,iCAAe;IACf,MAAM,EAAN,eAAM;IACN,MAAM,EAAN,eAAM;IACN,QAAQ,EAAR,mBAAQ;IACR,QAAQ,EAAR,mBAAQ;IACR,QAAQ,EAAR,mBAAQ;IACR,QAAQ,EAAR,mBAAQ;IACR,aAAa,EAAb,6BAAa;IACb,WAAW,EAAX,yBAAW;IACX,YAAY,EAAZ,2BAAY;IACZ,UAAU,EAAV,uBAAU;IACV,YAAY,EAAZ,2BAAY;IACZ,SAAS,EAAT,qBAAS;IACT,aAAa,EAAb,6BAAa;IACb,UAAU,EAAV,uBAAU;IACV,cAAc,EAAd,+BAAc;
|
|
1
|
+
{"version":3,"file":"Blocks.mobile.js","sourceRoot":"","sources":["../../src/components/Blocks.mobile.ts"],"names":[],"mappings":";;AACA,kDAA+C;AAC/C,wGAAqG;AACrG,mFAAgF;AAChF,uEAAoE;AACpE,4CAAyC;AACzC,4CAAyC;AACzC,kDAA+C;AAC/C,kDAA+C;AAC/C,kDAA+C;AAC/C,kDAA+C;AAC/C,iEAA8D;AAC9D,2DAAwD;AACxD,8DAA2D;AAC3D,iEAA8D;AAC9D,wDAAqD;AACrD,wDAAqD;AACrD,8DAA2D;AAC3D,qDAAkD;AAClD,oEAAiE;AAEpD,QAAA,MAAM,GAAmB;IACpC,QAAQ,EAAR,mBAAQ;IACR,mBAAmB,EAAnB,yCAAmB;IACnB,eAAe,EAAf,iCAAe;IACf,MAAM,EAAN,eAAM;IACN,MAAM,EAAN,eAAM;IACN,QAAQ,EAAR,mBAAQ;IACR,QAAQ,EAAR,mBAAQ;IACR,QAAQ,EAAR,mBAAQ;IACR,QAAQ,EAAR,mBAAQ;IACR,aAAa,EAAb,6BAAa;IACb,WAAW,EAAX,yBAAW;IACX,YAAY,EAAZ,2BAAY;IACZ,UAAU,EAAV,uBAAU;IACV,YAAY,EAAZ,2BAAY;IACZ,SAAS,EAAT,qBAAS;IACT,aAAa,EAAb,6BAAa;IACb,UAAU,EAAV,uBAAU;IACV,cAAc,EAAd,+BAAc;IACd,0BAA0B,EAA1B,uDAA0B;CAC3B,CAAC"}
|
|
@@ -9,9 +9,9 @@ const List_1 = require("../../ui-kit/List/List");
|
|
|
9
9
|
const style_1 = require("../../utils/style");
|
|
10
10
|
const SocialMedia_1 = require("../Footer/SocialMedia");
|
|
11
11
|
const Headline_1 = require("../Headline/Headline");
|
|
12
|
-
const
|
|
12
|
+
const cardStyle_1 = require("./cardStyle");
|
|
13
13
|
exports.CarouselRecommendationCard = (0, uni_jsx_1.JSX)(({ className = '', description, href, icon, items = [], socialMedia = [], target, title, align = 'text-left', version = 'primary', ...rest }) => {
|
|
14
|
-
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('relative p-7 min-w-[524px] min-h-[218px] h-full box-border group-data-gray:bg-main-divider/50', BORDER_STYLE, className), version: version, ...rest, children: (0, jsx_runtime_1.jsxs)(LinkWrapper_1.LinkWrapper, { href: href, target: target, children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { className: "mb-4", title: title, description: description, headlineVersion: "S", isPadding: false, align: align }), (0, jsx_runtime_1.jsxs)("div", { className: "w-1/2 h-full flex flex-col flex-1 justify-end", children: [items.length ? ((0, jsx_runtime_1.jsx)(List_1.List, { className: "flex flex-col gap-2", itemClassName: "text-l-light", items: items })) : null, socialMedia.length ? (0, jsx_runtime_1.jsx)(SocialMedia_1.SocialMedia, { className: "pt-10", media: socialMedia }) : null] }), renderIconBlock(icon)] }) }));
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('relative p-7 min-w-[524px] min-h-[218px] h-full box-border group-data-gray:bg-main-divider/50', cardStyle_1.BORDER_STYLE, className), version: version, ...rest, children: (0, jsx_runtime_1.jsxs)(LinkWrapper_1.LinkWrapper, { href: href, target: target, children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { className: "mb-4", title: title, description: description, headlineVersion: "S", isPadding: false, align: align }), (0, jsx_runtime_1.jsxs)("div", { className: "w-1/2 h-full flex flex-col flex-1 justify-end", children: [items.length ? ((0, jsx_runtime_1.jsx)(List_1.List, { className: "flex flex-col gap-2", itemClassName: "text-l-light", items: items })) : null, socialMedia.length ? (0, jsx_runtime_1.jsx)(SocialMedia_1.SocialMedia, { className: "pt-10", media: socialMedia }) : null] }), renderIconBlock(icon)] }) }));
|
|
15
15
|
});
|
|
16
16
|
const renderIconBlock = (icon) => ((0, jsx_runtime_1.jsxs)("div", { className: "absolute bottom-0 right-0", children: [icon?.icon ? (0, jsx_runtime_1.jsx)(Img_1.Img, { image: icon }) : null, icon?.src ? (0, jsx_runtime_1.jsx)(Img_1.Img, { image: icon }) : null] }));
|
|
17
17
|
//# sourceMappingURL=CarouselRecommendationCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselRecommendationCard.js","sourceRoot":"","sources":["../../../src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,4DAAyD;AACzD,8CAA2C;AAC3C,sEAAmE;AACnE,iDAA8C;AAC9C,6CAA0C;AAC1C,uDAAoD;AACpD,mDAAgD;
|
|
1
|
+
{"version":3,"file":"CarouselRecommendationCard.js","sourceRoot":"","sources":["../../../src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,4DAAyD;AACzD,8CAA2C;AAC3C,sEAAmE;AACnE,iDAA8C;AAC9C,6CAA0C;AAC1C,uDAAoD;AACpD,mDAAgD;AAChD,2CAA2C;AAK9B,QAAA,0BAA0B,GAAG,IAAA,aAAG,EAC3C,CAAC,EACC,SAAS,GAAG,EAAE,EACd,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,EAAE,EAChB,MAAM,EACN,KAAK,EACL,KAAK,GAAG,WAAW,EACnB,OAAO,GAAG,SAAS,EACnB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EACd,+FAA+F,EAC/F,wBAAY,EACZ,SAAS,CACV,EACD,OAAO,EAAE,OAAO,KACZ,IAAI,YAER,wBAAC,yBAAW,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aACrC,uBAAC,mBAAQ,IACP,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,GAAG,EACnB,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,KAAK,GACZ,EACF,iCAAK,SAAS,EAAC,+CAA+C,aAC3D,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACd,uBAAC,WAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,aAAa,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,CACpF,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAC,yBAAW,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,IAC9E,EACL,eAAe,CAAC,IAAI,CAAC,IACV,GACD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,IAAyB,EAAE,EAAE,CAAC,CACrD,iCAAK,SAAS,EAAC,2BAA2B,aACvC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EACxC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,IACpC,CACP,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { UniBlockProps } from '../../model/JSXBlock';
|
|
2
|
+
import type { CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
|
|
3
|
+
export interface RecommendationCardProps extends CarouselRecommendationCardContent, UniBlockProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const CarouselRecommendationCard: import("@redneckz/uni-jsx").UNIComponent<RecommendationCardProps, any, any>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.CarouselRecommendationCard = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
6
|
+
const Img_1 = require("../../ui-kit/Img/Img");
|
|
7
|
+
const LinkWrapper_1 = require("../../ui-kit/LinkWrapper/LinkWrapper");
|
|
8
|
+
const List_1 = require("../../ui-kit/List/List");
|
|
9
|
+
const style_1 = require("../../utils/style");
|
|
10
|
+
const SocialMedia_1 = require("../Footer/SocialMedia");
|
|
11
|
+
const Headline_1 = require("../Headline/Headline");
|
|
12
|
+
const cardStyle_1 = require("./cardStyle");
|
|
13
|
+
exports.CarouselRecommendationCard = (0, uni_jsx_1.JSX)(({ className = '', description, href, icon, items = [], socialMedia = [], target, title, align = 'text-left', ...rest }) => {
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('relative box-border p-default group-data-gray:bg-main-divider/50', cardStyle_1.BORDER_STYLE, className), ...rest, children: (0, jsx_runtime_1.jsxs)(LinkWrapper_1.LinkWrapper, { href: href, target: target, children: [(0, jsx_runtime_1.jsx)(Headline_1.Headline, { className: "mb-2", title: title, description: description, headlineVersion: "S", isPadding: false, align: align }), items.length ? ((0, jsx_runtime_1.jsx)(List_1.List, { className: "flex flex-col gap-2", items: items, listItemSize: "S" })) : null, renderIcon(icon), socialMedia.length ? (0, jsx_runtime_1.jsx)(SocialMedia_1.SocialMedia, { className: "mt-5", media: socialMedia }) : null] }) }));
|
|
15
|
+
});
|
|
16
|
+
const renderIcon = (icon) => icon?.src || icon?.icon ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Img_1.Img, { image: icon }) })) : null;
|
|
17
|
+
//# sourceMappingURL=CarouselRecommendationCard.mobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CarouselRecommendationCard.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAGxC,4DAAyD;AACzD,8CAA2C;AAC3C,sEAAmE;AACnE,iDAA8C;AAC9C,6CAA0C;AAC1C,uDAAoD;AACpD,mDAAgD;AAChD,2CAA2C;AAK9B,QAAA,0BAA0B,GAAG,IAAA,aAAG,EAC3C,CAAC,EACC,SAAS,GAAG,EAAE,EACd,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,EAAE,EAChB,MAAM,EACN,KAAK,EACL,KAAK,GAAG,WAAW,EACnB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EACd,kEAAkE,EAClE,wBAAY,EACZ,SAAS,CACV,KACG,IAAI,YAER,wBAAC,yBAAW,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,aACrC,uBAAC,mBAAQ,IACP,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAC,GAAG,EACnB,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,KAAK,GACZ,EACD,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACd,uBAAC,WAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAC,GAAG,GAAG,CACxE,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,IAAI,CAAC,EAChB,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAC,yBAAW,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,IACrE,GACD,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,IAAc,EAAE,EAAE,CACpC,IAAI,EAAE,GAAG,IAAI,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CACxB,0CACE,uBAAC,SAAG,IAAC,KAAK,EAAE,IAAI,GAAI,GAChB,CACP,CAAC,CAAC,CAAC,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const BORDER_STYLE = "border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cardStyle.js","sourceRoot":"","sources":["../../../src/components/CarouselRecommendationCard/cardStyle.ts"],"names":[],"mappings":";;AAAa,QAAA,YAAY,GACvB,0GAA0G,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const getPaddingStyle: (isHighlighting?: boolean) =>
|
|
1
|
+
export declare const getPaddingStyle: (isHighlighting?: boolean) => string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
2
|
exports.getPaddingStyle = void 0;
|
|
3
|
-
const getPaddingStyle = (isHighlighting) => isHighlighting ? 'p-8 mt-8 pt-20' : 'p-8 mt-20';
|
|
3
|
+
const getPaddingStyle = (isHighlighting = false) => isHighlighting ? 'p-8 mt-8 pt-20' : 'p-8 mt-20';
|
|
4
4
|
exports.getPaddingStyle = getPaddingStyle;
|
|
5
5
|
//# sourceMappingURL=getPaddingStyle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getPaddingStyle.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/getPaddingStyle.tsx"],"names":[],"mappings":";;AAAO,MAAM,eAAe,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"getPaddingStyle.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/getPaddingStyle.tsx"],"names":[],"mappings":";;AAAO,MAAM,eAAe,GAAG,CAAC,cAAc,GAAG,KAAK,EAAU,EAAE,CAChE,cAAc,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC;AADrC,QAAA,eAAe,mBACsB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
2
|
exports.getPaddingStyle = void 0;
|
|
3
|
-
const getPaddingStyle = (isHighlighting) => isHighlighting ? 'p-default mt-6' : 'p-default
|
|
3
|
+
const getPaddingStyle = (isHighlighting = false) => isHighlighting ? 'p-default mt-6' : 'mt-6 p-default'; // Хак для мобильной версии т.к. контракт должен быть идентичный
|
|
4
4
|
exports.getPaddingStyle = getPaddingStyle;
|
|
5
5
|
//# sourceMappingURL=getPaddingStyle.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getPaddingStyle.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/getPaddingStyle.mobile.tsx"],"names":[],"mappings":";;AAAO,MAAM,eAAe,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"getPaddingStyle.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/getPaddingStyle.mobile.tsx"],"names":[],"mappings":";;AAAO,MAAM,eAAe,GAAG,CAAC,cAAc,GAAG,KAAK,EAAU,EAAE,CAChE,cAAc,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,gEAAgE;AAD3G,QAAA,eAAe,mBAC2B"}
|
|
@@ -19,7 +19,7 @@ exports.Footer = (0, uni_jsx_1.JSX)(({ className = '', ...rest }) => {
|
|
|
19
19
|
const fallback = rest.options?.page?.fallback;
|
|
20
20
|
const sitemap = (0, useSWRResource_1.useSWRResource)(ProjectSettings_1.projectSettings.SITEMAP || 'sitemap', fallback);
|
|
21
21
|
const { documents, relatedEnterprises, contacts, socialMedia, horizontalNavigationTitle } = (0, useSWRResource_1.useSWRResource)(ProjectSettings_1.projectSettings.FOOTER || 'footer', fallback);
|
|
22
|
-
return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { tag: "footer", className: `px-4 py-[26px] ${className}`, ...rest, children: [(0, jsx_runtime_1.jsx)(Contacts_1.Contacts, { className: "overflow-hidden", items: contacts, hasButton: true }), (0, jsx_runtime_1.jsx)("div", { className: "m-0 p-0", children: sitemap.topItems?.map((item, i) => ((0, jsx_runtime_1.jsx)(RollupItem_1.RollupItem, { label: item?.text, children: (0, jsx_runtime_1.jsx)(LinkList_1.LinkList, { documents: item.items }) }, String(i)))) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-4", children: sitemap?.dispositions?.map(renderSubMenuItem) }), (0, jsx_runtime_1.jsx)(MobileAppTile_1.MobileAppTile, { title: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435", description: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0434\u043B\u044F IOS \u0438 Android", ...rest }), (0, jsx_runtime_1.jsx)(SearchBar_1.SearchBar, { className: "grow" }), (0, jsx_runtime_1.jsx)(SocialMedia_1.SocialMedia, { className: "pb-
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { tag: "footer", className: `px-4 py-[26px] ${className}`, ...rest, children: [(0, jsx_runtime_1.jsx)(Contacts_1.Contacts, { className: "overflow-hidden", items: contacts, hasButton: true }), (0, jsx_runtime_1.jsx)("div", { className: "m-0 p-0", children: sitemap.topItems?.map((item, i) => ((0, jsx_runtime_1.jsx)(RollupItem_1.RollupItem, { label: item?.text, children: (0, jsx_runtime_1.jsx)(LinkList_1.LinkList, { documents: item.items }) }, String(i)))) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-4", children: sitemap?.dispositions?.map(renderSubMenuItem) }), (0, jsx_runtime_1.jsx)(MobileAppTile_1.MobileAppTile, { title: "\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u043E\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435", description: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0434\u043B\u044F IOS \u0438 Android", ...rest }), (0, jsx_runtime_1.jsx)(SearchBar_1.SearchBar, { className: "grow" }), (0, jsx_runtime_1.jsx)(SocialMedia_1.SocialMedia, { className: "pt-6 pb-6", media: socialMedia }), (0, jsx_runtime_1.jsx)(HorizontalNavigation_1.HorizontalNavigation, { title: horizontalNavigationTitle, links: relatedEnterprises }), (0, jsx_runtime_1.jsx)(TextInformation_1.TextInformation, { links: documents })] }));
|
|
23
23
|
});
|
|
24
24
|
const renderSubMenuItem = (menu, i) => {
|
|
25
25
|
const { icon, href, text } = menu;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.mobile.js","sourceRoot":"","sources":["../../../src/components/Footer/Footer.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,+DAA4D;AAE5D,2DAAwD;AAExD,4DAAyD;AACzD,uDAAoD;AACpD,8CAA2C;AAC3C,gEAA6D;AAC7D,mDAAgD;AAChD,kEAA+D;AAC/D,yDAAsD;AACtD,yCAAsC;AAGtC,iEAA8D;AAC9D,+CAA4C;AAC5C,uDAAoD;AAIvC,QAAA,MAAM,GAAG,IAAA,aAAG,EAAc,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACrE,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC;IAE9C,MAAM,OAAO,GAAG,IAAA,+BAAc,EAAc,iCAAe,CAAC,OAAO,IAAI,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC5F,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,QAAQ,EAAE,WAAW,EAAE,yBAAyB,EAAE,GACvF,IAAA,+BAAc,EAAkB,iCAAe,CAAC,MAAM,IAAI,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEhF,OAAO,CACL,wBAAC,2BAAY,IAAC,GAAG,EAAC,QAAQ,EAAC,SAAS,EAAE,kBAAkB,SAAS,EAAE,KAAM,IAAI,aAC3E,uBAAC,mBAAQ,IAAC,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,SAAG,EACnE,gCAAK,SAAS,EAAC,SAAS,YACrB,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,uBAAC,uBAAU,IAAiB,KAAK,EAAE,IAAI,EAAE,IAAI,YAC3C,uBAAC,mBAAQ,IAAC,SAAS,EAAE,IAAI,CAAC,KAAK,GAAI,IADpB,MAAM,CAAC,CAAC,CAAC,CAEb,CACd,CAAC,GACE,EACN,gCAAK,SAAS,EAAC,MAAM,YAAE,OAAO,EAAE,YAAY,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAAO,EAC3E,uBAAC,6BAAa,IACZ,KAAK,EAAC,qHAAsB,EAC5B,WAAW,EAAC,8FAA6B,KACrC,IAAI,GACR,EACF,uBAAC,qBAAS,IAAC,SAAS,EAAC,MAAM,GAAG,EAC9B,uBAAC,yBAAW,IAAC,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"Footer.mobile.js","sourceRoot":"","sources":["../../../src/components/Footer/Footer.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,+DAA4D;AAE5D,2DAAwD;AAExD,4DAAyD;AACzD,uDAAoD;AACpD,8CAA2C;AAC3C,gEAA6D;AAC7D,mDAAgD;AAChD,kEAA+D;AAC/D,yDAAsD;AACtD,yCAAsC;AAGtC,iEAA8D;AAC9D,+CAA4C;AAC5C,uDAAoD;AAIvC,QAAA,MAAM,GAAG,IAAA,aAAG,EAAc,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACrE,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC;IAE9C,MAAM,OAAO,GAAG,IAAA,+BAAc,EAAc,iCAAe,CAAC,OAAO,IAAI,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC5F,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,QAAQ,EAAE,WAAW,EAAE,yBAAyB,EAAE,GACvF,IAAA,+BAAc,EAAkB,iCAAe,CAAC,MAAM,IAAI,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEhF,OAAO,CACL,wBAAC,2BAAY,IAAC,GAAG,EAAC,QAAQ,EAAC,SAAS,EAAE,kBAAkB,SAAS,EAAE,KAAM,IAAI,aAC3E,uBAAC,mBAAQ,IAAC,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,SAAG,EACnE,gCAAK,SAAS,EAAC,SAAS,YACrB,OAAO,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,uBAAC,uBAAU,IAAiB,KAAK,EAAE,IAAI,EAAE,IAAI,YAC3C,uBAAC,mBAAQ,IAAC,SAAS,EAAE,IAAI,CAAC,KAAK,GAAI,IADpB,MAAM,CAAC,CAAC,CAAC,CAEb,CACd,CAAC,GACE,EACN,gCAAK,SAAS,EAAC,MAAM,YAAE,OAAO,EAAE,YAAY,EAAE,GAAG,CAAC,iBAAiB,CAAC,GAAO,EAC3E,uBAAC,6BAAa,IACZ,KAAK,EAAC,qHAAsB,EAC5B,WAAW,EAAC,8FAA6B,KACrC,IAAI,GACR,EACF,uBAAC,qBAAS,IAAC,SAAS,EAAC,MAAM,GAAG,EAC9B,uBAAC,yBAAW,IAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,WAAW,GAAI,EACzD,uBAAC,2CAAoB,IAAC,KAAK,EAAE,yBAAyB,EAAE,KAAK,EAAE,kBAAkB,GAAI,EACrF,uBAAC,iCAAe,IAAC,KAAK,EAAE,SAAS,GAAI,IACxB,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,CAAC,IAAiB,EAAE,CAAS,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAElC,OAAO,CACL,wBAAC,eAAM,IAAC,OAAO,EAAC,MAAM,EAAqB,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,aACpF,IAAI,CAAC,CAAC,CAAC,uBAAC,SAAG,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,EAC3E,iCAAM,SAAS,EAAC,sCAAsC,YAAE,IAAI,GAAQ,KAF1C,UAAU,CAAC,EAAE,CAGhC,CACV,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -3,5 +3,5 @@ exports.SocialMedia = void 0;
|
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
5
|
const MediaButton_1 = require("./MediaButton");
|
|
6
|
-
exports.SocialMedia = (0, uni_jsx_1.JSX)(({ className = '', media }) => ((0, jsx_runtime_1.jsx)("div", { className: `flex gap-2 items-start justify-start
|
|
6
|
+
exports.SocialMedia = (0, uni_jsx_1.JSX)(({ className = '', media }) => ((0, jsx_runtime_1.jsx)("div", { className: `flex gap-2 items-start justify-start ${className}`, children: media?.map((_, index) => ((0, jsx_runtime_1.jsx)(MediaButton_1.MediaButton, { ..._ }, String(index)))) })));
|
|
7
7
|
//# sourceMappingURL=SocialMedia.mobile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SocialMedia.mobile.js","sourceRoot":"","sources":["../../../src/components/Footer/SocialMedia.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,+CAA4C;AAO/B,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC9E,gCAAK,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"SocialMedia.mobile.js","sourceRoot":"","sources":["../../../src/components/Footer/SocialMedia.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,+CAA4C;AAO/B,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC9E,gCAAK,SAAS,EAAE,wCAAwC,SAAS,EAAE,YAChE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,uBAAC,yBAAW,OAAyB,CAAC,IAApB,MAAM,CAAC,KAAK,CAAC,CAAW,CAC3C,CAAC,GACE,CACP,CAAC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { RenderTabProps } from './renderTab';
|
|
2
|
+
import type { TabData } from './TabsContent';
|
|
3
|
+
interface CenteredTabsProps extends RenderTabProps {
|
|
4
|
+
tabs?: TabData[];
|
|
5
|
+
}
|
|
6
|
+
export declare const CenteredTabs: import("@redneckz/uni-jsx").UNIComponent<CenteredTabsProps, any, any>;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
2
|
+
exports.CenteredTabs = void 0;
|
|
3
|
+
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
|
+
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const renderTab_1 = require("./renderTab");
|
|
6
|
+
exports.CenteredTabs = (0, uni_jsx_1.JSX)(({ tabs, ...rest }) => ((0, jsx_runtime_1.jsx)("div", { className: "flex p-1 m-auto bg-main-gray rounded-md", children: tabs?.map((0, renderTab_1.renderTab)({ ...rest })) })));
|
|
7
|
+
//# sourceMappingURL=CenteredTabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CenteredTabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/CenteredTabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,2CAAwC;AAO3B,QAAA,YAAY,GAAG,IAAA,aAAG,EAAoB,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACxE,gCAAK,SAAS,EAAC,yCAAyC,YAAE,IAAI,EAAE,GAAG,CAAC,IAAA,qBAAS,EAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,GAAO,CACnG,CAAC,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { LinkTabData, TabData } from './TabsContent';
|
|
1
|
+
import type { LinkTabData, TabData, TabsMode } from './TabsContent';
|
|
2
2
|
interface LinkTabProps {
|
|
3
3
|
tab: LinkTabData;
|
|
4
4
|
currentTab?: TabData;
|
|
5
|
-
isScrollable?: boolean;
|
|
6
5
|
onClick: (tab: TabData) => void;
|
|
6
|
+
tabsMode?: TabsMode;
|
|
7
7
|
}
|
|
8
8
|
export declare const LinkTab: import("@redneckz/uni-jsx").UNIComponent<LinkTabProps, any, any>;
|
|
9
9
|
export {};
|
|
@@ -5,7 +5,7 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
|
5
5
|
const useLink_1 = require("../../hooks/useLink");
|
|
6
6
|
const tabItemClasses_1 = require("./tabItemClasses");
|
|
7
7
|
exports.LinkTab = (0, uni_jsx_1.JSX)((props) => {
|
|
8
|
-
const { tab, currentTab, onClick,
|
|
8
|
+
const { tab, currentTab, onClick, tabsMode } = props;
|
|
9
9
|
const active = currentTab?.type === 'link' && currentTab.href === tab.href;
|
|
10
10
|
const link = (0, useLink_1.useLink)();
|
|
11
11
|
const adjustedProps = link(tab);
|
|
@@ -13,6 +13,6 @@ exports.LinkTab = (0, uni_jsx_1.JSX)((props) => {
|
|
|
13
13
|
adjustedProps.onClick(ev);
|
|
14
14
|
onClick(tab);
|
|
15
15
|
};
|
|
16
|
-
return ((0, jsx_runtime_1.jsx)("a", { role: "tab", className: (0, tabItemClasses_1.getLinkTabClassName)('link', active,
|
|
16
|
+
return ((0, jsx_runtime_1.jsx)("a", { role: "tab", className: (0, tabItemClasses_1.getLinkTabClassName)('link', active, tabsMode), target: tab.target, href: adjustedProps.href, onClick: handleClick, children: (0, jsx_runtime_1.jsx)("span", { className: (0, tabItemClasses_1.getLinkTabClassName)('text', active, tabsMode), children: tab.text }) }));
|
|
17
17
|
});
|
|
18
18
|
//# sourceMappingURL=LinkTab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/LinkTab.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,qDAAuD;AAU1C,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"LinkTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/LinkTab.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,qDAAuD;AAU1C,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,MAAM,GAAG,UAAU,EAAE,IAAI,KAAK,MAAM,IAAI,UAAU,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC;IAE3E,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,CAAC,EAAmC,EAAE,EAAE;QAC1D,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC1B,OAAO,CAAC,GAAG,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,IAAA,oCAAmB,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EACxD,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,OAAO,EAAE,WAAW,YAEpB,iCAAM,SAAS,EAAE,IAAA,oCAAmB,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,YAAG,GAAG,CAAC,IAAI,GAAQ,GAC/E,CACL,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -2,23 +2,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
2
2
|
exports.ScrollableTabs = void 0;
|
|
3
3
|
const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
4
4
|
const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
5
|
+
const ArrowButton_1 = require("../../ui-kit/Button/ArrowButton");
|
|
5
6
|
const SwipeListContainer_1 = require("../../ui-kit/SwipeListControl/SwipeListContainer");
|
|
6
7
|
const useSwipeListScroll_1 = require("../../ui-kit/SwipeListControl/useSwipeListScroll");
|
|
7
|
-
const ArrowButton_1 = require("../../ui-kit/Button/ArrowButton");
|
|
8
8
|
const renderTab_1 = require("./renderTab");
|
|
9
9
|
const scrollButtonStyle = 'absolute z-40 top-0';
|
|
10
10
|
exports.ScrollableTabs = (0, uni_jsx_1.JSX)((props) => {
|
|
11
|
-
const { tabs,
|
|
11
|
+
const { tabs, ...rest } = props;
|
|
12
12
|
const [containerRef, scroll] = (0, useSwipeListScroll_1.useSwipeListScroll)({
|
|
13
13
|
itemCount: tabs?.length || 0,
|
|
14
14
|
isCyclic: false,
|
|
15
15
|
});
|
|
16
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "relative max-w-full m-auto", children: [(0, jsx_runtime_1.jsx)("div", { className: `font-sans max-w-full w-full overflow-hidden relative bg-white`, children: (0, jsx_runtime_1.jsx)(SwipeListContainer_1.SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs?.map((0, renderTab_1.renderTab)({
|
|
17
|
-
onClick,
|
|
18
|
-
currentTab,
|
|
19
|
-
showCounter,
|
|
20
|
-
page,
|
|
21
|
-
isScrollable: true,
|
|
22
|
-
})) }) }), scroll.canScrollLeft ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollLeftButton, { className: `${scrollButtonStyle} left-6`, onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollRightButton, { className: `${scrollButtonStyle} rotate-180 right-6`, onClick: scroll.scrollRight })) : null] }));
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "relative max-w-full m-auto", children: [(0, jsx_runtime_1.jsx)("div", { className: `font-sans max-w-full w-full overflow-hidden relative bg-white`, children: (0, jsx_runtime_1.jsx)(SwipeListContainer_1.SwipeListContainer, { containerRef: containerRef, snapAlign: "snap-start", onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs?.map((0, renderTab_1.renderTab)({ ...rest })) }) }), scroll.canScrollLeft ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollLeftButton, { className: `${scrollButtonStyle} left-6`, onClick: scroll.scrollLeft })) : null, scroll.canScrollRight ? ((0, jsx_runtime_1.jsx)(ArrowButton_1.ScrollRightButton, { className: `${scrollButtonStyle} rotate-180 right-6`, onClick: scroll.scrollRight })) : null] }));
|
|
23
17
|
});
|
|
24
18
|
//# sourceMappingURL=ScrollableTabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollableTabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/ScrollableTabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;
|
|
1
|
+
{"version":3,"file":"ScrollableTabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/ScrollableTabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iEAAsF;AACtF,yFAAsF;AACtF,yFAAsF;AAEtF,2CAAwC;AASxC,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAEnC,QAAA,cAAc,GAAG,IAAA,aAAG,EAAsB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEhC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,IAAA,uCAAkB,EAAiB;QAChE,SAAS,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;QAC5B,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IAEH,OAAO,CACL,iCAAK,SAAS,EAAC,4BAA4B,aACzC,gCAAK,SAAS,EAAE,+DAA+D,YAC7E,uBAAC,uCAAkB,IACjB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,YAAY,EACtB,sBAAsB,EAAE,MAAM,CAAC,0BAA0B,YAExD,IAAI,EAAE,GAAG,CAAC,IAAA,qBAAS,EAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,GACf,GACjB,EACL,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CACtB,uBAAC,8BAAgB,IAAC,SAAS,EAAE,GAAG,iBAAiB,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,UAAU,GAAI,CAC3F,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CACvB,uBAAC,+BAAiB,IAChB,SAAS,EAAE,GAAG,iBAAiB,qBAAqB,EACpD,OAAO,EAAE,MAAM,CAAC,WAAW,GAC3B,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -5,10 +5,11 @@ const uni_jsx_1 = require("@redneckz/uni-jsx");
|
|
|
5
5
|
const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
|
|
6
6
|
const defaultEventBus_1 = require("../../EventBus/defaultEventBus");
|
|
7
7
|
const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
|
|
8
|
+
const CenteredTabs_1 = require("./CenteredTabs");
|
|
8
9
|
const renderTab_1 = require("./renderTab");
|
|
9
10
|
const ScrollableTabs_1 = require("./ScrollableTabs");
|
|
10
11
|
exports.Tabs = (0, uni_jsx_1.JSX)((props) => {
|
|
11
|
-
const { className = '', tabs,
|
|
12
|
+
const { className = '', tabs, isSticky, ...rest } = props;
|
|
12
13
|
const [currentTab, setCurrentTab] = (0, hooks_1.useState)(tabs ? tabs[0] : undefined);
|
|
13
14
|
(0, hooks_1.useEffect)(() => {
|
|
14
15
|
if (!tabs || !tabs[0]) {
|
|
@@ -25,13 +26,19 @@ exports.Tabs = (0, uni_jsx_1.JSX)((props) => {
|
|
|
25
26
|
fireTabEvent(selectedTab);
|
|
26
27
|
setCurrentTab(selectedTab);
|
|
27
28
|
}, []);
|
|
28
|
-
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: `relative box-border flex gap-x-1 w-full ${isSticky ? 'sticky top-1 z-20' : ''} ${className}`, role: "tablist", ...rest, children:
|
|
29
|
-
onClick: handleClick,
|
|
30
|
-
currentTab,
|
|
31
|
-
showCounter,
|
|
32
|
-
...rest,
|
|
33
|
-
}))) }));
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: `relative box-border flex gap-x-1 w-full ${isSticky ? 'sticky top-1 z-20' : ''} ${className}`, role: "tablist", ...rest, children: renderTabs({ tabs, onClick: handleClick, currentTab, ...rest }) }));
|
|
34
30
|
});
|
|
31
|
+
const renderTabs = ({ tabsMode, tabs, ...rest }) => {
|
|
32
|
+
switch (tabsMode) {
|
|
33
|
+
case 'wideScreen':
|
|
34
|
+
return tabs?.map((0, renderTab_1.renderTab)({ tabsMode, ...rest }));
|
|
35
|
+
case 'centered':
|
|
36
|
+
return (0, jsx_runtime_1.jsx)(CenteredTabs_1.CenteredTabs, { tabs: tabs, tabsMode: tabsMode, ...rest });
|
|
37
|
+
case 'scrollable':
|
|
38
|
+
return (0, jsx_runtime_1.jsx)(ScrollableTabs_1.ScrollableTabs, { tabs: tabs, tabsMode: tabsMode, ...rest });
|
|
39
|
+
}
|
|
40
|
+
return null;
|
|
41
|
+
};
|
|
35
42
|
const fireTabEvent = (tab) => {
|
|
36
43
|
if (tab.type === 'group') {
|
|
37
44
|
defaultEventBus_1.defaultEventBus.fire('tab', { type: tab.type, label: tab.ref });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA+E;AAC/E,oEAAiE;AAEjE,4DAAyD;AACzD,2CAAwC;AACxC,qDAAkD;
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA+E;AAC/E,oEAAiE;AAEjE,4DAAyD;AACzD,iDAA8C;AAC9C,2CAAwC;AACxC,qDAAkD;AAUrC,QAAA,IAAI,GAAG,IAAA,aAAG,EAAiB,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE1D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEzE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;YACrB,OAAO;SACR;QAED,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE,IAAI,KAAK,OAAO,EAAE;YAChC,iCAAe,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;SAClF;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,WAAoB,EAAE,EAAE;QACvD,YAAY,CAAC,WAAW,CAAC,CAAC;QAC1B,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,2BAAY,IACX,SAAS,EAAE,2CACT,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EACnC,IAAI,SAAS,EAAE,EACf,IAAI,EAAC,SAAS,KACV,IAAI,YAEP,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,CAAC,GACnD,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,EAAmB,EAAE,EAAE;IAClE,QAAQ,QAAQ,EAAE;QAChB,KAAK,YAAY;YACf,OAAO,IAAI,EAAE,GAAG,CAAC,IAAA,qBAAS,EAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC;QACrD,KAAK,UAAU;YACb,OAAO,uBAAC,2BAAY,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,KAAM,IAAI,GAAI,CAAC;QACpE,KAAK,YAAY;YACf,OAAO,uBAAC,+BAAc,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,KAAM,IAAI,GAAI,CAAC;KACvE;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,GAAY,EAAE,EAAE;IACpC,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,EAAE;QACxB,iCAAe,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;KACjE;IACD,IAAI,GAAG,CAAC,IAAI,KAAK,MAAM,EAAE;QACvB,iCAAe,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;KAClE;AACH,CAAC,CAAC"}
|
|
@@ -27,10 +27,11 @@ export declare type TabData = GroupTabData | LinkTabData;
|
|
|
27
27
|
/**
|
|
28
28
|
* @enumNames [
|
|
29
29
|
* "По ширине экрана",
|
|
30
|
-
* "С прокруткой"
|
|
30
|
+
* "С прокруткой",
|
|
31
|
+
* "По центру"
|
|
31
32
|
* ]
|
|
32
33
|
*/
|
|
33
|
-
export declare type TabsMode = 'wideScreen' | 'scrollable';
|
|
34
|
+
export declare type TabsMode = 'wideScreen' | 'scrollable' | 'centered';
|
|
34
35
|
/**
|
|
35
36
|
* @title Вкладки
|
|
36
37
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { GroupTabData } from './TabsContent';
|
|
3
2
|
import type { RenderTabProps } from './renderTab';
|
|
4
|
-
|
|
3
|
+
import type { GroupTabData } from './TabsContent';
|
|
4
|
+
export declare const renderGroupTab: ({ page, currentTab, showCounter, onClick, tabsMode }: RenderTabProps) => (tab: GroupTabData, i: number) => JSX.Element;
|
|
@@ -5,17 +5,17 @@ const tabItemClasses_1 = require("./tabItemClasses");
|
|
|
5
5
|
const BADGE_CLASSES = 'min-w-[22px] h-[22px] rounded-full text-xs ml-2 flex justify-center items-center';
|
|
6
6
|
const ACTIVE_BADGE_CLASSES = 'bg-white/30 text-white';
|
|
7
7
|
const INACTIVE_BADGE_CLASSES = 'bg-main-divider text-secondary-text group-hover/btn:text-primary-main';
|
|
8
|
-
const renderGroupTab = ({ page, currentTab, showCounter, onClick,
|
|
8
|
+
const renderGroupTab = ({ page, currentTab, showCounter, onClick, tabsMode }) => (tab, i) => {
|
|
9
9
|
const active = currentTab === tab;
|
|
10
10
|
const count = tab.ref && page?.blocks
|
|
11
11
|
? page.blocks.filter((block) => block?.labels?.includes(tab.ref)).length
|
|
12
12
|
: 0;
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: (0, tabItemClasses_1.getGroupTabClassName)('div', active,
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, tabItemClasses_1.getGroupTabClassName)('div', active, tabsMode), role: "tab", "aria-selected": active, onClick: () => onClick(tab), children: (0, jsx_runtime_1.jsxs)("div", { className: `flex flex-1 items-center justify-center ${(0, tabItemClasses_1.getGroupTabClassName)('text', active, tabsMode)}`, children: [renderTitle(tab.title, active, tabsMode), renderCount(showCounter, count, active)] }) }, `group-${String(i)}`));
|
|
14
14
|
};
|
|
15
15
|
exports.renderGroupTab = renderGroupTab;
|
|
16
|
-
const renderTitle = (title, active,
|
|
16
|
+
const renderTitle = (title, active, tabsMode) => {
|
|
17
17
|
const activeClassName = active ? tabItemClasses_1.WHITE_ACTIVE_TEXT_CLASSES : tabItemClasses_1.INACTIVE_TEXT_CLASSES;
|
|
18
|
-
const titleClassName =
|
|
18
|
+
const titleClassName = tabsMode === 'scrollable'
|
|
19
19
|
? `${tabItemClasses_1.TEXT_CLASSES} ${activeClassName}`
|
|
20
20
|
: `${tabItemClasses_1.TEXT_CLASSES} ${active ? tabItemClasses_1.ACTIVE_TEXT_CLASSES : tabItemClasses_1.INACTIVE_TEXT_CLASSES}`;
|
|
21
21
|
return title ? (0, jsx_runtime_1.jsx)("h3", { className: titleClassName, children: title }) : null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderGroupTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderGroupTab.tsx"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"renderGroupTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderGroupTab.tsx"],"names":[],"mappings":";;;AACA,qDAM0B;AAG1B,MAAM,aAAa,GACjB,kFAAkF,CAAC;AACrF,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AACtD,MAAM,sBAAsB,GAC1B,uEAAuE,CAAC;AAEnE,MAAM,cAAc,GACzB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAkB,EAAE,EAAE,CACzE,CAAC,GAAiB,EAAE,CAAS,EAAE,EAAE;IAC/B,MAAM,MAAM,GAAG,UAAU,KAAK,GAAG,CAAC;IAElC,MAAM,KAAK,GACT,GAAG,CAAC,GAAG,IAAI,IAAI,EAAE,MAAM;QACrB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAa,CAAC,CAAC,CAAC,MAAM;QAClF,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,gCAEE,SAAS,EAAE,IAAA,qCAAoB,EAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EACxD,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,YAE3B,iCACE,SAAS,EAAE,2CAA2C,IAAA,qCAAoB,EACxE,MAAM,EACN,MAAM,EACN,QAAQ,CACT,EAAE,aAEF,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EACxC,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,IACpC,IAfD,SAAS,MAAM,CAAC,CAAC,CAAC,EAAE,CAgBrB,CACP,CAAC;AACJ,CAAC,CAAC;AA9BS,QAAA,cAAc,kBA8BvB;AAEJ,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAE,MAAe,EAAE,QAAmB,EAAE,EAAE;IACtF,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,0CAAyB,CAAC,CAAC,CAAC,sCAAqB,CAAC;IACnF,MAAM,cAAc,GAClB,QAAQ,KAAK,YAAY;QACvB,CAAC,CAAC,GAAG,6BAAY,IAAI,eAAe,EAAE;QACtC,CAAC,CAAC,GAAG,6BAAY,IAAI,MAAM,CAAC,CAAC,CAAC,oCAAmB,CAAC,CAAC,CAAC,sCAAqB,EAAE,CAAC;IAEhF,OAAO,KAAK,CAAC,CAAC,CAAC,+BAAI,SAAS,EAAE,cAAc,YAAG,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,WAAgC,EAAE,KAAa,EAAE,MAAe,EAAE,EAAE;IACvF,OAAO,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,CAC5B,gCAAK,SAAS,EAAE,GAAG,aAAa,IAAI,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EAAE,YACzF,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ContentPageDef } from '../../model/ContentPageDef';
|
|
3
|
-
import type { TabData } from './TabsContent';
|
|
3
|
+
import type { TabData, TabsMode } from './TabsContent';
|
|
4
4
|
export interface RenderTabProps {
|
|
5
5
|
page?: ContentPageDef;
|
|
6
6
|
currentTab?: TabData;
|
|
7
7
|
showCounter?: boolean;
|
|
8
8
|
onClick: (tab: TabData) => void;
|
|
9
|
-
|
|
9
|
+
tabsMode?: TabsMode;
|
|
10
10
|
}
|
|
11
|
-
export declare const renderTab: ({ page,
|
|
11
|
+
export declare const renderTab: ({ page, showCounter, ...rest }: RenderTabProps) => (tab: TabData, i: number) => JSX.Element | null;
|
|
@@ -4,16 +4,16 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
|
4
4
|
const assertUnreachable_1 = require("../../utils/assertUnreachable");
|
|
5
5
|
const LinkTab_1 = require("./LinkTab");
|
|
6
6
|
const renderGroupTab_1 = require("./renderGroupTab");
|
|
7
|
-
const renderTab = ({ page,
|
|
7
|
+
const renderTab = ({ page, showCounter, ...rest }) => (tab, i) => {
|
|
8
8
|
const type = tab.type;
|
|
9
9
|
if (!(type === 'group' || type === 'link')) {
|
|
10
10
|
return null;
|
|
11
11
|
}
|
|
12
12
|
switch (type) {
|
|
13
13
|
case 'group':
|
|
14
|
-
return (0, renderGroupTab_1.renderGroupTab)({ page,
|
|
14
|
+
return (0, renderGroupTab_1.renderGroupTab)({ page, showCounter, ...rest })(tab, i);
|
|
15
15
|
case 'link': {
|
|
16
|
-
return (
|
|
16
|
+
return (0, jsx_runtime_1.jsx)(LinkTab_1.LinkTab, { tab: tab, ...rest }, String(i));
|
|
17
17
|
}
|
|
18
18
|
default:
|
|
19
19
|
(0, assertUnreachable_1.assertUnreachable)(type);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderTab.tsx"],"names":[],"mappings":";;;AACA,qEAAkE;AAClE,uCAAoC;AACpC,qDAAkD;AAW3C,MAAM,SAAS,GACpB,CAAC,EAAE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderTab.tsx"],"names":[],"mappings":";;;AACA,qEAAkE;AAClE,uCAAoC;AACpC,qDAAkD;AAW3C,MAAM,SAAS,GACpB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAkB,EAAE,EAAE,CACnD,CAAC,GAAY,EAAE,CAAS,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IAEtB,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,CAAC,EAAE;QAC1C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,IAAA,+BAAc,EAAC,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QAChE,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,uBAAC,iBAAO,IAAiB,GAAG,EAAE,GAAG,KAAM,IAAI,IAA7B,MAAM,CAAC,CAAC,CAAC,CAAwB,CAAC;SACxD;QACD;YACE,IAAA,qCAAiB,EAAC,IAAI,CAAC,CAAC;KAC3B;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AApBS,QAAA,SAAS,aAoBlB"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { TabsMode } from './TabsContent';
|
|
1
2
|
export declare const LINK_CLASSES = "h-12 flex-1 flex items-center justify-center cursor-pointer";
|
|
2
3
|
export declare const ACTIVE_LINK_CLASSES = "bg-primary-main";
|
|
3
4
|
export declare const INACTIVE_LINK_CLASSES = "group/btn bg-white";
|
|
@@ -7,5 +8,5 @@ export declare const TEXT_CLASSES = "font-sans text-m text-center";
|
|
|
7
8
|
export declare const ACTIVE_TEXT_CLASSES = "text-white";
|
|
8
9
|
export declare const INACTIVE_TEXT_CLASSES = "text-secondary-text group-hover/btn:text-primary-main";
|
|
9
10
|
export declare const WHITE_ACTIVE_TEXT_CLASSES = "text-primary-main";
|
|
10
|
-
export declare const getGroupTabClassName: (type: string, active: boolean,
|
|
11
|
-
export declare const getLinkTabClassName: (type: string, active: boolean,
|
|
11
|
+
export declare const getGroupTabClassName: (type: string, active: boolean, tabsMode?: TabsMode) => any;
|
|
12
|
+
export declare const getLinkTabClassName: (type: string, active: boolean, tabsMode?: TabsMode) => any;
|