@scbt-ecom/ui 0.153.10 → 0.154.1
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/dist/lib/exports/ui.js +1 -1
- package/dist/lib/shared/ui/carousel/Carousel.js +1 -1
- package/dist/lib/shared/ui/carousel/Carousel.js.map +1 -1
- package/dist/lib/shared/ui/carousel/index.js +1 -1
- package/dist/lib/shared/ui/carousel/model/constant.js +1 -1
- package/dist/lib/shared/ui/carousel/model/constant.js.map +1 -1
- package/dist/lib/shared/ui/carousel/ui/RenderSlides.js +1 -1
- package/dist/lib/shared/ui/carousel/ui/RenderSlides.js.map +1 -1
- package/dist/lib/shared/ui/carousel/ui/index.js +1 -1
- package/dist/lib/shared/ui/carousel/ui/slideVariants/{SlideProductCard.js → SlideMultipleCards.js} +2 -2
- package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideMultipleCards.js.map +1 -0
- package/dist/lib/shared/ui/carousel/ui/slideVariants/index.js +1 -1
- package/dist/lib/shared/ui/index.js +1 -1
- package/dist/lib/widgets/carouselBlock/CarouselBlock.js +1 -1
- package/dist/lib/widgets/carouselBlock/CarouselBlock.js.map +1 -1
- package/dist/lib/widgets/model/helpers.js +2 -2
- package/dist/lib/widgets/model/helpers.js.map +1 -1
- package/dist/stats.html +1 -1
- package/dist/types/lib/shared/ui/carousel/Carousel.d.ts +2 -2
- package/dist/types/lib/shared/ui/carousel/index.d.ts +1 -0
- package/dist/types/lib/shared/ui/carousel/model/constant.d.ts +1 -1
- package/dist/types/lib/shared/ui/carousel/model/types.d.ts +2 -2
- package/dist/types/lib/shared/ui/carousel/ui/RenderSlides.d.ts +2 -2
- package/dist/types/lib/shared/ui/carousel/ui/slideVariants/{SlideProductCard.d.ts → SlideMultipleCards.d.ts} +4 -4
- package/dist/types/lib/shared/ui/carousel/ui/slideVariants/index.d.ts +1 -1
- package/dist/types/lib/widgets/carouselBlock/CarouselBlock.d.ts +5 -1
- package/package.json +1 -1
- package/dist/lib/shared/ui/carousel/ui/slideVariants/SlideProductCard.js.map +0 -1
|
@@ -24,7 +24,7 @@ export interface CarouselProps<V extends SlideVariant> {
|
|
|
24
24
|
autoPlayOptions?: AutoplayOptionsType;
|
|
25
25
|
navigationOptions?: NavigationOptions;
|
|
26
26
|
stepsList?: StepListItemType[];
|
|
27
|
-
|
|
27
|
+
carouselClasses?: CarouselClasses;
|
|
28
28
|
}
|
|
29
|
-
export declare const Carousel: <V extends SlideVariant>({ carouselOptions, navigationOptions, autoPlayOptions, slidesOptions, setVisibleIndex, visibleIndex, heading, stepsList,
|
|
29
|
+
export declare const Carousel: <V extends SlideVariant>({ carouselOptions, navigationOptions, autoPlayOptions, slidesOptions, setVisibleIndex, visibleIndex, heading, stepsList, carouselClasses }: CarouselProps<V>) => import("react/jsx-runtime").JSX.Element;
|
|
30
30
|
export {};
|
|
@@ -2,7 +2,7 @@ import { EmblaOptionsType } from 'embla-carousel';
|
|
|
2
2
|
import { AutoplayOptionsType } from 'embla-carousel-autoplay';
|
|
3
3
|
import { NavigationOptions } from './types';
|
|
4
4
|
export declare const SLIDE_VARIANT: {
|
|
5
|
-
readonly
|
|
5
|
+
readonly multipleCards: "multipleCards";
|
|
6
6
|
readonly fullScreen: "fullScreen";
|
|
7
7
|
readonly stepsList: "stepsList";
|
|
8
8
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SlideFullScreenProps,
|
|
1
|
+
import { SlideFullScreenProps, SlideMultipleCardsProps, SlideStepsListProps } from '../ui';
|
|
2
2
|
import { SLIDE_VARIANT } from './constant';
|
|
3
3
|
export type SlideVariant = keyof typeof SLIDE_VARIANT;
|
|
4
4
|
export type SlidesConfig = {
|
|
@@ -7,7 +7,7 @@ export type SlidesConfig = {
|
|
|
7
7
|
};
|
|
8
8
|
type SlideVariantPropsMap = {
|
|
9
9
|
fullScreen: SlideFullScreenProps;
|
|
10
|
-
|
|
10
|
+
multipleCards: SlideMultipleCardsProps;
|
|
11
11
|
stepsList: SlideStepsListProps;
|
|
12
12
|
};
|
|
13
13
|
export type SlidesVariantProps<T extends SlideVariant> = SlideVariantPropsMap[T];
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { CarouselProps } from '../Carousel';
|
|
2
2
|
import { SlideVariant } from '../model';
|
|
3
|
-
import { SlideFullScreenClasses,
|
|
3
|
+
import { SlideFullScreenClasses, SlideMultipleCardsClasses, SlideStepsListClasses } from './slideVariants';
|
|
4
4
|
export type RenderSlidesClasses = {
|
|
5
5
|
renderSlidesWrapper?: string;
|
|
6
|
-
slideProductCardClasses?:
|
|
6
|
+
slideProductCardClasses?: SlideMultipleCardsClasses;
|
|
7
7
|
slideFullScreenClasses?: SlideFullScreenClasses;
|
|
8
8
|
slideStepsListClasses?: SlideStepsListClasses;
|
|
9
9
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ButtonProps } from '../../../button';
|
|
2
2
|
import { SlidesConfig } from '../../model';
|
|
3
|
-
export type
|
|
3
|
+
export type SlideMultipleCardsClasses = {
|
|
4
4
|
root?: string;
|
|
5
5
|
wrapper?: string;
|
|
6
6
|
textWrapper?: string;
|
|
@@ -9,7 +9,7 @@ export type SlideProductCardClasses = {
|
|
|
9
9
|
image?: string;
|
|
10
10
|
button?: string;
|
|
11
11
|
};
|
|
12
|
-
export interface
|
|
12
|
+
export interface SlideMultipleCardsProps {
|
|
13
13
|
slidesConfig: SlidesConfig;
|
|
14
14
|
title?: string;
|
|
15
15
|
description?: string;
|
|
@@ -18,6 +18,6 @@ export interface SlideProductCardProps {
|
|
|
18
18
|
alt: string;
|
|
19
19
|
};
|
|
20
20
|
buttonProps?: ButtonProps;
|
|
21
|
-
slideProductCardClasses?:
|
|
21
|
+
slideProductCardClasses?: SlideMultipleCardsClasses;
|
|
22
22
|
}
|
|
23
|
-
export declare const
|
|
23
|
+
export declare const SlideMultipleCards: ({ title, imgProps, description, buttonProps, slideProductCardClasses, slidesConfig }: SlideMultipleCardsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { CarouselProps, SlideVariant } from '../../shared/ui';
|
|
2
|
-
export interface CarouselBlockProps<V extends SlideVariant> extends CarouselProps<V> {
|
|
2
|
+
export interface CarouselBlockProps<V extends SlideVariant> extends Omit<CarouselProps<V>, 'setVisibleIndex' | 'visibleIndex'> {
|
|
3
|
+
classes?: {
|
|
4
|
+
root?: string;
|
|
5
|
+
container?: string;
|
|
6
|
+
};
|
|
3
7
|
}
|
|
4
8
|
export declare const CarouselBlock: <V extends SlideVariant>(props: CarouselBlockProps<V>) => import("react/jsx-runtime").JSX.Element;
|
|
5
9
|
export default CarouselBlock;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SlideProductCard.js","sources":["../../../../../../../lib/shared/ui/carousel/ui/slideVariants/SlideProductCard.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '../../../button'\nimport { extractNumberFromString, type SlidesConfig } from '../../model'\nimport styles from './slide.module.css'\nimport { cn } from '$/shared/utils'\n\nexport type SlideProductCardClasses = {\n root?: string\n wrapper?: string\n textWrapper?: string\n title?: string\n description?: string\n image?: string\n button?: string\n}\n\nexport interface SlideProductCardProps {\n slidesConfig: SlidesConfig\n title?: string\n description?: string\n imgProps?: {\n src: string\n alt: string\n }\n buttonProps?: ButtonProps\n slideProductCardClasses?: SlideProductCardClasses\n}\n\nexport const SlideProductCard = ({\n title,\n imgProps,\n description,\n buttonProps,\n slideProductCardClasses,\n slidesConfig\n}: SlideProductCardProps) => {\n const deskCardWidth = extractNumberFromString(slidesConfig.deskSlideWidth)\n const mobCardWidth = extractNumberFromString(slidesConfig.mobSlideWidth)\n\n return (\n <div>\n <div\n style={{\n // @ts-expect-error Для ISR нельзя использовать useDevice\n '--mobile-width': `${mobCardWidth}px`,\n '--desktop-width': `${deskCardWidth}px`\n }}\n className={cn(\n 'flex h-full shrink-0 flex-grow flex-col justify-between rounded-md bg-[#F3F4F7] p-4 desktop:p-6',\n styles.slideWidth,\n slideProductCardClasses?.root\n )}\n >\n <div className={cn('flex flex-col gap-2', slideProductCardClasses?.wrapper)}>\n <div className={cn('flex flex-col gap-2', slideProductCardClasses?.textWrapper)}>\n {title && <h3 className={cn('desk-title-bold-s text-color-dark', slideProductCardClasses?.title)}>{title}</h3>}\n {description && (\n <p className={cn('desk-body-medium-l text-color-tetriary', slideProductCardClasses?.description)}>{description}</p>\n )}\n </div>\n {imgProps && imgProps?.src && (\n <img\n className={cn('w-full object-contain', slideProductCardClasses?.image)}\n src={imgProps?.src}\n alt={imgProps?.alt}\n />\n )}\n </div>\n\n {buttonProps && (\n <Button size='sm' className={cn('w-full', slideProductCardClasses?.button)} {...buttonProps}>\n {buttonProps?.children || 'Оформить заявку'}\n </Button>\n )}\n </div>\n </div>\n )\n}\n"],"names":["SlideProductCard","title","imgProps","description","buttonProps","slideProductCardClasses","slidesConfig","deskCardWidth","extractNumberFromString","mobCardWidth","jsxs","cn","styles","jsx","Button"],"mappings":"wPA2BO,MAAMA,EAAmB,CAAC,CAC/B,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,YAAAC,EACA,wBAAAC,EACA,aAAAC,CACF,IAA6B,CAC3B,MAAMC,EAAgBC,EAAwBF,EAAa,cAAc,EACnEG,EAAeD,EAAwBF,EAAa,aAAa,EAEvE,SACG,MAAA,CACC,SAAAI,EAAC,MAAA,CACC,MAAO,CAEL,iBAAkB,GAAGD,CAAY,KACjC,kBAAmB,GAAGF,CAAa,IAAA,EAErC,UAAWI,EACT,kGACAC,EAAO,WACPP,GAAyB,IAAA,EAG3B,SAAA,CAAAK,EAAC,OAAI,UAAWC,EAAG,sBAAuBN,GAAyB,OAAO,EACxE,SAAA,CAAAK,EAAC,OAAI,UAAWC,EAAG,sBAAuBN,GAAyB,WAAW,EAC3E,SAAA,CAAAJ,GAASY,EAAC,MAAG,UAAWF,EAAG,oCAAqCN,GAAyB,KAAK,EAAI,SAAAJ,CAAA,CAAM,EACxGE,KACE,IAAA,CAAE,UAAWQ,EAAG,yCAA0CN,GAAyB,WAAW,EAAI,SAAAF,CAAA,CAAY,CAAA,EAEnH,EACCD,GAAYA,GAAU,KACrBW,EAAC,MAAA,CACC,UAAWF,EAAG,wBAAyBN,GAAyB,KAAK,EACrE,IAAKH,GAAU,IACf,IAAKA,GAAU,GAAA,CAAA,CACjB,EAEJ,EAECE,GACCS,EAACC,EAAA,CAAO,KAAK,KAAK,UAAWH,EAAG,SAAUN,GAAyB,MAAM,EAAI,GAAGD,EAC7E,SAAAA,GAAa,UAAY,iBAAA,CAC5B,CAAA,CAAA,CAAA,EAGN,CAEJ"}
|