@ledgerhq/native-ui 0.55.0 → 0.56.0-nightly.20260213030552
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/lib/components/Layout/Slides/Content.d.ts +9 -0
- package/lib/components/Layout/Slides/Content.d.ts.map +1 -0
- package/lib/components/Layout/Slides/Content.js +7 -0
- package/lib/components/Layout/Slides/Footer.d.ts +5 -0
- package/lib/components/Layout/Slides/Footer.d.ts.map +1 -0
- package/lib/components/Layout/Slides/Footer.js +5 -0
- package/lib/components/Layout/Slides/ProgressIndicator.d.ts +5 -0
- package/lib/components/Layout/Slides/ProgressIndicator.d.ts.map +1 -0
- package/lib/components/Layout/Slides/ProgressIndicator.js +5 -0
- package/lib/components/Layout/Slides/Slide.d.ts +7 -0
- package/lib/components/Layout/Slides/Slide.d.ts.map +1 -0
- package/lib/components/Layout/Slides/Slide.js +13 -0
- package/lib/components/Layout/Slides/Slides.d.ts +23 -0
- package/lib/components/Layout/Slides/Slides.d.ts.map +1 -0
- package/lib/components/Layout/Slides/Slides.js +115 -0
- package/lib/components/Layout/Slides/context.d.ts +22 -0
- package/lib/components/Layout/Slides/context.d.ts.map +1 -0
- package/lib/components/Layout/Slides/context.js +9 -0
- package/lib/components/Layout/Slides/index.d.ts +20 -0
- package/lib/components/Layout/Slides/index.d.ts.map +1 -0
- package/lib/components/Layout/Slides/index.js +16 -0
- package/lib/components/Layout/Slides/utils.d.ts +3 -0
- package/lib/components/Layout/Slides/utils.d.ts.map +1 -0
- package/lib/components/Layout/Slides/utils.js +4 -0
- package/lib/components/Layout/index.d.ts +1 -0
- package/lib/components/Layout/index.d.ts.map +1 -1
- package/lib/components/Layout/index.js +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
3
|
+
import { Slide } from "./Slide";
|
|
4
|
+
export declare function Content(props: React.ComponentProps<typeof View>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare namespace Content {
|
|
6
|
+
var Item: typeof Slide;
|
|
7
|
+
}
|
|
8
|
+
export type ContentElement = React.ReactElement<React.ComponentPropsWithoutRef<typeof Content>, typeof Content>;
|
|
9
|
+
//# sourceMappingURL=Content.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Slides/Content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,wBAAgB,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAE/D;yBAFe,OAAO;;;AAMvB,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,YAAY,CAC7C,KAAK,CAAC,wBAAwB,CAAC,OAAO,OAAO,CAAC,EAC9C,OAAO,OAAO,CACf,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
3
|
+
export declare function Footer(props: React.ComponentProps<typeof View>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export type FooterElement = React.ReactElement<React.ComponentPropsWithoutRef<typeof Footer>, typeof Footer>;
|
|
5
|
+
//# sourceMappingURL=Footer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Slides/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAE9D;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,YAAY,CAC5C,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,EAC7C,OAAO,MAAM,CACd,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Animated from "react-native-reanimated";
|
|
3
|
+
export declare function ProgressIndicator(props: React.ComponentProps<typeof Animated.View>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export type ProgressIndicatorElement = React.ReactElement<React.ComponentPropsWithoutRef<typeof ProgressIndicator>, typeof ProgressIndicator>;
|
|
5
|
+
//# sourceMappingURL=ProgressIndicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Slides/ProgressIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAE/C,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,2CAElF;AAED,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,YAAY,CACvD,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,EACxD,OAAO,iBAAiB,CACzB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
3
|
+
declare const SlideComponent: (props: React.ComponentProps<typeof View>) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare function Slide(props: React.ComponentProps<typeof SlideComponent>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export type SlideElement = React.ReactElement<React.ComponentPropsWithoutRef<typeof Slide>, typeof Slide>;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=Slide.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Slides/Slide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,QAAA,MAAM,cAAc,UAAW,MAAM,cAAc,CAAC,WAAW,CAAC,4CAE/D,CAAC;AAQF,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAEvE;AAED,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAC3C,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,EAC5C,OAAO,KAAK,CACb,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { StyleSheet, View } from "react-native";
|
|
3
|
+
const SlideComponent = (props) => {
|
|
4
|
+
return _jsx(View, { ...props, style: [styles.slide, props.style] });
|
|
5
|
+
};
|
|
6
|
+
const styles = StyleSheet.create({
|
|
7
|
+
slide: {
|
|
8
|
+
flex: 1,
|
|
9
|
+
},
|
|
10
|
+
});
|
|
11
|
+
export function Slide(props) {
|
|
12
|
+
return _jsx(SlideComponent, { ...props });
|
|
13
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ViewStyle, FlatListProps } from "react-native";
|
|
3
|
+
import { type ProgressIndicatorElement } from "./ProgressIndicator";
|
|
4
|
+
import { type ContentElement } from "./Content";
|
|
5
|
+
import { type FooterElement } from "./Footer";
|
|
6
|
+
declare const AnimatedFlatList: React.ComponentClass<import("react-native-reanimated").AnimatedProps<FlatListProps<unknown>>, any>;
|
|
7
|
+
type SlidesChild = ContentElement | FooterElement | ProgressIndicatorElement;
|
|
8
|
+
export type SlidesProps = {
|
|
9
|
+
children: SlidesChild | SlidesChild[];
|
|
10
|
+
onSlideChange?: (index: number) => void;
|
|
11
|
+
initialSlideIndex?: number;
|
|
12
|
+
style?: ViewStyle;
|
|
13
|
+
/**
|
|
14
|
+
* Custom component to use instead of the default AnimatedFlatList.
|
|
15
|
+
* For instance, inside gorhom/bottom-sheet, we need to pass FlatList from react-native-gesture-handler.
|
|
16
|
+
* Make sure it is wrapped in Animated.createAnimatedComponent
|
|
17
|
+
*/
|
|
18
|
+
as?: typeof AnimatedFlatList;
|
|
19
|
+
testID?: string;
|
|
20
|
+
} & Omit<FlatListProps<React.ReactElement>, "data" | "renderItem" | "keyExtractor" | "horizontal" | "pagingEnabled" | "showsHorizontalScrollIndicator" | "onScroll" | "scrollEventThrottle" | "onMomentumScrollEnd" | "getItemLayout" | "initialScrollIndex" | "ref">;
|
|
21
|
+
export declare function Slides({ children, onSlideChange, initialSlideIndex, style, testID, as, ...flatListProps }: SlidesProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export {};
|
|
23
|
+
//# sourceMappingURL=Slides.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slides.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Slides/Slides.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAOL,SAAS,EACT,aAAa,EACd,MAAM,cAAc,CAAC;AAQtB,OAAO,EAAqB,KAAK,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAEvF,OAAO,EAAW,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAGtD,QAAA,MAAM,gBAAgB,oGAA6C,CAAC;AAEpE,KAAK,WAAW,GAAG,cAAc,GAAG,aAAa,GAAG,wBAAwB,CAAC;AAE7E,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,EAAE,CAAC,EAAE,OAAO,gBAAgB,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,IAAI,CACN,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,EAC/B,MAAM,GACN,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,eAAe,GACf,gCAAgC,GAChC,UAAU,GACV,qBAAqB,GACrB,qBAAqB,GACrB,eAAe,GACf,oBAAoB,GACpB,KAAK,CACR,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,aAAa,EACb,iBAAqB,EACrB,KAAK,EACL,MAAM,EACN,EAAqB,EACrB,GAAG,aAAa,EACjB,EAAE,WAAW,2CA+Jb"}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React, { useCallback, useMemo, useState } from "react";
|
|
3
|
+
import { FlatList, StyleSheet, View, } from "react-native";
|
|
4
|
+
import Animated, { useAnimatedRef, useAnimatedScrollHandler, useSharedValue, } from "react-native-reanimated";
|
|
5
|
+
import { SlidesContext } from "./context";
|
|
6
|
+
import { ProgressIndicator } from "./ProgressIndicator";
|
|
7
|
+
import { Slide } from "./Slide";
|
|
8
|
+
import { Content } from "./Content";
|
|
9
|
+
import { Footer } from "./Footer";
|
|
10
|
+
import { isElementOfType } from "./utils";
|
|
11
|
+
const AnimatedFlatList = Animated.createAnimatedComponent(FlatList);
|
|
12
|
+
export function Slides({ children, onSlideChange, initialSlideIndex = 0, style, testID, as = AnimatedFlatList, ...flatListProps }) {
|
|
13
|
+
const ListComponent = as;
|
|
14
|
+
const flatListRef = useAnimatedRef();
|
|
15
|
+
const [width, setWidth] = useState(0);
|
|
16
|
+
const [currentIndex, setCurrentIndex] = useState(initialSlideIndex);
|
|
17
|
+
const scrollProgressSharedValue = useSharedValue(initialSlideIndex);
|
|
18
|
+
const handleContainerLayout = useCallback((event) => {
|
|
19
|
+
const { width: containerWidth } = event.nativeEvent.layout;
|
|
20
|
+
if (containerWidth > 0 && containerWidth !== width) {
|
|
21
|
+
setWidth(containerWidth);
|
|
22
|
+
}
|
|
23
|
+
}, [width]);
|
|
24
|
+
const slideChildren = useMemo(() => {
|
|
25
|
+
const content = React.Children.toArray(children).find((child) => isElementOfType(child, Content));
|
|
26
|
+
if (!content) {
|
|
27
|
+
return [];
|
|
28
|
+
}
|
|
29
|
+
return React.Children.toArray(content.props.children).filter((child) => isElementOfType(child, Slide));
|
|
30
|
+
}, [children]);
|
|
31
|
+
const totalSlides = slideChildren.length;
|
|
32
|
+
const goToSlide = useCallback((index) => {
|
|
33
|
+
if (index >= 0 && index < totalSlides) {
|
|
34
|
+
flatListRef.current?.scrollToIndex({ index, animated: true });
|
|
35
|
+
}
|
|
36
|
+
}, [totalSlides]);
|
|
37
|
+
const goToNext = useCallback(() => {
|
|
38
|
+
if (currentIndex < totalSlides - 1) {
|
|
39
|
+
goToSlide(currentIndex + 1);
|
|
40
|
+
}
|
|
41
|
+
}, [currentIndex, totalSlides, goToSlide]);
|
|
42
|
+
const goToPrevious = useCallback(() => {
|
|
43
|
+
if (currentIndex > 0) {
|
|
44
|
+
goToSlide(currentIndex - 1);
|
|
45
|
+
}
|
|
46
|
+
}, [currentIndex, goToSlide]);
|
|
47
|
+
const scrollHandler = useAnimatedScrollHandler({
|
|
48
|
+
onScroll: (event) => {
|
|
49
|
+
if (width > 0) {
|
|
50
|
+
scrollProgressSharedValue.value = event.contentOffset.x / width;
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
});
|
|
54
|
+
const handleMomentumScrollEnd = useCallback((event) => {
|
|
55
|
+
if (width <= 0)
|
|
56
|
+
return;
|
|
57
|
+
const offsetX = event.nativeEvent.contentOffset.x;
|
|
58
|
+
const newIndex = Math.round(offsetX / width);
|
|
59
|
+
if (newIndex !== currentIndex) {
|
|
60
|
+
setCurrentIndex(newIndex);
|
|
61
|
+
onSlideChange?.(newIndex);
|
|
62
|
+
}
|
|
63
|
+
}, [width, currentIndex, onSlideChange]);
|
|
64
|
+
const getItemLayout = useCallback((_, index) => ({
|
|
65
|
+
length: width,
|
|
66
|
+
offset: width * index,
|
|
67
|
+
index,
|
|
68
|
+
}), [width]);
|
|
69
|
+
const renderItem = useCallback((info) => {
|
|
70
|
+
return _jsx(View, { style: { width, flex: 1 }, children: info.item });
|
|
71
|
+
}, [width]);
|
|
72
|
+
const contextValue = useMemo(() => ({
|
|
73
|
+
currentIndex,
|
|
74
|
+
totalSlides,
|
|
75
|
+
goToNext,
|
|
76
|
+
goToPrevious,
|
|
77
|
+
goToSlide,
|
|
78
|
+
flatListRef,
|
|
79
|
+
scrollProgressSharedValue,
|
|
80
|
+
}), [currentIndex, totalSlides, goToNext, goToPrevious, goToSlide]);
|
|
81
|
+
const renderOrderedChildren = useCallback(() => {
|
|
82
|
+
return React.Children.map(children, (child) => {
|
|
83
|
+
if (isElementOfType(child, Content)) {
|
|
84
|
+
if (width <= 0) {
|
|
85
|
+
return null;
|
|
86
|
+
}
|
|
87
|
+
return (_jsx(ListComponent, { ref: flatListRef, data: slideChildren, renderItem: renderItem, keyExtractor: (_, index) => `slide-${index}`, horizontal: true,
|
|
88
|
+
// @ts-expect-error - pagingEnabled exists but typescript does not seem to know about it
|
|
89
|
+
pagingEnabled: true, showsHorizontalScrollIndicator: false, onScroll: scrollHandler, scrollEventThrottle: 16, onMomentumScrollEnd: handleMomentumScrollEnd, getItemLayout: getItemLayout, initialScrollIndex: initialSlideIndex, ...flatListProps }, "slides-content"));
|
|
90
|
+
}
|
|
91
|
+
if (isElementOfType(child, Footer) || isElementOfType(child, ProgressIndicator)) {
|
|
92
|
+
return child;
|
|
93
|
+
}
|
|
94
|
+
return null;
|
|
95
|
+
});
|
|
96
|
+
}, [
|
|
97
|
+
children,
|
|
98
|
+
width,
|
|
99
|
+
slideChildren,
|
|
100
|
+
renderItem,
|
|
101
|
+
scrollHandler,
|
|
102
|
+
handleMomentumScrollEnd,
|
|
103
|
+
getItemLayout,
|
|
104
|
+
initialSlideIndex,
|
|
105
|
+
flatListProps,
|
|
106
|
+
ListComponent,
|
|
107
|
+
flatListRef,
|
|
108
|
+
]);
|
|
109
|
+
return (_jsx(SlidesContext.Provider, { value: contextValue, children: _jsx(View, { testID: testID, style: [styles.container, style], onLayout: handleContainerLayout, children: renderOrderedChildren() }) }));
|
|
110
|
+
}
|
|
111
|
+
const styles = StyleSheet.create({
|
|
112
|
+
container: {
|
|
113
|
+
flex: 1,
|
|
114
|
+
},
|
|
115
|
+
});
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { FlatList } from "react-native";
|
|
3
|
+
import { useSharedValue } from "react-native-reanimated";
|
|
4
|
+
export declare const SlidesContext: React.Context<{
|
|
5
|
+
currentIndex: number;
|
|
6
|
+
totalSlides: number;
|
|
7
|
+
goToNext: () => void;
|
|
8
|
+
goToPrevious: () => void;
|
|
9
|
+
goToSlide: (index: number) => void;
|
|
10
|
+
flatListRef: React.RefObject<FlatList<React.ReactElement> | null>;
|
|
11
|
+
scrollProgressSharedValue: ReturnType<typeof useSharedValue<number>>;
|
|
12
|
+
} | null>;
|
|
13
|
+
export declare const useSlidesContext: () => {
|
|
14
|
+
currentIndex: number;
|
|
15
|
+
totalSlides: number;
|
|
16
|
+
goToNext: () => void;
|
|
17
|
+
goToPrevious: () => void;
|
|
18
|
+
goToSlide: (index: number) => void;
|
|
19
|
+
flatListRef: React.RefObject<FlatList<React.ReactElement> | null>;
|
|
20
|
+
scrollProgressSharedValue: ReturnType<typeof useSharedValue<number>>;
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Slides/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,eAAO,MAAM,aAAa;kBACV,MAAM;iBACP,MAAM;cACT,MAAM,IAAI;kBACN,MAAM,IAAI;uBACL,MAAM,KAAK,IAAI;iBACrB,MAAM,SAAS,CAAC,SAAS,MAAM,YAAY,CAAC,GAAG,IAAI,CAAC;+BACtC,WAAW,sBAAsB,MAAM,CAAC,CAAC;SACvD,CAAC;AAEhB,eAAO,MAAM,gBAAgB;kBATb,MAAM;iBACP,MAAM;cACT,MAAM,IAAI;kBACN,MAAM,IAAI;uBACL,MAAM,KAAK,IAAI;iBACrB,MAAM,SAAS,CAAC,SAAS,MAAM,YAAY,CAAC,GAAG,IAAI,CAAC;+BACtC,WAAW,sBAAsB,MAAM,CAAC,CAAC;CASrE,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { createContext, useContext } from "react";
|
|
2
|
+
export const SlidesContext = createContext(null);
|
|
3
|
+
export const useSlidesContext = () => {
|
|
4
|
+
const context = useContext(SlidesContext);
|
|
5
|
+
if (!context) {
|
|
6
|
+
throw new Error("useSlidesContext must be used within a Slides component");
|
|
7
|
+
}
|
|
8
|
+
return context;
|
|
9
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ProgressIndicator } from "./ProgressIndicator";
|
|
3
|
+
import { type SlidesProps } from "./Slides";
|
|
4
|
+
import { Content } from "./Content";
|
|
5
|
+
import { Footer } from "./Footer";
|
|
6
|
+
interface SlidesCompound {
|
|
7
|
+
(props: SlidesProps): React.ReactElement;
|
|
8
|
+
ProgressIndicator: typeof ProgressIndicator;
|
|
9
|
+
Content: typeof Content;
|
|
10
|
+
Footer: typeof Footer;
|
|
11
|
+
}
|
|
12
|
+
declare const Slides: SlidesCompound;
|
|
13
|
+
export { Slides };
|
|
14
|
+
export type { SlidesProps };
|
|
15
|
+
export { Slide } from "./Slide";
|
|
16
|
+
export { ProgressIndicator } from "./ProgressIndicator";
|
|
17
|
+
export { Content } from "./Content";
|
|
18
|
+
export { Footer } from "./Footer";
|
|
19
|
+
export { useSlidesContext } from "./context";
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Slides/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAA6B,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,UAAU,cAAc;IACtB,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC;IACzC,iBAAiB,EAAE,OAAO,iBAAiB,CAAC;IAC5C,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,MAAM,EAAE,OAAO,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,MAAM,EAAE,cAOb,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { ProgressIndicator } from "./ProgressIndicator";
|
|
3
|
+
import { Slides as SlidesComponent } from "./Slides";
|
|
4
|
+
import { Content } from "./Content";
|
|
5
|
+
import { Footer } from "./Footer";
|
|
6
|
+
const Slides = Object.assign((props) => _jsx(SlidesComponent, { ...props }), {
|
|
7
|
+
ProgressIndicator,
|
|
8
|
+
Content,
|
|
9
|
+
Footer,
|
|
10
|
+
});
|
|
11
|
+
export { Slides };
|
|
12
|
+
export { Slide } from "./Slide";
|
|
13
|
+
export { ProgressIndicator } from "./ProgressIndicator";
|
|
14
|
+
export { Content } from "./Content";
|
|
15
|
+
export { Footer } from "./Footer";
|
|
16
|
+
export { useSlidesContext } from "./context";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Slides/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,EACxE,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,SAAS,EAAE,CAAC,GACX,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAEnE"}
|
|
@@ -8,4 +8,5 @@ export { default as ScrollContainerHeader } from "./ScrollContainerHeader";
|
|
|
8
8
|
export { default as ScrollListContainer } from "./ScrollListContainer";
|
|
9
9
|
export { default as Row } from "./Table/Row";
|
|
10
10
|
export * from "./List";
|
|
11
|
+
export { Slides, useSlidesContext } from "./Slides";
|
|
11
12
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,aAAa,CAAC;AAC7C,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,aAAa,CAAC;AAC7C,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -8,3 +8,4 @@ export { default as ScrollContainerHeader } from "./ScrollContainerHeader";
|
|
|
8
8
|
export { default as ScrollListContainer } from "./ScrollListContainer";
|
|
9
9
|
export { default as Row } from "./Table/Row";
|
|
10
10
|
export * from "./List";
|
|
11
|
+
export { Slides, useSlidesContext } from "./Slides";
|